a{display: block;}
img{display: block; width: 100%;}

body{overflow-x: hidden;}

/* 헤더 */
.header{position: fixed; top: 0; left: 0; width: 100%; height: 75px; z-index: 99; transition: 0.3s all;background: #000;}
.header::after {content: ''; width: 100%; height: 105px; background: rgba(7,7,7,0.8); position: absolute; left: 0; top: 75px; z-index: -1; display: none;}
.header.on::after {display: block;}
.header .header_wrap{display: flex; justify-content: center; align-items: center; position: relative; max-width: 1840px; width: 100%; height: 75px; margin: 0 auto;}
.header .header_wrap .logo{display: flex; justify-content: flex-start; align-items: center; position: absolute; left: 0; width: 84px; height: auto; z-index: 100;}
.header .header_wrap .nav{display: flex; justify-content: flex-start; align-items: center; height: 75px;}
.header .header_wrap .nav li{display: flex; justify-content: center; align-items: center; position: relative; width: 174px; height: 100%; }
.header .header_wrap .nav li:hover{background: #5e4518; background-size: 100% 100%;}
.header .header_wrap .nav li.on{background: #5e4518; background-size: 100% 100%;}
.header .header_wrap .nav li .nav_n {position: absolute; bottom: -105px; left: 0; width: 100%; height: 105px;  padding: 14px; display: none;}
.header.on .header_wrap .nav li.active .nav_n{display: block;}
.header .header_wrap .nav li .nav_n li {height: auto; margin-bottom: 16px; background: none; width: 100%;}
.header .header_wrap .nav li .nav_n li .open{display: none;}
.header .header_wrap .nav li .nav_n li .default{display: block;}
.header .header_wrap .nav li .nav_n li.active .open{display: block;}
.header .header_wrap .nav li .nav_n li.active .default{display: none;}
.header .header_wrap .nav li .nav_n li:last-child {margin-bottom: 0;}
.header .header_wrap .h_btns{display: flex; justify-content: flex-end; align-items: center; position: absolute; top: 0; right: 0; height: 75px;}
.header .header_wrap .go_homepage{display: flex; justify-content: center; align-items: center; position: relative; /* width: 103px; height: 75px; */ margin-right: 28px;}
.header .header_wrap .go_homepage::after{content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 14px; margin-top: -7px; margin-right: -15px; background: #393f44;}
.header .header_wrap .today_close{display: flex; justify-content: center; align-items: center; /* width: 98px; height: 75px; */}

/* 컨텐츠 */
#wrapper{position: relative;width: 100%;height: auto;background: #000;}
#wrapper .banner_wrap{position: fixed;top: 115px;right: calc((100% - 1920px) / 2 + 40px);z-index: 10;}
#wrapper .banner_wrap a{display: block;}
#wrapper .banner_wrap a.banner_close_btn{position: absolute; width: 29px;height: 26px;}
#wrapper .banner_wrap .banner_1 a.banner_close_btn{top: 11px;right: 53px;}
#wrapper .banner_wrap .banner_2 a.banner_close_btn{top: 9px;right: 54px;}
#wrapper .banner_wrap .banner_1,
#wrapper .banner_wrap .banner_2{position: absolute;}
#wrapper .banner_wrap .banner_1{top: 0;right: 0;width: 245px;height: 189px;}
#wrapper .banner_wrap .banner_2{top: 209px;right: 0;width: 236px;height: 192px;}

/* section 공통 */
#wrapper #wrap{position: relative;width: 100%;overflow: hidden; margin: 0 auto;}
#wrap .cont_wrap{max-width: 1240px;margin: 0 auto;padding-top: 0;}
#wrap .section{width: 100vw;overflow: hidden;}
#wrap .section .cont_wrap .learn_btn{width: 536px; height: 102px; position: absolute; left: 50%; transform: translateX(-50%); background: url('../images/pc/learn_more_btn.png')no-repeat; background-size: 100% 100%;}
#wrap .section .cont_wrap .learn_btn a {width: 100%; height: 65%; display: block;}

/* sec01 main */
#wrap .sec01{position: relative;top: 0;left: 50%;width: 2560px;min-height: 1080px;margin-left: -1280px; background: url("../images/pc/update/kv_bg01.jpg") no-repeat top center #000000;background-size: 100% auto;}
#wrap .sec01 .cont_wrap{position: relative;height: 100%;}
#wrap .sec01 .title_wrap{position: absolute;top: 50%;left: 50%;transform: translate(-45%, 130%);}
#wrap .sec01 .title_wrap .title {width: 668px; margin: 0 auto;}
#wrap .sec01 .btn_wrap {position: relative;width: 761px;height: 86px;left: 50%;top: 0;transform: translate(-43.6%,-50%);}
#wrap .sec01 .btn_bg {position: absolute; top: 0; width: 452px;height: 100%; background-size: 100% 100%;}
#wrap .sec01 .btn_bg .video_btn{display: block;height: 80%;width: 65%;margin-top: 24px;}
#wrap .sec01 .btn_bg01{left: 0; background: url('../images/pc/update/sec01_btn01.png') no-repeat center center;}
#wrap .sec01 .btn_bg02{right: 0; background: url('../images/pc/update/sec01_btn02.png') no-repeat center center; z-index: 1;}
#wrap .sec01 .sec01_btn {width: 533px; height: 91px; margin: 93px auto 0;}

/* sec02 신규전직 클래스 */
#wrap .sec02{position:relative; top: 0;left: 50%;width: 2560px;min-height: 1080px;margin-left: -1280px;background: url("../images/pc/update/kv_bg02.jpg") no-repeat top center #000000;background-size: 100% auto;}
#wrap .sec02 .cont_wrap{position:relative;padding: 0; height: 100%;}
#wrap .sec02 .cont_wrap .btn_bg{position: absolute;bottom: -832px; left: 198px; width: 494px;height: 104px;z-index: 1;background: url('../images/pc/update/sec03_video.png') no-repeat center center;background-size: 100% 100%;}
#wrap .sec02 .cont_wrap .btn_bg a{display: block;width: 63%;height: 68%;margin-top: 32px;}

/* sec03 2주년이벤트 -  */
#wrap .sec03{position:relative; top: 0;left: 50%;width: 2560px;min-height: 1080px;margin-left: -1280px;background: url("../images/pc/update/kv_bg03.jpg") no-repeat top center #000000;background-size: 100% auto;}
#wrap .sec03 .cont_wrap {position: relative; width: 100%; height: 1080px;}
#wrap .sec03 .cont_wrap .learn_btn{bottom: 7%;}

/* sec04 2주년이벤트 -  */
#wrap .sec04{position:relative; top: 0;left: 50%;width: 2560px;min-height: 1080px;margin-left: -1280px;background: url("../images/pc/update/kv_bg04.jpg") no-repeat top center #000000;background-size: 100% auto;}
#wrap .sec04 .cont_wrap {position: relative; width: 100%; height: 1080px;}
#wrap .sec04 .cont_wrap > a{width: 536px; height: 102px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 14%;}

/* sec05 2주년이벤트 -  */
#wrap .sec05{position:relative; top: 0;left: 50%;width: 2560px;min-height: 1080px;margin-left: -1280px;background: url("../images/pc/update/kv_bg05.jpg") no-repeat top center #000000;background-size: 100% auto;}
#wrap .sec05 .cont_wrap {position: relative; width: 100%; height: 1080px;}
#wrap .sec05 .cont_wrap .learn_btn{bottom: 7%;}

/* sec06 제휴이벤트 -  */
#wrap .sec06{position:relative; top: 0;left: 50%;width: 2560px;min-height: 1080px;margin-left: -1280px;background: url("../images/pc/update/kv_bg06.jpg") no-repeat top center #000000;background-size: 100% auto;}
#wrap .sec06 .cont_wrap {position: relative; width: 100%; height: 1080px;}
#wrap .sec06 .cont_wrap .learn_btn{bottom: 7.2%;}

/* sec07 제휴이벤트 -  */
#wrap .sec07{position:relative; top: 0;left: 50%;width: 2560px;min-height: 1080px;margin-left: -1280px;background: url("../images/pc/update/kv_bg07.jpg") no-repeat top center #000000;background-size: 100% auto;}
#wrap .sec07 .cont_wrap {position: relative; width: 100%; height: 1080px;}
#wrap .sec07 .cont_wrap .learn_btn{bottom: 14%;}



/* 팝업 */
.dim{position: fixed; top: 0; left: 0; width: 100%; height: 100vh; display: none; z-index: 995; background: rgba(0, 0, 0, 0.65);}
.dim.on{display: block;}

#video_popup{justify-content: center; align-items: center; position: fixed; top: 0; left: 0; z-index: 990; width: 100%; height: 100vh; display: none;}
#video_popup.on{display: flex;}
#video_popup .video_popup{position: relative; width: 1224px; height: 773px; transform: scale(0); z-index: 999; display: none;}
#video_popup .video_popup.on{transform: scale(1); transition: 0.4s all; display: block;}
#video_popup .video_popup .close_btn{width: 48px; height: 48px; text-align: right; margin-bottom: 13px; margin-left: auto;}
#video_popup .video_popup .video{width: 100%; height: 712px; background: url('../images/pc/popup_bg.png') no-repeat center center;}
#video_popup .video_popup .video iframe{width: 1206px; height: 696px; position: absolute; left: 50%; transform: translateX(-50%); top: 69px;}

/* 푸터 */
#footer{position: absolute; z-index: 3; width: 100%; height: 150px; text-align: center; background: #000; bottom: 0;}
#footer .ft_wrap {max-width: 1240px; margin: 0 auto; display: flex; justify-content: center; align-items: center; height: 100%;}
#footer .ft_wrap .f_left, #footer .ft_wrap .f_right {width: 50%;}
#footer .ft_wrap .f_left {padding-right: 70px;}
#footer .ft_wrap .f_left ul{display: flex; gap: 20px; justify-content: flex-end;}
#footer .ft_wrap .f_right {padding-left: 15px;}
#footer .ft_wrap .f_right ul {display: flex; gap: 25px; }
#footer .ft_wrap .f_right ul li {position: relative;}
#footer .ft_wrap .f_right ul li a{transition: all .2s; display: block; font-size: 14px; line-height: 20px; font-weight: 500; color: #fff;}
#footer .ft_wrap .f_right ul li a:hover{color: #edc06a;}
#footer .ft_wrap .f_right ul li ~ li::after {content:'';position: absolute; left: -12px; top: 10px; width: 2px; height: 2px; background-color: #797979;}
#footer .ft_wrap .f_right .copyright {width: 441px; height: 13px; margin-top: 12px;}

@media (max-width: 1920px) {
  #wrapper .banner_wrap{right: 40px;}
}