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

body{overflow-x: hidden;}

/* header */
.header{position: fixed; top: 0; left: 0; width: 100%; height: 70px; z-index: 99; transition: 0.3s all;background: rgba(0,0,0,.6);}
.header .header_wrap{display: flex; justify-content: flex-start; align-items: flex-start; position: relative; max-width: 1240px; width: 100%; height: 70px; margin: 0 auto;}
.header .header_wrap .logo{display:inline-block;width: 111px; height:100%;}
.header .header_wrap .logo img {display: block; width: 100%; padding-top: 13px;vertical-align:middle;}
.header .header_wrap .nav{display: flex; justify-content: flex-start; align-items: center; height: 70px; margin-left: 120px;}
.header .header_wrap .nav li{display: flex; justify-content: center; align-items: center; position: relative; height: 100%; margin: 0 25px;}
.header .header_wrap .nav li:nth-child(1){width: 45px;}
.header .header_wrap .nav li:nth-child(2){width: 66px;}
.header .header_wrap .nav li:nth-child(3){width: 128px;}
.header .header_wrap .nav li.on::after{content: ""; position: absolute; bottom: 0; left: 50%; width: 58px; height: 13px; margin-left: -29px; background: url("https://t1.daumcdn.net/gamepub/pub/odin/event/preorder2112/pc/nav_selected.png") bottom center no-repeat; background-size: 100% 100%;}
.header .header_wrap .nav li .default{display: block;}
.header .header_wrap .nav li .selected{display: none;}
.header .header_wrap .nav li.on .default{display: none;}
.header .header_wrap .nav li.on .selected{display: block;}
.header .header_wrap .h_btns{display: flex; justify-content: flex-end; align-items: center; position: absolute; top: 0; right: 0; height: 70px;}
.header .header_wrap .h_btns a { position: relative; display: inline-block; margin: 0 15px; font-size:14px; color:#fff; opacity:0.7; }
.header .header_wrap .h_btns a::after{content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 14px; margin-top: -7px; margin-right: -15px; background: #393f44;}
.header .header_wrap .h_btns a:last-child::after { content:""; display:none; }
.header .header_wrap .nav li .subMenu { position: fixed; top: 70px; left: 0; width: 100%; height: 0px; z-index: 99; transition: 0.3s height;background: rgba(0,0,0,.6); overflow:hidden; }
.header .header_wrap .nav li .subMenu ul {position:absolute;left:50%;margin-left: -303px;top: 10px;}
.header .header_wrap .nav li .subMenu ul li { width:100%; margin: 5px 0;}
.header .header_wrap .nav li .subMenu a { color:#fff; font-size:15px;  }
.header .header_wrap .nav li.active .subMenu { width: 100%; height:90px; }
.header .header_wrap .nav li.active .subMenu ul {}


/*container */
#wrapper{position: relative;width: 100%;height: auto;background: #000;}
#wrapper .banner_wrap{position: fixed; top: 100px;left: 50%;width: auto;height: auto;margin-left: 566px;z-index: 1;}
#wrapper .banner_wrap a{display: block;}
#wrapper .banner_wrap a.banner_close_btn{position: absolute;top: 30px;right: 50px;width: 38px;height: 39px;}
#wrapper .banner_wrap .banner_1,
#wrapper .banner_wrap .banner_2{position: relative;}


#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: 898px;margin-left: -1280px; background: url("https://t1.daumcdn.net/gamepub/pub/odin/event/preorder2112/pc/kv_bg_01.png") no-repeat top center #000000;background-size: 100% auto;}
#wrap .sec01 .cont_wrap{position: relative;height: 100%;}
#wrap .sec01 .video_btn{position: absolute;top: 50%;left: 50%;width: 180px;height: 180px;margin-left: -90px;margin-top: 335px;}
/* #wrap .sec01 .video_btn{position: absolute;top: 50%;left: 50%;width: 180px;height: 180px;margin-left: -90px;margin-top: -143px;} */
#wrap .sec01 .title_wrap{position: absolute;top: 50%;left: 0;width: 1313px;height: 298px;margin-left: -55px;margin-top: 560px;}
#wrap .sec01 a.section1Btn {position: absolute;top: 719px;left: 50%;width: 328px;height: 74px;margin-left: -158.5px;/* border:1px solid red; */}
/* #wrap .sec01 .title_wrap{width: 1344px; height: 462px;margin-left: -55px;} */

#wrap .sec02{position: relative;top: 0;left: 50%;width: 2560px;min-height: 1080px;margin-left: -1280px;background: url("https://t1.daumcdn.net/gamepub/pub/odin/event/preorder2112/pc/kv_bg_02.png") no-repeat center center #000000;background-size: 100% auto;}
#wrap .sec02 .cont_wrap{position: relative;width: 100%;height: 1080px;}
#wrap .sec02 .cont_wrap > a{position: absolute;top: 843px;left: 50%;width: 394px;height: 74px;margin-left: -194.5px;/* border: 1px solid red; */}

#wrap .sec03{position: relative;top: 0;left: 50%;width: 2560px;min-height: 1080px;margin-left: -1280px;background: url("https://t1.daumcdn.net/gamepub/pub/odin/event/preorder2112/pc/kv_bg_03.png") no-repeat top center #000000;background-size: 100% auto;}
#wrap .sec03 .cont_wrap{position: relative;width: 100%;height: 953px;}
#wrap .sec03 .cont_wrap > a {position: absolute;top: 606px;left: 50%;width: 323px;height: 55px;margin-left: -323.5px;}

.checks {position: relative;top: 563px;left: 50%;margin-left: -392px;}
.checks input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;display:none; }
.checks input[type="checkbox"] + label {display: inline-block;position: relative;padding-left: 26px;color: #8c8275;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;font-weight: 500;}
.checks input[type="checkbox"] + label:before {content: '';position: absolute;left: 0;top: 2px;width: 16px;height: 16px;line-height: 16px;text-align: center;background: none;border: 2px solid #8c8275;}
.checks input[type="checkbox"] + label:after {content: '';position: absolute;left: 0;top: 2px;width: 16px;height: 16px;line-height: 16px;text-align: center;background: none;border: 2px solid #8c8275;}
.checks input[type="checkbox"]:checked + label:before {content: '';position:absolute;top: 6px;left: 4px;width: 8px;height: 8px;background-color: #8c8275;}

#wrap .sec04{position:relative; top: 0;left: 50%;width: 2560px;min-height: 1080px;margin-left: -1280px;background: url("https://t1.daumcdn.net/gamepub/pub/odin/event/preorder2112/pc/kv_bg_04.jpg") no-repeat top center #000000;background-size: 100% auto;}
#wrap .sec04 .cont_wrap{position:relative;padding: 0; height: 100%;}
#wrap .sec04 .cont_wrap > a{position: absolute;bottom: -130px;right: 286px;width: 236px;height: 50px;}
#wrap .sec04 .cont_wrap .swiper-button-next{top: 223px;right: 187px;width: 29px;height: 92px;background: url('https://t1.daumcdn.net/gamepub/pub/odin/event/preorder2112/pc/arr_right.png') no-repeat top center;background-size: 100% 100%;}
#wrap .sec04 .cont_wrap .swiper-button-prev{top: 223px;left: 171px;width: 29px;height: 92px;background: url('https://t1.daumcdn.net/gamepub/pub/odin/event/preorder2112/pc/arr_left.png') no-repeat top center;background-size: 100% 100%;}
#wrap .sec04 .cont_wrap .swiper-button-next::after,
#wrap .sec04 .cont_wrap .swiper-button-prev::after{content: none;}
#wrap .sec04 .cont_wrap .slide_wrap{ width: 1224px; }
#wrap .sec04 .cont_wrap .slide_wrap .swiper-wrapper{width: 1224px;margin: 366px auto 0;}
#wrap .sec04 .cont_wrap .slide_wrap .swiper-wrapper li{width: 787px;height: 476px;opacity: 0;}
#wrap .sec04 .cont_wrap .slide_wrap .swiper-wrapper li img {filter: grayscale(5);opacity: 0;opacity: 0;transition: All .2s ease-out;-webkit-transition: All .2s ease-out;-moz-transition: All .2s ease-out;-o-transition: All .2s ease-out}
#wrap .sec04 .cont_wrap .slide_wrap .swiper-wrapper li.swiper-slide-active {opacity: 1;}
#wrap .sec04 .cont_wrap .slide_wrap .swiper-wrapper li.swiper-slide-active img {filter: grayscale(0);opacity: 1;}
#wrap .sec04 .cont_wrap .slide_wrap .swiper-wrapper li.swiper-slide-prev,
#wrap .sec04 .cont_wrap .slide_wrap .swiper-wrapper li.swiper-slide-next { opacity:1}
#wrap .sec04 .cont_wrap .slide_wrap .swiper-wrapper li.swiper-slide-prev img,
#wrap .sec04 .cont_wrap .slide_wrap .swiper-wrapper li.swiper-slide-next img {opacity: 1;}


.cont_wrap .swiper-pagination {position: absolute;top: -64px;left: 50%;transform: translateY(-50%);width: 596px;margin-left: -306px;}
.cont_wrap .swiper-pagination-bullet { display: inline-block; width:158px; height:69px; margin: 0 20px; opacity: 1; border-radius: 0; }
.cont_wrap .swiper-pagination-bullet-active {}
.cont_wrap .swiper-pagination-bullet:first-child { background:url("https://t1.daumcdn.net/gamepub/pub/odin/event/preorder2112/pc/updateText1.png")no-repeat center center; background-size: 100%;opacity: 1; }
.cont_wrap .swiper-pagination-bullet:nth-child(2) { background:url("https://t1.daumcdn.net/gamepub/pub/odin/event/preorder2112/pc/updateText2.png")no-repeat center center; background-size: 100%;opacity: 1; }
.cont_wrap .swiper-pagination-bullet:last-child { background:url("https://t1.daumcdn.net/gamepub/pub/odin/event/preorder2112/pc/updateText3.png")no-repeat center center; background-size: 100%;opacity: 1; }
.cont_wrap .swiper-pagination-bullet-active:first-child { background:url("https://t1.daumcdn.net/gamepub/pub/odin/event/preorder2112/pc/updateText1_on.png")no-repeat center center; background-size: 100%;opacity: 1; }
.cont_wrap .swiper-pagination-bullet-active:nth-child(2) { background:url("https://t1.daumcdn.net/gamepub/pub/odin/event/preorder2112/pc/updateText2_on.png")no-repeat center center; background-size: 100%;opacity: 1; }
.cont_wrap .swiper-pagination-bullet-active:last-child { background:url("https://t1.daumcdn.net/gamepub/pub/odin/event/preorder2112/pc/updateText3_on.png")no-repeat center center; background-size: 100%;opacity: 1; }



/* popup */
.dim{position: fixed; top: 0; left: 0; width: 100%; height: 100vh; display: none; z-index: 995; background: rgba(0, 0, 0, 0.8);}
.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: 1100px; height: 659px; transform: scale(0); z-index: 999;}
#video_popup .video_popup.on{transform: scale(1); transition: 0.4s all;}
#video_popup .video_popup .close_btn{width: 26px; height: 26px; text-align: right; margin-bottom: 13px; margin-left: auto;}
#video_popup .video_popup .video{width: 100%; height: 620px; background: #fff;}
#video_popup .video_popup .video iframe{width: 100%; height: 100%;}

#login_popup{justify-content: center; align-items: center; position: fixed; top: 0; left: 0; z-index: 990; width: 100%; height: 100vh; display: none;}
#login_popup.on{display: flex;}
#login_popup .login_popup{z-index:999;position: relative;}
#login_popup .login_popup .pop_con a {position:absolute;width: 399px;height: 76px;top: 273px;left: 50%;margin-left: -200px; }
#login_popup .login_popup.on{transform: scale(1); transition: 0.4s all;}
#login_popup .login_popup .close_btn{width: 59px; height: 59px; text-align: center; margin: 0 auto 13px auto;}

#login_popup2{justify-content: center; align-items: center; position: fixed; top: 0; left: 0; z-index: 990; width: 100%; height: 100vh; display: none;}
#login_popup2.on{display: flex;}
#login_popup2 .login_popup2{ z-index:999;position: relative; }
#login_popup2 .login_popup2 .pop_con a {position:absolute;width: 399px;height: 76px;top: 273px;left: 50%;margin-left: -200px; }
#login_popup2 .login_popup2.on{transform: scale(1); transition: 0.4s all;}
#login_popup2 .login_popup2 .close_btn{width: 59px; height: 59px; text-align: center; margin: 0 auto 13px auto;}

#login_popup3{justify-content: center; align-items: center; position: fixed; top: 0; left: 0; z-index: 990; width: 100%; height: 100vh; display: none;}
#login_popup3.on{display: flex;}
#login_popup3 .login_popup3{ z-index:999;position: relative; }
#login_popup3 .login_popup3 .pop_con a {position:absolute;width: 399px;height: 76px;top: 273px;left: 50%;margin-left: -200px; }
#login_popup3 .login_popup3.on{transform: scale(1); transition: 0.4s all;}
#login_popup3 .login_popup3 .close_btn{width: 59px; height: 59px; text-align: center; margin: 0 auto 13px auto;}


@charset "utf-8";

/* reset */
*{margin: 0;padding: 0;border: 0;outline-style: none; box-sizing: border-box;}
html{-webkit-tap-highlight-color:transparent !important;-webkit-text-size-adjust: none;-webkit-appearance: none;}
body{min-width: 320px;max-width: 100%;font-family: 'Noto Sans KR', sans-serif;color: #242424;}
ol,ul,li{list-style: none;}
table,th,td{border-collapse: collapse;/*border-spacing: 0;*/}
input{-webkit-appearance: none;-webkit-border-radius: 0;border-radius: 0;}
input[type=text]::-ms-clear,
input[type=tel]::-ms-clear{display: none;}
select{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select::-ms-expand{display: none;}/* IE 10, 11의 네이티브 화살표 숨기기 */
button{border: none;background: none;cursor: pointer;outline: none;}
label{cursor: pointer;}
label img{pointer-events: none;}
a{text-decoration: none;color: #242424;}
button{border: none;background: none;cursor: pointer;-webkit-transform: translate3d(0,0,0);outline: none;}
img{display: block;border: 0;width: 100%;}

/* common */
.ir_text{overflow: hidden;position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;clip: rect(0 0 0 0);}
.clearfix:after{content: '';display: block;clear: both;height: 0;visibility: visible;}
.bl_txt{font-weight: bold;}
.scrollDisable{height: 100%;min-height: 100%;overflow: hidden !important;touch-action: none;}

/* temp */
body::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('');z-index: -1;opacity: 0.5;}