@charset "utf-8";

/* --- AESTHEBALANCE :: ¿¡½ºÅ×¹ß¶õ½º¶õ? --- */
#aesthebalance_wrap{overflow:hidden; position:relative; left:0; top:0; height:100%; z-index:9; background-color:#fff}
#aesthebalance_wrap .scroll_down{background:url(../images/aesthebalance/txt_scroll.png) 0 0 no-repeat; width:45px; height:15px; position:absolute; left:50%; bottom:0px; padding-bottom:70px; margin-left:-23px; z-index:9}
#aesthebalance_wrap .scroll_down:after{content:''; position:absolute; left:50%; bottom:0; height:50px; background-color:#fff; width:1px; opacity:0.5}
#aesthebalance_wrap ul.aesthebalance_cont{position:relative; height:100%; overflow:hidden; z-index:3;}
#aesthebalance_wrap ul.aesthebalance_cont >li{position:absolute; overflow:hidden; height:100%; width:100%; left:0; top:100%; z-index:1;}
#aesthebalance_wrap ul.aesthebalance_cont >li .cont{height:100%; position:relative; left:0; top:0%;}
#aesthebalance_wrap ul.aesthebalance_cont >li .cont .bg{height:100%; width:100%; position:absolute; left:0%; top:0%; z-index:1; transition-delay:0.5s; transition-duration:3s; transition-timing-function: ease-out;}
#aesthebalance_wrap ul.aesthebalance_cont >li .cont .sub_tit{position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; z-index:2; color:#fff; font-size:50px; line-height:70px; font-weight:normal; display:table;}
#aesthebalance_wrap ul.aesthebalance_cont >li .cont .sub_tit p{display:table-cell; vertical-align:middle;}
#aesthebalance_wrap ul.aesthebalance_cont >li .cont .sub_tit p span{opacity:0; top:0; position:relative; left:25px; overflow:hidden; z-index:1;}
#aesthebalance_wrap ul.aesthebalance_cont >li .cont .sub_summary{width:1400px; position:absolute; left:50%; margin-left:-700px; bottom:112px; z-index:2; color:#fff; font-size:25px; font-weight:bold; line-height:40px; overflow:hidden; opacity:0}

#aesthebalance_wrap ul.aesthebalance_cont >li.active{z-index:9}
#aesthebalance_wrap ul.aesthebalance_cont >li.active .cont .bg{left:0; top:0; width:100%; height:100%;}

#aesthebalance_wrap ul.aesthebalance_cont >li.section1{top:0;}
#aesthebalance_wrap ul.aesthebalance_cont >li.section1 .bg{background: url(../images/aesthebalance/bg_aesthebalance01.jpg) 50% 0 no-repeat; background-size:cover;}
#aesthebalance_wrap ul.aesthebalance_cont >li.section2 .bg{background: url(../images/aesthebalance/bg_aesthebalance02.jpg) 50% 0 no-repeat; background-size:cover;}
#aesthebalance_wrap ul.aesthebalance_cont >li.section3 .bg{background: url(../images/aesthebalance/bg_aesthebalance03.jpg) 50% 0 no-repeat; background-size:cover;}
#aesthebalance_wrap ul.aesthebalance_cont >li.section4 .bg{background: url(../images/aesthebalance/bg_aesthebalance04.jpg) 50% 0 no-repeat; background-size:cover;}

#aesthebalance_wrap .pagination{position:fixed; top:50%; right:70px; margin-top:-42px; z-index:9;}
#aesthebalance_wrap .pagination ul li{background:url(../images/aesthebalance/icon_pagination.png) 0 3px no-repeat; width:9px; height:38px; margin-bottom:7px; padding-top:3px; position:relative; cursor:pointer;}
#aesthebalance_wrap .pagination ul li:last-child{height:9px;}
#aesthebalance_wrap .pagination .dot{background-color:#bda691; width:15px; height:15px; border-radius:50px; position:absolute; left:-3px; top:0;}


/* --- AESTHEBALANCE :: Beauty Rituals --- */
.beauty_rituals_wrap{margin-top:-3px}
.beauty_rituals_wrap .summary{border:7px solid #f3f3f3; margin-bottom:70px; text-align:center;}
.beauty_rituals_wrap .summary h2{color:#767676; font-size:22px; font-weight:bold; position:relative; padding:37px 0 26px 0;text-transform:uppercase;}
.beauty_rituals_wrap .summary h2:before{content:''; position:absolute; left:50%; bottom:0; height:1px; background-color:#e9ebea; width:170px; margin-left:-85px;}
.beauty_rituals_wrap .summary p{line-height:30px; color:#767676; font-size:15px; margin:21px 0 37px 0}

.beauty_rituals_wrap .br_view{margin:70px 0; overflow:hidden;}
.beauty_rituals_wrap .br_view .movie{float:left; width:987px; height:580px;}
.beauty_rituals_wrap .br_view .movie iframe{width:100%}
.beauty_rituals_wrap .br_view .movie_info{background-color:#fafafa; width:373px; height:580px; padding:0 0 0 40px; float:left; overflow-x:hidden; overflow-y:scroll;}
.beauty_rituals_wrap .br_view .movie_info .tit{font-size:22px; color:#767676; font-weight:bold; padding:90px 0 28px 0;}

.beauty_rituals_wrap .br_list_wrap ul{overflow:hidden; margin-left:-33px;}
.beauty_rituals_wrap .br_list_wrap ul li{margin-left:33px; float:left; width:325px; overflow:hidden;}
.beauty_rituals_wrap .br_list_wrap ul li .thumb{position:relative;}
.beauty_rituals_wrap .br_list_wrap ul li .thumb img{width:100%; height:auto;}
.beauty_rituals_wrap .br_list_wrap ul li .thumb a:before{content:''; position:absolute; left:20px; bottom:20px; background:url(../images/aesthebalance/icon_br_play.png) 0 0 no-repeat; width:40px; height:40px;}
.beauty_rituals_wrap .br_list_wrap ul li .thumb a:hover:before{background-position:0 100%;}
.beauty_rituals_wrap .br_list_wrap ul li p{text-align:center; color:#767676; font-size:15px; padding:26px 0 0 0; height:78px;}