@charset "utf-8";
/******************************************************
AP sulwhasoo
+ Author : ACG Technology Group Kim jin ah (greyopera@astrum.co.kr)
+ Author : ACG Technology Group Han mi sun (msmelong@astrum.co.kr )
+ Version : 1.0 (이후 업데이트시 버전 체크)
*******************************************************/
/* List */
.bbs_list .product_list { }
.bbs_list .product_list li { width:210px;padding:0 0 56px 40px; }
.bbs_list .product_list li.first { padding:0 0 56px; }
.bbs_list .product_list li a.quickview {position:relative; display:block;}
.bbs_list .product_list li a.quickview .quickview_img {position:absolute; left:0; top:0; display:none;}
.brow_chrome .bbs_list .product_list li a.quickview .quickview_img,
.brow_safari .bbs_list .product_list li a.quickview .quickview_img { top:-210px;}
.brow_opera .bbs_list .product_list li a.quickview .quickview_img {top:10px;}
.bbs_list .product_list li h3 { margin:17px 0 10px 0;color:#794d1a; font:17px/1em Arial, Simsun, "黑体", "微软雅黑", "新宋体"; letter-spacing:-0.05em; }
.bbs_list .product_list li p { line-height:18px;width:210px; }
.bbs_list .product_list li p em { display:block; }
.bbs_list .product_list li p em.icon { overflow:hidden;width:100%;margin:11px 0 12px 0;}
.bbs_list .product_list li p em.icon img { float:left;margin:0 3px 3px 0;}
.bbs_list .product_list a {}
.bbs_list .product_list a:hover {color:#c38f49;}
/* 라인별 상단 */
.bbs_list .line{margin:40px 0 0;}
.bbs_list .line p{letter-spacing:-1px; width:210px;}
.bbs_list ul.detail li {margin:0; padding:0 0 0 12px;background:url(/resources/images/common/bul.gif) no-repeat 0 1px;}
.brow_ie_6 .bbs_list li {width:190px;}
/* list group */
.group_banner {width:960px; height:340px; overflow:hidden; position:relative; margin:0 0 40px; line-height:20px;}
.group_banner ul li { float:left;width:960px; height:340px; overflow:hidden; } /* 각 목록 너비의 공간개념이 확실해야함. */
.group_banner ul.controller {}
.imageSlider .prev {position:absolute; top:157px; left:20px; z-index:100; cursor:pointer; }
.imageSlider .next {position:absolute; top:157px; left:908px; z-index:100; cursor:pointer;}
.bbs_list .main{border:0 none !important; }
.bbs_list .main li {padding-top:40px !important; padding-bottom:0 !important; height:299px; }
.bbs_list .main li em{display:block; margin:20px 0 8px;}
.type_menu {overflow:hidden; zoom:1; padding:0 0 40px;width:880px;}
.type_menu li { float:left; padding:0 22px 0 0; background:url(/resources/images/product/bg_typemenu.gif) right 0 no-repeat;}
.type_menu li.end {padding:0; background:none !important; }
/* VIEW 상단 상세 정보 */
.product_header{overflow:hidden; padding:0 0 55px 50px; zoom:1;}
.product_header .img_area{float:left; width:370px; margin:0 40px 0 0;}
.product_header .img_area * {line-height:1%; font-size:1%; }
.product_header .img_area_view {float:left; width:300px; margin:0 10px 0 0;}
.product_header .img_area_view * {line-height:1%; font-size:1%; }
.product_header .img_list_box{padding:0 0 0 64px; text-align:center;}
.product_header .img_list_box ul { overflow:hidden; display:inline; }
.product_header .img_list_box ul img{margin:0 3px; cursor:pointer; border:1px solid #ded5cc; }
.product_header .img_list_box ul li{display:inline; }
.product_header .img_list_box p { width:55px; vertical-align:top; display:inline-block; padding:20px 0 0 7px;}
.brow_ie_6 .product_header .img_list_box p{display:inline; zoom:1;}
.brow_ie_7 .product_header .img_list_box p{display:inline; zoom:1;}
.product_header .txt_area{float:left;}
.product_header .txt_area .description {margin:22px 0 0; line-height:18px; }
.product_header .txt_area .icon_area { overflow:hidden; padding:8px 0 0;}
.product_header .txt_area .icon_area img {float:left; margin:3px 3px 0 0; }
.product_header .txt_area .detail{clear:both; margin:13px 0 20px;}
.product_header .txt_area .detail li{padding:0 0 2px 12px; background:#fff url(/resources/images/common/bul.gif) 0 2px no-repeat;}
.product_header .txt_area .btn_area *{float:left;}
.product_header .txt_area .btn_area { overflow:hidden; }
.product_header .txt_area .btn_area .type01 { margin:0 7px 0 0;}
.product_header .txt_area .btn_area .type01 a {margin:0 3px 0 0;}
.product_header .txt_area .btn_area .type02 {margin:5px 0 0;}
.product_header .txt_area .btn_area .type02 a {margin:0 0 0 15px;}
.product_header .txt_area h2.main_name {color:#794d1a; font:28px/1em Arial, Simsun, "黑体", "微软雅黑", "新宋体"; letter-spacing:-0.05em; }
.product_header .txt_area h2.main_name2 {color:#794d1a; font:28px/1em Arial, Simsun, "黑体", "微软雅黑", "新宋体"; letter-spacing:-0.05em;}
.product_header .txt_area em.sabonLT {display:block; color:#b39873; font-family:Myriad Pro; font-size:14px;}
.product_header .with{clear:both; overflow:hidden; zoom:1; width:500px;}
.product_header .with h3 {margin:80px 0 20px;}
.product_header .with .outer{overflow:hidden; float:left; width:430px; }
.product_header .with li{width:426px; clear:both;}
.brow_ie_6 .product_header .with li{margin:0 0 -2px;}
.brow_ie_7 .product_header .with li{margin:0 0 -2px;}
.product_header .with li a{float:left; width:65px; margin:0 -3px 0 0; padding:0 9px 0 0; text-align:center; color:#b39873; }
.product_header .with li a:hover{}
.product_header .with li *{display:block;}
.product_header .with li span {padding:2px 0 0; font-size:11px; line-height:11px;}
.brow_ie_7 .product_header .with li span {padding:1px 0 0; }
.product_header .with p{float:left; width:17px; padding:14px 0 0 3px;}
.product_header .with p img{display:block; margin:0 0 3px; cursor:pointer; }
.product_header .color {overflow:hidden; }
.product_header .color li{float:left; width:66px; font-size:11px; line-height:12px; }
.product_header .color * { display:block;}
.product_header .color img { margin:21px 0 3px;}
.product_header .quick_view{width:303px; padding:60px 0 0;}
.product_header .quick_view h2.main_name {font:34px/1em Arial, Simsun, "黑体", "微软雅黑", "新宋体"; letter-spacing:-0.05em; color:#794d1a !Important;}
.product_header .quick_view .btn_area p{float:none; overflow:hidden; zoom:1; padding:0 0 9px;}
.product_header .quick_view .btn_area .type02 a {margin:0 15px 0 0; }
.product_header .quick_view .go_detail { padding:10px 0 0; margin:21px 0 0; border:0; clear:both;}
.product_header .quick_view .description {margin:14px 0 0; line-height:18px; }
/* ZOOM */
.big_view{padding:0 0 0 20px;}
.big_view .img_list_box{text-align:center; width:500px;}
.big_view .img_list_box * {line-height:1%; font-size:1%;}
.big_view .img_list_box ul {overflow:hidden; display:inline; }
.big_view .img_list_box ul img{margin:0 3px; cursor:pointer; border:1px solid #ded5cc; }
.big_view .img_list_box ul li{display:inline; }
/* 온라인 구입처 */
.shop_info { padding:27px 0 17px; }
.shop_list { overflow:hidden; width:485px; padding:30px 0 0; border:1px solid #ddd5cc; border-left:0; border-right:0; }
.shop_list li{ float:left; width:95px; padding:0 0 40px 35px;}
.shop_list li.first { padding:0 0 40px;}
.shop_btn{overflow:hidden; zoom:1;}
.shop_btn img { float:left; margin:15px 15px 0 0;}
/* What's New */
.new_product img{ vertical-align:top;}
/* Basic Type :: Product Descriptions */
#product_page1 { border-top:1px solid #ddd8ce; margin:30px 0 0; padding:40px 0 0;}
.product_basic{overflow:hidden;}
.product_basic h3{float:left; width:250px;}
.product_basic_area {float:left; overflow:hidden; width:710px; padding:0 0 80px;}
.product_basic_area .img {float:left; width:208px;}
.product_basic_area .txt {float:right; width:460px;}
.product_basic_area .no_img {float:right; width:100%; }
.brow_ie_6 .product_basic,
.brow_ie_6 .product_basic_area{zoom:1;}
.product_use h3,
.product_beauty h3{float:left; width:250px;}
.product_use{overflow:hidden; margin:0 0 80px;}
.product_use p{float:left; line-height:18px; width:710px;}
.product_use em{color:#b3b3b3;}
.product_beauty{overflow:hidden;}
.product_beauty .beauty_step{ float:left; width:710px; }
.product_beauty .beauty_step li {overflow:hidden; margin:30px 0 0; }
.product_beauty .beauty_step li.first {margin:0;}
.product_beauty .beauty_step p{float:right; width:210px; }
.product_beauty .beauty_step p.img img {border:1px solid #ddd8ce;}
.product_beauty .beauty_step p.text {width:460px; margin:0 0 0 40px;}
.product_beauty .beauty_step p.text span {display:block; margin:0 0 15px;}
.brow_ie_6 .product_use,
.brow_ie_6 .product_beauty,
.brow_ie_6 .product_beauty .beauty_step li{zoom:1;}
/* 기본타입 :: 템플릿특이-예율마사지 */
.product_beauty .step_type02 li { margin:40px 0 0;font-size:1%;line-height:1%; }
.product_beauty .step_type02 p.txtType02 {width:335px;margin:0 0 0 40px;}
.product_beauty .step_type02 p.txtType02 img { display:block;margin-bottom:12px;}
.product_beauty .step_type02 p.txtType02 span {display:block;padding:0 0 4px 10px;line-height:18px;letter-spacing:-1px;word-spacing:2px;background:url(/resources/images/common/bul_01.gif) no-repeat left 2px;}
.product_beauty .step_type02 p.txtType02 em { font-size:11px;color:#b3b3b3;}
.product_beauty .step_type02 p.imgType02 {overflow:hidden;width:335px;}
.product_beauty .step_type02 p.imgType02 img { display:block;float:left;margin:0 0 7px 0;border:1px solid #ddd8ce;}
.product_beauty .step_type02 p.imgType02 .right { margin-right:7px;}
.product_beauty .step_type02 p.imgType02 .bottom { margin-bottom:0;}
/* 예서타입 :: 컬러바 추가 */
.product_header .colors {overflow:hidden;padding:0 0 32px;}
.product_header .colors p{float:left; width:224px;}
.product_header .colors ul.color_chip{width:460px;margin:5px 0 0;}
.product_header .colors ul{float:left; width:198px;}
.product_header .colors li{float:left; width:66px; height:59px; font-size:11px; line-height:12px; color:#757575;}
.product_header .colors li.first{clear:both;}
.product_header .colors em{display:block;}
.product_header .colors li img {display:block; margin:0 0 4px; cursor:pointer;}
.product_header .colors {}
.product_header .colors {}
/* 예서타입 :: 사용법 */
#product_yeseo {border-top:1px solid #ddd8ce; margin:24px 0 0; padding:40px 0 0;}
.product_detail{overflow:hidden;}
.brow_ie_6 .product_detail{zoom:1;}
.product_detail h3{float:left; width:250px;}
.product_detail_area{float:left; overflow:hidden; width:710px; padding:0 0 60px;}
#product_yeseo .product_use {padding:0 0 50px; margin:0;}
/* 실란타입 :: 색상 */
.product_color {overflow:hidden;}
.brow_ie_6 .product_color {zoom:1;}
.product_color h3{float:left; width:250px;}
.product_color p{float:left; line-height:18px; width:710px;}
/* 실란타입 컨텐츠 */
#product_page2 {margin:25px 0 0;}
/* CLASS NAME - detail_상품코드뒷자리_01 ~ */
/* IMG NAME - h4_상품코드뒷자리_01, txt_상품코드뒷자리_0101, bg_상품코드뒷자리_01 ~ */
/* 11117-1032 - 실란콤팩트_떨잠 */
.detail_1032_01{height:251px; padding:80px 0 0 460px; background:url(/resources/upload/product/bg_1032_01.jpg) 0 80px no-repeat;}
.detail_1032_01 h3{margin:60px 0 20px;}
.detail_1032_01 p{margin:0 0 24px;}
/* 11117-1053 - 실란컬러팩트_떨잠 */
.detail_1053_01{height:251px; padding:80px 0 0 460px; background:url(/resources/upload/product/bg_1053_01.jpg) 0 80px no-repeat;}
.detail_1053_01 h3{margin:60px 0 20px;}
.detail_1053_01 p{margin:0 0 24px;}
/* 11117-1076 - 실란콤팩트_2011 */
.detail_1076_01{height:280px; padding:80px 0 0 460px; background:url(/resources/upload/product/bg_1076_01.jpg) 0 80px no-repeat;}
.detail_1076_01 h3{margin:60px 0 20px;}
.detail_1076_01 h4{margin:0 0 10px;}
.detail_1076_01 p{margin:0 0 24px;}
/* 11117-1078 - 실란컬러팩트_2011 */
.detail_1078_01{height:280px; padding:80px 0 0 460px; background:url(/resources/upload/product/bg_1076_01.jpg) 0 80px no-repeat;}
.detail_1078_01 h3{margin:60px 0 20px;}
.detail_1078_01 h4{margin:0 0 10px;}
.detail_1078_01 p{margin:0 0 24px;}
/* 제품맵 - 사용순서 */
.txt_map { margin:38px 0 77px 0;}
.product_map { position:relative;width:710px;height:698px;margin:0 125px;background:url(/resources/images/product/img_map.gif) no-repeat left top;}
.product_map ul li {position:absolute;}
.product_map ul li a { display:block;height:24px;background-position:left top;background-repeat:no-repeat;line-height:0;font-size:0; }
.product_map ul li a span { position:absolute; left:-10000% !important; top:-10000%;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0;}
.product_map ul .day_place01 {left:0;top:97px;}
.product_map ul .day_place02 {left:0;top:265px;}
.product_map ul .day_place03 {left:0;top:332px;}
.product_map ul .day_place04 {left:0;top:442px;}
.product_map ul .day_place05 {left:0;top:468px;}
.product_map ul .day_place06 {left:0;top:578px;}
.product_map ul .day_place07 {left:0;top:636px;}
.product_map .day_place01 a { background:url(/resources/images/product/btn_map_day01.gif);}
.product_map .day_place02 a { background:url(/resources/images/product/btn_map_day02.gif);}
.product_map .day_place03 a { background:url(/resources/images/product/btn_map_day03.gif);}
.product_map .day_place04 a { background:url(/resources/images/product/btn_map_day04.gif);}
.product_map .day_place05 a { background:url(/resources/images/product/btn_map_day05.gif);}
.product_map .day_place06 a { background:url(/resources/images/product/btn_map_day06.gif);}
.product_map .day_place07 a { background:url(/resources/images/product/btn_map_day07.gif);}
.product_map .day a {width:125px;}
.product_map .day a:hover,
.product_map .night a:hover { background:url(/resources/images/product/btn_quick_view_map01.gif);}
.product_map ul .night_place01 {left:585px;top:181px;}
.product_map ul .night_place02 {left:585px;top:274px;}
.product_map ul .night_place03 {left:585px;top:455px;}
.product_map ul .night_place04 {left:585px;top:645px;}
.product_map .night_place01 a { background:url(/resources/images/product/btn_map_night01.gif);}
.product_map .night_place02 a { background:url(/resources/images/product/btn_map_night02.gif);}
.product_map .night_place03 a { background:url(/resources/images/product/btn_map_night03.gif);}
.product_map .night_place04 a { background:url(/resources/images/product/btn_map_night04.gif);}
.product_map ul .place01 {left:405px;top:42px;}
.product_map ul .place02 {left:210px;top:68px;}
.product_map ul .place03 {left:356px;top:68px;}
.product_map ul .place04 {left:210px;top:126px;}
.product_map ul .place05 {left:210px;top:152px;}
.product_map ul .place06 {left:307px;top:152px;}
.product_map ul .place07 {left:405px;top:152px;}
.product_map ul .place08 {left:210px;top:210px;}
.product_map ul .place09 {left:210px;top:236px;}
.product_map ul .place10 {left:307px;top:236px;}
.product_map ul .place11 {left:405px;top:236px;}
.product_map ul .place12 {left:210px;top:303px;}
.product_map ul .place13 {left:210px;top:361px;}
.product_map ul .place14 {left:210px;top:387px;}
.product_map ul .place15 {left:210px;top:413px;}
.product_map ul .place16 {left:210px;top:497px;}
.product_map ul .place17 {left:210px;top:523px;}
.product_map ul .place18 {left:210px;top:549px;}
.product_map ul .place19 {left:210px;top:607px;}
.product_map ul .place20 {left:210px;top:674px;}
.product_map .place01 a { background:url(/resources/images/product/btn_map01.gif);}
.product_map .place02 a { background:url(/resources/images/product/btn_map02.gif);}
.product_map .place03 a { background:url(/resources/images/product/btn_map03.gif);}
.product_map .place04 a { background:url(/resources/images/product/btn_map04.gif);}
.product_map .place05 a { background:url(/resources/images/product/btn_map05.gif);}
.product_map .place06 a { background:url(/resources/images/product/btn_map06.gif);}
.product_map .place07 a { background:url(/resources/images/product/btn_map07.gif);}
.product_map .place08 a { background:url(/resources/images/product/btn_map08.gif);}
.product_map .place09 a { background:url(/resources/images/product/btn_map09.gif);}
.product_map .place10 a { background:url(/resources/images/product/btn_map10.gif);}
.product_map .place11 a { background:url(/resources/images/product/btn_map11.gif);}
.product_map .place12 a { background:url(/resources/images/product/btn_map12.gif);}
.product_map .place13 a { background:url(/resources/images/product/btn_map13.gif);}
.product_map .place14 a { background:url(/resources/images/product/btn_map14.gif);}
.product_map .place15 a { background:url(/resources/images/product/btn_map15.gif);}
.product_map .place16 a { background:url(/resources/images/product/btn_map16.gif);}
.product_map .place17 a { background:url(/resources/images/product/btn_map17.gif);}
.product_map .place18 a { background:url(/resources/images/product/btn_map18.gif);}
.product_map .place19 a { background:url(/resources/images/product/btn_map19.gif);}
.product_map .place20 a { background:url(/resources/images/product/btn_map20.gif);}
.product_map .map01 a {width:95px;}
.product_map .map02 a {width:144px;}
.product_map .map03 a {width:290px;}
.product_map .map04 a {width:96px;}
.product_map .map01 a:hover { background:url(/resources/images/product/btn_quick_view_map02.gif);}
.product_map .map02 a:hover { background:url(/resources/images/product/btn_quick_view_map03.gif);}
.product_map .map03 a:hover { background:url(/resources/images/product/btn_quick_view_map04.gif);}
.product_map .map04 a:hover { background:url(/resources/images/product/btn_quick_view_map05.gif);}
/* 제품맵 - 설화수 전 제품 */
.product_allpage { overflow:hidden;width:880px;margin:0 0 95px;line-height:20px;}
.product_allpage li { float:left;padding:0 12px;background:url(/resources/images/product/bg_product_line01.gif) no-repeat left top;}
.product_allpage li.first { padding:0 12px 0 0;background:none;}
.product_bar {margin:0 0 70px;text-align:center;}
/* 제품맵 - 설화수 전 제품 - 리스트 */
.bbs_list .product_allList { overflow:hidden; width:960px; }
.bbs_list h3 { margin:20px 0 40px 0;}
.bbs_list .product_allList li { width:105px;margin:0 0 0 30px;padding:0 0 14px 0;}
.bbs_list .product_allList li.first { margin:0 0 0 0; padding:0 0 14px;}
.bbs_list .product_allList li.rong { width:135px; }
.bbs_list .product_allList li.rong img { text-align:center; }
.bbs_list .product_allList li a.quickview {position:relative; display:block;}
.bbs_list .product_allList li a.quickview .quickview_img {position:absolute; left:0; top:0; display:none;}
.bbs_list .product_allList li em img{margin:10px auto 0;}
.brow_ie_6 .bbs_list .product_allList li em,
.brow_ie_7 .bbs_list .product_allList li em { margin-top:10px}
.bbs_list .btn_top { margin:26px 0 0; padding:7px 0 0;text-align:right; border-top:1px solid #ded6cd;}
/* slFR관련 css */
/*=:project
scalable Inman Flash Replacement (sIFR) version 3.
=:file
Copyright: 2006 Mark Wubben.
Author: Mark Wubben,
=:history
* IFR: Shaun Inman
* sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
=:license
This software is licensed and provided under the CC-GNU LGPL.
See
*/
/*---- sIFR ---*/
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
/*---- Header styling ---*/