/*공통영역*/
body{font-family:Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;font-size:12px;color: #383d41;}
body,div,section,article,img,figure,ul,ol,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,input,p,form,table,tr,td,th,fieldset,.main,a{margin: 0;padding: 0;word-break:break-all;}
header,main, address, article, aside, figure, footer, header, hgroup, menu, nav, section {display:block;}
a{color: black;text-decoration:none;cursor: pointer;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:12px}
ul, ol, li{list-style: none;}
address, strong{font-style: normal;font-weight: normal;}
.hidden{visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; font-size: 0;}
fieldset, img{border:0px;}
table{border-collapse: collapse;}
/*공통영역끝*/
html{height: 100%; width: 100%; overflow-x: hidden;}
body{height: 100%; position: relative; background: url(../../img/img_teaser/sub_back.jpg) bottom center no-repeat; background-size: cover}
body,.back_smoke,.character{/*min-height: 1080px*/}
button{cursor: pointer; border: none; font-size: 12px}
select{cursor: pointer; font-size: 12px}
.back{display: block; width: 100%; height: 100%; background: url(../../img/img_teaser/back.jpg) top center no-repeat; background-size: cover;}
.img_d{text-indent: -9999px; display: block; float: left; }
.back_smoke{background: url(../../img/img_teaser/back_smoke.png) no-repeat 0 0; position:absolute; top:0; width:100%; height:100%; background-size: cover; z-index: 1;}
.character{background: url(../../img/img_teaser/character.png) no-repeat 0 0; position:absolute; bottom: 0; width:100%; height:100%; background-size: cover; z-index: 0;}

.main_logo{width: 64%; float: right; top:10%;}
.main_logo img{width: 100%;}

.main_logo, .dday, .loading{position: absolute;right: 8%; z-index: 9}

.dday{display: block; float: right; position: absolute; top:50%}
.img_d{display: block; float: left; width:20%; padding: 6% 0; text-indent: -9999px; background: url(../../img/img_teaser/d.png) no-repeat center center;top: 20px; position: absolute; left: -200px; background-size: cover}

.flip-clock-wrapper .hours{background:url(../../img/img_teaser/day.png) no-repeat bottom center; width: 58px; height: 142px; background-size: contain;}
.flip-clock-wrapper .hours .flip-clock-dot{display: none;}

.gnb{display: block; float: left; width: 100%;background: url(../../img/img_teaser/main_menu.png) no-repeat center center; padding: 1% 0; position: absolute; top: 78%; text-align: center; background-size: contain;z-index: 999;}

.mobile_slide{display: none;}

.gnb_ani{animation-duration: 0.7s; animation-name: opacityani_top;}
@keyframes opacityani_top {
    0%{opacity: 0;}
    50%{opacity: 0.5;}
    100%{opacity: 1;}
}

@keyframes opacityani {
    0%{opacity: 0;}
    50%{opacity: 0.5;}
    100%{opacity: 1;}
}

.gnb_ul{margin-left: 14.5%; display: block; float: left; width: 91%;}
.gnb li,.gnb li a{display: block; float: left; text-indent: -9999px;}
.gnb li{width: 20%}
.gnb li a{width: 100%; padding: 20% 0;}
.gnb li{background-size: contain;}
.gnb li:hover{opacity: 0.6}
.gnb_event_1{background: url(../../img/img_teaser/main_menu_01.png) no-repeat center center}
.gnb_event_2{background: url(../../img/img_teaser/main_menu_02.png) no-repeat center center}
.gnb_event_3{background: url(../../img/img_teaser/main_menu_03.png) no-repeat center center}
.gnb_event_4{background: url(../../img/img_teaser/main_menu_04.png) no-repeat center center}

.loading{display: block; width: 62%; top:70%;}
.loading .loading_back{width: 100%; background: url(../../img/img_teaser/loading_back.png) no-repeat center center; background-size: cover;position: absolute; padding:2px; border-radius: 99px; box-shadow: 0 0 3px 1px rgba(0,0,0,0.3) inset}
.loading_p{display: block; position: relative; overflow: hidden;background: url(../../img/img_teaser/loading_p.png) no-repeat left center; background-size: cover; padding:0; height: 30px; border-radius: 99px;}
.loading_txt{text-indent: -9999px; display: block; background: url(../../img/img_teaser/loading_text.png) no-repeat center center; background-size: contain; width: 100%; height: 12px; margin: 9px 0}


/*서브페이지*/
.sub_back{display: block; width:100%; height: 100%; background:center center no-repeat; background-size: contain; margin:auto;/*min-height: 1080px*/}
.sub_back_1{background-image: url(../../img/img_teaser/sub_paper_01.png);}
.sub_back_2{background-image: url(../../img/img_teaser/sub_paper_02.png);}
.sub_back_3{background-image: url(../../img/img_teaser/sub_paper_03.png);}
.sub_back_4{background-image: url(../../img/img_teaser/sub_paper_04.png);}

.sub_gnb{animation-duration: 0.7s; animation-name: opacityani; top:0; background: url(../../img/img_teaser/sub_menu.png) no-repeat top center; padding: 0; background-size: cover;height: 10%}

.sub_gnb .gnb_ul{margin-left: 14.5%; display: block; float: left; width: 91%;height: 100%;}
.sub_gnb li,.sub_gnb li a{display: block; float: left; text-indent: -9999px;}
.sub_gnb li{width: 20%; height: 100%}
.sub_gnb li a{width: 100%; height: 100%; padding: 0}
.sub_gnb li:hover{opacity: 1}
.sub_gnb .gnb_event_1{background: url(../../img/img_teaser/sub_menu_01.png) no-repeat center center;background-size: contain;}
.sub_gnb .gnb_event_2{background: url(../../img/img_teaser/sub_menu_02.png) no-repeat center center;background-size: contain;}
.sub_gnb .gnb_event_3{background: url(../../img/img_teaser/sub_menu_03.png) no-repeat center center;background-size: contain;}
.sub_gnb .gnb_event_4{background: url(../../img/img_teaser/sub_menu_04.png) no-repeat center center;background-size: contain;}

.sub_gnb .gnb_event_1:hover{background: url(../../img/img_teaser/over_sub_menu_01.png) no-repeat center center; background-size: contain;}
.sub_gnb .gnb_event_2:hover{background: url(../../img/img_teaser/over_sub_menu_02.png) no-repeat center center; background-size: contain;}
.sub_gnb .gnb_event_3:hover{background: url(../../img/img_teaser/over_sub_menu_03.png) no-repeat center center; background-size: contain;}
.sub_gnb .gnb_event_4:hover{background: url(../../img/img_teaser/over_sub_menu_04.png) no-repeat center center; background-size: contain;}

.sub_gnb .sel_gnb_event_1,.sub_gnb .sel_gnb_event_1:hover{background: url(../../img/img_teaser/sel_sub_menu_01.png) no-repeat center center;background-size: contain;}
.sub_gnb .sel_gnb_event_2,.sub_gnb .sel_gnb_event_2:hover{background: url(../../img/img_teaser/sel_sub_menu_02.png) no-repeat center center;background-size: contain;}
.sub_gnb .sel_gnb_event_3,.sub_gnb .sel_gnb_event_3:hover{background: url(../../img/img_teaser/sel_sub_menu_03.png) no-repeat center center;background-size: contain;}
.sub_gnb .sel_gnb_event_4,.sub_gnb .sel_gnb_event_4:hover{background: url(../../img/img_teaser/sel_sub_menu_04.png) no-repeat center center;background-size: contain;}

.sub_txt{display: block;  position: relative;height: 85%; top:13%; margin: auto;width: 100%; text-align: center;}

.sub_1_1,.sub_2_1,.sub_3_1,.sub_4_1{background: no-repeat top center; background-size: contain; display: block; float: left;width: 100%; height: 100%}

.sub_1_1{background: no-repeat top center; background-size: contain; display: block; float: left; position: absolute; top:0; z-index: 9; width: 100%; height: 100%}
.sub_1_1_z{background: no-repeat top center; background-size: contain; display: block; float: left; position: absolute; top:0; width: 100%; height: 100%}
.sub_1_1{background-image: url(../../img/img_teaser/sub_1_1_z.png);}
.sub_1_1_z{background-image: url(../../img/img_teaser/sub_1_1.png);}
.sub_3_1{background-image: url(../../img/img_teaser/sub_3_1.png);}
.sub_2_1{background-image: url(../../img/img_teaser/1040_sub_2_1.png), url(../../img/img_teaser/1040_sub_2_1_b.png); background-size: contain;background-position:top center,bottom center}
.sub_4_1{background-image: url(../../img/img_teaser/sub_4_1.png);}

.sub_back_cha,.sub_s_text{display: block; float: left; position:absolute;animation-name: opacityani;animation-duration: 0.7s;}

.sub_back_cha{z-index: 1;}
.sub_back_cha_r{position:absolute;z-index: 1;animation-name: opacityani;animation-duration: 0.7s;}
.sub_back_1_cha_l{background: url(../../img/img_teaser/sub_character_1_l.png) no-repeat 0 bottom; bottom: 10%; width:15%; height:83%; background-size: contain; left: 16%; max-height: 950px;}
.sub_back_1_cha_r{background: url(../../img/img_teaser/sub_character_1_r.png) no-repeat 0 0; bottom: 5%; width:25%; height:83%; background-size: contain; right: 5%; max-height: 950px; }
.sub_back_2_cha{background: url(../../img/img_teaser/sub_character_2.png) no-repeat 0 bottom; bottom: -1%; width:32%; height:83%; background-size: contain; left: 7%; max-height: 950px; padding: 0}
.sub_back_3_cha{background: url(../../img/img_teaser/sub_character_3.png) no-repeat 0 bottom;  bottom: -1%; width:32%; height:83%; background-size: contain; right: 5%; max-height: 900px;}
.sub_back_4_cha{background: url(../../img/img_teaser/sub_character_4.png) no-repeat 0 bottom; bottom: 2%; width:32%; height:83%; background-size: contain; right: 5%; max-height: 950px;}

.sub_s_text{z-index: 2;}
.sub_s_text_1{background: url(../../img/img_teaser/sub_s_text_1.png) no-repeat 0 0; right: 22%; top:8%;background-size: contain;}
.sub_s_text_2{background: url(../../img/img_teaser/sub_s_text_2.png) no-repeat 0 0; left: 16%; top:30%;background-size: contain;}
.sub_s_text_3{background: url(../../img/img_teaser/sub_s_text_3.png) no-repeat 0 0; right: 13%; top:12%;background-size: contain;}
.sub_s_text_4{background: url(../../img/img_teaser/sub_s_text_4.png) no-repeat 0 0; right: 12%; top:11%;background-size: contain;}

.sub_3_1_03_form{display: block; width: 100%; height: 17%; color: #fff;  font-size: 20px; line-height: 20px;  text-align: center; margin:auto; position: relative; top:58%;}
.sub_3_1_03_form .sms_num{display: inline-block; width: 8%; border: none; padding: 0.5% 0; text-align: center;font-size: 20px; }
.sub_3_1_03_form span{display: inline-block;}
.sub_3_1_03_form .sub_3_1_03_blank{width:0}

.sms_btn_wrap{display: block; margin-top: 1%}
.sms_submit{display: inline-block; text-align: center; margin:auto; width: 18%; cursor: pointer;}
.sms_submit:hover{opacity: 0.7}

.pass_submit{display: inline-block; text-align: center; margin:auto; width: 25%; cursor: pointer; height: 5%;}
.pass_submit:hover{opacity: 0.7}

.sms_checkbox{display: inline-block; background: url(../../img/img_teaser/sms_check.png) no-repeat center center; background-size: contain; text-indent: -9999px; width: 21%;cursor: pointer;}
.sms_checkbox:hover{opacity: 0.8}
.sms_checkbox_input:checked+.sms_checkbox{background-image: url(../../img/img_teaser/sms_check_ok.png)}

.sub_1_form{display: block; width: 100%; color: #fff; margin: 0 auto; position: relative; max-width: 1324px; top: 16%; z-index: 9}

.sns_iframe{width:35%; position: relative; top:42%; height: 43%; margin: auto; border: 8px solid #232323; min-width: 690px; max-width: 700px; padding: 5px 10px; background-color: #fff; overflow-y: hidden; z-index: 8}

/*회원가입*/
.join_btn{display: block; float: right; position: fixed; right: 2%; top:3%; background: #790505 url(../../img/img_teaser/join_btn.png) center center no-repeat; background-size: contain;width: 145px; height: 40px; border-radius: 3px; text-indent: -9999px; z-index: 999; box-shadow: 0 0 3px 0 rgba(0,0,0,0.5);opacity: 0.7}
.join_btn:hover{opacity: 1}

/*페이스북 바로가기*/
.facebook_btn{display: block; float: right; position: fixed; margin-right: 155px; right: 2%; top:3%; background: #00489A url(../../img/img_teaser/facebook_btn.png) center center no-repeat; background-size: contain;width: 200px; height: 40px; border-radius: 3px; text-indent: -9999px; z-index: 999; box-shadow: 0 0 3px 0 rgba(0,0,0,0.5);opacity: 0.7}
.facebook_btn:hover{opacity: 1}
.sub_gnb .join_btn,.sub_gnb .facebook_btn{display: none;}

/*팝업레이어 20170712*/
.popup_layer{font-family: 'MalgunGothic','맑은고딕','Malgun Gothic','맑은 고딕','Dotum','돋움';display: block; float: left; position: fixed; top:50%; left: 50%; background-color: #eee; border:1px solid #2E68AB; z-index: 999; text-align: center; width: 660px; height: 400px; margin-left: -330px; margin-top: -200px; padding: 20px; box-shadow: 0 0 3px 0 rgba(0,0,0,0.5)}
.popup_layer p{margin: 10px 0; font-size: 15px; line-height: 22px}
.popup_layer h3{font-size: 26px; font-weight: bold;}
.popup_layer h4{font-size: 24px; font-weight: bold; margin: 10px 0; letter-spacing: -1px}
.close_btn{display: block; margin:auto; width: 160px; text-align: center; color: #fff; background-color: #777; height: 36px; line-height: 36px; border-radius: 3px; font-size: 14px; font-weight: bold; margin-top: 23px}
.close_btn:hover{background-color: #970006}
/*팝업레이어 끝*/


/*반응형 1460*/
@media screen and (max-width: 1460px) {

body,.back_smoke,.character,.sub_back{/*min-height: 872px*/}
.main_logo{width: 82%; top:5%}
.img_d{width:20%; padding: 5.5% 0; top:12px; text-indent: -9999px; left: -150px;}
.flip-clock-wrapper .hours{width: 58px; height: 100px; background-size: contain;}
.loading{width: 80%;}

.sub_gnb .gnb_ul{margin-left: 0; width:100%;}
.sub_gnb li{width: 25%;}
.sub_gnb li a{width: 100%;}
.sub_gnb .join_btn,.sub_gnb .facebook_btn{display: none;}
.sub_back_1_cha_l{bottom: 11%; left: 7%;}
.sub_back_1_cha_r{bottom: 5%; right: 0%;}
.sub_back_2_cha{left: 0;}
.sub_back_3_cha{right: 0}
.sub_back_4_cha{bottom: 10%;  right: 0%;}

.sub_s_text_1{right: 18%; top:10%;}
.sub_s_text_2{left: 16%; top:30%;}
.sub_s_text_3{right: 7%; top:11%;}
.sub_s_text_4{right: 9%; top:11%;}

.sub_3_1_03_form{top:58%;}
.sub_3_1_03_form_h{margin-top:45%; top:0;}

.join_btn{width: 130px; height: 38px;}
.facebook_btn{width: 185px; height: 38px;}
}

/*반응형 1040*/
@media screen and (max-width: 1040px) {

body,.back_smoke,.character,.sub_back{/*min-height: 768px*/}
.main_logo, .loading{right: 6%}
.dday{right: 0; margin-right: 2%}
.main_logo{width: 87%; top:10%;}
.img_d{width:20%; padding: 6% 0; top: 8px;left: -120px;}
.flip-clock-wrapper .hours{width: 58px; height: 80px; }

.loading{width: 85%;}
.loading .loading_back{padding:3px;}
.loading_p{height: 20%;}

.gnb{padding: 1.1% 0; background-size: cover}

.gnb_ul{margin-left: 5%; width: 91%;}
.gnb li{width: 25%; background-size: cover}
.gnb li a{width: 100%;}

.sub_back{background-size: cover;}

.sub_gnb{top:-3px;}

.sub_gnb .gnb_ul{margin-left: 0; width:100%;}
.sub_gnb li{width: 25%;}
.sub_gnb li a{width: 100%;}

.sub_3_1,.sub_2_1,.sub_1_1,.sub_4_1{background: no-repeat top center; background-size: contain; display: block; float: left;width: 100%; height: 100%}
.sub_1_1_z{background: no-repeat top center; background-size: contain; display: block; float: left; position: absolute; top:0; width: 100%; height: 100%}

.sub_3_1{background-image: url(../../img/img_teaser/1040_sub_3_1.png);}
.sub_2_1{background-image: url(../../img/img_teaser/1040_sub_2_1.png), url(../../img/img_teaser/1040_sub_2_1_b.png); background-size: contain;background-position:top center,bottom center}
.sub_1_1{background-image: url(../../img/img_teaser/1040_sub_1_1_z.png);}
.sub_1_1_z{background-image: url(../../img/img_teaser/1040_sub_1_1.png);}
.sub_4_1{background-image: url(../../img/img_teaser/1040_sub_4_1.png);}

.sub_3_1_03_form{top:60%;}
.sub_3_1_03_form_h{margin-top: 53%; top:0;}
.sub_3_1_03_form .sms_num{width: 11%;}

.sub_2_1{text-align: center;}

.sub_back_1_cha_l{bottom: 11%; left: 0%;}
.sub_back_1_cha_r{bottom: 5%; right: 0%;}
.sub_back_2_cha{left: -10%}
.sub_back_3_cha{right: 0}
.sub_back_4_cha{bottom: 10%;  right: -3%;}

.sub_s_text_1{right: 20%; top:11%;}
.sub_s_text_2{left: 5%; top:32%;}
.sub_s_text_3{right: 6%; top:12%;}
.sub_s_text_4{right: 1%; top:11%;}

}

/*반응형 896*/
@media screen and (max-width: 896px){

.sub_s_text_2{width: 370px; height: 120px; left: 0%; top:32%;}
/*.sns_iframe{top:38%;}*/

.sub_back_2_cha{z-index: 0}
.sub_1_1_z{background: none}
.sub_1_1{background: no-repeat top center;background-image: url(../../img/img_teaser/1040_sub_1_1_z.png); background-size: contain;}
.sub_1_form{top: 15.8%}
.sub_1_form .sms_btn_wrap{margin-top: 0;border: 8px solid #232323; background-color: #000; width: 90%; margin: auto;}
.sub_back_3_cha_r,.sub_back_3_cha_l{display: none;}
.sub_s_text_3{width: 390px; height: 150px; right: 0; top:18%;}

}

/*반응형 768*/
@media screen and (max-width: 768px){

body,.back_smoke,.character,.sub_back{/*min-height: 700px*/}

.sub_s_text_2{width: 370px; height: 120px; left: 0%; top:32%;}
.sub_back_2_cha{z-index: 0}
.sub_1_1_z{background: none}
.sub_1_1{background: no-repeat top center;background-image: url(../../img/img_teaser/1040_sub_1_1_z.png); background-size: contain;}
.sub_1_form{top: 15.5%}
.sub_1_form .sms_btn_wrap{margin-top: 0;border: 8px solid #232323; background-color: #000; width: 94%; margin: auto; padding: 0}
.sub_back_3_cha_r,.sub_back_3_cha_l{display: none;}
.sub_s_text_3{width: 390px; height: 150px; right: 0; top:18%;}

}

/*반응형 720*/
@media screen and (max-width: 720px) {

body,.back_smoke,.character,.sub_back{/*min-height: 790px*/}
.main_logo, .loading{right: 5%;}
.dday{left: 0; margin-right: 0; width: 100%; text-align: center; top:40%;}
.main_logo{width: 90%; top:10%;}
.img_d{width:12%; height: 80px; padding: 0; left: 8%; background-size: contain;}

.flip-clock-wrapper .hours{width: 58px; padding: 1% 0}

.loading{width: 90%; top:55%}
.loading .loading_back{padding:3px;}

.sub_back_3_cha,.sub_back_2_cha,.sub_back_1_cha_r,.sub_back_1_cha_l,.sub_back_4_cha{display: none;}

.sub_3_1_03_form{top:60%;}
.sub_3_1_03_form_h{top: 0; margin-top: 80%}
.sub_3_1_03_form .sms_num{width: 20%;}

.sns_iframe{width:90%; min-width: 460px; border:5px solid #232323;}

.sub_back_1 .sub_txt{padding: 0}
.sub_3_1,.sub_2_1,.sub_1_1,.sub_4_1{background: no-repeat top center; background-size: contain; display: block; float: left;width: 100%; height: 100%;}

.sub_3_1{background-image: url(../../img/img_teaser/720_sub_3_1.png)}
.sub_2_1{background-image: url(../../img/img_teaser/720_sub_2_1.png), url(../../img/img_teaser/720_sub_2_1_b.png); background-size: contain;background-position:top center,bottom center}
.sub_1_1_z{background-image: none}
.sub_1_1{background-image: url(../../img/img_teaser/720_sub_1_1_z.png);}
.sub_4_1{background-image: url(../../img/img_teaser/720_sub_4_1.png)}

.sub_s_text{padding: 0 3%}
.sub_s_text_1{right: 3%; top:10%;}
.sub_s_text_2{left: 1%; top:35%;}
.sub_s_text_3{right: 6%; top:12%;}
.sub_s_text_4{right: 1%; top:11%;}

.sub_1_form{top: 14%}
.sub_1_form .sms_btn_wrap{margin-top: 0;border: 8px solid #232323; background-color: #000; width: 70%; margin: auto; padding: 0}

}


/*반응형 460(모바일)*/
@media screen and (max-width: 460px) {

.fp-section{overflow-y: hidden}

body,.back_smoke,.character{/*min-height: 480px;*/ max-height: 100%}
.main_logo, .loading{right: 5%}
.dday{left: 0; margin-right: 0; width: 100%; text-align: center; top:34%;}
.main_logo{position: relative; width: 90%; top:0;}
.mobile_slide{display: block; position: absolute; top:12%; left: 0; width: 100%; height: 100%; background: url(../../img/img_teaser/main_title.gif) bottom center no-repeat; background-size: contain; opacity: 0.2}
.img_d{display: none}

.flip-clock-wrapper .hours{width: 58px; padding: 1% 0}

.loading{width: 90%; top:53%}
.loading .loading_back{padding:3px;}

.gnb{padding: 1.1% 0;top: 60%; background: none}

.gnb_ul{width: 100%;margin:0; left:0;}
.gnb li{width: 50%; background-size: cover; opacity: 1}
.gnb li:hover{opacity: 1}
.gnb li a{width: 100%; padding: 18% 0;}

.sub_gnb{padding: 0; position: absolute; top: 0; height: 4%}
.sub_gnb .gnb_ul{margin-left: 0; width:100%;position: absolute; top: 0;}
.sub_gnb li{width: 100%;display: none;}
.sub_gnb li a{width: 100%; position: absolute; top: 0; padding: 0}

.sub_gnb .gnb_event_1{background: url(../../img/img_teaser/m_sub_menu_01.png) no-repeat center center;background-size: contain; opacity: 0.5; height: 100%}
.sub_gnb .gnb_event_2{background: url(../../img/img_teaser/m_sub_menu_02.png) no-repeat center center;background-size: contain; opacity: 0.5; height: 100%}
.sub_gnb .gnb_event_3{background: url(../../img/img_teaser/m_sub_menu_03.png) no-repeat center center;background-size: contain; opacity: 0.5; height: 100%}
.sub_gnb .gnb_event_4{background: url(../../img/img_teaser/m_sub_menu_04.png) no-repeat center center;background-size: contain; opacity: 0.5; height: 100%}

.sub_gnb .gnb_event_1:hover{background: rgba(0,0,0,0.5) url(../../img/img_teaser/m_sub_menu_01.png) no-repeat center center; background-size: contain;}
.sub_gnb .gnb_event_2:hover{background: rgba(0,0,0,0.5) url(../../img/img_teaser/m_sub_menu_02.png) no-repeat center center; background-size: contain;}
.sub_gnb .gnb_event_3:hover{background: rgba(0,0,0,0.5) url(../../img/img_teaser/m_sub_menu_03.png) no-repeat center center; background-size: contain;}
.sub_gnb .gnb_event_4:hover{background: rgba(0,0,0,0.5) url(../../img/img_teaser/m_sub_menu_04.png) no-repeat center center; background-size: contain;}

.sub_gnb .sel_gnb_event_1{background: rgba(0,0,0,0.5) url(../../img/img_teaser/m_sub_menu_01.png) no-repeat center center;background-size: contain; opacity: 1;display: block; padding: 0}
.sub_gnb .sel_gnb_event_1+.gnb_event_2,.sub_gnb .sel_gnb_event_2{background: rgba(0,0,0,0.5) url(../../img/img_teaser/m_sub_menu_02.png) no-repeat center center;background-size: contain; opacity: 1;display: block; padding: 0}
.sub_gnb .sel_gnb_event_1+.gnb_event_2{position: fixed; bottom: 0; height: 4%}
.sub_gnb .sel_gnb_event_1+.gnb_event_2{display: block;}
.sub_gnb .sel_gnb_event_2+.gnb_event_3,.sub_gnb .sel_gnb_event_3{background: rgba(0,0,0,0.5) url(../../img/img_teaser/m_sub_menu_03.png) no-repeat center center;background-size: contain; opacity: 1;display: block; padding: 0}
.sub_gnb .sel_gnb_event_2+.gnb_event_3{position: fixed; bottom: 0; height: 4%}
.sub_gnb .sel_gnb_event_2+.gnb_event_3{display: block;}
.sub_gnb .sel_gnb_event_3+.gnb_event_4,.sub_gnb .sel_gnb_event_4{background: rgba(0,0,0,0.5) url(../../img/img_teaser/m_sub_menu_04.png) no-repeat center center;background-size: contain; opacity: 1;display: 
	block; padding: 0}
.sub_gnb .sel_gnb_event_3+.gnb_event_4{position: fixed; bottom: 0; height: 4%}
.sub_gnb .sel_gnb_event_3+.gnb_event_4{display: block;}

.sub_back_1{background-image: url(../../img/img_teaser/m_sub_paper_01.png);}
.sub_back_2{background-image: url(../../img/img_teaser/m_sub_paper_02.png);}
.sub_back_3{background-image: url(../../img/img_teaser/m_sub_paper_03.png);}
.sub_back_4{background-image: url(../../img/img_teaser/m_sub_paper_04.png);}

.sub_txt{top:5%;}

.sub_s_text_1{width: 80%; padding: 0; z-index: 1; right: 10%; top:3%; }

.sub_3_1_03_form{top:63%;}
.sub_3_1_03_form_h{top:0; margin-top: 84%}
.sub_3_1_03_form .sms_num{width: 22%;}
.sub_3_1_03_form .sub_3_1_03_blank{width: 0}
.sub_3_1_03_form .sms_submit,.sub_3_1_03_form .sms_checkbox{width: 50%; margin-top: 4px}

.sns_iframe{width:90%; min-width: 340px; border:none; top:43%; margin-top:0; height: 42%}

.sub_back_1 .sub_txt{padding: 0}
.sub_3_1,.sub_2_1,.sub_1_1,.sub_4_1,.sub_1_1_z{background: no-repeat top center; background-size: contain; display: block; float: left;width: 100%; height: 100%;margin: 0; position: absolute;}

.sub_3_1{background-image: url(../../img/img_teaser/460_sub_3_1.png)}
.sub_2_1{background-image: url(../../img/img_teaser/460_sub_2_1.png), url(../../img/img_teaser/460_sub_2_1_b.png); background-size: contain;background-position:top center,bottom center}
.sub_1_1_z{background-image: none;}
.sub_1_1{background-image: url(../../img/img_teaser/460_sub_1_1_z.png);margin: 0;}
.sub_4_1{background-image: url(../../img/img_teaser/460_sub_4_1.png);}

.sub_s_text_1,.sub_s_text_2,.sub_s_text_3,.sub_s_text_4{display: none;}

.sub_1_form{margin-top: 0; top: 22%}
.sub_1_form .sms_btn_wrap{margin-top: 0;border: 8px solid #232323; background-color: #000; width: 70%; margin: auto; padding: 0}
.sub_1_form .pass_submit{padding: 1%}

.join_btn{width: 100px; height: 30px; top:1%;}
.facebook_btn{width: 155px; height: 30px; top:1%; margin-right: 110px}
}