@charset "utf-8";

#container.consulting #sub_section .page_title{padding-bottom:32px; position:relative;}
#container.consulting #sub_section .page_title:after{content:''; position:absolute; left:50%; bottom:0; margin-left:-17px; width:31px; height:2px; background-color:#6180be;}
.consulting_wrap .hd{text-align:center; margin:31px 0 47px;}
.consulting_wrap .hd h2{color:#555; font-size:22px; margin-bottom:18px;}
.consulting_wrap .hd p{color:#7d7d7d; font-size:15px; line-height:22px;}
.consulting_wrap .step_choice_wrap{border:1px solid #e9ebea; position:relative; overflow:hidden;}
.consulting_wrap .step_title{background-color:#fafafa; text-align:center; padding:35px 0 30px 0}
.consulting_wrap .step_title li{display:inline-block; font-size:18px; color:#7d7d7d; font-weight:bold; position:relative; padding-left:67px; margin-left:33px; transition-duration:0.3s}
.consulting_wrap .step_title li:after{content:'...'; position:absolute; left:0; top:6px; color:#cfcfcf; font-size:30px; letter-spacing:1px; transition-duration:0.3s}
.consulting_wrap .step_title li:first-child{margin:0; padding:0}
.consulting_wrap .step_title li:first-child:after{display:none;}
.consulting_wrap .step_title li span.n{display:inline-block; font-size:22px; width:56px; height:56px; line-height:56px; color:#fff; font-family:'AppleGothic','Gotham'; font-weight:bold; background-color:#cfcfcf; overflow:hidden; vertical-align:middle; border-radius:50px; margin:-4px 7px 0 0;}
.consulting_wrap .step_title li.on{color:#555;}
.consulting_wrap .step_title li.on:after{color:#607ebd;}
.consulting_wrap .step_title li.on span.n{background:url(../images/consulting/bg_step_title.png) 50% 50% no-repeat;}

.consulting_wrap .step_choice_wrap a.arr{display:inline-block; width: 21px; height:39px; z-index:99; position:absolute; top:290px; 
background-image:url(../images/consulting/icon_arr.png); background-repeat:no-repeat;}
.consulting_wrap .step_choice_wrap a.arr_l  {background-position:0 0; left:-30px;}
.consulting_wrap .step_choice_wrap a.arr_r {background-position:100% 0; right:30px}

.consulting_wrap .step_choice_view{height:390px; position:relative;}
.consulting_wrap .step_choice_view .skin_type{position:absolute; left:0; width:100%; top:0; z-index:3; height:400px;}
.consulting_wrap .step_choice_view .product_type{position:absolute; left:10%; width:100%; top:0; z-index:2; opacity:0; height:400px;}
.consulting_wrap .step_choice_view .consulting_type{position:absolute; left:10%; width:100%; top:0; z-index:1; opacity:0; height:400px;}

.consulting_wrap .skin_type{text-align:center; margin-top:41px;}
.consulting_wrap .skin_type h3{font-size:22px; color:#555;}
.consulting_wrap .skin_type h3 span{color:#7d7d7d; font-size:15px; display:block; margin-top:11px; font-weight:normal;}
.consulting_wrap .skin_type .select_skin{text-align:center; margin:29px 0 47px;}
.consulting_wrap .skin_type .select_skin li{display:inline-block; width:124px; height:124px; border:1px solid #999999; background-color:#fff; margin:0 3px; vertical-align:top; cursor:pointer; color:#7d7d7d; font-size:15px; font-weight:bold; position:relative; transition-duration:0.2s}
.consulting_wrap .skin_type .select_skin li span{display:block; margin-top:82px;}
.consulting_wrap .skin_type .select_skin li span:after{content:''; position:absolute; left:0; top:24px; right:0; height:45px; background-repeat:no-repeat; background-position:50% 0;}
.consulting_wrap .skin_type .select_skin li.select{border-color:#6180be; background-color:#6180be; color:#fff;}

.consulting_wrap .skin_type .select_skin .skin1 span:after{background-image:url(../images/consulting/icon_skin01.png)}
.consulting_wrap .skin_type .select_skin .skin2 span:after{background-image:url(../images/consulting/icon_skin02.png)}
.consulting_wrap .skin_type .select_skin .skin3 span:after{background-image:url(../images/consulting/icon_skin03.png)}
.consulting_wrap .skin_type .select_skin .skin4 span:after{background-image:url(../images/consulting/icon_skin04.png)}
.consulting_wrap .skin_type .select_skin .skin5 span:after{background-image:url(../images/consulting/icon_skin05.png)}
.consulting_wrap .skin_type .select_skin li.select span:after{background-position:50% 100%}

.consulting_wrap .product_type{text-align:center; margin-top:41px;}
.consulting_wrap .product_type h3{font-size:22px; color:#555; position:relative;}							
.consulting_wrap .product_type h3 span{color:#7d7d7d; font-size:15px; display:block; margin-top:11px; font-weight:normal;}
.consulting_wrap .product_type ul{overflow:hidden; margin:20px 0 0 -10px;}
.consulting_wrap .product_type ul li{float:left; border:1px solid #999999; background-color:#fff; width:124px; height:48px; line-height:48px; text-align:center; font-size:15px; color:#7d7d7d; font-weight:bold; transition-duration:0.2s; cursor:pointer; margin-left:10px; margin-bottom:10px;}
.consulting_wrap .product_type ul li.select{background-color:#6180be; border-color:#6180be; color:#fff;}
.consulting_wrap .product_type .product_cont{overflow:hidden; width:690px; margin:37px auto 30px;}
.consulting_wrap .product_type .product_cont h4{position:relative; color:#555; font-size:16px;}
.consulting_wrap .product_type .product_cont h4 span{background-color:#fff; position:relative; z-index:3; padding:0 9px;}
.consulting_wrap .product_type .product_cont h4:after{content:''; position:absolute; left:0; top:10px; width:50%; height:1px; background-color:#999999 }
.consulting_wrap .product_type .product_cont h4:before{content:''; position:absolute; right:0; top:10px; width:50%; height:1px; background-color:#999999 }
.consulting_wrap .product_type .product_cont .skincare{width:398px; float:left;}
.consulting_wrap .product_type .product_cont .makeup{width:262px; float:right;}

.consulting_wrap .consulting_type{text-align:center; margin-top:41px;}
.consulting_wrap .consulting_type h3{line-height:28px; font-size:18px; color:#555; font-weight:normal; background:url(../images/consulting/icon_consulting.png) 50% 0 no-repeat; padding:103px 0 0 0; margin-bottom:35px;}
.consulting_wrap .consulting_type h3 em{color:#bda691; font-weight:bold;}

.consulting_list{margin-top:50px;}
.consulting_list .product_list ul.product{margin-left:-15px;}

/*뷰티컨설팅*/
#container.consulting .consulting_beauty #sub_section .page_title:after {display:none;}
.consulting_beauty .consulting_wrap {position:relative; padding-top:18px;}
.consulting_beauty .consulting_wrap ul {overflow:hidden; margin-left:-16px;}
.consulting_beauty .consulting_wrap ul li {float:left; width:316px; position:relative; margin:0 0 20px 16px;}
.consulting_beauty ul li div.consultion_wp {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.8; text-align:center; transition-duration: 0.5s; display:none;}
.consulting_beauty ul li div.consultion_wp .consultion_txt {display:table;  text-align:center; color:#fff; font-size:14px; min-width:316px; height:210px; line-height:24px; overflow:hidden;}
.consulting_beauty ul li div.consultion_wp .consultion_txt p {display:table-cell; padding:5px 10px 0 10px; vertical-align:middle; text-align:center; font-size:18px; line-height:26px; overflow:hidden;}
.consulting_beauty ul li div.consultion_wp .consultion_txt p:after {display:block; content: ''; font-size:18px; width:31px; height:31px; background: url(../images/consulting/icon_plus.png) no-repeat; margin:20px auto 0 auto; }
.consulting_beauty .paging {margin:30px 0 10px 0;}

/*뷰티컨설팅 VIEW*/
.co_view_wrap {background-color: #fafafa; text-align:center;}
.co_view_wrap.cofixed {position: fixed; top: 0; width: 100%; min-height: 72px; z-index: 1000;}
.co_view_beauty {position:relative; width:980px; margin:0 auto; padding:20px 0;}
.co_view_beauty .co_view_tit {font-weight:bold; color:#7d7d7d; font-size:16px;}
.co_view_beauty .co_view_btn {display:inline-block; position:absolute; right:0; top:10px; border:2px solid #999999; padding:12px 9px; background-color: inherit; 
	transition-duration: 0.2s;}
.co_view_beauty .co_view_btn:before {display:block; width:13px; height:7px; background-image:url(../images/common/btn_up_down.png); content: ''; background-repeat: no-repeat;}
.co_view_beauty .co_view_btn.active {position:absolute; top:287px; bottom:0; background-color:#999999; }
.co_view_beauty .co_view_btn.active:before {background-position:0 -7px; background-repeat: no-repeat; }

.co_beauty_wrap {padding:30px 0; position:relative;}
.co_beauty_wrap .bx-wrapper {margin:0 auto !important;}
.co_view_wrap.active .co_beauty_wrap {display:block !important;}
.co_view_wrap.active .co_beauty_btn {display:none;}
.co_beauty_wrap .bx-controls-direction a {position:absolute;}
.co_beauty_wrap .bx-controls-direction a.bx-next {top:84px;right:-48px;}
.co_beauty_wrap .bx-controls-direction a.bx-prev {top:84px;left:-48px;}
.co_beauty_wrap .bx-pager {margin-top:45px;}
.co_beauty_wrap ul.co_beauty_list li {position:relative;}
.co_beauty_wrap ul.co_beauty_list li .end {position:absolute;left:0;top:0;}
.consulting_beauty .co_beauty_wrap ul li div.consultion_wp .consultion_txt {min-width: 233px !important; height:167px; }
.consulting_beauty .co_beauty_wrap ul li.on div.consultion_wp {display:block;}
.consulting_beauty .co_beauty_wrap ul li.on div.consultion_wp .consultion_txt p {font-size:15px;}
.consulting_beauty .co_beauty_wrap ul li.on div.consultion_wp .consultion_txt p:after {margin:10px auto 0 auto;}

/*뷰티컨설팅 VIEW > cont*/
.co_cont_wrap {margin-top:80px; text-align:center;}
.co_cont_wrap > h2 {padding:0 5px 5px 5px; font-size:30px; text-align:center; border-bottom:2px solid #333; display:inline;}
.co_cont_wrap .co_cont {position: relative; margin-top:60px; text-align:left;}
.co_cont p.co_cont_tit {padding-top:40px; font-weight:bold; text-align:center; font-size:26px; line-height:36px;}
.co_cont p.co_cont_txt {padding-top:30px; text-align:center; color:#999; line-height:26px; font-size:16px;}
.co_cont_wrap .co_cont dl {position: relative; overflow: hidden; padding-top:80px;}
.co_cont_wrap .co_cont dl.ask_01 {border-top:1px solid #e9ebea; padding-top:60px; margin-top:55px; }
.co_cont_wrap .co_cont dl.ask_01 dt {float:right; }
.co_cont_wrap .co_cont dl.ask_01 dd {float:left; width:566px;}
.co_cont_wrap .co_cont dl.ask_02 dt {float:left; width:566px;}
.co_cont_wrap .co_cont dl.ask_02 dd {float:right; width:351px;}
.co_cont_wrap .co_cont dl[class^="ask_"] dd {position: relative;}
.co_cont_wrap .co_cont dl[class^="ask_"] dd:before {display:block; content:''; width:44px; height:71px; background-image:url(../images/consulting/icon_ask.jpg); background-repeat: no-repeat; margin:20px 0 40px 0;}
.co_cont_wrap .co_cont dl dd p {position:relative; font-size:22px; line-height:32px; font-weight:bold;}
.co_cont_wrap .co_cont dl dd span {margin:20px 0 0 0; font-size:16px; color:#999; line-height:26px; display:block; font-weight:normal;}
.co_cont_wrap .co_cont dl dd.cont_full {width:100%; margin-top:25px;}
.co_cont_wrap .co_cont dl dd.cont_full:before {display:none;}

.consulting_beauty .con_beauty_btn {margin-top:60px; text-align:center;}
.consulting_beauty .con_beauty_btn a {display:inline-block;}

/*뷰티컨설팅 VIEW > 관련 아이템*/
.consulting_beauty .relate_item {position:relative; margin-top:80px;}
.consulting_beauty .relate_item .cont {padding-top:30px;}
.consulting_beauty .relate_item .bx-controls-direction a {position:absolute;}
.consulting_beauty .relate_item .bx-controls-direction a.bx-prev {top:50%; left:-48px;}
.consulting_beauty .relate_item .bx-controls-direction a.bx-next {top:50%; right:-48px;}
