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: 77px; 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:nth-child(4) {position: relative;}
.header .header_wrap .nav li:nth-child(4) > ul {position: absolute; bottom: -77px; left: 0; width: 100%; height: 77px;  padding: 14px; display: none;}
.header .header_wrap .nav li:hover .nav02{display: block;}
/* .header.on .header_wrap .nav li:nth-child(4) > ul {display: block;} */
.header .header_wrap .nav li:nth-child(4) > ul li {height: auto; margin-bottom: 16px; background: none; width: 100%;}
.header .header_wrap .nav li:nth-child(4) > ul li .open{display: none;}
.header .header_wrap .nav li:nth-child(4) > ul li .default{display: block;}
.header .header_wrap .nav li:nth-child(4) > ul li.active .open{display: block;}
.header .header_wrap .nav li:nth-child(4) > ul li.active .default{display: none;}
.header .header_wrap .nav li:nth-child(4) > ul 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: 100px;left: 50%;width: auto;height: auto;margin-left: 674px;z-index: 1;}
#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: 29px;right: 54px;}
#wrapper .banner_wrap .banner_1,
#wrapper .banner_wrap .banner_2{position: relative;}
#wrapper .banner_wrap .banner_1 a.banner{width: 245px;height: 189px;}
#wrapper .banner_wrap .banner_2 a.banner{width: 236px;height: 192px; float: right; margin-top: 20px;}

#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 .sec01{position: relative;top: 0;left: 50%;width: 2560px;min-height: 1080px;margin-left: -1280px; background: url("../images/pc/event/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%; margin-top: 560px; transform: translateX(-50%);}
#wrap .sec01 .title_wrap .title {width: 668px; margin: -7px 0 0 60px;}
#wrap .sec01 .btn_bg{position: absolute;top: 54%;left: 50%;width: 452px;height: 86px;background: url('../images/pc/event/sec01_btn01.png') no-repeat center center;background-size: 100% 100%;transform: translateX(-33%);}
#wrap .sec01 .btn_bg .video_btn{display: block;height: 80%;width: 65%;margin-top: 24px;}
#wrap .sec01 .sec01_btn {width: 533px; height: 91px; margin: 93px auto 0;}

#wrap .sec02{position: relative;top: 0;left: 50%;width: 2560px;min-height: 1080px;margin-left: -1280px; background: url("../images/pc/event/kv_bg02.jpg") no-repeat top center #000000;background-size: 100% auto;}
#wrap .sec02 .cont_wrap{position: relative;width: 100%;height: 1080px;}
#wrap .sec02 .cont_wrap > a{position: absolute;bottom: 255px;left: 50%;width: 533px;height: 91px; transform: translateX(-50%);}

#wrap .sec03{position:relative; top: 0;left: 50%;width: 2560px;min-height: 1080px;margin-left: -1280px;background: url("../images/pc/event/kv_bg03.jpg") no-repeat top center #000000;background-size: 100% auto;}
#wrap .sec03 .cont_wrap{position:relative;padding: 0; height: 100%;}
#wrap .sec03 .cont_wrap .btn_bg{position: absolute;bottom: -844px; left: 198px; width: 494px;height: 104px;z-index: 1;background: url('../images/pc/event/sec03_video.png') no-repeat center center;background-size: 100% 100%;}
#wrap .sec03 .cont_wrap .btn_bg a{display: block;width: 63%;height: 68%;margin-top: 32px;}

#wrap .sec04{position:relative; top: 0;left: 50%;width: 2560px;min-height: 1080px;margin-left: -1280px;background: url("../images/pc/event/kv_bg04.jpg") no-repeat top center #000000;background-size: 100% auto;}
#wrap .sec04.on01 {background: url("../images/pc/event/kv_bg04_full.jpg") no-repeat top center #000000;}

#wrap .sec05{position:relative; top: 0;left: 50%;width: 2560px;min-height: 1080px;margin-left: -1280px;background: url("../images/pc/event/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 > a{width: 536px; height: 102px; position: absolute; left: 50%; transform: translateX(-50%); 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: relative; z-index: 3; width: 100%; height: 150px; text-align: center; background: #000;}
#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;}