@charset "utf-8";
@import url('https://webfontworld.github.io/vitro/VitroCore.css');

.pc-img {display:block;}
.mo-img {display:none;}

/*Header*/
.header {position:absolute; top:0; width:100%; color: #fff; z-index: 100}
.header .logo {display: block; position: absolute; left: 50px; top:30px; height: 50px; width: 300px; background: url('../images/logo_kai.svg') no-repeat left center; background-size: contain; text-indent: -9999px}
/* .header .btn_apply {position: absolute; right: 50px; top:50px; display: flex; align-items: center; justify-content: center; width: 140px; height: 140px;} */
.header .btn_apply {position:fixed; right: 50px; top:50px; display: flex; align-items: center; justify-content: center; width: 140px; height: 140px;}
.header .btn_apply span {font-weight: 700; font-size: 18px}
.header .btn_apply span.change {color:#111;}
.header .btn_apply .txt .b-img {display:none;}
.header .btn_apply .txt.change .w-img {display:none;}
.header .btn_apply .txt.change .b-img {display:block;}
.header .btn_apply .txt {
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    animation: circle 10s infinite linear;
    transition: .6s;
}
@keyframes circle {
    0%{transform:rotate(0)}
    100%{transform:rotate(360deg)}
}

.flex-center {display: -webkit-box; display: -moz-box;  display: -ms-flexbox;  display: flex; -webkit-box-pack: justify; -moz-justify-content: center;  -ms-flex-pack: justify; justify-content: center; -webkit-box-align: center;  -moz-align-items: center;  -ms-flex-align: center;  align-items: center;}
.flex-box { display: -webkit-box; display: -moz-box;  display: -ms-flexbox;  display: flex;  }

.justify-content-center { -webkit-box-pack: justify; -moz-justify-content: center;  -ms-flex-pack: justify; justify-content: center;}
.justify-content-start { -webkit-box-pack: justify; -moz-justify-content: flex-start;  -ms-flex-pack: justify;  justify-content: flex-start;  }
.justify-content-end { -webkit-box-pack: justify; -moz-justify-content: flex-end;  -ms-flex-pack: justify;  justify-content: flex-end }
.justify-content-between { -webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.justify-content-around { -webkit-box-pack: justify; -moz-justify-content: space-around; -ms-flex-pack: justify; justify-content: space-around;}
.justify-content-evenly { -webkit-box-pack: justify; -moz-justify-content: space-evenly; -ms-flex-pack: justify; justify-content: space-evenly;}

.align-items-center { -webkit-box-align: center;  -moz-align-items: center;  -ms-flex-align: center;  align-items: center; }
.align-items-start { -webkit-box-align: start;  -moz-align-items: flex-start;  -ms-flex-align: start;  align-items: flex-start; }
.align-items-end { -webkit-box-align: end; -moz-align-items: flex-end;  -ms-flex-align: end;  align-items: flex-end; }
.align-items-baseline { -webkit-box-align: baseline;  -moz-align-items: baseline;  -ms-flex-align: baseline; align-items: baseline; }

.flex-column { -webkit-box-orient: vertical;  -moz-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column;}
.flex-row { -webkit-box-orient: horizontal;  -moz-flex-direction: row;  -ms-flex-direction: row;  flex-direction: row;} 
.flex-column-reverse { -webkit-box-orient: vertical;  -webkit-box-direction: reverse;  -moz-flex-direction: column-reverse;  -ms-flex-direction: column-reverse;  flex-direction: column-reverse;}
.flex-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse;  -moz-flex-direction: row-reverse;  -ms-flex-direction: row-reverse;  flex-direction: row-reverse;}


/**/
.visual_wrap {position: relative; background: #000 url('../images/gra.gif') repeat-x bottom; padding: 0 0 600px; /*padding: 0 0 800px;*/ background-size: auto 350px; overflow: hidden}
.visual_wrap .copyBox {position: absolute; left: 50%; top:13vw; transform: translate(-50%, 0); z-index: 10; /*overflow: hidden*/}
.visual_wrap .copyBox .msg {color: #fff; font-size: 52px; text-align: center; font-weight: 100; margin-bottom: 20px; letter-spacing: -1px}
.visual_wrap .copyBox .msg em {font-family: 'Spoqa Han Sans Neo'; font-weight: 100}
.visual_wrap .copyBox .title {width: 40vw; margin: auto; text-align:center;}
/* .visual_wrap .copyBox .title>img{width:100%;} */
.visual_wrap .copyBox .title>img{width:100%; max-width:653px;}
.visual_wrap .copyBox .apply-day {color:#000102; font-size:20px; width:417px; height:62px; border-radius:31px; background-color:rgba(255, 255, 255, 0.8); font-weight:bold; margin:56px auto 0;}
.visual_wrap .copyBox .hello-ceo {margin-top:80px;}
.visual_wrap .copyBox .hello-ceo-box {background-color:#ddf0f5; background-image:url('../images/helloceo_back.png'); border-radius:20px; padding:25px 117px 70px; box-sizing:border-box; position: relative;}
.visual_wrap .copyBox .hello-ceo-box .airplane-img {position:absolute; top:71px; left:-70px;}
.visual_wrap .copyBox .hello-ceo-box .cloud-img {position:absolute; bottom:31px; right:12px; z-index:1;}
.visual_wrap .copyBox .hello-ceo-box .img-box {text-align:center; position:relative; box-sizing: border-box;}
.visual_wrap .copyBox .hello-ceo-box .welcome-list .img-box { padding:20px;}
.visual_wrap .copyBox .hello-ceo-box .welcome-list .img-box img {width:100%;}
.visual_wrap .copyBox .hello-ceo-box .info-txt {width:100%; position:absolute; bottom:33px; } 
.visual_wrap .copyBox .hello-ceo-box .info-txt-box {background-color:#fff; border:3px solid #00ccff; border-radius:25px; height:50px; width:fit-content; padding:0 20px; box-sizing:border-box;}
.visual_wrap .copyBox .hello-ceo-box .info-txt-box > p {font-size:18px; font-weight:bold;}
.visual_wrap .copyBox .hello-ceo-box .info-txt-box > p:first-of-type {padding-right:16px; position:relative;}
.visual_wrap .copyBox .hello-ceo-box .info-txt-box > p:first-of-type:after {position:absolute; display:block; content:''; clear:both; width:1px; height:15px; background-color:#989898; top:50%; margin-top:-7.5px; left:100%;}
.visual_wrap .copyBox .hello-ceo-box .info-txt-box > p:last-of-type {padding-left:16px;}
.visual_wrap .copyBox .hello-ceo-box .welcome-txt-box {position:relative; top:-25px;}
.visual_wrap .copyBox .hello-ceo-box .welcome-txt {font-size:18px; font-weight:bold; color:#001a21;}
.visual_wrap .copyBox .hello-ceo-box .welcome-list {position:relative; top:-15px;}
.visual_wrap .copyBox .hello-ceo-box .welcome-list > ul {display:grid; grid-template-columns:1fr 1fr 1fr; gap:30px;}
.visual_wrap .copyBox .hello-ceo-box .welcome-list > ul > li {border-radius:10px; border:1px solid #00ccff; background-color:#fff; min-height:209px; position:relative; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}
.visual_wrap .copyBox .hello-ceo-box .welcome-list > ul > li:hover { border: 3px solid transparent; background-image: linear-gradient(to right, #0659c1 0%, #b854fe 100%),  linear-gradient(to right, #0659c1 0%,  #b854fe 100%); background-origin: border-box; background-clip: content-box, border-box;}
.visual_wrap .copyBox .hello-ceo-box .welcome-list > ul > li:hover .txt-box {display:flex; transition:.2s;}
.visual_wrap .copyBox .hello-ceo-box .welcome-list > ul > li .txt-box {position:absolute; left:0; top:0; width:100%; height:100%; border-radius:10px; background-image: linear-gradient(to right, #0659c1 0%, #b854fe 100%); display:none;}
.visual_wrap .copyBox .hello-ceo-box .welcome-list > ul > li .txt-box .dpb {display:block;}
.visual_wrap .copyBox .hello-ceo-box .welcome-list > ul > li .txt-box > p {font-size:22px; color:#fff; padding:20px; box-sizing:border-box; text-align:center;}
.visual_wrap .copyBox .hello-ceo-box .prev-apply-btn {max-width:300px; margin:0 auto;  -webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}
.visual_wrap .copyBox .hello-ceo-box .prev-apply-btn span {margin-left:0;}

.vodBox {position: relative}
.vodBox:before {content: ""; position: absolute; left: 0; right: 0; top:0; height: 100%; background: rgba(0,0,0,.5); z-index: 1;}
.vodBox:after {
	content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 20vw;
	background: rgb(0,0,0);
	background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.mov_list {width: 1240px; margin:93px auto 0; text-align: center}
.mov_list:after {display:block; clear: both; content: ""}
.mov_list li {display:inline-block; width: calc(100% / 3 - 4px);}
.mov_list li a {display: block; margin: 0 20px}
.mov_list .thumb {border-radius: 10px; overflow:hidden; overflow: hidden}
.mov_list .thumb img {
    /* max-width: 100%; */
    width: 100%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: scale(1.0, 1.0);
    -ms-transform: scale(1.0, 1.0);
    transform: scale(1.0, 1.0);
}

.mov_list a:hover .thumb img { -webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }


.mov_list .cont {width: auto; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 20px; margin-top:20px}
.mov_list .cont .play {display:block; width: 30px; margin-right: 10px}
.mov_list li:nth-child(4),
.mov_list li:nth-child(5){margin-top: 80px}

/**/
.row_tbl .row .cont .tbl_lag {width: 100%; border-left: 1px solid #000; margin-top: 40px}
.row_tbl .row .cont .tbl_lag th {height: 50px; padding: 0 !important; font-size: 16px}
.row_tbl .row .cont .tbl_lag th:nth-child(even){background: #333}
.row_tbl .row .cont .tbl_lag td {font-size: 16px; word-wrap:break-word;}
.row_tbl .row .cont ul:last-of-type {margin-top:20px;}
.row_tbl .row .cont ul li:not(:last-of-type) {margin-bottom:10px;}
.row_tbl .row .cont ul li span {display:block; font-size: 0.8em;}

/**/
.container {margin-top: 100px}
.container.mt0 {margin-top: 0px}
.content {clear: both; position:relative; max-width: 1200px; margin: 0 auto;}


/**/
/* .page_title {max-width: 500px; margin:0 auto 150px} */
.page_title { margin:0 auto 150px;}
.page_title img{width:100%;}
.page_title h3 {font-family: 'VitroCore'; font-size:50px; text-align:center; white-space:nowrap; font-weight: bold;}
.page_title h3 span {font-family: 'VitroCore'; text-align:center; background-origin: border-box; background-clip: content-box, border-box; background: linear-gradient(to right, #0072ff, #b954ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent; font-weight: inherit;}

/* .row_tbl {} */
.row_tbl .row {display: flex; align-items:flex-start; justify-content: flex-start; margin-bottom: 100px; width: 100%; font-size: 24px; line-height: 1.5}
.row_tbl .row strong {display: block; width:250px; flex-shrink: 0; font-size: 30px; font-weight: 700}
.row_tbl .row .cont {flex-grow: 1;}
.row_tbl .row .cont img {max-width: 100%}
.row_tbl .row .cont .tbl {width: 100%; margin: 20px 0; font-size: 16px;  border-left: 1px solid #000}
.row_tbl .row .cont th {color: #fff; background: #000; text-align: center; padding: 10px 0;  border-right: 1px solid #000}
.row_tbl .row .cont td {text-align: center; padding: 10px 0; border-bottom: 1px solid #000; border-right: 1px solid #000}

.recruit_step li {display: inline-block;  margin-right: 30px}
.recruit_step li .block {position: relative; display: flex; height: 60px; align-items: center; justify-content: center; background: #eee; padding: 0 15px 0 20px; font-size: 18px; border-radius: 10px}
.recruit_step li .block:before {
	content: "";
	position: absolute;
	right: -24px;
	border-top: 30px solid transparent;
	border-left: 30px solid #eee;
	border-bottom: 30px solid transparent;
}
.list{width:100%;}
.list li{display:block; position:relative; padding-left:15px; margin-bottom: 20px;}
.list li::before{content:""; display: block; width: 5px; height: 5px; background: #fff; border-radius: 50%; position: absolute; top:7px; left:0; }
.list li:last-child {margin: 0}
.list li.msg {padding: 0 !important;}
.list li.msg:before {display: none}

.list.bk li::before {background: #000; top:14px;}
.list.bk li em {width: 150px; display: inline-block; font-weight: 700}

/**/
#job_03 .list {display: block; padding:50px; background: #f5f5f5; border-radius: 15px; margin: 30px 0; font-size: 18px}
#job_03 .list li {position: relative; padding-left: 80px; margin-bottom: 20px; line-height: 1.5}
#job_03 .list li:last-child {margin: 0}
#job_03 .list.bk li::before {display: none}
#job_03 .list.bk em {position: absolute; left: 0; top:0}
#job_03 .etc {font-size: 16px; line-height: 1.5; color: #999}
#job_03 .list li.tell {padding: 0; margin-bottom: 40px}
#job_03 .list li.tell p {font-size: 22px; font-weight: 700; text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 20px}

/*직무 아코디언*/
.section_title {font-size: 30px; font-weight: 700; margin-bottom: 30px}
.section_copy {font-size: 24px; line-height: 1.5; margin:-20px 0 30px 0}
.tab_kai {display: flex; align-items: center; justify-content: center; margin:0 0 50px;}
.tab_kai li {position: relative; padding:0 20px; display: inline-block;}
/* .tab_kai li:first-child:before {content: ""; width: 1px; height:30px; top:50%; margin-top: -15px; position: absolute; right: 0; background: #ddd; z-index: 1} */
.tab_kai li a {position: relative; cursor: pointer}
.tab_kai li.job_college span {display: block; height: 80px; width: 220px;  background: url('../images/txt_college.png') no-repeat center center; text-indent: -9999px}
.tab_kai li.job_ms span {display: block; height: 80px; width: 220px;  background: url('../images/txt_ms.png') no-repeat center center; text-indent: -9999px}
.tab_kai li.ui-state-active.job_college span { background: url('../images/txt_college_on.png') no-repeat center center;}
.tab_kai li.ui-state-active.job_ms span { background: url('../images/txt_ms_on.png') no-repeat center center;}

#job_02 #Accordion_wrap {position:relative;}
/* #job_02 #Accordion_wrap:after {position:absolute; display:block; content:''; clear:both; width:100%; height:100%; left:0; top:0; border-radius:17px; background-image:linear-gradient(0deg, rgba(0,0,0,0.8) 27%, rgba(255,255,255,0.8) 100%); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);} */
#job_02 #Accordion_wrap .accordion-txt { position:absolute; bottom:125px; z-index:5; width:100%; padding:0 10px;}
#job_02 #Accordion_wrap .accordion-txt h3 {font-family: 'VitroCore'; font-size:60px; color:#fff; text-align:center; word-break:keep-all;}
#job_02 #Accordion_wrap .accordion-txt .gradient {background-origin: border-box;background-clip: content-box, border-box;background:linear-gradient(to right, #0072ff, #b954ff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color:transparent;}

.acco_box {background-color: #000; border-radius: 20px; margin: 0 0 10px 0; overflow: hidden}
.acco_box:last-child {margin: 0}

.que {display:flex;position: relative; padding:28px 40px; cursor: pointer; font-size: 24px;align-items:center;justify-content:space-between;}
.que .title {font-weight: 700; font-size: 26px; line-height: 1; color: #fff; display: flex; align-items: center;}
.que .title .cate { 
	display: flex; align-items: center; justify-content: center; 
	height: 35px; color: #fff; font-size: 16px; 
	border-radius: 50px; width: 100px; 
	border: 2px solid transparent;
    background-origin: border-box;
    background-clip: content-box, border-box;
	margin-right: 20px;
}
.que .title .cate.style01 { background-image: linear-gradient(#000, #000), linear-gradient(to right, #0072ff, #b954ff);}
.que .title .cate.style02 { background-image: linear-gradient(#000, #000), linear-gradient(to right, #ff9000, #ffd667);}
.que .title .cate.style03 { background-image: linear-gradient(#000, #000), linear-gradient(to right, #00ffab, #54c3ff);}
.que .title .cate.style04 { background-image: linear-gradient(#000, #000), linear-gradient(to right, #ff007e, #ff67c5);}

.que .copy {font-size: 1rem; line-height: 1}
.que .copy em {font-size: 1rem; color: #2ac1bc}
.que .lotation{display:flex;padding-right:40px;align-items:center;font-size:18px;color:#fff;}
.que .lotation h3{margin-right:5px;}


.que:before {content: ""; position: absolute; right: 50px; top:50%; margin-top: -13px; display: block; width: 25px; height: 25px;  background: url('../images/arrow1-1.png') no-repeat center center; background-size:20px;} 
/* .que.on {}
.que.on>span{} */
.que.on:before {content: ""; position: absolute; right: 50px; top:50%; margin-top: -13px; display: block; width: 25px; height: 25px;  background: url('../images/arrow1-2.png') no-repeat center center; background-size:20px;  } 
  
.anw {
  display: none;
  overflow: hidden;
  padding:40px 40px;
  border-top:0;
  word-break: keep-all;
  border-top:1px solid #333;
  color: #fff;
}
.view_job {position: relative}
/* .view_job .block {} */
.view_job .block {margin-bottom: 30px}
.view_job .block:last-child {margin: 0}
.view_job .block h3 {margin-bottom: 10px; font-weight: 700}
.view_job .block h4 {margin-bottom: 10px; font-weight: normal; margin-top: 20px;}
.view_job .block h3 + h4 {margin-top: 0;}
.view_job .block.lotation {position: absolute; right: 0; top:0}
.view_job .block.portfolio {position: absolute; left: 50%; top: 0;}
.view_job .block.portfolio .emp {display: block; margin-bottom: 10px; color: #fc0}
.view_job .block.portfolio strong {display: inline-flex; align-items: center; justify-content: center; padding: 0 20px; background: #ccc; color: #000; font-weight: 800; height: 36px; border-radius: 4px; margin: 20px 0}

/**/
.btn_wrap {text-align: center; margin: 50px 0 100px; display: flex; align-items: center; justify-content: center;}
a.btn_gra,
.btn_gra {
	display:flex; align-items: center; justify-content: center; height: 60px; padding: 0 40px; color: #fff; font-weight: 700; font-size: 20px; border-radius: 100px; margin: 0 10px; line-height: 1;
	background: #0659c1; /* Old browsers */
	background: -moz-linear-gradient(left,  #0659c1 0%, #b854fe 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #0659c1 0%,#b854fe 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #0659c1 0%,#b854fe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0659c1', endColorstr='#b854fe',GradientType=1 ); /* IE6-9 */
}
.btn_gra .arrow {width: 20px; margin-left: 20px}
.btn_gra .pdf {width: 20px; margin-right:10px}
.btn_gra img {max-width: 100%}

/**/
.fix_bar {
	position: fixed; left: 0; right: 0; bottom: 0; z-index: 100;
	padding: 0 50px;
	display:flex; align-items: center; justify-content:space-between;
	height: 100px;
	background: #0659c1; /* Old browsers */
	background: -moz-linear-gradient(left,  #0659c1 0%, #b854fe 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #0659c1 0%,#b854fe 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #0659c1 0%,#b854fe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0659c1', endColorstr='#b854fe',GradientType=1 ); /* IE6-9 */
}
.fix_bar .title {display: flex; align-items: center; color: #fff; font-size: 30px; font-weight: 700; line-height: 1; letter-spacing: -1px}
.fix_bar .logo {width: 80px; margin-right: 20px}
.fix_bar .btn_gra {background: none; border: 2px solid #fff; margin: 0}
.fix_bar.display_m {display: flex; height: 60px}
.fix_bar.display_m .arrow {width: 20px}
.fix_bar.display_m .arrow img {width: 100%}

.img_box {margin-bottom: 80px;}
.img_box img {width: 100%;}
/* 메타버스 */
.meta_wrap {border-radius: 20px; overflow: hidden; margin-bottom: 200px}
.meta_wrap .visual img {width: 100%}
.meta_wrap .cont {padding: 0 80px 80px;
	background: #78add9; /* Old browsers */
	background: -moz-linear-gradient(left,  #78add9 0%, #32be74 50%, #cade71 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #78add9 0%,#32be74 50%,#cade71 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #178fc7 0%, #12ced7 89%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78add9', endColorstr='#4482d0',GradientType=1 ); /* IE6-9 */
}
.meta_wrap .cont .box {background: #fff; border-radius: 20px; padding: 50px; display: flex; flex-wrap: wrap}
.meta_wrap .cont .box .left {flex-grow: 1;}
.meta_wrap .cont .box .right {flex-shrink: 0; width: 300px; border-left: 1px solid #eee; flex-direction: column; display: flex; align-items: center; margin-right: -40px}
/* .meta_wrap .cont .box .txt {} */
.meta_wrap .cont .box .txt li {display: flex; align-items:flex-start; margin-bottom: 20px; line-height: 1.5; font-size: 18px}
.meta_wrap .cont .box .txt li:last-child {margin: 0}
.meta_wrap .cont .box .txt em {flex-shrink: 0; width: 150px; font-weight: 700; font-size: 20px}
.meta_wrap .cont .box .qr {width: 120px; margin: 20px auto 40px; box-sizing: border-box; }
.meta_wrap .cont .box .qr img {width: 100%}

/*footer*/
.footer {background: #f5f5f5; padding: 50px; text-align: center; font-size: 0.7rem; color: #999;font-weight: 400; letter-spacing: 0}
.footer .inner {max-width: 1200px; margin: auto}
.footer address{font-size: 0.7rem;font-weight: 400; padding: 5px 0;}
.footer address strong{font-size: 0.7rem; font-weight: 700; color: #888;}
.footer span{font-size: 0.4rem;font-weight: 400}

/* pop */
.dim_pop {position: fixed; top:0; left: 0; right: 0; height: 100%; background: rgba(0,0,0,.9); z-index: 100; display: flex; align-items: center; justify-content: center}
.pop_wrap {color: #fff; position: relative; top:50%; transform: translate(0, -50%); max-width: 1000px; margin: auto; z-index: 101;}
.pop_wrap .mov_list {display: flex; align-items: center; justify-content: center; width: auto; margin-top: 30px}
.pop_wrap .mov_list li:nth-child(4), .pop_wrap .mov_list li:nth-child(5) {margin: 0}
.pop_wrap .mov_list .cont {font-size: 12px}
.pop_wrap .mov_list li {width:15%}
.pop_wrap .mov_list li a {margin: 0 10px; box-shadow: none;}
.pop_wrap .mov_list li a .txt {font-size: 12px; height: 20px; line-height: 1; padding-top: 5px}
.pop_wrap .mov_list .thumb {border-radius: 10px; border: 2px solid #000; box-shadow: none}
.dim_pop .btn_close {display: block; width: 60px; height: 60px; background: #000 url('../images/btn_close_wh.png') no-repeat center center; background-size: 30px; position: fixed; left: 50%; bottom: 0; transform: translate(-50%, 0); text-indent: -99999px;}
.pop_wrap .mov_list li.on .thumb {
	border-radius: 10px;
	border: 2px solid transparent;
    background-origin: border-box;
    background-clip: content-box, border-box;
	background-image: linear-gradient(#000, #000), linear-gradient(to right, #0072ff, #b954ff);
	overflow: hidden;
}

.mov_list li.ui-state-active .thumb {
	border-radius: 10px;
	border: 2px solid transparent;
    background-origin: border-box;
    background-clip: content-box, border-box;
	background-image: linear-gradient(#000, #000), linear-gradient(to right, #0072ff, #b954ff);
	overflow: hidden;
}



/*2023년도*/
/* #event{margin-bottom:120px;} */
#event .cont{position:relative;width:100%;margin-bottom:120px;padding:50px 75px 60px;border-radius:20px;border:3px solid #000;}
#event .cont::after{content:'';display:block;position:absolute;top:70px;right:75px;z-index:-1;width:351px;height:255px;background:url(../images/event-bg.png);background-size:contain;background-repeat:no-repeat;}

#event .event-tit{margin-bottom:20px;}
#event .event-tit p{display: flex; align-items: center; justify-content: center; 
	height: 40px;  
	border-radius: 20px; width: 120px; 
	border: 2px solid transparent;
    background-origin: border-box;
    background-clip: content-box, border-box;background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #0072ff, #b954ff);}

#event .event-tit p span{ display:inline-block;background-origin: border-box;background-clip: content-box, border-box;background:linear-gradient(to right, #0072ff, #b954ff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color:transparent;font-weight:600;font-size:18px;}
#event .event-tit img{height:40px;margin-top:30px;}
#event .con-txt{position:relative;font-size:20px;color:#666666;line-height:1.5;}
#event .con-txt .insta-deco{background-origin: border-box;background-clip: content-box, border-box;background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color:transparent;font-weight:700;}
#event .con-txt .under{display:table;position:relative;margin-top:30px;text-decoration: underline;font-weight:600;color:#000;font-size:22px;line-height:1.5;}
#event .con-txt .under::before{content:'';display:block;position:absolute;top:-20px;right:-160px;z-index:-1;width:140px;height:114px;background:url(../images/event-deco2.jpg);background-repeat:no-repeat;background-size:contain;}
#event .qr-area{position:absolute;bottom:20px;right:20px;width:120px;height:120px;overflow:hidden;background:#fff;}
#event .qr-area img{width:100%;}
#event .con-txt ul li {font-size:20px; color:#666666;}
#event .con-txt ul li .insta-id {color:#a14cff;}

/*리크루팅*/
/* #jobfair{margin:120px auto;} */
#jobfair .table-wrap{overflow:hidden;width:100%;margin-bottom:120px;border-radius:20px;border:3px solid #000;}
#jobfair .th-lst{display:flex;background: #0659c1; /* Old browsers */
	background: -moz-linear-gradient(left,  #0659c1 0%, #b854fe 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #0659c1 0%,#b854fe 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #0659c1 0%,#b854fe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0659c1', endColorstr='#b854fe',GradientType=1 ); /* IE6-9 */}
#jobfair .th-lst li{position:relative;width:20%;padding:25px 0;color:#fff;text-align:center;font-weight:600;font-size:20px;}
#jobfair .th-lst li::after{content:'';display:block;position:absolute;top:50%;right:0;width:1px;height:20px;background:rgba(255,255,255,.2);transform:translateY(-50%)}
#jobfair .td-lst{display:flex;flex-wrap:wrap;}
#jobfair .td-lst>li{width:20%;padding:25px 20px;background:#fff;cursor: pointer;border-top:1px solid #ddd;border-right:1px solid #ddd;font-size:18.5px;}
#jobfair .td-lst>li:nth-child(5n){border-right:none;}
#jobfair .td-lst>li .day{margin-bottom:16px;font-weight:700;font-size:22px;color:#aaaaaa;}
#jobfair .fair-lst li{display:flex;margin:7px 0;align-items:center;justify-content:space-between;}
/* #jobfair .fair-lst li span{display:inline-block;} */
.tag { 
	display: flex; align-items: center; justify-content: center; 
	height: 26px;  font-size: 14px; 
	border-radius: 13px; width: 57px; 
	border: 2px solid transparent;
    background-origin: border-box;
    background-clip: content-box, border-box;

}
.tag.fair { background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #0072ff, #b954ff);color: #5957dd;}
.tag.pres { background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #ff9000, #ffd667);color: #ff9e19;}
.tag.couns { background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #000, #000);color: #000;}
.tag-area{display:flex;align-items:center;}
/* #jobfair .tag-area-ot{width:60px;flex-wrap: wrap;} */

#jobfair li[data-modal="modal-0317"] .fair-lst li:last-child{align-items: flex-start;}
#jobfair li[data-modal="modal-0317"] .tag-area{width:60px;flex-wrap: wrap;justify-content:flex-end;}
#jobfair li[data-modal="modal-0320"] .fair-lst li:last-child{align-items: flex-start;}
#jobfair li[data-modal="modal-0320"] .tag-area{width:60px;flex-wrap: wrap;justify-content:flex-end;}


/* #jobfair li[data-modal="modal-0323"] .fair-lst li, #jobfair li[data-modal="modal-0324"] .fair-lst li{flex-wrap: wrap;}
#jobfair li[data-modal="modal-0323"] .fair-lst li .tag, #jobfair li[data-modal="modal-0324"] .fair-lst li .tag{margin-top:5px;} */

#jobfair .tag-area .tag:nth-child(1){margin-right:5px;}
#jobfair li[data-modal="modal-0317"] .tag-area .tag:nth-child(1){margin-bottom:5px;margin-right:0;}
/* #jobfair .tag-area-ot .tag:nth-child(1){margin-bottom:5px;margin-right:0;} */

#jobfair .cont {position:relative;}
/*  */
/* #jobfair .cont .coming-txt {display:none;} */
/* #jobfair .cont .coming-txt {position:absolute; top:50%; transform:translateY(-50%); z-index:3; left:0; width:100%;} */
/* #jobfair .cont .coming-txt h3 {font-family: 'VitroCore'; font-size:50px; width:100%; text-align:center;} */
/* #jobfair .cont:after {position:absolute; display:block; content:''; clear:both; width:100%; height:100%; left:0; top:0; border-radius:15px; background-color:rgba(255, 255, 255, 0.5); border:3px solid #000; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);} */

/* .lang-lst{display:flex;margin-top:10px;} */
.lang-lst{margin:10px 0;font-size:20px;color:#666666;}
.lang-lst span{font-size:18px;color:#dddddd;}

/*복리후생*/
/* #benefits{margin-bottom:120px;} */
#benefits .tab_bene {display: flex; align-items: center; justify-content: center; margin:0 0 50px;}
#benefits .tab_bene li {position: relative; padding:0 35px; display: inline-block;}
#benefits .tab_bene li::before {content: ""; width: 1px; height:30px; top:50%; margin-top: -15px; position: absolute; right: 0px; background: #ddd; z-index: 2}
#benefits .tab_bene li:last-child:before{display:none;}
#benefits .tab_bene li a {position: relative; cursor: pointer}
#benefits .tab_bene li.ui-state-active.bene1 a img{content:url(../images/txt_bene1_on.png);}
#benefits .tab_bene li.ui-state-active.bene2 a img{content:url(../images/txt_bene2_on.png);}
#benefits .tab_bene li.ui-state-active.bene3 a img{content:url(../images/txt_bene3_on.png);}
#benefits .tab_bene li.ui-state-active.bene4 a img{content:url(../images/txt_bene4_on.png);}

.benefits_slider {overflow: hidden;}
#benefits .bene-con{width:100%; }
#benefits .bene-con .con-wrap{display:flex;overflow:hidden;width:100%;height:760px;margin-bottom:120px;border-radius:20px;background-color:#000;color:#fff;}
#benefits .bene-con .con-wrap>div{position:relative;width:50%;}
#benefits .bene-con .con-wrap .con-l{background-size:cover;}
#benefits .bene-con .con-wrap .con-l .con-tit{position:absolute;bottom:90px;left:90px;}
#benefits .bene-con .con-wrap .con-l .con-tit h3{font-size:50px;font-weight:700;margin-bottom:20px;}
#benefits .bene-con .con-wrap .con-l .con-tit p{font-size:30px;}
#benefits .bene-con .con-wrap .con-r{display:flex;flex-direction:column;padding:90px;align-items:center;justify-content:center;}
#benefits .bene-con .con-wrap .con-r ul{display:flex;width:100%;height:100%;justify-content: space-between;flex-direction:column;}
#benefits .bene-con .con-wrap .con-r ul li{display:flex;width:100%;align-items: flex-start;justify-content: space-between;}
#benefits .bene-con .con-wrap .con-r ul li .con-img{width:20%;}
#benefits .bene-con .con-wrap .con-r ul li .con-txt{width:80%;}
#benefits .bene-con .con-wrap .con-r ul li h4{margin-bottom:20px;font-size:26px;font-weight:600;}
#benefits .bene-con .con-wrap .con-r ul li p{font-size:17px;line-height:1.4;}
#benefits .swiper-button-prev {left: -50px;}
#benefits .swiper-button-next {right: -50px;}
#benefits .swiper-button-next, #benefits .swiper-button-prev {color: #1a1a1a}

#bene1 .con-l{background:linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.35) 23%, rgba(0,0,0,0) 55%),url(../images/img_bene1.jpg) top center;}
#bene2 .con-l{background:linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.35) 23%, rgba(0,0,0,0) 55%),url(../images/img_bene2.jpg) top;}
#bene3 .con-l{background:linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.35) 23%, rgba(0,0,0,0) 55%),url(../images/img_bene3.jpg) 20% 50%;}
#bene4 .con-l{background:linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.35) 23%, rgba(0,0,0,0) 55%),url(../images/img_bene4.jpg) 30% 50%;}

/* #tabs [aria-hidden="false"] .con-wrap{transition-delay:.3s;opacity:1;transition:.6s} */

/* background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.35) 23%, rgba(0,0,0,0) 55%), url(../img/portfolio/scr_largo.jpg); */


.br-lang{display:none;}

/*modals*/
.modal-container{display:none;position:fixed;top:0;left:0;z-index:999;width:100%;height:100vh;background-color:rgba(0,0,0,.7);}
.modal-wrap{display:none;position:absolute;top:50%;left:50%;width:900px;padding:45px 35px;border-radius:20px;transform: translate(-50%, -50%);background:#fff;}
.modal-top{display:flex;margin-bottom:20px;justify-content:space-between;align-items:flex-start;}
.modal-top a img{width:20px;}
.modal-top h3 {font-size: 30px; font-weight: 700}
.modal-top h3 span {font-size: 24px; color: #999; font-weight: 700; margin-left:15px}
.modal-con .con-top{display:flex;width:100%;justify-content: space-between;align-items:center;padding:25px 25px;background:#000;color:#fff;}
.modal-con .con-bottom{display:none;padding:25px 30px;background:#000;color:#fff;font-size:20px;}
.modal-con .con-bottom p{line-height:1.5;}
.modal-con>ul>li{width:100%;margin:10px 0;cursor:pointer;border-radius:20px;overflow:hidden;}
.modal-con>ul>li h4{display:flex;align-items:center;}
.modal-con .con-bottom p.btn_wrap {margin-bottom: 30px;}
.modal-con .popup-apply-btn {max-width:102px; height:38px; margin:0; padding:0 10px; font-weight:normal; box-sizing:border-box;}

.modal-container .tag{width:90px;height:38px;margin-right:20px;font-size:18px;border-radius:19px;}
.modal-container .tag-area .tag:first-child{margin-right:5px;}
.modal-container .tag.fair { background-image: linear-gradient(#000, #000), linear-gradient(to right, #0072ff, #b954ff);color: #fff;}
.modal-container .tag.pres { background-image: linear-gradient(#000, #000), linear-gradient(to right, #ff9000, #ffd667);color: #fff;}
.modal-container .tag.couns { background-image: linear-gradient(#000, #000), linear-gradient(to right, #fff, #fff);color: #fff;}
.modal-container .uni{font-size:26px;font-weight:600;}


#job_02 .anw .block>p{margin-bottom:20px;line-height:1.5;}
#job_02 .anw .list li{margin-bottom:10px;}

/* .modal-container .modal-0313 .tag.fair:first-of-type {margin-right:0;} */




/*********   미디어쿼리   **********/
@media screen and (max-width: 1500px) {
	/* .visual_wrap {padding: 0 0 1750px;} */
	.visual_wrap .copyBox .msg {font-size: 40px}
	.visual_wrap .copyBox .title {width: 50vw}
	
	.fix_bar {padding: 0 30px; height: 85px}
	.fix_bar .title {font-size: 26px}
	.fix_bar .logo {width: 65px; margin-right: 10px}
	a.btn_gra, .btn_gra {height: 50px; padding: 0 30px; font-size: 18px}
	
	.row_tbl .row,
	.section_copy {font-size: 22px}
	.row_tbl .row strong,
	.section_title {font-size: 26px}
	.list li {margin-bottom: 10px}
	
	.que .title {font-size: 26px}
	.que,
	.anw {padding: 30px 40px}
	.que:before, .que.on:before{right:40px;}
	.que .lotation{font-size:16px;}
	
}

@media screen and (max-width: 1340px) {
	.visual_wrap .copyBox .hello-ceo {padding:0 40px;}
	.visual_wrap .copyBox .hello-ceo-box .welcome-list > ul > li .txt-box > p .dpb3 {display:block;}
}

@media screen and (max-width:1260px) {
	.br-1260{display:none;}
	.header .logo {left: 30px; width: 250px; height: 40px}
	.header .btn_apply {width: 120px; height: 120px; right: 30px; top:30px}
	.header .btn_apply .txt img {width: 100%}
	.header .btn_apply span {font-size: 16px}
	
	.content {margin: 0 30px}
	.meta_wrap .cont {padding: 0 50px 50px}
	/* .visual_wrap {padding: 0 0 75vw;} */
	.visual_wrap .copyBox {top:20vw; left: 0; right: 0; transform: translate(0,0);}
	.mov_list {width:calc(100% - 30px); margin: 130px auto 0}
	.mov_list li:nth-child(4), .mov_list li:nth-child(5) {margin-top: 50px}
	
	/* .page_title {max-width: 700px} */
	.row_tbl .row {margin-bottom: 80px}
	
	.meta_wrap .cont .box {flex-direction: column}
	.meta_wrap .cont .box .right {width: 100%; border: 0; align-items: center;}


	/**/
	#jobfair .th-lst li{font-size:18px;}
	#jobfair .td-lst>li{font-size:15px;}
	/* #jobfair .fair-lst li span:nth-child(2){display:none;} */
	#jobfair .fair-lst .tag-area{flex-wrap:wrap;width:57px;}
	#jobfair .tag-area .tag:nth-child(1){margin-right:0;margin-bottom:5px;}
	/* #jobfair .fair-lst li{align-items: flex-start;} */
	#jobfair li[data-modal="modal-0313"] .fair-lst li{align-items:flex-start;}
	#benefits .bene-con .con-wrap .con-r{padding:80px 50px;}
	#benefits .bene-con .con-wrap .con-l .con-tit{bottom:80px;left:50px;}
	#benefits .swiper-button-next, #benefits .swiper-button-prev {display: none;}
	
	.br-lang{display:block;}
	
	.view_job .block.portfolio {position: relative; top:auto; left: auto}
	#job_02 #Accordion_wrap .accordion-txt h3 .dpb {display:block;}
}


@media screen and (max-width:1024px){
	/* .visual_wrap {padding: 0 0 2000px;} */
	#event .cont{padding:50px 30px 110px;}
	#event .cont::after{top:50px;right:30px;width:280px;}
	#event .con-txt .under{font-size:20px;}
	#event .qr-area{bottom:20px;right:20px;}

	.modal-wrap{width:90%;}
	.modal-top h3{width:300px;}
	.modal-top h3>img{width:100%;}
	.modal-container .tag{width:80px;height:32px;font-size:15px;}
	.modal-container .uni{font-size:25px;}
	.modal-con .con-bottom, .modal-con .popup-apply-btn {font-size:17px;}

	
	#benefits .bene-con .con-wrap .con-l .con-tit h3{font-size:40px;}
	#benefits .bene-con .con-wrap .con-l .con-tit p{font-size:20px;}
	#benefits .bene-con .con-wrap .con-r ul li .con-img{width:15%;}
	#benefits .bene-con .con-wrap .con-r ul li .con-img img{width:30px;}
	#benefits .bene-con .con-wrap .con-r ul li .con-img.he-df img{width:20px;}
	#benefits .bene-con .con-wrap .con-r ul li h4{font-size:20px;}
	#benefits .bene-con .con-wrap .con-r ul li p{font-size:14px;}

	#benefits .tab_bene li{padding:0 25px;}
	#benefits .bene-con .con-wrap{height:700px;}

	/* .visual_wrap .copyBox .hello-ceo-box .welcome-list > ul {grid-template-columns:1fr 1fr;} */
	.visual_wrap .copyBox .hello-ceo-box {padding:25px 50px 70px;}
	.visual_wrap .copyBox .hello-ceo-box .info-txt-box > p {font-size:14px;}
	/* .visual_wrap .copyBox .hello-ceo-box li:first-of-type .img-box {transform:scale(0.8);} */
	/* .visual_wrap .copyBox .hello-ceo-box .welcome-list > ul > li .img-box {transform:scale(0.7);} */
	/* #job_02 #Accordion_wrap .accordion-txt h3 {font-size:55px;} */
} 

@media screen and (max-width:1000px){
	#jobfair .tag, #jobfair .tag-area{display:none;}
	.br-pc{display:none;}
	#jobfair .section_title::after {
		content:'※ 일정을 누르면 상세내용을 확인할 수 있습니다.';
		display:block;margin-top:15px;
		color:rgb(194, 194, 194);font-size:14px;font-weight:400;
	}

	.visual_wrap .copyBox .hello-ceo-box .welcome-list > ul {gap:15px;}
}

@media screen and (max-width:800px) {
	#job_02 #Accordion_wrap .accordion-txt h3 .dpb {display:inline;}
	#job_02 #Accordion_wrap .accordion-txt h3 .dpb2 {display:block;}

}


@media screen and (max-width:768px) {
	.pc-img {display:none;}
	.mo-img {display:block;}

	/* .visual_wrap {padding: 0 0 450px;} */
	.visual_wrap {padding: 0 0 300px;}
	.mov_list {margin:70px auto 0;}
	/* .visual_wrap {padding: 0 0 45vw; background-size: auto 230px;} */
	.visual_wrap .copyBox {top:200px}
	.visual_wrap .copyBox .msg {font-size: 30px}
	.visual_wrap .copyBox .title {width: 70vw}
	.mov_list .cont {font-size: 12px}
	.mov_list .cont .play {width: 20px}
	
	.fix_bar .title {font-size: 20px}
	.fix_bar .logo {width: 50px}
	.que .title {font-size: 24px}
	.que .title .cate {font-size: 14px; width: 75px}
	.que, .anw {padding: 25px 30px}
	.que:before,
	.que.on:before {right: 30px; background-size: 16px}
	
	.page_title {width: 80%; margin: 0 auto 100px;text-align:center;}
	.meta_wrap {margin-bottom: 150px}
	.meta_wrap .cont .box .txt em {width: 100px}
	.meta_wrap .cont .box {padding: 40px; }
	.meta_wrap .cont .box .txt li {font-size: 16px}
	.meta_wrap .cont .box .txt em {font-size: 18px}
	.meta_wrap .cont {padding: 0 30px 30px}
	
	.row_tbl .row,
	.section_copy {font-size: 20px}
	.lang-lst{font-size:17px;}
	.lang-lst span{font-size:15px;}
	.row_tbl .row strong {font-size: 22px; width: 150px}
	.section_title  {font-size: 22px}
	.list.bk li em {width: 100px}
	
	.tab_kai li.job_college span,
	.tab_kai li.job_ms span {background-size: 80%}
	.tab_kai li.ui-state-active.job_college span,
	.tab_kai li.ui-state-active.job_ms span {background-size: 80%}
	.tab_kai li {padding: 0}
	
	.vodBox {width: 200%; margin-left: -50%}

	.visual_wrap .copyBox .hello-ceo-box .cloud-img {right:-50px; bottom:3px;}
	.visual_wrap .copyBox .hello-ceo-box {padding:4px 35px 30px; background-size:50%;}

	/**/

	
	#jobfair .th-lst li{padding:15px 0;font-size:13px;}
	#jobfair .td-lst{font-size:10px;}
	#jobfair .td-lst>li{padding:10px;}
	#jobfair .fair-lst li{margin:5px 0;font-size:13px;}
	#jobfair .td-lst>li .day{margin-bottom:10px;font-size:14px;}
	.fix_bar{padding:0 15px;}
	.fix_bar .btn_gra{padding:0 20px;}

	#event .cont{margin-bottom:80px;padding:30px 15px 90px;}
	#event .event-tit p{width:90px;height:30px;}
	#event .event-tit p span{font-size:14px;}
	#event .event-tit img{content:url(../images/event-tit-m.png);height:auto;width:60%;margin-top:20px;}
	#event .con-txt{font-size:16px;}
	
	#event .con-txt .under::before{width:120px;right:-140px;}
	#event .con-txt .under{margin-top:30px;font-size:17px;line-height:1.4;}
	#event .qr-area{right:0px;bottom:15px;width:90px;height:90px;}

	
	#jobfair .table-wrap{margin-bottom:80px;}

	.modal-con>ul>li{border-radius:15px;}
	.modal-top{margin-bottom:20px;}
	.modal-wrap{padding:30px 25px;}
	.modal-con .con-top{padding:20px 15px;}
	.modal-top h3{width:200px;}
	.modal-con .con-top .arrow{width:15px;}
	.modal-con .con-top .arrow img{width:100%;}
	.modal-container .tag{width:70px;height:27px;font-size:13px;}
	.modal-container .uni{font-size:18px;}
	.modal-con .con-bottom{padding:25px 15px;font-size:14px;}
	.modal-con .popup-apply-btn {font-size:14px;}
	.modal-container .tag{margin-right:15px;}
	.modal-top a img{width:16px;}

	.que .lotation{padding-right:30px;font-size:12px;}
	.que .lotation h3{display:none;}

	#benefits .bene-con .con-wrap{height:auto;margin-bottom:80px;padding:50px;flex-direction:column;}
	#benefits .bene-con .con-wrap>div{width:100%;}
	#benefits .bene-con .con-wrap>.con-l{padding-bottom:30px;background:#000;}
	#benefits .bene-con .con-wrap>.con-r{position:relative;padding:30px 0 0 0;}
	#benefits .bene-con .con-wrap>.con-l .con-tit{position:static;}
	#benefits .bene-con .con-wrap .con-l .con-tit h3{font-size:35px;}
	#benefits .bene-con .con-wrap .con-l .con-tit p{font-size:15px;}
	#benefits .bene-con .con-wrap .con-r ul::before{content:'';display:block;width:100%;height:25vh;margin-bottom:35px;background-size:cover;background-position:center center;}
	#benefits .bene-con .con-wrap .con-r ul li{margin:15px 0;}
	#benefits .tab_bene{margin:30px 0;}
	#benefits .tab_bene li{padding:0 20px;}
	#benefits .tab_bene li a img{height:30px;}
	#benefits .bene-con .con-wrap .con-r ul li .con-txt{width:83%;}
	#benefits .bene-con .con-wrap>.con-l{padding-bottom:20px;}
	#benefits .bene-con .con-wrap>.con-r{padding:20px 0 0 0;}

	#benefits #bene1 .con-wrap .con-r ul::before{background-image:url(../images/img_bene1_m.jpg)}
	#benefits #bene2 .con-wrap .con-r ul::before{background-image:url(../images/img_bene2_m.jpg)}
	#benefits #bene3 .con-wrap .con-r ul::before{background-image:url(../images/img_bene3_m.jpg)}
	#benefits #bene4 .con-wrap .con-r ul::before{background-image:url(../images/img_bene4_m.jpg)}

	#event .cont::after {
		top: 30px;
		right: 20px;
		width: 190px;}

	#job_02 #Accordion_wrap .accordion-txt h3 {font-size:50px;}
	
	.page_title h3 {font-size:40px;}
	.visual_wrap .copyBox .hello-ceo-box .welcome-list > ul {grid-template-columns:1fr 1fr; gap:30px;}
	.visual_wrap .copyBox .hello-ceo-box .welcome-list > ul > li {flex-direction:column;}
	.visual_wrap .copyBox .hello-ceo-box .welcome-list > ul > li:nth-of-type(1) {order:1;}
	.visual_wrap .copyBox .hello-ceo-box .welcome-list > ul > li:nth-of-type(2) {order:2;}
	.visual_wrap .copyBox .hello-ceo-box .welcome-list > ul > li:nth-of-type(3) {order:4;}
	.visual_wrap .copyBox .hello-ceo-box .welcome-list > ul > li:nth-of-type(4) {order:3;}
	.visual_wrap .copyBox .hello-ceo-box .welcome-list > ul > li:nth-of-type(5) {order:5;}
	.visual_wrap .copyBox .hello-ceo-box .welcome-list > ul > li:nth-of-type(6) {order:6;}
	.visual_wrap .copyBox .hello-ceo-box .welcome-list > ul > li .txt-box {display:block; position:static; border-radius:0; background-image:none; height:auto;}
	.visual_wrap .copyBox .hello-ceo-box .welcome-list > ul > li:hover {border:1px solid #00ccff; background-image:none; background-origin: unset; background-clip: unset;}
	.visual_wrap .copyBox .hello-ceo-box .welcome-list > ul > li .txt-box > p {color:#111111; font-size:14px; padding:0; font-weight:500;}
	.visual_wrap .copyBox .hello-ceo-box .welcome-list > ul > li .txt-box > p .dpb3 {display:inline;}

	.visual_wrap .copyBox .hello-ceo-box .airplane-img {top:12px; left:-17px;}
	.visual_wrap .copyBox .hello-ceo-box .cloud-img {right:1px; bottom:25px;}
	.visual_wrap .copyBox .hello-ceo-box > .img-box {transform:scale(0.88);}

	/* #jobfair .cont .coming-txt */
}

@media screen and (max-width:630px){
	#event .cont{padding:30px 15px 100px; overflow:hidden}
	#event .con-txt .under::before{width:110px; height: 80px; top:50px;right:auto;left:0;}
	#event .qr-area {bottom: 5px}
	.row_tbl .row {flex-direction: column; margin-bottom: 40px;}
	.row_tbl .row,
	.section_copy {font-size: 16px}
	.section_copy {margin:-20px 0 20px 0}
	.lang-lst{font-size:14px;}
	.lang-lst span{font-size:12px;}
	.row_tbl .row strong {width: 100%; font-size: 20px; margin-bottom: 10px}
	
	.modal-top h3 {font-size: 20px}
	.modal-top h3 span {font-size: 16px; margin-left: 10px}

	.visual_wrap .copyBox .hello-ceo {padding:0 20px;}
	/* .visual_wrap .copyBox .hello-ceo-box {padding:20px 20px 50px;} */
	.visual_wrap .copyBox .hello-ceo-box .welcome-txt-box {position:static; /*margin-top:20px;*/}
	.visual_wrap .copyBox .hello-ceo-box .welcome-list {position:static; margin-top:10px;}
	.visual_wrap .copyBox .hello-ceo-box .welcome-list > ul {gap:15px;}
	.visual_wrap .copyBox .hello-ceo-box .welcome-list > ul > li {min-height:unset; padding:10px; box-sizing:border-box;}
	.visual_wrap .copyBox .hello-ceo-box .airplane-img {top:-49px;}
	.visual_wrap .copyBox .hello-ceo-box .cloud-img {right:-23px; bottom:-15px;}

	#event .con-txt ul li {font-size:18px;}

	.visual_wrap .copyBox .hello-ceo-box .prev-apply-btn {margin-top:20px;}
}

@media screen and (min-width:500px) {
	.display_w {display: block}
	.display_m {display: none}
	.br_w {display: inline}
	.br_m {display: none}
	.fix_bar.display_m {display: none}
	.fix_bar.display_w {display: flex;}
}


@media screen and (max-width:555px) {
	#job_02 #Accordion_wrap .accordion-txt h3 {font-size:40px;}

}

@media screen and (max-width:500px) {
	.display_w {display: none}
	.display_m {display: block}
	.br_w {display: inline}
	.br_m {display: block}
	
	.content {margin: 0 20px}
	.header .logo {width: 200px; left: 50%; margin-left: -100px}
	.fix_bar.display_m {padding: 0 20px}
	.fix_bar .logo {width: 40px}
	
	/* .visual_wrap {padding:0 0 700px;} */
	.visual_wrap {padding:0 0 600px;}
	.visual_wrap .copyBox .title {width: 75vw}
	/* .visual_wrap {padding: 0 0 150vw; background-size: auto 200px;} */
	.visual_wrap .copyBox .msg {font-size: 20px}
	.mov_list {margin: 80px auto 0}
	.header .btn_apply {display: none}
	.mov_list li {vertical-align: top; width:calc(50% - 4px)}
	.mov_list li a {margin: 0 5px 30px}
	.mov_list .cont {margin-top: 10px}
	.mov_list li:nth-child(4), .mov_list li:nth-child(5) {margin: 0}
	
	.container {margin-top: 30px}
	.page_title {margin: 0 auto 50px;width:75%;}
	
	
	.list.bk li em {width: 100%}
	.list.bk li::before {top:8px}
	
	.tab_kai {margin-bottom: 30px}
	.tab_kai li.job_college span, .tab_kai li.job_ms span {width: 150px; height: 60px}
	.que {padding: 15px 20px;}
	.que .title {font-size: 15px}
	.que .title .cate {font-size: 10px; width: 55px; height: 25px; margin-right: 10px; border: 1px solid transparent;}
	.que:before, .que.on:before {right: 20px}
	.acco_box {border-radius: 15px}
	.anw {font-size: 12px; padding: 20px 20px}
	.view_job .block.lotation {position: relative; left: auto; top:auto}
	.view_job .block,
	.view_job .block:last-child {margin-top: 15px}
	.view_job .block {position: relative; }/*padding-left:70px*/
	/* .view_job .block h3 {position: absolute; left: 0; top:0} */
	.view_job .block:first-child {margin: 0}
	.view_job .block .list li::before {width: 3px; height: 3px; display: none}
	.view_job .block .list li {padding-left: 0}
	
	.btn_wrap {flex-direction: column; margin: 30px 0 80px}
	.btn_wrap a:first-child {margin-bottom: 10px}
	a.btn_gra, .btn_gra {font-size: 16px}
	.meta_wrap .cont .box .right .btn_gra,
	.btn_wrap .btn_gra {min-width: 73vw}
	
	#job_02 {margin-top: 80px}
	.section_title {margin-bottom: 10px}
	.section_copy {margin: -10px 0 10px 0}
	#jobfair .section_title{margin-bottom:20px;}
	#jobfair .section_title::after {
		margin-top:10px;
		font-size:12px;
	}
	.meta_wrap {border-radius: 15px; margin-bottom: 100px}
	.meta_wrap .cont {padding: 0 5px 5px}
	.meta_wrap .cont .box {padding: 25px; border-radius: 15px;}
	.meta_wrap .cont .box .txt li {font-size: 14px; flex-direction: column}
	.meta_wrap .cont .box .txt em {width: 100%}
	
	.pop_wrap .mov_list {margin: 20px 20px}
	.pop_wrap .mov_list li.on a,
	.pop_wrap .mov_list li a {border-radius: 5px; margin: 0 5px; border-width: 1px}
	
	#job_03 .list {padding: 30px}
	#job_03 .list li {padding: 0; font-size: 14px}
	#job_03 .list.bk em {position: relative; font-size: 18px}
	#job_03 .list li.tell p {font-size: 18px}
	#job_03 .etc {font-size: 14px}
	
	/* .mov_list li:nth-child(5) {width: 100%}
	.mov_list li:nth-child(5) .thumb {width: 50%; margin: auto} */
	
	.row_tbl .row .cont .tbl {font-size: 12px}

	/**/
	#jobfair .table-wrap{border-radius:15px;}
	#jobfair .td-lst>li .day{font-size:11px;}
	#jobfair .fair-lst li{margin:4px 0;font-size:10px;}
	#jobfair .th-lst li{padding:10px 0;}

	.modal-container .uni{font-size:16px;}
	.modal-container .tag{font-size:12px;}
	.modal-con .con-bottom, .modal-con .popup-apply-btn{font-size:12px;}
	.modal-con .con-top .tag-area{align-items: center; flex-wrap:wrap;}
	.modal-container .tag-area{margin-right:10px;}
	.modal-container .tag-area .tag{margin-right:0;}
	.modal-con .con-bottom {padding: 10px 15px 25px}

	.que .lotation{font-size:10px;}
	#event .con-txt{font-size:14px;}
	#event .con-txt .under{font-size:15px;}

	#benefits .bene-con .con-wrap .con-r ul li .con-img img{width:25px;}
	#benefits .bene-con .con-wrap .con-r ul li .con-img.he-df img{width:15px;}
	#benefits .bene-con .con-wrap{padding:25px;}
	#benefits .tab_bene li{padding:0 15px;}
	#benefits .tab_bene li a img{height:19px;}
	#benefits .bene-con .con-wrap .con-l .con-tit h3{margin-bottom:15px;font-size:25px;}
	#benefits .bene-con .con-wrap .con-l .con-tit p{font-size:13px;}
	#benefits .bene-con .con-wrap .con-r ul li h4{margin-bottom:15px;font-size:16px;}
	#benefits .bene-con .con-wrap .con-r ul li p{font-size:13px;}
	#benefits .tab_bene li::before{height: 20px;margin-top: -10px;}

	#event .cont::after{width:130px;}

	.modal-wrap {padding: 30px 20px 20px}
	.modal-con .con-top {padding: 15px 15px}
	
	.meta_wrap .cont .box .qr {width: 80px}
	
	.row_tbl .row .cont .tbl_lag {margin-top: 20px}
	.row_tbl .row .cont .tbl_lag th {font-size: 10px; padding:10px 5px}
	.row_tbl .row .cont .tbl_lag td {font-size: 12px; padding:10px 5px}
	
	.modal-con .con-bottom p.btn_wrap {margin:30px 0 0}
	.modal-con .con-bottom p.btn_wrap .btn_gra {min-width: auto}

	/* .visual_wrap .copyBox .hello-ceo-box .welcome-list > ul {grid-template-columns: 1fr;} */
	.visual_wrap .copyBox .hello-ceo-box .welcome-list > ul > li .txt-box .dpb {display:inline;}
	.visual_wrap .copyBox .hello-ceo-box .welcome-list > ul > li .txt-box .dpb5 {display:block;}

	#event .con-txt ul li {font-size:16px;}

	/* #job_02 #Accordion_wrap:after {border-radius:13px;} */
	
	.page_title h3 {font-size:30px;}
	.visual_wrap .copyBox .hello-ceo-box .welcome-list > ul > li .txt-box > p {font-size:12px;}
	.visual_wrap .copyBox .hello-ceo-box {padding:4px 20px 30px;}
	#jobfair .cont .coming-txt h3  {font-size:40px;}

}

@media screen and (max-width:460px) {
	.visual_wrap {/*padding:0 0 520vw;*/ background-size:auto 250px;}
	.visual_wrap .copyBox .apply-day {width:400px;}
	.visual_wrap .copyBox .hello-ceo-box .airplane-img {transform:scale(0.7);}
	.visual_wrap .copyBox .hello-ceo-box .cloud-img {transform:scale(0.7);}
	/* .visual_wrap .copyBox .hello-ceo-box .img-box > img {transform:scale(0.8);} */
	.visual_wrap .copyBox .hello-ceo-box .info-txt-box {flex-direction:column; height:55px;}
	.visual_wrap .copyBox .hello-ceo-box .info-txt-box > p:first-of-type {padding-right: 0;}
	.visual_wrap .copyBox .hello-ceo-box .info-txt-box > p:first-of-type:after {display:none;}
	.visual_wrap .copyBox .hello-ceo-box .info-txt-box > p:last-of-type {padding-left: 0;}

	.page_title h3 {font-size:25px;}
	.visual_wrap .copyBox .hello-ceo-box .welcome-list > ul > li .txt-box > p .dpb3 {display:block;}
	#job_02 #Accordion_wrap .accordion-txt h3 {font-size:30px;}

}

@media screen and (max-width:420px) {
	/* .visual_wrap {padding:0 0 1700px;} */
	.visual_wrap .copyBox .hello-ceo {margin-top:50px;}
	.visual_wrap .copyBox .apply-day {width:300px; font-size:15px; height:52px;}
	.visual_wrap .copyBox .hello-ceo-box .info-txt {bottom:13px;}
	.visual_wrap .copyBox .hello-ceo-box .info-txt-box > p {font-size:12px;}
	/* .visual_wrap .copyBox .hello-ceo-box .img-box {transform:scale(07);} */
	.visual_wrap .copyBox .hello-ceo-box .img-box > img {width:100%;}
	/* .visual_wrap .copyBox .hello-ceo-box .info-txt {transform:scale(1.3);} */

}

@media screen and (max-width:400px) {
	/* .visual_wrap {padding:0 0 570vw;} */
	.visual_wrap .copyBox .hello-ceo-box .info-txt-box {border-width:2px;}
	.modal-con .con-bottom > div {display:block;}
	.modal-con .popup-apply-btn {margin-top: 10px; height:33px;}
}

@media screen and (max-width:370px) {
	/* .visual_wrap {padding:0 0 600vw;} */
	.visual_wrap .copyBox .hello-ceo-box .info-txt {bottom:10px;}
	.visual_wrap .copyBox .hello-ceo-box .info-txt-box {height:60px;}

	#job_02 #Accordion_wrap .accordion-txt h3 {font-size:25px;}
}

@media screen and (max-width:340px) {
	/* .visual_wrap {padding:0 0 650vw;} */
	.page_title h3 {font-size:20px;}
	.visual_wrap .copyBox .hello-ceo-box .info-txt {bottom:0;}
}

@media screen and (max-width:280px) {
	.visual_wrap .copyBox .msg {font-size: 18px}
	/* .visual_wrap {padding: 0 0 180vw} */
	.visual_wrap {padding: 0 0 210vw}
	.mov_list .cont .play {width: 15px; margin-right: 5px}
	.mov_list .cont {font-size: 11px}
	.tab_kai {margin-bottom: 0}
	.que .title {font-size: 14px}
	.que:before, .que.on:before {right: 15px}
	.tab_kai li.job_college span, .tab_kai li.job_ms span {width: 120px}
	a.btn_gra, .btn_gra {margin: 0; font-size: 14px}
	.meta_wrap .cont .box .txt {font-size: 14px}
	.fix_bar .title {font-size: 16px}
	.fix_bar .logo {width: 30px; margin-right: 5px}
}