@charset "utf-8";

/*공통*/
:root{
    /*색상*/
    --bk:#000000;
    --main:#DD732E;
	--blue:#2E7FDD;
	--grn:#2E964B;
	--red:#F04F4F;
   
    /*폰트 사이즈*/
    --con-tit:58px;
    --con-tit-txt:24px;
    --com-txt-bg:22px;
    --com-txt-sm:20px;

    /*font-family*/
	--font-gm:"GmarketSans";
	--font-mo:'Montserrat';


    
}

*{font-family: 'SUIT';color:#fff}
.con-flex{display:flex;align-items:center;}
.con-flex-bet{display:flex;align-items:center;justify-content:space-between;}
a[class*="btn"],
button[class*='btn'],
span[class*="btn"]{display:flex;align-items: center;justify-content: center;border-radius: 999px;}
.bold{font-weight:700;}
.con-txt p{line-height:1.5;font-size:var(--com-txt-sm);}




.contents{padding:140px 0;}
.inner{width:1350px;margin:0 auto;}
.font-gm{font-family:"GmarketSans";}
.font-mo{font-family: 'Montserrat';}
body{background:#000;background-size: cover;}

/*Header*/
header{display:flex;position:fixed;top:0;left:0;z-index:990;width:100%;height:100px;align-items: center;transition:.4s}
header.ing-scr{background:#000;}
header .gnb ul{gap:40px;}
header .gnb a{font-size: var(--com-txt-sm);font-weight: 500;color:#fff;}
header .apply-btn{width:130px;height:42px;gap:10px;border:1px solid var(--main);color:var(--main);font-size: 16px;font-weight: 500;}
header.scr-down{transform: translateY(-100%); }


/**/
.visual_wrap {position: relative;  text-align: center;height:70vw;}
.visual_wrap .copyBox {position: absolute; left: 50%; top:50vw; transform: translate(-50%, 0); z-index: 10; width:100%;}
.visual_wrap .copyBox .title {margin-bottom:50px;font-size:70px;font-weight: 700;color:#fff;line-height:1.5;}
.visual_wrap .copyBox p{font-size:40px;font-weight: 800;color:#fff;}
.visual_wrap .imgbx{position:absolute;top:0;left:0;width:100%;}/*z-index: -1;*/
.visual_wrap .imgbx .visual-bg{width:100%;animation:ani-op 1s forwards;}
.visual_wrap .imgbx .visual-img{position:absolute;top:180px;left:50%;margin-left:-30vw;z-index:2;width:60vw;}
.visual_wrap .copyBox h2 span{font-weight: inherit;}
.visual_wrap .imgbx .visual-img .visual-building{width:100%;animation:ani-up 1s forwards;animation-delay: .5s;opacity:0;}
.visual_wrap .cam-wrap{position:absolute;top:0;left:0;width:100%;height:100%;}
.visual_wrap .cambx1{position:absolute;top:0vw;right:5vw;}
.visual_wrap .cambx1 .visual-cam{width:5vw;}
.visual_wrap .cambx1 .visual-light{position: absolute;top: 1vw;left: -4.8vw;width:6vw;}
.visual_wrap .cambx2{position:absolute;top:-3vw;left:5vw;}
.visual_wrap .cambx2 .visual-cam{width:5vw;}
.visual_wrap .cambx2 .visual-light{position: absolute;top: 0vw;left:4.3vw;width:10vw;}
.visual_wrap .cambx3{position:absolute;bottom: 11vw;left: 19vw;}
.visual_wrap .cambx3{position:absolute;bottom:11vw}
.visual_wrap .cambx3 .visual-cam{width:4vw;}
.visual_wrap .cambx3 .visual-light{position: absolute;top: 1.5vw;left: -3.8vw;width:5vw;}
.visual_wrap .cambx4{position:absolute;bottom:15vw;left:37vw;}
.visual_wrap .cambx4 .visual-cam{width:4vw;}
.visual_wrap .cambx4 .visual-light{position:absolute;top:0.8vw;left:-8.8vw;width:10vw}
.visual_wrap .cambx5{position:absolute;bottom:10.1vw;right:.5vw;}
.visual_wrap .cambx5 .visual-cam{width:3vw;}
.visual_wrap .cambx5 .visual-light{position:absolute;top:1.3vw;left:-3.1vw;width:4vw;}
.visual_wrap .visual-light{opacity:0;animation:ani-op 1s 2.5s forwards, ani-blink 2s ease-in-out 3s infinite, ani-float 3s ease-in-out 1.5s infinite;;}
.visual_wrap .visual-cam{animation:ani-op 1s 1.5s forwards, ani-float 3s ease-in-out 1.5s infinite;opacity:0;}



@keyframes ani-op{
	from {
		opacity:0;
	}
	to {
	opacity:1;
	}
}

@keyframes ani-blink{
	50%{
		opacity:0;
	}
}

@keyframes ani-up{
	from {
		opacity:0;
		transform: translateY(50px);
	}
	to {
	opacity:1;
	transform: translateY(0px);
	}
}

@keyframes ani-float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}

.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: 100%; margin:0px auto 0; text-align: center}
.mov_list li {display:inline-block; width: calc(100% / 2 - 10px);}
.mov_list li a {display: block;}
.mov_list .thumb {border-radius: 10px; overflow:hidden; overflow: hidden}
.mov_list .thumb img {
	width:100%;
    max-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}

/**/
.container {margin-top: 100px}
.content {width:100%;padding:120px 0;}


/**/
.con-tit{position:relative;z-index:2;margin-bottom:80px;}
.con-tit h3{font-size: var(--con-tit);font-family: var(--font-gm);font-weight: 700;}
.con-tit p{font-size: var(--con-tit-txt);font-family: var(--font-mo);color:var(--main);margin-bottom:32px;}


/* .row_tbl {} */
.row_tbl .row {display: flex; align-items:flex-start; justify-content: flex-start; padding:80px 0; width: 100%; font-size: var(--com-txt-bg); line-height: 1.5;border-bottom: 1px dashed rgba(255, 255, 255, 0.20);}
.row_tbl .row:last-child{border-bottom:none;}
.row_tbl .row strong {display: block; width:220px; 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: 12px;font-size: var(--com-txt-sm);}
.list li::before{content:""; display: block; width: 6px; height: 6px; background: #666; border-radius: 50%; position: absolute; top:10px; 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}



.acco_box {border-radius: 20px; margin: 0 0 10px 0;}
.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;border-radius: 16px;border: 1px solid rgba(255, 255, 255, 0.20);background: rgba(255, 255, 255, 0.10);}
.que .title {font-weight: 700; font-size: 26px; line-height: 1; color: #fff; display: flex; align-items: center;}
.que .title .cate { display: flex; margin-right:20px;align-items: center; justify-content: center; height: 40px; color: #fff; font-size: 18px; border-radius: 27px; width: 170px; box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.08);color:#fff;border:1px solid var(--border-cl)}
.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/icon/arrow1-1.png') no-repeat center center; background-size:20px;} 

.que.on:before {content: ""; position: absolute; right: 50px; top:50%; margin-top: -13px; display: block; width: 25px; height: 25px;  background: url('../images/icon/arrow1-2.png') no-repeat center center; background-size:20px;  } 
.que.on{border-radius: 16px 16px 0 0;}
  
.anw {display: none;overflow: hidden;padding:40px 40px;border-top:0;word-break: keep-all;color: #fff;border: 1px solid rgba(255, 255, 255, 0.20);border-top:none;background: rgba(255, 255, 255, 0.10);line-height:1.4;border-radius: 0 0 16px 16px;}
.view_job {position: relative}
.view_job .block {margin-bottom: 30px}
.view_job .block:last-child {margin: 0}
.view_job .block h3 {margin-bottom: 10px; font-weight: 700;font-size: var(--com-txt-bg);}
.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: 90px;background: var(--main); }
.fix_bar .title {display: flex; align-items: center; color: #fff; font-size: 30px; font-weight: 700; line-height: 1; letter-spacing: -1px;}
.fix_bar .bar-apply-btn{font-family: var(--font-gm);width:180px;height:56px;border:1px solid #fff;font-weight: 600;font-size: var(--com-txt-bg);color:#fff;}

.fix_bar.display_m {display: flex; height: 60px}
.fix_bar.display_m .arrow {width: 20px}
.fix_bar.display_m .arrow img {width: 100%}

#about{position:relative;}
#about .mov-wrap {margin-top: 80px}
#about::before {
    content: '';
    display: block;
    position: absolute;
    bottom: -500px;
    left: -700px;
    width: 1000px;
    height: 1000px;
    background: var(--main);
    opacity: 0.4;
    filter: blur(500px);
}



/*challenger*/
#challenger{position:relative}
#challenger::before {
    content: '';
    display: block;
    position: absolute;
    bottom: -500px;
    right: -700px;
    width: 1000px;
    height: 1000px;
    background: var(--main);
    opacity: 0.4;
    filter: blur(500px);
}
#challenger .mov_list li{width:100%;}
#challenger .con-wrap{margin-top:80px;}
#challenger .con-wrap h4{font-size: 32px;font-weight: 800;}
#challenger .con-wrap .con-top{margin-bottom:40px;}
#challenger .more-btn{width:140px;height:50px;border:1px solid var(--main);color:var(--main);font-size:18px;font-family: var(--font-mo);font-weight: 600;}
#challenger .swiper-slide{display:flex;overflow:hidden;height:420px;padding:50px;background: linear-gradient(180deg, #FFA266 0%, #F37321 100%);border-radius:8px;flex-direction: column;justify-content: space-between;}
#challenger .challenger-swip-page{margin-top:40px;text-align: center;}
#challenger .challenger-swip-page .swiper-pagination-bullet{width:14px;height:14px;background:#fff;opacity:1;}
#challenger .challenger-swip-page .swiper-pagination-bullet-active{width:40px;background:var(--main);border-radius: 999px;}
#challenger .sl-txt h5{margin:8px 0 20px;font-size: 34px;}
#challenger .sl-txt p{font-size: 30px;}
#challenger .tag-area ul{gap:8px;}
#challenger .tag-area li{padding:10px;border-radius: 34px;font-size: 16px;border:1px solid #fff;}
#challenger .swiper-slide:has(.bn-img){padding:0;}
#challenger .swiper-slide .bn-img{width:100%;height:100%;object-fit: cover;}
#challenger .swiper-slide>a{display:flex;width:100%;height:100%;flex-direction: column;justify-content: space-between;}


/*리크루팅*/
#jobfair .table-wrap{overflow:hidden;width:100%;border-radius:20px;border:1px solid #262626;}
#jobfair .th-lst{display:flex;}
#jobfair .th-lst li{position:relative;width:20%;padding:25px 0;color:#aaa;text-align:center;font-weight:600;font-size:20px;background:#333}
#jobfair .th-lst li:not(li:last-child)::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:40px 20px 80px;background:#191919;cursor: pointer;border-top:1px solid #262626;border-right:1px solid #262626;font-size:18.5px;}
#jobfair .td-lst>li:nth-child(5n){border-right:none;}
#jobfair .td-lst>li .day{margin-bottom:40px;font-weight:700;font-size:22px;color:#fff;}
#jobfair .fair-lst li{display:flex;min-height:40px;margin:7px 0;padding:5px 20px;align-items:center;justify-content:space-between;border-radius: 10px;line-height:1.2;font-size: var(--com-txt-sm);}
#jobfair .fair-lst li.camp{background:var(--blue)}
#jobfair .fair-lst li.couns{background:var(--main)}
#jobfair .fair-lst li.info{background:var(--grn)}
#jobfair .fair-lst li.live{background:var(--red)}
#jobfair .legend-wrap{margin-bottom:28px;}
#jobfair .legend-wrap ul{justify-content: flex-end;gap:40px;}
#jobfair .legend-wrap .dot{display:inline-block;position:relative;top:2px;width:16px;height:16px;margin-right:10px;border-radius: 4px;}
#jobfair .live-wrap{margin-top:80px;}
#jobfair .live-wrap h4{font-size:32px;font-family: var(--font-gm);font-weight: 700;}
#jobfair .live-wrap ul{margin:40px 0 80px;font-size: var(--com-txt-bg);}
#jobfair .live-wrap ul li:first-child{margin-bottom:20px;}
#jobfair .live-wrap ul li span{color:var(--main);font-weight: 700;text-decoration: underline;}
#jobfair .live-wrap ul li{position:relative}
#jobfair .live-wrap ul li::before{content:'';display:inline-block;width:24px;height:24px;margin-right:12px;background:url('../images/icon/ico_chk.svg') no-repeat center center;background-size: contain;}
#jobfair .live-wrap>a{display:flex;padding:60px 40px;align-items: center;justify-content: space-between;border-radius: 16px;border: 1px solid rgba(255, 255, 255, 0.20);background: rgba(255, 255, 255, 0.10);}
#jobfair .live-wrap>a p{margin-bottom:20px;font-size: 30px;}
#jobfair .live-wrap>a p img{margin-right:12px;vertical-align: bottom;}
#jobfair .live-wrap>a h5{font-size: 30px;font-weight: 700;}

/*안내사항*/
#notice{position:relative}
#notice::before {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: -200px;
    width: 1000px;
    height: 1000px;
    background: var(--main);
    opacity: 0.4;
    filter: blur(500px);
	z-index:-1;
}
#notice .con-tab li{display:flex;width:calc(33.33% - 10px);height:80px;align-items: center;justify-content: center;border-radius: 16px;border: 1px solid rgba(255, 255, 255, 0.20);background: rgba(255, 255, 255, 0.10);font-size: var(--com-txt-bg);font-weight: 600;color:#fff;}
#notice .con-tab li.active{background: linear-gradient(95deg, #DD732E 42.06%, #C05009 100.55%);border:none;}
#notice .process-lst{margin-bottom:80px;flex-wrap: wrap;gap:40px 80px;align-items: stretch;}
#notice .process-lst li{position:relative;width:calc(20% - 80px)}
#notice .process-lst li::after{content:'';display:inline-block;width:40px;height:40px;background:url('../images/icon/ico_process_arr.svg') no-repeat center;background-size: contain;position: absolute;right: -50px;top: 50%;transform: translateY(-50%);}
#notice .process-lst li:nth-child(5n):after{display:none;}
#notice .process-lst li:last-child::after{display:none !important;}
#notice .process-lst li>p{margin-bottom:10px;font-size: 22px;font-weight: 500;}
#notice .process-lst li>span{color:#666;font-size: 18px;line-height:1.4;display:block;}
#notice .process-lst li>img{margin-bottom:20px;}
#notice .con-li{position:relative;padding-left:16px;font-size: var(--con-tit-txt);}
#notice .con-li::before{content:'';display:block;position:absolute;top:13px;left:0;width:6px;height:6px;border-radius:50%;background:#666;}
#notice #notice-bx2 .con-li:has(a) span{display:block;margin-top:30px;font-size: 18px;}

/*모집직무*/
.list li p:first-child{margin-top:5px;line-height:1.5;}
.view_job .block h4{font-size: var(--com-txt-sm);margin:15px 0;}
.view_job .block.team{line-height:1.5;}
#position{position:relative}
#position::before {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: -500px;
    width: 1000px;
    height: 1000px;
    background: var(--main);
    opacity: 0.4;
    filter: blur(500px);
	z-index:-1;
}
#position::after {
    content: '';
    display: block;
    position: absolute;
    top: 1000px;
    right: -700px;
    width: 1000px;
    height: 1000px;
    background: var(--main);
    opacity: 0.4;
    filter: blur(500px);
	transform:translateY(-30%);
	z-index:-1;
}


/*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;}




/*modals*/
.modal-container{display:none;position:fixed;top:0;left:0;z-index:999;width:100%;height:100vh;background-color:rgba(0,0,0,.9);}
.modal-wrap{display:none;position:absolute;top:50%;left:50%;width:900px;padding:0;border-radius:16px;transform: translate(-50%, -55%);background:transparent;}
.modal-top{display:flex;margin-bottom:20px;justify-content:space-between;align-items:flex-start;}
.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:24px 40px;background:transparent;color:#fff;border-radius: 16px;border: 1px solid rgba(255, 255, 255, 0.20);background: #333;}
.modal-con .con-bottom{display:none;padding:40px;background: #333;color:#fff;font-size:20px;border-radius: 0px 0px 16px 16px;border-right: 1px solid rgba(255, 255, 255, 0.20);border-bottom: 1px solid rgba(255, 255, 255, 0.20);border-left: 1px solid rgba(255, 255, 255, 0.20);}
.modal-con .con-bottom p{line-height:1.5;}
.modal-con>ul>li{width:100%;margin:10px 0;cursor:pointer;border-radius:20px;}
.modal-con>ul>li h4{display:flex;align-items:center;}
.modal-con .con-bottom p.btn_wrap {margin-bottom: 30px;}
.modal-con li.on .con-top{border-radius: 16px 16px 0px 0px;}
.modal-con>ul>li.on .arrow img{content:url('../images/icon/arrow1-2.png');}

.modal-container .tag{display:flex;width:100px;height:40px;margin-right:20px;font-size:18px;border-radius:999px;align-items: center;justify-content: center;}
.modal-container .tag.camp {background:var(--blue)}
.modal-container .tag.couns {background:var(--main)}
.modal-container .tag.info {background:var(--grn)}
.modal-container .tag.live {background:var(--red)}
.modal-container .uni{font-size:26px;font-weight:600;}

.modal-con>ul>li.on .tag.camp{background:none;border:1px solid var(--blue);color:var(--blue);}
.modal-con>ul>li.on .tag.couns {background:none;border:1px solid var(--main);color:var(--main);}
.modal-con>ul>li.on .tag.info {background:none;border:1px solid var(--grn);color:var(--grn);}
.modal-con>ul>li.on .tag.live {background:none;border:1px solid var(--red);color:var(--red);}

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

/* .row_tbl .row.row100{display:block} */

.que .tag{margin-right:50px;font-size: var(--com-txt-sm);}
#notice .cont.con-li .cont.con-li{margin-top:10px;font-size:18px;}
#notice .cont.con-li .cont.con-li:not(:last-child){margin-top:30px;}
#notice .process-p{margin:60px 0 80px;font-size:var(--com-txt-bg);color:#a4a4a4;}
.mov_list li{border:1px solid rgba(255, 255, 255, 0.20);border-radius: 16px;overflow:hidden;}

/*********   미디어쿼리   **********/

@media screen and (min-width: 1500px){
	
}


@media screen and (max-width: 1500px) {
	.visual_wrap .copyBox .msg {font-size: 40px}
	
	.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 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:1400px){
	.inner{width:100%;padding:0 50px;}
	#notice .process-lst{gap:40px}
	#notice .process-lst li{width:calc(33.33% - 40px)}
	#notice .process-lst li:nth-child(3n)::after{display:none;}
	#notice .process-lst li:nth-child(5n)::after{display:block;}
	#notice .process-lst li::after{right:20px;}

}

@media screen and (max-width:1260px) {
	.br-1260{display:none;}
	header .gnb ul{gap:20px;}
	
	
	.visual_wrap .copyBox .title{font-size: 50px;}
	.visual_wrap .copyBox p{font-size: 30px;}


	.mov_list li:nth-child(4), .mov_list li:nth-child(5) {margin-top: 50px}


	#challenger .tag-area li{font-size:12px;}
	#challenger .swiper-slide{padding:40px;}
	

	/**/
	#jobfair .th-lst li{font-size:18px;}
	#jobfair .td-lst>li{font-size:15px;}
	#jobfair .fair-lst .tag-area{flex-wrap:wrap;width:57px;}
	#jobfair .tag-area .tag:nth-child(1){margin-right:0;margin-bottom:5px;}
	#jobfair li[data-modal="modal-0313"] .fair-lst li{align-items:flex-start;}
	
	
	.view_job .block.portfolio {position: relative; top:auto; left: auto}


	#about::before {bottom:auto;left: auto;right:-200px;top:150px;width: 500px;height: 500px;filter: blur(250px);}
	#challenger::before {bottom:auto;left: auto;right:-200px;top:150px;width: 500px;height: 500px;filter: blur(250px);}
	#position::before {bottom:auto;left: -100px;right:auto;top:0px;width: 500px;height: 500px;filter: blur(250px);}
	#position::after {bottom:auto;left: auto;right:-100px;width: 500px;height: 500px;filter: blur(250px);}
	#notice::before {bottom:auto;left: -100px;right:auto;top:0px;width: 500px;height: 500px;filter: blur(250px);}
}


@media screen and (max-width:1024px){
	
	:root{
		
		/*폰트 사이즈*/
		--con-tit:47px;
		--con-tit-txt:20px;
		--com-txt-bg:20px;
		--com-txt-sm:18px;
	
		
	}


	.inner{padding:0 30px;}

	.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{font-size:17px;}
	.fix_bar .title{font-size: 22px;}
	#challenger .swiper-slide{width:400px;height:400px;}
	#challenger .con-wrap .inner{padding:0;}
	#challenger .con-wrap .con-top{padding:0 30px;}
	#challenger .con-wrap h4{font-size: 25px;}
	#jobfair .td-lst>li .day{margin-bottom:25px;}
	#jobfair .td-lst>li{padding:40px 20px 50px;}

	.que{flex-direction: column;align-items: flex-start;}
	.que .tag{margin:15px 0 0 0;font-size: 14px;}
	
}

@media screen and (max-width:1000px){
	#jobfair .tag, #jobfair .tag-area{display:none;}
	.br-pc{display:none;}
	
	header .apply-btn{display:none;}
	.visual_wrap .imgbx .visual-img{top:120px;}
	#notice .process-lst{gap:40px 20px;}
	#notice .process-lst li{width:calc(33.33% - 20px);}
	#notice .process-lst li::after{right:10px;width:30px;height:30px;}
	#notice .process-lst li>img{height:30px;}
	#notice .process-lst li>p{font-size: 19px;}
	#notice .process-lst li>span{font-size: 15px;}

}



@media screen and (min-width:768px){
	.m-only{display:none !important;}
	.fix_bar.display_m {display: none}
	.fix_bar.display_w {display: flex;}
}


@media screen and (max-width:768px) {

	:root{
		
		/*폰트 사이즈*/
		--con-tit:24px;
		--con-tit-txt:16px;
		--com-txt-bg:18px;
		--com-txt-sm:15px;
	
		
	}

	header{height:68px;}
	/* header .inner{padding:0;} */
	header h1 img{width:111px;}
	.gnb{position:fixed;top:0;left:100%;width:100%;height:100vh;background:url('../images/common/gnb_bg_m.jpg') no-repeat top center;background-size: cover;transition: .5s;}
	.gnb.on{left:0;}
	.gnb .con-top{display:flex;height:68px;align-items: center;}
	header .gnb ul{flex-direction: column;padding:40px 20px;gap:36px;}
	header .gnb a{font-size: 17px;}
	
	.ham-btn{display:flex;width:24px;height:24px;padding:5px 2px;align-items:center;justify-content: space-between;flex-direction: column;cursor:pointer;}
    .ham-btn span{display:block;width:100%;height:2px;background:var(--main);}
	.pc-only{display:none !important;}
	.m-only{display:block;}
	[class*='btn'].m-only{display:flex !important;}
	.fix_bar.display_m {height:auto;padding: 15px 20px;justify-content: space-between;gap:20px;}
	.inner{padding:0 20px;}
	.container{padding-bottom:100px;}
	.fix_bar .title{font-size: 16px;line-height:1.3;}
	.fix_bar .bar-apply-btn{font-size: 14px;height:40px;width:120px;}

	.con-tit{margin-bottom:24px;}
	.con-tit p{margin-bottom:12px;}
	.content{padding:40px 0;}
	#about{padding:60px 0 40px;}
	
	.visual_wrap{height:120vw;}

	.visual_wrap .imgbx .visual-img{width:90vw;margin-left:-45vw;}
	.visual_wrap .copyBox{top:auto;bottom:20px;}
	.visual_wrap .copyBox .title{font-size: 30px;margin-bottom:22px;}
	.visual_wrap .copyBox p{font-size: 18px;}
	.mov_list .cont {font-size: 12px}
	.visual_wrap .cambx1{position:absolute;top:0vw;right:7.5vw;}
	.visual_wrap .cambx1 .visual-cam{width:7.5vw;}
	.visual_wrap .cambx1 .visual-light{position: absolute;top: 1.5vw;left: -7.2vw;width:9vw;}
	.visual_wrap .cambx2{position:absolute;top:-4.5vw;left:7.5vw;}
	.visual_wrap .cambx2 .visual-cam{width:7.5vw;}
	.visual_wrap .cambx2 .visual-light{position: absolute;top: 0vw;left:6.45vw;width:15vw;}
	.visual_wrap .cambx3{position:absolute;bottom: 16.5vw;left: 28.5vw;}
	.visual_wrap .cambx3{position:absolute;bottom:16.5vw}
	.visual_wrap .cambx3 .visual-cam{width:6vw;}
	.visual_wrap .cambx3 .visual-light{position: absolute;top: 2.25vw;left: -5.7vw;width:7.5vw;}
	.visual_wrap .cambx4{position:absolute;bottom:22.5vw;left:55.5vw;}
	.visual_wrap .cambx4 .visual-cam{width:6vw;}
	.visual_wrap .cambx4 .visual-light{position:absolute;top:1.2vw;left:-13.2vw;width:15vw}
	.visual_wrap .cambx5{position:absolute;bottom:15.15vw;right:0.75vw;}
	.visual_wrap .cambx5 .visual-cam{width:4.5vw;}
	.visual_wrap .cambx5 .visual-light{position:absolute;top:1.95vw;left:-4.65vw;width:6vw;}

	.visual_wrap .apply-btn{width: 165px;height: 45px;margin: 24px auto 0;border: 1px solid var(--main);color: var(--main);font-size: 16px;font-weight: 500;justify-content: space-between;padding: 0 20px;}

	.que, .anw {padding: 25px 30px}
	.que:before,
	.que.on:before {right: 30px; background-size: 16px}

	
	.list.bk li em {width: 100px}
	
	
	.vodBox {width: 200%; margin-left: -50%}


	#jobfair .th-lst li{padding:15px 0;font-size:13px;}
	#jobfair .td-lst{font-size:10px;}
	#jobfair .td-lst>li{padding:6px;display: flex;flex-direction: column;justify-content: space-between;}
	#jobfair .fair-lst li{margin:5px 0;padding:3px 4px;min-height:16px;font-size:12px;border-radius: 2px;}
	#jobfair .td-lst>li .day{margin-bottom:10px;font-size:14px;}
	.fix_bar{padding:0 15px;}
	.fix_bar .btn_gra{padding:0 20px;}


	.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-container .tag{margin-right:15px;}
	.modal-top a img{width:16px;}

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

	#challenger .swiper-slide{width:240px;height:240px;padding:32px;}
	#challenger .con-wrap .con-top{padding-right:20px;margin-bottom:25px;}
	#challenger .tag-area li{padding:5px;font-size: 10px;}
	#challenger .sl-txt h5{font-size: 20px;}
	#challenger .sl-txt p{font-size: 15px;}
	#challenger .swiper-slide img{width:90px;}
	#challenger .challenger-swip-page .swiper-pagination-bullet{width:8px;height:8px;}
	#challenger .challenger-swip-page .swiper-pagination-bullet-active{width:24px;}
	#challenger .more-btn{height:45px;margin:40px auto 0;font-size: 16px;}
	#challenger .con-wrap{margin-top:40px;}
	#challenger .con-wrap h4{font-size: 16px;}
	
	.view_job .block .list li{font-size: 14px;}
	.view_job .block h3{font-size: 15px;}
	#jobfair .legend-wrap ul{gap:12px;font-size: 10px;}
	#jobfair .legend-wrap span.dot{width:10px;height:10px;margin-right:5px;border-radius: 2px;}
	#jobfair .live-wrap ul{font-size:15px;}
	#jobfair .live-wrap h4{font-size: 16px;}
	#jobfair .live-wrap>a p{margin-bottom:8px;font-size: 18px; display: flex; align-items: center}
	#jobfair .live-wrap>a h5{font-size: 16px;}
	#jobfair .live-wrap>a{padding:20px 20px;}
	#jobfair .live-wrap>a p img{width:40px;vertical-align: middle;}
	#jobfair .live-wrap ul li{padding-left:30px;}
	#jobfair .live-wrap ul li::before{position:absolute;top:50%;left:0;width:18px;height:18px;transform: translateY(-50%);}
	#jobfair .live-wrap ul{margin:20px 0 28px;}
	#jobfair .live-wrap{margin-top:40px;}
	#jobfair .live-wrap>a>img{width:30px}

	#notice .process-lst li{width:calc(50% - 20px);}
	#notice .process-lst li::after{right:0px;}
	#notice .process-lst li:nth-child(2n):after{display:none !important;}
	#notice .process-lst li:nth-child(3n):after{display:block;}
	.row_tbl .row strong{width:90px;font-size: 15px;}
	#notice .con-li::before{top:8.5px;width:4px;height:4px}
	#notice .con-li{font-size: 14px;}
	#notice .process-lst li>p{font-size: 15px;}
	#notice .process-lst li>span{font-size: 10px;}
	#notice .process-lst li>img{margin-bottom:12px;}
	#notice #notice-bx2 .con-li:has(a) span{margin-top:12px;font-size:10px;}
	.row_tbl .row{padding:24px 0;}
	#notice .con-li{padding-left:10px;}
	#notice .process-lst{margin-bottom:20px;gap:20px;}
	#notice .con-tab li{width:calc(33.33% - 5px);height:36px;font-size: 10px;border-radius: 6px;}
	#jobfair .th-lst li:not(li:last-child)::after{height:15px;}

	#about::before {bottom:auto;left: auto;right:-100px;top:150px;width: 200px;height: 200px;filter: blur(100px);}
	#challenger::before {bottom:auto;left: auto;right:-100px;top:150px;width: 200px;height: 200px;filter: blur(100px);}
	#position::before {bottom:auto;left: -50px;right:auto;top:0px;width: 200px;height: 200px;filter: blur(100px);}
	#position::after {bottom:auto;left: auto;right:-50px;width: 200px;height: 200px;filter: blur(100px);top:500px;}
	#notice::before {bottom:auto;left: -50px;right:auto;top:0px;width: 200px;height: 200px;filter: blur(100px);}
	
	.que {padding: 15px 20px;}
	.que .title {font-size: 15px}
	.que .title .cate {font-size: 10px; width: 86px; height: 24px; margin-right: 10px; }
	.que:before, .que.on:before {right: 20px}
	.acco_box {border-radius: 15px}
	.anw {font-size: 12px; padding: 20px 32px}
	.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:first-child {margin: 0}
	.view_job .block .list li::before {width: 4px; height: 4px; top:9px;}
	.que .tag{margin:10px 0 0 0;font-size: 10px;}

	#notice .process-p{margin:30px 0 20px;font-size: 14px;}
	#notice .cont.con-li .cont.con-li{font-size:10px;margin-top:6px;}
	#notice .cont.con-li .cont.con-li:not(:last-child){margin-top:10px;}
	#about .mov-wrap {margin-top: 24px}
	
}

@media screen and (max-width:630px){

	
	.modal-top h3 {font-size: 20px}
	.modal-top h3 span {font-size: 16px; margin-left: 10px}
}

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

	
}

@media screen and (max-width:500px) {
	.display_w {display: none}
	.display_m {display: block}
	.br_w {display: inline}
	.br_m {display: block}
	
	
	.fix_bar .logo {width: 40px}
	

	.mov-wrap{width:100%;overflow-x:auto;}
	#about .inner{padding-right:0;}
	#about .con-txt,
	#about .con-tit{padding-right:20px;}
	#about .mov_list {width:150%;margin: 32px 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}
	
	.list.bk li em {width: 100%}
	.list.bk li::before {top:8px}
	
	
	
	
	.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}
	#jobfair .section_title{margin-bottom:20px;}
	#jobfair .section_title::after {
		margin-top:10px;
		font-size:12px;
	}
	
	
	.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}
	
	.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{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: 20px 15px;}

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

	

	.modal-wrap {padding: 30px 20px 20px}
	.modal-con .con-top {padding: 15px 15px}
	
	
	.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}

	#notice .process-lst li::after{right:-10px;}
	.visual_wrap .copyBox{bottom:0px;}


	
}

@media screen and (max-width:450px){
	.visual_wrap{height:140vw;}
}

@media screen and (max-width:280px) {
	.visual_wrap .copyBox .msg {font-size: 18px}
	.visual_wrap {padding: 0 0 180vw}
	.mov_list .cont .play {width: 15px; margin-right: 5px}
	.mov_list .cont {font-size: 11px}
	.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}
	.fix_bar .title {font-size: 16px}
	.fix_bar .logo {width: 30px; margin-right: 5px}
}

/* @media screen and (max-height:920px){
	.visual_wrap{height:90vw;}
} */