@charset "utf-8";
.aesthebalance .content{position:relative; z-index:3;}
#aesthebalance_wrap{position:fixed; left:0; width:100%; top:119px; bottom:0; overflow:hidden;}
#aesthebalance_wrap .scroll_down{position:absolute; left:0; right:0; bottom:0px; padding-bottom:35px; font-size:0.923em; color:#fff; text-align:center; z-index:9}
#aesthebalance_wrap .scroll_down:after{content:''; position:absolute; left:50%; bottom:0; height:25px; background-color:#fff; width:1px; opacity:0.9}

#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; opacity:0; color:#fff; text-align:center;}
#aesthebalance_wrap ul.aesthebalance_cont li .cont{height:100%; position:relative; left:0; top:0;}
#aesthebalance_wrap ul.aesthebalance_cont li .cont .sub_tit{position:absolute; bottom:50%; left:0; text-align:center; font-weight:normal; font-size:1.923em; margin-bottom:-33px; z-index:2; display:table; width:100%}
#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;}
#aesthebalance_wrap ul.aesthebalance_cont li .cont .sub_summary{position:absolute; bottom:50px; left:0; right:0;padding:0 10px; z-index:2; color:#fff; font-size:1.154em; overflow:hidden; opacity:0}

#aesthebalance_wrap ul.aesthebalance_cont li.active{z-index:9}

#aesthebalance_wrap ul.aesthebalance_cont li.section1{top:0; opacity:1; background: url('../images/aesthebalance/bg_aesthebalance01.jpg') 50% 0 no-repeat; background-size:cover;}
#aesthebalance_wrap ul.aesthebalance_cont li.section2{background: url('../images/aesthebalance/bg_aesthebalance02.jpg') 50% 0 no-repeat; background-size:cover;}
#aesthebalance_wrap ul.aesthebalance_cont li.section3{background: url('../images/aesthebalance/bg_aesthebalance03.jpg') 50% 0 no-repeat; background-size:cover;}
#aesthebalance_wrap ul.aesthebalance_cont li.section4{background: url('../images/aesthebalance/bg_aesthebalance04.jpg') 50% 0 no-repeat; background-size:cover;}

#aesthebalance_wrap .pagination{position:fixed; top:50%; right:-16px; 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 ul li.active{position:relative;}
#aesthebalance_wrap .pagination ul li.active:after{background-color:#bda691; width:15px; height:15px; border-radius:50px; position:absolute; content:''; left:-3px; top:0;}

/* --- AESTHEBALANCE :: Beauty Rituals --- */
.beauty_rituals_wrap .summary{border:4px solid #f3f3f3; margin-bottom:35px; text-align:center; padding:21px 0;}
.beauty_rituals_wrap .summary h2{color:#555; font-size:1.154em; font-weight:bold; position:relative; padding-bottom:40px;}
.beauty_rituals_wrap .summary h2:before{content:''; position:absolute; left:50%; bottom:20px; height:1px; background-color:#e9ebea; width:30px; margin-left:-15px;}
.beauty_rituals_wrap .summary p{line-height:18px; color:#767676; font-size:0.923em;}

.beauty_rituals_wrap .br_view{margin:35px 0; overflow:hidden;}
.beauty_rituals_wrap .br_view .movie {position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%; background-color:#000}
.beauty_rituals_wrap .br_view .movie iframe{position:absolute; top:0; left:0; width:100%; height:100%;}
.beauty_rituals_wrap .br_view .movie_info{background-color:#fafafa; padding:20px 15px;}
.beauty_rituals_wrap .br_view .movie_info .tit{font-size:1.154em; color:#555; font-weight:bold; padding-right:35px; line-height:150%; position:relative;}
.beauty_rituals_wrap .br_view .movie_info .tit a:after{content:''; position:absolute; right:0; top:6px; background:url('../images/aesthebalance/icon_select_arr.png') 0 0 no-repeat; background-size:19px 10px; width:19px; height:10px;}
.beauty_rituals_wrap .br_view .movie_info .tit a.open:after{transform:rotate(180deg);}
.beauty_rituals_wrap .br_view .movie_info .list{height:0px; overflow:hidden;}
.beauty_rituals_wrap .br_view .movie_info .list p{padding-top:15px; color:#767676; font-size:0.923em; line-height:150%;}

.beauty_rituals_wrap .br_list_wrap ul{overflow:hidden;}
.beauty_rituals_wrap .br_list_wrap ul li{width:50%; float:left;}
.beauty_rituals_wrap .br_list_wrap ul li:nth-child(odd) .br_list{padding-right:5px;}
.beauty_rituals_wrap .br_list_wrap ul li:nth-child(even) .br_list{padding-left:5px;}
.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:10px; bottom:10px; background:url('../images/aesthebalance/icon_br_play.png') 0 0 no-repeat; width:20px; height:20px; background-size:100%;}
.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{color:#767676; font-size:0.923em; margin:13px 0 20px; line-height:150%; height:36px;}

.beauty_rituals_wrap .paging{margin-top:15px;}