@charset "utf-8";

/* 메인팝업존 */
.popup_m{display:none;}
.popup {position:absolute; top:0; float:left; width:100%; height:auto; margin:0px 0 0 0; padding:0px; position:relative; /*z-index:100;*/} 
.popup:after{display: block;content: '';clear: both;}

.popup .pop_list li{display:none;}
.popup .pop_list li:first-child{display:block;}

.popup .pop_list {position:relative; width:100%; margin:0px;}
.popup .pop_list li {text-align:center;}
.popup .pop_list li img{ width:100%; height:auto; z-index:98; }


.popup .pop_list li .bg{position: absolute;z-index:99;top:42%;text-align:left; width: 100%; }
.popup .pop_list li h3{display:block; max-width:1200px; margin:0 auto; text-align:left; font-size:27.5px; color:#fff; line-height:1.6; letter-spacing:0; font-weight:400; text-shadow:0px 0px 10px rgba(0,0,0,0.3);}
.popup .pop_list li p.txt{text-align:left; max-width:1202px; margin:0 auto; margin-top:4px; display:block; color:#fff; z-index:100; line-height:1; font-size:68px; padding-left:0px; font-weight:600;letter-spacing:0em; text-shadow:0px 0px 10px rgba(0,0,0,0.3);}
.m_icon_wrap{max-width : 1200px; margin : 0 auto 24px;}
.pop_list .bg .m_icon_wrap img{width : auto; display: inline-block; margin-right : 20px; vertical-align: bottom;}
.pop_list .bg .m_icon_wrap img:last-child{margin-right: 0;}


.popup .pop_ctrl_outer{width:100px; margin:0 auto; position:relative;}
.popup .pop_ctrl{position:absolute; left:107px; bottom:15px; width:50px; height:26px; padding:0px; text-align:center;}
.popup .pop_ctrl button,
.popup .pop_ctrl_roll button{display:block; float:left; margin:0; padding:0; font-size:0; line-height:0; border:0;}

.popup .pop_ctrl_roll .pop_prev, 
.popup .pop_ctrl_roll .pop_next { position:absolute; width:26px; height:26px;  bottom:15px;}
.popup .pop_ctrl_roll .pop_prev { left:15px; background:url('../img/s_img/mvisual_prev.png') no-repeat left top;}
.popup .pop_ctrl_roll .pop_next { left:73px; background:url('../img/s_img/mvisual_next.png') no-repeat right top;  }

.popup .pop_ctrl_roll .pop_stop,
.popup .pop_ctrl_roll .pop_play {position:absolute;  width:26px; height:26px; left: 44px; bottom:15px;}
.popup .pop_ctrl_roll .pop_stop {background:url('../img/s_img/mvisual_stop.png') no-repeat;}
.popup .pop_ctrl_roll .pop_play {background:url('../img/s_img/mvisual_play.png') no-repeat;}
.popup #popcount { position:absolute; color:#fff; font-size:110%; vertical-align:middle;  letter-spacing:-2px; font-weight:600; }


.popup .pop_txt_outer{position:absolute; left:107px; top:15px; width:100%; height:26px; padding:0px; text-align:center;}
.popup .pop_txt{width:1200px; margin:0 auto; }

.popup .pop_txt h3{font-size:20px; color:#fff;}
.popup .pop_txt p.txt{font-size:68px; font-weight:700; color:#fff;}



/* 메인팝업존(모바일) */
.popup_m {position:absolute; top:0; float:left; width:100%; height:auto; margin:0px 0 0 0; padding:0px; position:relative; /*z-index:100;*/} 
.popup_m:after{display: block;content: '';clear: both;}

.popup_m .pop_list li{display:none;}
.popup_m .pop_list li:first-child{display:block;}

.popup_m .pop_list {width:100%; margin:0px; height: 600px; overflow: hidden;}
.popup_m .pop_list li {text-align:center;}
.popup_m .pop_list li a img{ width:100%; height:auto; }

.popup_m .pop_ctrl_outer{width:100px; margin:0 auto; position:relative;}
.popup_m .pop_ctrl{position:absolute; left:107px; bottom:15px; width:50px; height:26px; padding:0px; text-align:center;}
.popup_m .pop_ctrl button,
.popup_m .pop_ctrl_roll button{display:block; float:left; margin:0; padding:0; font-size:0; line-height:0; border:0;}

.popup_m .pop_ctrl_roll .pop_prev, 
.popup_m .pop_ctrl_roll .pop_next { position:absolute; width:26px; height:26px;  bottom:15px;}
.popup_m .pop_ctrl_roll .pop_prev { left:15px; background:url('../img/s_img/mvisual_prev.png') no-repeat left top;}
.popup_m .pop_ctrl_roll .pop_next { left:73px; background:url('../img/s_img/mvisual_next.png') no-repeat right top;  }

.popup_m .pop_ctrl_roll .pop_stop,
.popup_m .pop_ctrl_roll .pop_play {position:absolute;  width:26px; height:26px; left: 44px; bottom:15px;}
.popup_m .pop_ctrl_roll .pop_stop {background:url('../img/s_img/mvisual_stop.png') no-repeat;}
.popup_m .pop_ctrl_roll .pop_play {background:url('../img/s_img/mvisual_play.png') no-repeat;}
.popup_m #popcount1 { position:absolute; color:#fff; font-size:110%; vertical-align:middle;  letter-spacing:-2px; font-weight:600; }


.popup_m .pop_list li .bg{position: absolute;z-index:99;top:22%;text-align:left; width: 100%; }
.popup_m .pop_list li h3{display:block; max-width:94%; margin:0 auto; text-align:left; font-size:18px; color:#fff; line-height:1.5; letter-spacing:0; font-weight:400; letter-spacing:-0.05em; text-shadow:0px 0px 10px rgba(0,0,0,0.22);}
.popup_m .pop_list li p.txt{text-align:left; max-width:94%; margin:0 auto; margin-top:7px; display:block; color:#fff; z-index:100; line-height:1; font-size:64px; padding-left:0px; font-weight:600;letter-spacing:0em; text-shadow:0px 0px 10px rgba(0,0,0,0.22);}




@media (max-width: 1400px) {

.popup .pop_list li .bg{top:42%; }
.popup .pop_list li h3{ font-size:20px; }
.popup .pop_list li p.txt{font-size:58px;}



}/* 1400px End*/


@media (max-width: 1199px) {





/* 메인팝업존 */
.popup {width:100%; height:auto;}
.popup .pop_list li a img {width:100% !important; height:auto; }



.popup .pop_list li .bg{top:42%; }
.popup .pop_list li h3{width:94%; font-size:18px; padding-left:5px;}
.popup .pop_list li p.txt{width:94%; font-size:48px;}


.popup .pop_list .m_icon_wrap{max-width : 94%; margin : 40px auto 0;}



}/* 1199px End*/



@media (max-width: 991px) {



.popup{display:none;}


.popup_m{display:block;}
.popup_m {position:absolute;top:0;float:left;width:100%;height:auto;margin:0px 0 0 0;padding:0px;position:relative;/*z-index:100;*/height: 600px;} 
.popup_m .pop_list li {text-align:center;}
.popup_m ul.pop_list li img{width:100%; height:auto;}





/* 메인팝업존 */
.popup .pop_ctrl_roll .pop_prev, 
.popup .pop_ctrl_roll .pop_next {width:16px; height:16px; bottom:7px; background-size:100% 100%;}
.popup .pop_ctrl_roll .pop_stop,
.popup .pop_ctrl_roll .pop_play {width:16px; height:16px; bottom:7px; background-size:100% 100%;}

.popup .pop_ctrl_roll .pop_prev {left:7px;}
.popup .pop_ctrl_roll .pop_stop,
.popup .pop_ctrl_roll .pop_play {left: 28px;}
.popup .pop_ctrl_roll .pop_next {left: 49px;}
.popup .pop_ctrl {left:72px; bottom:0px;}
.popup #popcount {font-size:90%;}


.popup_m .pop_list li .bg{position: absolute;z-index:99;top:42%;text-align:center; width: 100%; }
.popup_m .pop_list li h3{display:block; max-width:94%; margin:0 auto; padding:0; text-align:center; font-size:18px; color:#fff; line-height:1.5; letter-spacing:0; font-weight:400; letter-spacing:-0.05em; text-shadow:0px 0px 10px rgba(0,0,0,0.22);}
.popup_m .pop_list li h3 span.m_cut{display:block;}
.popup_m .pop_list li p.txt{text-align:center; max-width:94%; font-size:44px; padding-left:0px; font-weight:600;letter-spacing:0em; text-shadow:0px 0px 10px rgba(0,0,0,0.22);}

.m_icon_wrap{margin : 0px auto 10px;}


}/* 991px End */


@media (max-width: 768px) {

.popup_m .pop_list {width:100%; margin:0px; height: auto; overflow: hidden;}
.popup_m {position:absolute;top:0;float:left;width:100%;height:auto;margin:0px 0 0 0;padding:0px;position:relative;/*z-index:100;*/height: auto;} 
.popup_m .pop_list li .bg{position: absolute;z-index:99;top:42%;text-align:center; width: 100%; }
.popup_m .pop_list li h3{display:block; max-width:94%; margin:0 auto; text-align:center; font-size:4.3vw; color:#fff; line-height:1.5; letter-spacing:0; font-weight:500; letter-spacing:-1px; text-shadow:0px 0px 10px rgba(0,0,0,0.22);}
.popup_m .pop_list li h3 span.m_cut{display:block;}
.popup_m .pop_list li p.txt{text-align:center; max-width:94%; font-size:10vw; padding-left:0px; font-weight:600;letter-spacing:0em; text-shadow:0px 0px 10px rgba(0,0,0,0.22);}
.pop_list .bg .m_icon_wrap img{width : 60px;}


}/* 768px End */