﻿
.wrap_mobile {width: 100%;height: 100%;margin:0 auto;text-align:center}





.height_129 {height: 90px}

/*main_visual st*/
.mainVisual {position:relative;z-index:1000; width:100%; height:610px; margin: 0 auto; overflow: hidden; }
.mainVisual .visualBg {margin: 0 auto;position: absolute;top: 0;left: 0;width: 100%;height: 610px;z-index: 50;}
.mainVisual .visualBg1 {background: url("/images/main/main_vi_240122_1.jpg") no-repeat center 0;}
.mainVisual .visualBg2 {background: url("/images/main/main_vi_240122_2.jpg") no-repeat center 0;}
.mainVisual .visualBg3 {background: url("/images/main/main_vi_240122_3.jpg") no-repeat center 0;}
.mainVisual .visualBg4 {background: url("/images/main/main_vi_240122_4.jpg") no-repeat center 0;}
.mainVisual .visualBg5 {background: url("/images/main/main_vi_240122_5.jpg") no-repeat center 0;}
.mainVisual .visualBg6 {background: url("/images/main/main_vi_240122_6.jpg") no-repeat center 0;}
.mainVisual .visualBg7 {background: url("/images/main/main_vi_240122_7.jpg") no-repeat center 0;}
.mainVisual .visualBg8 {background: url("/images/main/main_vi_240122_8.jpg") no-repeat center 0;}


.mainVisual .controller { width:90%;position: relative;z-index: 1500;margin: 0 auto;}
.main_arrow_box { position: relative;margin: 0 auto;z-index:1500;}
.main_arrow_left {float: left;position: relative;left:5px;top:300px;}
.main_arrow_right {float: right;position: relative;right:5px;top:300px;}
.mainVisual .controller2 { width:140px;position: relative;z-index: 50;margin: 0 auto;}
.mainVisual .controller2 li {float:left;padding-left:7px}
.mainVisual .controller2 .rollBtnD {position: absolute;top:700px;left:0px;}

.mobile_movie_box{width: 850px; height: auto; background: url(/images/success/an_7_bg.png) repeat; margin: 0 auto; text-align: center}
.mobile_movie_abox{width: 850px; height: 420px; background: url(/images/success/an_12_bg.png) repeat; margin: 0 auto; text-align: center}

.mobile_movie_bbox{width: 850px; height: 2800px; background-color:#020200; margin: 0 auto; text-align: center}


.mobile_movie_size {
    width: 100%;
    height: 400px
}
.succ_open_pop {
    width: 850px;
    height: 1015px;
    margin: 0 auto;
}



@media screen and (max-width:1000px) {
    .mainVisual {position:relative;z-index:1000; width:100%; height:305px; margin: 0 auto; overflow: hidden; }
.mainVisual .visualBg {margin: 0 auto;position: absolute;top: 0;left: 0;width:100%;height:305px;z-index: 50;}

.mainVisual .visualBg1 {background: url("/images/main/main_vi_240122_m1.jpg") no-repeat center 0;background-size:cover}
.mainVisual .visualBg2 {background: url("/images/main/main_vi_240122_m2.jpg") no-repeat center 0;background-size:cover}
.mainVisual .visualBg3 {background: url("/images/main/main_vi_240122_m3_1.jpg") no-repeat center 0;background-size:cover}
.mainVisual .visualBg4 {background: url("/images/main/main_vi_240122_m4.jpg") no-repeat center 0;background-size:cover}
.mainVisual .visualBg5 {background: url("/images/main/main_vi_240122_m5_1.jpg") no-repeat center 0;background-size:cover}
.mainVisual .visualBg6 {background: url("/images/main/main_vi_240122_m6.jpg") no-repeat center 0;background-size:cover}
.mainVisual .visualBg7 {background: url("/images/main/main_vi_240122_m7.jpg") no-repeat center 0;background-size:cover}
.mainVisual .visualBg8 {background: url("/images/main/main_vi_240122_m8.jpg") no-repeat center 0;background-size:cover}

.mobile_movie_box{width: 100%; }
.mobile_movie_abox{width:100%; }
.mobile_movie_bbox{width: 100%;}
.mobile_movie_bbox{width: 100%;}
    .succ_open_pop {
        display:none;
        width: 100%;
        height: 700px;
        margin: 0 auto;
    }


    .mobile_movie_size {
        width: 100%;
        height: 200px
    }


}


/*팝업 st*/
.popup_tem_box{position: absolute; top:100px; width: 100%; margin: 0 auto; z-index: 999999999; }
.popup_tem {position: relative;}

.popup_aa_1{position: absolute; top: 65px; left: 285px;}
.popup_aa_2{position: absolute; top: 505px; left: 285px;}
.popup_aa_3{position: absolute; top: 65px; left:580px;}
.popup_aa_4{position: absolute; top: 505px; left: 580px;}

.popup_aa_9{position: absolute; top: 605px; right: 0px;}

.popup_aa_5{position: absolute; top: 65px; left:1210px; width:400px; height:442px}
.popup_aa_6{position: absolute; top: 505px; left: 1210px;}

.popup_aa_7{position: absolute; top: 65px; left:900px;}
.popup_aa_8{position: absolute; top: 505px; left: 900px;}

.popup_tem .popup_footer {background-color: #000;text-align: right;padding: 5px 10px;}
.popup_tem .popup_footer .popup_close_cookie_btn,
.popup_tem .popup_footer .popup_close_btn {color: #FFF;font-weight: bold;font-size: 14px;margin-left: 20px;}


@media screen and (max-width:1200px) {

.popup_tem_box{position: absolute; width: 100%; margin: 0 auto; z-index: 999999999;}

.popup_tem {position: absolute;top:0px; }
.popup_tem img{max-width:70%}

.popup_aa_1{position: relative; top: 0px;margin-left:20px;  left: 0px;}
.popup_aa_1 img{max-width:280px;}
.popup_aa_2{position: relative; top: 0px;margin-left:20px;  left: 0px;}
.popup_aa_3{position: relative; top: 0px; margin-left:20px; left:0px;}
.popup_aa_3 img{max-width:280px;}
.popup_aa_4{position: relative; top: 0px;margin-left:20px;  left: 0px;}

.popup_aa_5{position: relative; top: 0px; margin-left:20px; left:0px; max-width:280px; height:220px;}
.popup_aa_6{position: relative; top: 0px;margin-left:20px;  left: 0px;}

.popup_aa_7{position: relative; top: 0px; margin-left:20px; left:0px;}
.popup_aa_7 img{max-width:280px;}
.popup_aa_8{position: relative; top: 0px;margin-left:20px;  left: 0px;}

.popup_tem .popup_footer {background-color: #000;text-align: right;padding: 5px 10px;}
.popup_tem .popup_footer .popup_close_cookie_btn,
.popup_tem .popup_footer .popup_close_btn {color: #FFF;font-weight: bold;font-size: 14px;margin-left: 20px;}
}



