@charset "utf-8";


.short_area{position:relative;padding:75px 0 92px;width:100%;}



 h3{margin-bottom:44px;text-align:center;}


/* video */
.video_box{z-index:-1;position:relative;height:716px;overflow:hidden; min-width:1050px; background: url(http://st.dangidata.s3-ap-northeast-2.amazonaws.com/beauty_dangicokr/img/main/bg.jpg); background-size: cover;}
.m_video_box{z-index:-1;position:relative;height:716px;overflow:hidden; min-width:1050px;}
.m_video_box .m_video img{display:none;width:100%;height:auto;}
.m_video_box .m_video img.on{display: block;}
.video_box .video .mov {overflow:hidden;position:fixed;left:0;top:0;width:100%; min-width:1050px; z-index:-1;}
.video_box .video video{width:100%;height:auto;}
.video_box .video img{width:100%;height:100%;}

/* visual */
.bigbg{z-index:2; position:absolute;top:-690px; width:100%;height:935px;}

.bigbg .head-cont{width: 1050px; height: auto; margin: 395px auto 0;}
.bigbg .head-cont ul:after{display: block; clear: both; content: '';}
.bigbg .head-cont ul li{float: left; margin-right: 26px;}
.bigbg .head-cont ul li.cont03{margin-right: 0;}
/*floating_banner*/
/* event-quick */
.event-quick{ position:absolute;top:96px; right:0;}
.event-quick .ban_floating{ margin-top:10px; display:block; }
.event-quick .ban_floating:first-child{ margin-top:0; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

}

.smbg{position:absolute;top:0;left:50%;margin-left:-525px;width:1050px; }
.smbg .txt{position:absolute;top:89px;left:0;width:100%;text-align:center;}
/*.smbg .bxx{position:absolute;top:338px;left:0;width:100%;height:550px;background:url(/img/main/bg_visual_2.png) center 0 no-repeat;}
.smbg .bxx p{margin:26px auto 0;width:605px;}*/

/*floating_banner*/
/* event-quick */
.smbg .ban_floating_161118{position:absolute;top:300px;right:-30px;z-index:10;}
.smbg .rank_bx{position:absolute;top:280px;left:120px;width:806px;height:42px;background:#000;overflow:hidden;}
.smbg .rank_bx p{position:absolute;top:14px;left:38px;padding-right:20px;font-size:14px;font-weight:bold;color:#ec7777;border-right:3px solid #ec7777;}
.smbg .rank_bx ul{margin-left:140px;height:42px;}
.smbg .rank_bx ul li{height:42px;line-height:42px;font-size:14px;color:#fff;}
.smbg .rank_bx ul li span{display:inline-block;position:relative;padding-right:75px;max-width:89%;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.smbg .rank_bx ul li span i{position:absolute;top:0;right:10px;}
.smbg .calendar{position:absolute;top:420px;left:0;width:303px;height:413px;background:url(http://st.dangidata.s3-ap-northeast-2.amazonaws.com/beauty_dangicokr/img/main/calendar.png) 0 0 no-repeat;}
.smbg .calendar .ced_bx{margin:63px 0 0 56px;width:180px;height:348px;overflow:hidden;}
.smbg .calendar ul li p{font-size:16px;color:#fff;}
.smbg .calendar ul li p strong{display:block;font-size:25px;font-weight:bold;}
.smbg .calendar table{margin-top:12px;width:180px;}
.smbg .calendar tbody{padding-bottom:15px;border-top:1px solid #505050;}
.smbg .calendar tr.bd_b{border-bottom:1px solid #505050;}
.smbg .calendar tr.bd_b td{padding-bottom:15px;}
.smbg .calendar td{padding-top:15px;font-size:14px;color:#fff;text-align:center;}
.smbg .calendar td span{display:inline-block;width:45px;height:16px;line-height:16px;color:#000;text-align:center;background:#ec7777;border-radius:2px}
.smbg .calendar .apply{display:block;margin-top:10px;width:180px;height:36px;line-height:36px;font-size:13px;font-weight:bold;color:#000;text-align:center;background:#fff;}
.smbg .calendar ul > li {overflow: hidden;}
.smbg .calendar .bx-pager{position:absolute;bottom:40px;left:0;width:100%;text-align:center;}
.smbg .calendar .bx-pager a{display:block;width:8px;height:8px;text-indent:-9999px;font-size:0;background:url(http://st.dangidata.s3-ap-northeast-2.amazonaws.com/beauty_dangicokr/img/main/btn/btn_dot_6.png) no-repeat -8px 0;}
.smbg .calendar .bx-pager a.active{background-position:0 0;}
.smbg .calendar .bx-pager .bx-pager-item{display:inline-block;width:20px;height:20px;}

/*visual*/
/*.main_top{position:relative;height:716px;}

.main_top .bigbg{position:absolute;top:0;left:50%;margin-left:-653px;width:1306px;height:716px;background:url(/img/main/bg_visual_1.png) center bottom no-repeat;z-index:2;}
.main_top .smbg{position:absolute;top:0;left:50%;margin-left:-525px;width:1050px;height:716px;}
.main_top .smbg .txt{position:absolute;top:89px;left:0;width:100%;text-align:center;}
.main_top .smbg .bxx{position:absolute;top:338px;left:0;width:100%;height:550px;background:url(/img/main/bg_visual_2.png) center 0 no-repeat;}
.main_top .smbg .bxx p{margin:26px auto 0;width:605px;}*/
.video {
    /*position: fixed;*/
    text-align:center;
    top: 139px;
    left: 0;
    z-index: -1;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
}
.video video{width:100%;height:auto;}
/*과정*/
.process{background:#fff;}
.process.short_area{padding-top:153px;}
.process .explore{margin-bottom:92px;overflow:hidden;}
.process .explore span{display:inline-block;width:509px;height:62px;}
.process .explore span.lt{margin-right:26px;}
.process .explore span a{display:block;position: relative;width:509px;height:62px;z-index:3;}
.process .explore span a img{position:absolute;top:0;left:0;}
.process .explore span a img.bb{z-index:10;}
.process ul.proc_list{overflow:hidden;margin:0 -30px 0 0;}
.process ul.proc_list li{position:relative;float:left;width:240px;height:289px;margin-left:30px;cursor:pointer;}
.process ul.proc_list li:first-child{margin-left:0;}
.process ul.proc_list li div{position:relative;}
.process ul.proc_list li div.bg img{position:absolute;top:0;left:0;}
.process ul.proc_list li div.bg img.bb{z-index:10;}
/*.process ul.proc_list li div.tit{position:absolute;top:173px;left:0;width:100%;z-index:13;}
.process ul.proc_list li div.tit .tt{position:relative;}
.process ul.proc_list li div.n1 .tt{display:block;margin:0 auto;width:63px;}
.process ul.proc_list li div.n2 .tt{display:block;margin:0 auto;width:33px;}
.process ul.proc_list li div.n3 .tt{display:block;margin:0 auto;width:67px;}
.process ul.proc_list li div.n4 .tt{display:block;margin:0 auto;width:34px;}
.process ul.proc_list li span.arrow{position:absolute;top:0;right:-10px;z-index:13;}
.process ul.proc_list li p.txt{position:absolute;bottom:122px;left:0;width:100%;font-size:13px;color:#fff;text-align:center;z-index:13;}*/
.process ul.proc_list li .txt{position:absolute;top:117px;left:29px;z-index:10;font-size:15px;font-weight:bold;color:#fff;}
.process ul.proc_list li .btn{position:absolute;top:176px;left:28px;z-index:10;}
.process ul.proc_list li .btn a{display:block;width:186px;height:34px;line-height:34px;font-size:13px;font-weight:bold;background:#fff;text-align:center;}
.process ul.proc_list li .btn a:first-child{margin-bottom:13px;}
.process ul.proc_list li .btn.c1 a{color:#a45343;}
.process ul.proc_list li .btn.c2 a{color:#49354c;}
.process ul.proc_list li .btn.c3 a{color:#a56b6a;}
.process ul.proc_list li .btn.c4 a{color:#876c56;}
.process ul.proc_real:after{content:'';display:block;clear:both;}
.process ul.proc_real {margin:0 -30px 0 0;}
.process ul.proc_real > li{float:left;margin-left:30px;width:238px;height:143px;font-size:13px;overflow:hidden;}
.process ul.proc_real > li.bx1{border:1px solid #ce7a66;color:#ce7a66;}
.process ul.proc_real > li.bx2{border:1px solid #88688d;color:#88688d;}
.process ul.proc_real > li.bx3{border:1px solid #e8b0ae;color:#e8b0ae;}
.process ul.proc_real > li.bx4{border:1px solid #b09783;color:#b09783;}
.process ul.proc_real > li:first-child{margin-left:0;}
.process ul.proc_real > li .slide{position:relative;margin:0 auto;padding:21px 0 38px;width:185px;line-height:18px}
.process ul.proc_real > li .slide li{height:87px;overflow: hidden;/*white-space:nowrap; text-overflow:ellipsis;*/}
.process ul.proc_real > li .slide li p{margin-bottom:15px;}
.process ul.proc_real > li .slide .bx-pager{position:absolute;bottom:0px;left:0;width:100%;text-align:center;}
.process ul.proc_real > li .slide .bx-pager a{display:block;width:8px;height:8px;text-indent:-9999px;font-size:0;}
.process ul.proc_real > li.bx1 .slide .bx-pager a{background:url(http://st.dangidata.s3-ap-northeast-2.amazonaws.com/beauty_dangicokr/img/main/btn/btn_dot_1.png) no-repeat -8px 0;}
.process ul.proc_real > li.bx2 .slide .bx-pager a{background:url(http://st.dangidata.s3-ap-northeast-2.amazonaws.com/beauty_dangicokr/img/main/btn/btn_dot_2.png) no-repeat -8px 0;}
.process ul.proc_real > li.bx3 .slide .bx-pager a{background:url(http://st.dangidata.s3-ap-northeast-2.amazonaws.com/beauty_dangicokr/img/main/btn/btn_dot_3.png) no-repeat -8px 0;}
.process ul.proc_real > li.bx4 .slide .bx-pager a{background:url(http://st.dangidata.s3-ap-northeast-2.amazonaws.com/beauty_dangicokr/img/main/btn/btn_dot_4.png) no-repeat -8px 0;}
.process ul.proc_real > li .slide .bx-pager a.active{background-position:0 0;}
.process ul.proc_real > li .slide .bx-pager .bx-pager-item{display:inline-block;width:20px;height:20px;}
/*후기*/
.review{/*height:410px;*/background:#fff;}
.review ul.list:after{content:'';display:block;clear:both;}
.review ul.list > li{float:left;margin-left:30px;background:#f7f7f7;padding:50px 45px 40px 45px;width:240px;height:230px;font-size:14px;color:#000;text-align:center;overflow:hidden;}
.review ul.list > li:first-child{margin-left:0;}
.review ul.list > li p{text-align:center;margin:30px 0 19px;height:60px;line-height:19px;font-size:13px;font-weight:bold;color:#000;overflow:hidden;/*white-space:nowrap; text-overflow:ellipsis;*/}
.review ul.list > li span{display:block;font-size:12px;color:#010101;}
.review ul.list > li .slidebx{position: relative;height:250px;overflow:hidden;}
.review ul.list > li .slidebx .reviewslide{height:140px;overflow: hidden;}
.review ul.list > li .slidebx .bx-pager{position:absolute;bottom:62px;left:0;width:100%;text-align:center;}
.review ul.list > li .slidebx .bx-pager a{display:block;width:8px;height:8px;text-indent:-9999px;font-size:0;background:url(http://st.dangidata.s3-ap-northeast-2.amazonaws.com/beauty_dangicokr/img/main/btn/btn_dot_5.png) no-repeat -8px 0;}
.review ul.list > li .slidebx .bx-pager a.active{background-position:0 0;}
.review ul.list > li .slidebx .bx-pager .bx-pager-item{display:inline-block;width:20px;height:20px;}

/*소개*/
.why_info{padding:62px 0;}
.why_info ul{overflow:hidden;}
.why_info ul li{float:left;width:350px;text-align:center;}
.why_info ul li p{margin:37px 0 18px;font-size:15px;color:#fff;}
.why_info ul li span{font-size:9px;color:#cacaca;}

/*강사진*/
.instructors{background:#f7f7f7;}
.instructors ul.group{display:none;}
.instructors ul.group.on{display:block;}
.instructors ul.group{overflow:hidden;}
.instructors ul.group.g6 li{width:150px;}
.instructors ul.group li{float:left;margin-left:30px;}
.instructors ul.group li:first-child{margin-left:0;}
.instructors ul.group li .m2{display:block;margin:20px 0 17px;font-size:15px;font-weight:bold;color:#010101;letter-spacing:-.5px;}
.instructors ul.group li .m3{font-size:10px;color:#ccc;}

.instructors .inst_list{margin-right:-30px;}
.instructors .inst_list:after{content:'';display:block;clear:both;}
.instructors .inst_list li{float:left;position:relative;margin:0 30px 30px 0;width:330px;height:379px;}
.instructors .inst_list li .bg{position:relative;}
.instructors .inst_list li .bg img{position:absolute;top:0;left:0;}
.instructors .inst_list li .bg img.bb{z-index:10;}
.instructors .inst_list li .txt{position:absolute;bottom:90px;left:28px;z-index:10;font-size:9px;color:#000;}
.instructors .inst_list li .btn{position:absolute;bottom:30px;left:0;z-index:10;width:100%;}
.instructors .inst_list li .btn a{display:block;margin:0 auto;width:274px;height:34px;line-height:34px;font-size:13px;font-weight:bold;color:#fff;text-align:center;}
.instructors .inst_list li .btn.c1 a{background:#ae5f4c;}
.instructors .inst_list li .btn.c2 a{background:#694c6e;}
.instructors .inst_list li .btn.c3 a{background:#986b85;}
.instructors .inst_list li .btn.c4 a{background:#d18886;}
.instructors .inst_list li .btn.c5 a{background:#96775f;}
.instructors .inst_list li .btn.c6 a{background:#c08c7b;}
/*강사진 후기*/

.review_push{margin-top:20px;}
.review_push:after{content:'';display:block;clear:both;}
.review_push .shortbx{margin:47px 0 10px 40px; /* width:460px; */ width:920px;}
.review_push .tit{padding-left:10px;font-size:15px;font-weight:bold;color:#000;}
.review_push .lt{/* float:left; */position: relative;border:1px solid #d6d9d5;background:#f7f7f7;}
.review_push .rt{float:right;position: relative;border:1px solid #d6d9d5;background:#f7f7f7;}
.review_push ul li{position:relative;height:400px; /* width:460px; */ overflow:hidden;}
.review_push ul li .bx{position:relative;}
.review_push ul li .thum{position:absolute;top:20px;left:0;}
.review_push ul li .txt{margin-left:110px;padding:30px 30px 0 0;height:90px;font-size:13px;letter-spacing:-1.4px;overflow:hidden;}
.review_push ul li .txt p{margin-bottom:13px;font-weight:bold;}
.review_push ul li .txt p img{margin-left:5px;}
.review_push .tchslide{overflow: hidden;}
.review_push .bx-pager{position:absolute;bottom:10px;left:0;width:100%;text-align:center;}
.review_push .bx-pager a{display:block;width:8px;height:8px;text-indent:-9999px;font-size:0;background:url(http://st.dangidata.s3-ap-northeast-2.amazonaws.com/beauty_dangicokr/img/main/btn/btn_dot_5.png) no-repeat -8px 0;}
.review_push .bx-pager a.active{background-position:0 0;}
.review_push .bx-pager .bx-pager-item{display:inline-block;width:20px;height:20px;}





/*뉴스*/
.news{background:#fff;}
.news ul {overflow:hidden;margin:0 -40px 0 0;}
.news ul li{position:relative;float:left;margin-right:30px;width:510px;border:1px solid #cdcdcf;cursor:pointer;}
.news ul li:first-child{margin-left:0;}
.news ul li.zero{margin-left:0;}
.news ul li.mb{margin-bottom:29px;}
.news ul li a{display:block;}
.news .lt{float:left;position:relative;width:182px;}
.news .lt img.aa {width:182px;height:153px;}
.news .lt img.over{z-index:100;display:none;position:absolute;left:0;top:0;}


.news .rt{margin-left:200px;width:268px;height:153px;background:#fff;}
.news .rt p{position:relative;top:28px;height:60px;margin-bottom:10px;line-height:19px;font-size:15px;color:#202b35;overflow:hidden;}
.news .rt div{display:block;margin-top:23px;font-size:12px;color:#bababa;}
.news .f{position:absolute;bottom:29px;right:29px;}
 /*마무리*/
 .finish{padding:200px 0 ;text-align:center;}
 .finish a{display:block;position:relative;margin:36px auto 0;width:445px;height:58px;line-height:58px;font-size:18px;color:#fff;border:2px solid #fff;border-radius:5px;background: #000;}
 .finish a span{display:block;position:absolute;top:24px;left:320px;height:11px;}
 .bg_fixed{position:absolute;bottom:0;left:0;width:100%;height:700px;z-index:-1; }
 .bg_fixed_mid{position:absolute;bottom:0;left:0;width:100%;height:800px;z-index:-1;}


 /*메인 하단 띠배너*/
 .long_bn{position:fixed;bottom:0;width:100%;height:130px;margin-left:-80px;z-index:999;opacity:0.8;}
 .long_bn .wide_banner{position:relative;margin:0 auto;width:1050px;}
 .long_bn .bt_cls{display:block;border:0;position:absolute;top:8px;right:0;width:25px;height:25px;font-size:20px;color:#fff;background:none;}


/* layer popup */
.layer {position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999;}
.layer .bg { position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity=780); }
.layer .pop_layer {display:block;}
.layer .pop_layer .group{content:'';display:block;clear:both;}
.layer .pop_layer .group .lt_g{float:left;width:690px;}
.layer .pop_layer .group .rt_g{float:left;width:108px;height:428px;border:1px solid #868485;overflow: hidden;}
.layer .pop_layer .group .rt_g .ban_sm{margin:0 6px;padding:16px 0;border-bottom:1px solid #868485;}
.layer .pop_layer .group .rt_g .ban_sm li{margin-top:6px;text-align:center;}
.layer .pop_layer .group .rt_g .ban_sm li:first-child{margin-top:0;}
.layer .pop_layer .group .rt_g .dday{margin:0 6px;padding:16px 0;color:#fff;}
.pop_layer { display:none; position:absolute; /*top:0%; left:0%;*/ width: auto; height:auto; z-index:10; /*background:#fff; */}
.pop_layer .ckbx{position:relative;margin-bottom:5px;}
.pop_layer .ckbx label{margin-right:10px;font-size:14px;color:#fff;}
.pop_layer .ckbx label input{margin-right:5px;}
.pop_layer .btnClose{position:absolute;top:0;right:0;font-size:14px;color:#fff;}

/* add d-day style 2018 04 19 */
.layer .pop_layer .group .rt_g .left-full-day {
    width: 96px;
    position: relative;
    margin: 0 auto;
    text-align: center;
    color:#ff5a00;
}

.layer .pop_layer .group .rt_g .left-full-day > p {
    font-family: 'Tahoma';
    font-weight:bold;
    font-size: 24px;
    letter-spacing: -1px;
}

.layer .pop_layer .group .rt_g .left-full-day > p > span {
    font-family: 'Noto Sans KR';
    font-size: 17px;
    display: inline-block;
    position: relative;
    font-weight:bold;
    top: -3px;
    text-align:left;
}

.layer .pop_layer .group .rt_g .left-full-day > p > span.num {
    font-size: 26px;
    top:1px;
    font-family: "Tahoma";
}

.layer .pop_layer .group .rt_g .beauty-timer {
    position:relative;
    margin:0 auto;
    width:96px;
}

.layer .pop_layer .group .rt_g .beauty-timer > li {
    position:relative;
    height:50px;
}

.layer .pop_layer .group .rt_g .beauty-timer > li:after {
    clear:both;
    content:"";
    display:table;
}

.layer .pop_layer .group .rt_g .beauty-timer > li > .timer-num {
    position: relative;
    display: inline-block;
    top:10px;
    left:10px;
    width: 60px;
    height: 50px;
    line-height: 60px;
    text-align: right;
    float: left;
}

.layer .pop_layer .group .rt_g .beauty-timer > li > .timer-num.milli-sec span {
    position:relative;
    display:inline-block;
    letter-spacing: 6px;
    margin-left:5px;
}

.layer .pop_layer .group .rt_g .beauty-timer > li > .time-right-label {
    position:absolute;
    width:30px;
    text-align: right;
    bottom:5px;
    float:right;
    display:inline-block;
    height:10px;
    vertical-align: bottom;
}
/* add d-day style 2018 04 19 */