﻿@charset "utf-8";

#head::after{display:none;}

/*메인팝업*/
.popup_btm{display: flex;justify-content: space-between;align-items: center;padding: 5px;font-size: 1.5rem;}
.popup_btm .btn_cls{border: none;background: #111;color: #fff;padding: 5px 8px;font-size: 1.3rem;font-weight: 600;cursor: pointer;}

/* 메인비주얼 */
.mvisual{position:relative;overflow:hidden;max-width:2000px;height:540px;margin:0 auto 50px;}
.mvisual .swiper-slide > img{position:relative;left:50%;width:2000px;height:540px;margin-left:-1000px;object-fit:fill;}
.mvisual .mvisual_txt{display:flex;justify-content:center;flex-direction:column;position:absolute;top:0;left:50%;width:1200px;height:100%;margin-left:-600px;text-align: right;}
.mvisual .mvisual_txt p{color:#000;}
.mvisual .mvisual_txt .btxt{font-size: 5.5rem;line-height: 1.45;font-family: 's-core-dream-regular';letter-spacing: -0.07em;margin-top: -125px;}
.mvisual .mvisual_txt .btxt strong{font-weight:800;font-family: 's-core-dream-heavy';}
.mvisual .mcontrol{display:flex;justify-content:center;flex-direction:column;position:absolute;top:0;left:50%;width:1200px;height:100%;margin-left:-600px;}
.mvisual .swiper-button{position:absolute;width:90px;height:90px;left: 660px;bottom: 0;cursor:pointer;opacity:1;z-index:5;background-position: 50% 50% !important;}
.mvisual .swiper-button.next{margin-left:90px;background: #2f2e42 url(/nanum/site/builder/main/employ/img/mnext.png) no-repeat;}
.mvisual .swiper-button.prev{background: #fff url(/nanum/site/builder/main/employ/img/mprev.png) no-repeat;}


/* 채용공고 */
.msection1{position:relative;}
.msection1 .recruit_wrap{display:flex;width:1200px;margin:0 auto;}
.msection1 .recruit_wrap .recruit_bx{display: flex;width: 890px;}
.msection1 .recruit_wrap .recruit{position:relative;width: 550px;height: 330px;padding: 40px;background: #f0f4fd;box-sizing: border-box;}
.msection1 .recruit_wrap .recruit p{font-weight:700;font-size:2.5rem;line-height: 1;}
.msection1 .recruit_wrap .recruit p span{color:#5a606e;font-size:1.7rem;font-weight:500;margin-left:20px;}
.msection1 .recruit_wrap .recruit p span strong{color:#3775ff;font-weight:500;}
.msection1 .recruit_wrap .recruit p span strong i{font-weight:800;}
.msection1 .recruit_wrap .recruit ul.rlist{margin-top:35px;}
.msection1 .recruit_wrap .recruit ul.rlist li{line-height:1;font-size:0;}
.msection1 .recruit_wrap .recruit ul.rlist li:nth-child(n+2){margin-top:10px;}
.msection1 .recruit_wrap .recruit ul.rlist li a{display: inline-block;font-size:1.7rem;width: 470px;line-height:30px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.msection1 .recruit_wrap .recruit ul.rlist li a span{display:inline-block;width:60px;height:30px;line-height:26px;border-radius:50px;font-family: 'Poppins','Pretendard',sans-serif;box-sizing:border-box;font-weight:600;letter-spacing:0;margin-right: 15px;text-align:center;}
.msection1 .recruit_wrap .recruit ul.rlist li.dday a span{border:2px solid #3372ff;color:#3372ff;background:#fff;}
.msection1 .recruit_wrap .recruit ul.rlist li.deadline a span{border:2px solid #6d6d6d;color:#fff;background:#6d6d6d;}
.msection1 .recruit_wrap .recruit a.more{position:absolute;top:45px;right:40px;display:block;width:27px;height:13px;font-size:0;text-indent:-9999px;background:url(/nanum/site/builder/main/employ/img/btn_more.png) no-repeat 0 0;}

.msection1 .recruit_wrap .resume_bx{display: flex;flex-direction: column;width: 290px;border: 1px solid #dfdfdf;box-sizing: border-box;}
.msection1 .recruit_wrap .resume_bx a{display:block;height:50%;padding:30px 40px;box-sizing: border-box;}
.msection1 .recruit_wrap .resume_bx a:first-child{border-bottom:1px solid #dfdfdf;}
.msection1 .recruit_wrap .resume_bx a dl{position:relative;}
.msection1 .recruit_wrap .resume_bx a dl::before{content: "";position: absolute;right: -10px;top: 24px;width: 80px;height: 80px;border-radius: 100%;background-color: #f1f1f1;background-position: 50% 50%;background-repeat: no-repeat;border: 1px solid #f1f1f1;box-sizing: border-box;}
.msection1 .recruit_wrap .resume_bx a dl.icon01::before{background-image:url(/nanum/site/builder/main/employ/img/micon01.png);}
.msection1 .recruit_wrap .resume_bx a dl.icon02::before{background-image:url(/nanum/site/builder/main/employ/img/micon02.png);}
.msection1 .recruit_wrap .resume_bx a dl dt{font-size:2rem;color:#000;line-height:1;font-weight: 700;}
.msection1 .recruit_wrap .resume_bx a dl dd{position:relative;font-size:1.6rem;color:#666;margin-top: 59px;}
.msection1 .recruit_wrap .resume_bx a dl dd::after{content:"";position:absolute;left:0;bottom:0;width:68px;height:1px;background:#858585;}

.msection1 .recruit_wrap .popzone{position: relative;overflow: hidden;width: 320px;height: 470px;margin:-140px 0 0 40px;}
.msection1 .recruit_wrap .popzone .swiper-slide img{width:100%;height:420px;object-fit: cover;}
.msection1 .recruit_wrap .popzone .btn_area{display:flex;justify-content:space-between;align-items:center;position:absolute;bottom:0;left:0;width:100%;z-index: 1;height:50px;padding:0 30px;background:#090818;box-sizing:border-box;}
.msection1 .recruit_wrap .popzone .btn_area p.tit{font-size:1.7rem;font-weight:700;color:#fff;}
.msection1 .recruit_wrap .popzone .btn_area .control{position:relative;left: 50%;margin-left: -75px;padding: 0 50px 0 30px;}
.msection1 .recruit_wrap .popzone .btn_area .control .swiper-pagination{display:inline-flex;justify-content:center;align-items:center;position:relative;width: 70px;bottom:auto;font-family:'Poppins',sans-serif;font-size:1.5rem;color:#fff;font-weight:400;/* padding: 0 20px 0 0; */box-sizing: border-box;}
.msection1 .recruit_wrap .popzone .btn_area .control .swiper-pagination span{font-weight:700;opacity:0.6;padding:0 5px;}
.msection1 .recruit_wrap .popzone .btn_area .control .swiper-pagination span.swiper-pagination-current{opacity:1;}
.msection1 .recruit_wrap .popzone .btn_area .control .swiper-button{position:absolute;top:50%;width:19px;height:10px;margin-top:-5px;cursor:pointer;}
.msection1 .recruit_wrap .popzone .btn_area .control .swiper-button::after{content:'';position:absolute;top:0;left:0;width:19px;height:10px;background:url(/nanum/site/builder/main/employ/img/btn_popzone_arr.png) no-repeat;background-size:cover;}
.msection1 .recruit_wrap .popzone .btn_area .control .swiper-button.next{right:0;}
.msection1 .recruit_wrap .popzone .btn_area .control .swiper-button.prev{left:0;}
.msection1 .recruit_wrap .popzone .btn_area .control .swiper-button.prev::after{transform:rotate(180deg);}

.msection1 .recruit_wrap .popzone .btn_area .control .swiper_stop,
.msection1 .recruit_wrap .popzone .btn_area .control .swiper_play{position: absolute;top: 50%;right: 35px;width: 7px;height: 12px;font-size: 0;text-indent: -9999px;margin-top: -6px;cursor: pointer;z-index: 5;}
.msection1 .recruit_wrap .popzone .btn_area .control .swiper_stop{background:url(/nanum/site/builder/main/employ/img/pop_stop.gif) no-repeat 0 0;}
.msection1 .recruit_wrap .popzone .btn_area .control .swiper_play{display: none;background:url(/nanum/site/builder/main/employ/img/pop_play.gif) no-repeat 0 0;}



/* 바로가기 메뉴 */
.msection2{display:flex;width:1200px;margin:0 auto;}
.msection2 .quick_btn{display: flex;flex-wrap:wrap;justify-content: center;width:100%;height:160px;margin:40px 0 50px;background-color:#f5f5f5;}
.msection2 .quick_btn li{width:calc(100% / 3);text-align: center;}
.msection2 .quick_btn li a{display: block;font-size:1.8rem;font-weight: 600;color:#222;padding-top: 115px;line-height:1;background-position:50% 40%;background-repeat:no-repeat;}
.msection2 .quick_btn li.icon01 a{background-image:url(/nanum/site/builder/main/employ/img/icon_quick01.png);}
.msection2 .quick_btn li.icon02 a{background-image:url(/nanum/site/builder/main/employ/img/icon_quick02.png);}
.msection2 .quick_btn li.icon03 a{background-image:url(/nanum/site/builder/main/employ/img/icon_quick03.png);}
.msection2 .quick_btn li.icon04 a{background-image:url(/nanum/site/builder/main/employ/img/icon_quick04.png);}
.msection2 .quick_btn li.icon05 a{background-image:url(/nanum/site/builder/main/employ/img/icon_quick05.png);}
.msection2 .quick_btn li.icon06 a{background-image:url(/nanum/site/builder/main/employ/img/icon_quick06.png);}




/********************태블릿********************/
@media all and (max-width:1024px){
	
/* 메인비주얼 */	
.mvisual{width:100%;height:350px;}
.mvisual .swiper-slide > img{left: 0;width: 100%;height: 350px;margin-left: 0;object-fit: cover;}
.mvisual .mvisual_txt{width:100%;left: auto;right:20px;margin-left: 0;}
.mvisual .mvisual_txt .btxt{font-size:4rem;margin-top: -45px;}
.mvisual .swiper-button{left: 637px;width:60px;height:60px;}
.mvisual .swiper-button.next{margin-left:60px;}	
	

/*채용공고*/
.msection1{padding: 0 15px;box-sizing: border-box;}
.msection1 .recruit_wrap{flex-direction: column;width: 100%;}
.msection1 .recruit_wrap .recruit_bx{width:100%;}
.msection1 .recruit_wrap .recruit{flex-grow: 1;width:100%;}
.msection1 .recruit_wrap .recruit p span{font-size: 1.5rem;margin-left: 10px;}
.msection1 .recruit_wrap .recruit ul.rlist li a{width:100%;}
.msection1 .recruit_wrap .resume_bx{flex-shrink: 0;}


/*팝업존*/
.msection1 .recruit_wrap .popzone{width: 100%;height: auto;margin:40px 0 0;padding-bottom: 40px;}
.msection1 .recruit_wrap .popzone .swiper-slide img{height:auto;}

/*바로가기메뉴*/
.msection2{width:100%;}	
	
}
/********************모바일********************/
@media all and (max-width:767px){

/* 메인비주얼 */	
.mvisual{height:300px;margin-bottom: 15px;}
.mvisual .mvisual_txt{text-align: center;right:0;}
.mvisual .mvisual_txt .btxt{color: #fff;text-shadow: 2px 2px black;}
.mvisual .swiper-slide > img{width: 180%;height: 300px;}

.mvisual .mcontrol{width: 100%;left: 0;margin-left: 0;}
.mvisual .swiper-button{width:45px;height:45px;left: auto;right: 0;margin-right: 45px;}
.mvisual .swiper-button.next{left: auto;right: 0;margin-right: 0;margin: 0;}		
	

/*채용공고*/
.msection1 .recruit_wrap .recruit_bx{flex-direction: column;}	
.msection1 .recruit_wrap .recruit{width:100%;height: auto;padding:25px;}
.msection1 .recruit_wrap .recruit p span{display:none;}
.msection1 .recruit_wrap .recruit ul.rlist{margin-top:25px;}
.msection1 .recruit_wrap .recruit a.more{top:30px;right:25px;}


/*지원서작성*/
.msection1 .recruit_wrap .resume_bx{width:100%;margin-top: 15px;}
.msection1 .recruit_wrap .resume_bx a{padding:20px 15px;}
.msection1 .recruit_wrap .resume_bx a dl::before{width:50px;height:50px;right:0;top:0;background-size:27px auto;}
.msection1 .recruit_wrap .resume_bx a dl dd{margin-top:15px;}	
.msection1 .recruit_wrap .resume_bx a dl dd::after{width: 56px;}	


/*팝업존*/
.msection1 .recruit_wrap .popzone{margin-top:15px;}	


/*바로가기 메뉴*/
.msection2 .quick_btn{height:auto;margin:15px;padding-bottom: 20px;}
.msection2 .quick_btn li{width: calc(100% / 3);}
.msection2 .quick_btn li a{padding-top: 72px;background-size: 40px auto;background-position: 50% 20px;}
.msection2 .quick_btn li:nth-child(n+4){margin-top:15px;border-top: 1px solid #e9e9e9;}


	
}
/********************웹********************/
@media all and (min-width:1025px) {

/* 채용공고 */
.msection1 .recruit_wrap .recruit ul.rlist li a:hover{color:#2962e1;text-decoration: underline;}

.msection1 .recruit_wrap .resume_bx a:hover dl::before{border:1px solid #000;transition-duration:0.5s;}
.msection1 .recruit_wrap .resume_bx a:hover dl dd{color:#2f2e42;font-weight:700;}
.msection1 .recruit_wrap .resume_bx a:hover dl dd::after{background:#2f2e42;}


/* 바로가기 메뉴 */
.msection2 .quick_btn li:hover a{transform:rotateY(360deg);transition-duration:.4s;}

	
}
