@charset "utf-8";
@import "../../global/sass_module/_font.scss";
/* page reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, textarea { margin: 0; padding: 0; border: 0; outline: 0;}
:focus { outline: 0}
body {background: white;min-width:1280px;}

ol, ul {list-style: none; }
table {border-collapse: collapse; border-spacing: 0; }
th, td { text-align: left;  font-weight: normal}
caption{font-size:0;line-height:0;visibility:hidden}
html {overflow-y:scroll;font-size:12px;}
a{text-decoration:none;color:#555}
a:hover{text-decoration:none}
button{border:0 none;cursor:pointer}
.acc, .blind {position:absolute; overflow:hidden; top:0; left:0; width:0; height:0; margin:0; padding:0; text-indent:-9999px; font-size:0;}

em , i , u , b {font-style:normal; font-weight:normal; text-decoration:none;}

/* layout */
html, body {height:100%;}

.wrap {min-width:1280px; height:100%;}
.content {padding:0;}
.content .in {position:relative; width:1280px; margin:0 auto; height:100%;}
.section0 .content .in,
.section4 .content .in {width:100%;}
.footer {display:flex; align-items:center; justify-content:center; position:relative; background-color:#f2f2f2; height:70px; font-weight:700; font-family: "NG", verdana, applegothic, sans-serif; z-index:99;}


.gnb {position:fixed; top:0; left:0; right:0; z-index:999;}
.gnb .in {height:84px; background:#000; background:rgba(0,0,0,0.18);}
.gnb .in.s0 {background:none;}
.gnb ul {float:right; margin:23px 35px 0 0;}
.gnb ul.menu.for_ie8 {display:none;}
.gnb ul li {position:relative; float:left; height:100%; margin:0 15px;}
.gnb ul li a {display:block; height:38px; line-height:38px; border-radius:38px; padding:0 20px; color:#fff; font-size:16px; font-weight:normal;}
.gnb .s1 ul li.li1 a,
.gnb .s2 ul li.li2 a,
.gnb .s3 ul li.li3 a,
.gnb .s4 ul li.li4 a,
.gnb .s5 ul li.li5 a {color:#fff; background:#000;}

h1 {display:flex; align-items:center; position:absolute; top:0; left:40px; z-index:9999; height:100%;}
h1 a.logo1 {flex:0 0 auto; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' id='레이어_1' x='0' y='0' style='enable-background:new 0 0 69 20' version='1.1' viewBox='0 0 69 20'%3e%3cstyle%3e.st0%7bfill:%23fff%7d%3c/style%3e%3cpath d='M42.2.1c-2.9 0-5.6 1.3-7.4 3.3-.1.1-.2.1-.3 0-1.8-2-4.5-3.3-7.4-3.3-5.5 0-9.9 4.5-9.9 9.9s4.5 9.9 9.9 9.9c2.9 0 5.6-1.3 7.4-3.3.1-.1.2-.1.3 0 1.8 2 4.5 3.3 7.4 3.3 5.5 0 9.9-4.5 9.9-9.9S47.7.1 42.2.1zm0 15.1c-1.6 0-2.9-.8-3.7-1.6-.3-.3-.6-.7-.9-1-.2-.2-.3-.3-.5-.4-.7-.5-1.5-.8-2.4-.8-.9 0-1.7.3-2.4.8-.2.1-.3.3-.5.4-.4.3-.7.7-.9 1-.8.9-2.1 1.6-3.7 1.6h-.5c-2.6-.3-4.6-2.5-4.6-5.1 0-2.7 2-4.9 4.6-5.1h.5c1.6 0 2.9.8 3.7 1.6.3.3.6.7.9 1 .2.2.3.3.5.4.7.5 1.5.8 2.4.8.9 0 1.7-.3 2.4-.8.2-.1.3-.3.5-.4.4-.3.7-.7.9-1 .8-.9 2.1-1.6 3.7-1.6h.5c2.5.3 4.5 2.3 4.6 4.8v.5c-.1 2.5-2.1 4.6-4.6 4.8h-.4c0 .1-.1.1-.1.1zM8.2 7.3l3 1c.4.2 2 .6 3.2 1.8 1.1 1.1 1.6 2.6 1.6 4 0 4.4-4.5 5.9-7.8 5.9-5 0-7.1-2.2-7.8-2.8l2.9-3.8c.2.3 2.2 2.2 4.8 2.2 1 0 2.6-.4 2.6-1.6 0-.8-.8-1.4-2.6-2l-3-1c-2-.8-3.6-2.2-3.6-5 0-1.5.6-2.7.9-3.1C4.1.3 7.4 0 8.5 0c2 0 3.5.4 4.6.8 1.4.6 2.1 1.3 2.4 1.6L13 5.5C10.3 3.9 8.6 4 7.6 4.3c-.6.3-.9.8-.9 1.1 0 .4 0 1.3 1.5 1.9zM62.1.2h-8v19.7h4.8v-6.6h3.2c3.3 0 6.4-2 6.4-6.6S65.4.2 62.1.2zm1.6 6.5c0 1.4-1.2 2.6-2.6 2.6h-2.2V4.1h2.2c1.4 0 2.6 1.2 2.6 2.6z' class='st0'/%3e%3c/svg%3e"); background-position:50% 50%; background-repeat:no-repeat; background-size:100% 100%; width:82px; height:47px; font:0/0 s;}
h1 a.logo2 {margin:1px 0 0 12px; color:#fff; font-size:20px; font-weight:bold;}

/* contents */
.section {z-index:99; }
.section.section0 {z-index:9; height:100%; position:fixed; width:100%; height:100%;}
.section.section0 .content {height:100%; width:100%; padding:0;}
.section0_sai {height:100%;}
.section.section1 {height:1000px; position:relative;}
.section.section1 .content {height:100%; background:#e5e5e5 url('/images/adv/brand/cont1.png') center no-repeat;}
.section.section2 {height:1264px; position:relative;}
.section.section2 .content {height:100%; background:#fff url('/images/adv/brand/cont2.jpg') center no-repeat;}
.section.section3 {height:1000px; position:relative;}
.section.section3 .content {height:100%; background:#0c6ef1 url('/images/adv/brand/cont3.jpg') center no-repeat;}
.section.section4 {height:950px; position:relative;}
.section.section4 .content {height:100%; background:#262626 url('/images/adv/brand/cont4_bg.png') center bottom no-repeat;}
.section.section5 {height:2358px; position:relative;}
.section.section5 .content {height:100%; background:#fff}

.section h3 {position:absolute; overflow:hidden; top:0; left:0; width:0; height:0; margin:0; padding:0; text-indent:-9999px; font-size:0;}
.section4 h3 {top:160px; width:100%; height:86px; background:url('/images/adv/brand/cont4_title.png') no-repeat center 0;}

.section0 .video {position:absolute; left:0; top:0; width:100%; height:100%; z-index:0;}
.section0 .video iframe {width:2000px; height:1120px;}
.section0 .obj1 {position:absolute; left:0; top:0; width:100%; height:100%; z-index:333; overflow:hidden; text-indent:-1111px; background:url('/images/adv/brand/title.png') no-repeat center 30%;}
.section0 .ptn {position:absolute; left:0; top:0; display:block; width:100%; height:100%; z-index:5; background:url('/images/adv/brand/title_ptn.png') repeat;}
.section0 .wheel {position:absolute; left:0; right:0; bottom:50px; display:block; height:84px; z-index:22;}
.section0 .wheel span {margin:0 auto; display:block; width:84px; height:84px; border-radius:84px; background:#fff url('/images/adv/brand/wheel.gif') no-repeat center;}

.section3 ul {position: absolute;left:40px;top:327px;}
.section3 ul:after {display: block;content: "";clear: both;}
.section3 ul li {float:left;width:276px;height: 315px;margin-right:32px;}
.section3 ul li:last-child {margin-right:0}
.section3 ul li a {display: block;width: 100%;height: 100%;font:0/0 a;}
/*.section3 .btnbox {position:absolute; top:50%; left:50%; width:1280px; height:663px; margin:-331px 0 0 -640px;}*/
.section3 .btn1 a {position:absolute; top:768px; left:236px; width:250px; height:60px; text-indent:-1111px; overflow:hidden; background:url('/afevent/event/n.gif') no-repeat 0 0;}
.section3 .btn2 a {position:absolute; top:768px; left:516px; width:250px; height:60px; text-indent:-1111px; overflow:hidden; background:url('/afevent/event/n.gif') no-repeat 0 0;}
.section3 .btn3 a {position:absolute; top:768px; left:794px; width:250px; height:60px; text-indent:-1111px; overflow:hidden; background:url('/afevent/event/n.gif') no-repeat 0 0;}

/* 슬라이더 */
.section4 .listarea {position:absolute; left:0; top:350px; right:0; width:100%; height:418px; overflow:hidden;}
.slide_all {width: 512px; margin: 0 auto; position: relative;}
.slide_wrap {width: 1920px; position: absolute; left: 50%; margin-left: -960px; height:418px;}
.slide_body {width: 100%;}
.slide {width: 384px; font-family: 'arial'; background: #000; color: #fff; font-size: 50px; line-height: 216px; text-align: center;}
.slide img {width: 100%; vertical-align: bottom;}

.bx-controls-direction,.bx-pager {text-align: center;height: 25px;}
.bx-pager {display:none;}
.bx-controls {position: absolute;top:0; z-index: 100;width: 100%;}
.bx-controls-direction a,.bx-pager-item {display: inline-block;}
.bx-controls-direction {position:absolute; top:0; left:0; right:0; min-width:100%; height:1px;}
.bx-controls-direction a {position:absolute; top:0; width:660px; height:480px; overflow:hidden; text-indent:-1111px;}
.bx-controls-direction a.bx-prev {left:0; background:url('/images/adv/brand/pager_prev.png') no-repeat right 165px;}
.bx-controls-direction a.bx-next {right:0; background:url('/images/adv/brand/pager_next.png') no-repeat 0 165px;}
.bx-pager-item a{display: block; height: 10px; width: 10px; text-indent: -9999px; background: #fff; border-radius: 10px; margin:10px 2px 0 2px;}
.bx-pager-item a.active {opacity: 0.3;}

.cast_box{transition:all 0.7s;opacity:.3;}
.cast_box.active{ opacity:1;}

.cast_box {float:left; margin:0 0; padding:84px 0 0; height:334px; position:relative; display:block;}
.cast_box a {width:481px; margin:0 0 0 96px;}
.cast_box.active a {width:512px; margin:0 0 0 74px;}
.cast_box .thumb {}
.cast_box .thumb img {width:448px; height:252px;}
.cast_box .info1 {position:absolute; left:74px; top:289px; width:446px; display:block; height:108px; padding:22px 23px 0; font-size:22px; color:#000; font-weight:bold; font-style:normal; letter-spacing:-1px; background:#fff;}
.cast_box .info2 {position:absolute; left:97px; top:343px; width:459px; font-size:16px; color:#555; font-style:normal;}
.cast_box .info3 {position:absolute; left:97px; top:375px; width:444px; padding:0 0 0 13px; font-size:15px; color:#444; background:url('/images/adv/brand/icon_hit.png') no-repeat 0 3px;}
.cast_box .play {position:absolute; left:0; top:0; width:100%; height:289px; background:url('/images/adv/brand/play.png') no-repeat center center;}
.cast_box .info1,
.cast_box .info2,
.cast_box .info3,
.cast_box .play {display:none; white-space:nowrap;overflow:hidden; text-overflow: ellipsis;}
.cast_box.active {margin:0; padding:0; z-index:22;}
.cast_box.active .info1,
.cast_box.active .info2,
.cast_box.active .info3,
.cast_box.active .play {display:block;}
.cast_box.active .thumb img {width:492px; height:289px;}

.section5 .map {position:relative;width:1200px;height:525px;margin:100px auto 0;background:#fff url('/images/adv/brand/cont5.jpg') center no-repeat;}
.section5 .btnbox a {position:absolute; display:block; text-indent:-1111px; overflow:hidden; background:url('/afevent/event/n.gif') no-repeat 0 0;}
.section5 .btn1 a {top:267px; left:0; width:357px; height:33px;}
.section5 .btn2 a {top:392px; left:0; width:38px; height:38px;}
.section5 .btn3 a {top:392px; left:70px; width:35px; height:38px;}

.section5 .inputbox {position:relative;width:570px; margin:0 auto;}
.section5 .inputbox h3 {position:relative;padding-top:127px;text-indent:0;width:auto;height:auto;color:#000;font-size:48px;text-align:center}
.section5 .inputbox .info_txt {padding-top:20px;color:#737373;font-size:22px;text-align:center}

.section5 .inputbox dl{padding-top:57px;}
.section5 .inputbox dt {font-size:15px; color:#222; font-weight:bold;  padding:0 0 12px;}
.section5 .inputbox dt .pilsu {vertical-align: bottom;font-size:18px; color:#517eff;}
.section5 .inputbox dd {position:relative; padding:0 0 22px;}
.section5 .inputbox dd:after {display:block;clear:both;content:"";}
.section5 .inputbox dd .input_text {padding:12px 15px; color:#666; font-size:16px; border:none; vertical-align:middle; width:540px; border:1px solid #d9d9d9; background:#fff}
.section5 .inputbox dd .input_email {width:230px; background:url('/images/adv/display/input_email_bg.png') no-repeat 0 0;}
.section5 .inputbox dd .at {font-size:24px; vertical-align:middle; color:#fff; *color:#5f5e5f; opacity:.2; display:inline-block; *display:inline; zoom:1; width:42px; text-align:center;}
.section5 .inputbox dd textarea {width:528px; height:115px; font-size:16px; color:#666; overflow:auto; border:none; padding:20px; resize:none; letter-spacing:-1px;border:1px solid #d9d9d9;background:#fff}

.section5 .inputbox dd .addfilebox {position:relative; height:46px;}
.section5 .inputbox dd .addfile_url {width:435px; padding:0 0 0 13px;height:44px;line-height:44px;font-size:16px; color:#666; display:block; border:1px solid #d9d9d9;background:#fff }
.section5 .inputbox dd label {position:absolute; right:0; top:0; display:block; cursor:pointer;width:119px; height:44px;line-height:45px;font-size:16px;color:#517eff;font-weight:bold;text-align:center;border:1px solid #d9d9d9;background:#fff;cursor:pointer; }
.section5 .inputbox dd label input {position:absolute; right:0; top:0; display:block; filter:alpha(opacity=0); opacity:0; width:100%; height:100%;cursor:pointer; }

.section5 .inputbox dd .select_box {position:relative; width:570px;vertical-align:middle; }
.section5 .inputbox dd .select_box.email {position:absolute; right:0; top:0; width:260px; display:inline-block; *display:inline; zoom:1; }
.section5 .inputbox dd .select_btn {display:block; border:1px solid #d9d9d9; background:#fff}
.section5 .inputbox dd .select_box.email .select_btn {background:url('/images/adv/display/input_email_bg.png') no-repeat 0 0;}
.section5 .inputbox dd .select_btn a {position:relative;display:block; padding:0 15px; color:#666; font-size:16px; height:44px; line-height:44px;}
.section5 .inputbox dd .select_btn a:after {content:'';position:absolute;top:19px;right:15px;display:block;width:13px;height:7px;background:url('/images/adv/display/select_arr_w.png') no-repeat}
.section5 .inputbox dd .select_list {display:none; position:absolute; left:0; right:0; top:45px; z-index:11; border-top:1px solid #d9d9d9; border-left:1px solid #d9d9d9;}
.section5 .inputbox dd .select_list li a {display:block; padding:0 15px; color:#666; font-size:16px; height:44px; line-height:44px; border-right:1px solid #d9d9d9;  border-bottom:1px solid #d9d9d9; background:#fff;}

.section5 .inputbox .memo {font-size:13px; padding:33px; background:#f5f6f8; }
.section5 .inputbox .memo p {line-height:1.5em;color:#666; }
.section5 .inputbox .memo p .br {display:block;}
.section5 .inputbox .memo p em {font-size:16px; display:block; font-weight:bold; padding:0 0 15px;}
.section5 .inputbox .memo .num {letter-spacing:-1px;}

.section5 .inputbox .agree {padding:24px 0 50px; color:#222; font-size:14px;}
.section5 .inputbox .agree input:active,
.section5 .inputbox .agree input:focus,
.section5 .inputbox .agree input:hover,
.section5 .inputbox .agree input {margin:0; padding:0; width:18px; height:18px;margin-right:6px;vertical-align:middle; background:#18171a;}

.section5 .inputbox .btn {display:block; text-align:center;}
.section5 .inputbox .btn a {display:inline-block; font-size:18px; padding:24px 80px; color:#fff; font-weight:bold; background:#2860ff;}


.layer_video {display:none; position:fixed; left:10px; right:100px; top:10px; bottom:10px; z-index:999;}
.layer_video .layer_in {position:relative; padding-top:56.25%; z-index:99; margin-top:10%;}
.layer_video iframe {position:absolute; left:0; top:0; width:100%; height:100%;}
.layer_video a.close {position:absolute; right:-80px; top:0; width:80px; height:80px; overflow:hidden; text-indent:-1111px; background:url('/images/adv/brand/close.png') no-repeat 0 0;}
.layer_video .bg {position:fixed; left:0; right:0; top:0; bottom:0; background:#000; background:rgba(17,17,17,0.85);}

.cast_guide {position:fixed;bottom:2%;left:50%;z-index:100;width:830px;height:530px;margin:0 0 0 -415px;background:#fff}
.cast_guide h2 {font-size:28px;text-align:center;padding-top:45px;color:#000}
.cast_guide h3 {font-size:16px;padding:35px 0 0 45px;color:#000}
.cast_guide .txt {padding:10px 0 0 65px;font-size:14px;color:#595959;letter-spacing:-1px;line-height:140%;}
.cast_guide .gbx {width:696px;height:77px;margin:12px auto 0;border:2px solid #e5e5e5}
.cast_guide .gbx h4 {padding:17px 0 0 20px;font-size:14px}
.cast_guide .gbx ul {padding:10px 0 0 20px;}
.cast_guide .gbx li {float:left;margin-right:30px;font-size:14px;letter-spacing:-1px;}
.cast_guide .contact {width:720px;margin:33px auto 0;border-top:2px solid #000;padding-top:17px;text-align:center;}
.cast_guide .contact strong {font-family:'NGB';}
.cast_guide .contact a {color:#2073ff;text-decoration:underline;font-family:'NGB';}
.cast_guide .close {display:block;position:absolute; right:0; top:0; width:102px; height:102px; overflow:hidden; z-index:10;text-indent:-1111px;cursor:pointer;background:url('/images/adv/brand/btn_close_layer.jpg') no-repeat 30px 30px;}

@media screen and (min-width:1300px) {
.layer_video {left:50%; right:auto; top:50%; bottom:auto; width:1280px; margin:-337px 0 0 -640px;}
.layer_video .layer_in {width:1200px; height:675px; padding-top:0; margin:0;}
}