@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 group */
.group_banner {padding:0 0 60px; overflow:hidden; position:relative;}
.group_list em { display:block; padding:15px 0 10px;}
.group_list .first_line {padding-top:0 !important;}
.group_list .first_line li {padding-top:0 !important;}
.group_list li { padding:40px 0 0 40px !Important;}
.group_list li.first { padding-left:0 !Important; }
.group_list {border:0 none;}

/* list type */
.type_banner {width:960px; margin:0 0 60px; }
.type_list { border-bottom:1px solid #c0dff3; overflow:hidden; zoom:1;}
.type_list .thumbnail { width:960px;overflow:hidden; zoom:1; margin:0 0 50px; }
.type_list .thumbnail li {float:left; width:210px; padding:0 0 0 40px;}
.type_list .thumbnail li.first { padding-left:0; }

.type_list .thumbnail li img {display:block; }
.type_list .thumbnail li strong { display:block;margin:13px 0 16px;}

.type_list .thumbnail a.detail {display:block; color:#5da6d6; font-size:14px; text-decoration:none; }
.type_list .thumbnail a.detail:hover {color:#5da6d6; text-decoration:none; }

.type_list .thumbnail a.detail span {color:#757575;}
.type_list .thumbnail a.detail:hover span {color:#5da6d6;text-decoration:none; }

.type_list .thumbnail ul.detail {margin:8px 0 0;}
.type_list .thumbnail ul.detail li{width:201px; padding:0 0 0 9px; float:none; background:url(/resources/images/common/bul.gif) no-repeat left -39px;}
.type_list .thumbnail .icon_area {width:210px; overflow:hidden; zoom:1; }
.type_list .thumbnail .icon_area img {margin:4px 3px 0 0; }

/* list type - quick view icon*/

.type_list li {position:relative; }
.type_list div.img_area {width:210px; height:210px; overflow:hidden;}
.type_list div.img_area .prewview_img{position:absolute;right:0; top:0;}
.type_list div.img_area .icon_area {position:absolute;right:0; top:0;width:210px; height:210px; }
.type_list div.img_area .icon_area span {position:relative; left:0; top:0; }
.type_list div.img_area .icon_area a {position:absolute;top:161px;}
.type_list div.img_area .icon_area a.icon01 {left:9px; z-index:30;}
.type_list div.img_area .icon_area a.icon02 {left:29px; z-index:20;}
.type_list div.img_area .icon_area img {margin:0;}

/* list type - 제품 사용단계 */
.product_step {overflow:hidden; zoom:1; padding:100px 0 0; }
.product_step .step_title {float:left; width:250px; }
.product_step .step_title h3 { margin:0 0 20px; }
.product_step .step_contetns{float:left; width:710px; }

/* list type - makeup*/
#makeup1 { min-height:300px; }
#makeup2,
#makeup3,
#makeup4,
#makeup5 {display:none; min-height:300px; }

/* VIEW 상단 상세 정보 */
.product_header{overflow:hidden; zoom:1; padding:10px 0 93px 48px; color:#777775; }
.product_header .img_area{float:left; width:370px; margin:0 82px 0 0;}
.product_header .img_area #detail_img {display:block;}
.product_header .img_area * {line-height:1%; font-size:1%;  }
.product_header .img_list_box{text-align:center;padding:10px 0 0; }
.product_header .img_list_box ul { overflow:hidden; display:inline; }
.product_header .img_list_box ul img{margin:0 3px 0 2px; cursor:pointer; border:1px solid #cfe8f8; }
.product_header .img_list_box ul li{display:inline; }
.product_header .img_list_box p { vertical-align:top; display:inline-block; padding:20px 0 0 10px;}
.product_header .img_list_box p.zoom {width:55px;}
.product_header .img_list_box p.ad {width:59px;}
.product_header .img_list_box p.evt {width:46px;}
.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; width:460px; }
.product_header .txt_area .main_name {display:block;color:#5da6d6; font:33px/1em "dotum"; margin:-7px 0 0;}
.product_header .txt_area .main_name span {display:none;} /* sifr 기존 폰트 뿌려지는 부분 - 추후 수정 */
.product_header .txt_area .sub_name { display:block;color:#5da6d6; font:12px/1em "dotum"; margin:-2px 0 0;}
.product_header .txt_area .sub_name span {display:none;}
.product_header .txt_area .main_name2 {display:block;color:#5da6d6; font:33px/1em "dotum"; margin:-4px 0 0;}
.product_header .txt_area .main_name2 span {display:none;} /* sifr 기존 폰트 뿌려지는 부분 - 추후 수정 */
.product_header .txt_area .sub_name2 { display:block;color:#5da6d6; font:12px/1em "dotum"; margin:-2px 0 0;}
.product_header .txt_area .sub_name2 span {display:none;}
.product_header .txt_area .description {padding:17px 0 0; line-height:18px; }

.product_header .txt_area .detail{clear:both; margin:6px 0 5px;}
.product_header .txt_area .detail li{padding:0 0 2px 10px; background:#fff url(/resources/images/common/bul.gif) 0 -38px no-repeat;}

.product_header .txt_area .icon_area { overflow:hidden; margin:0 0 15px;}
.brow_ie_6 .product_header .txt_area .icon_area {zoom:1;}
.product_header .txt_area .icon_area img {float:left; margin:5px 3px 0 0; }

.product_header .txt_area .keyword { overflow:hidden; clear:both; }
.product_header .txt_area .keyword dt { float:left; width:33px; padding:3px 0 0; }
.product_header .txt_area .keyword dd { float:left; width:427px; }
.product_header .txt_area .keyword dd a{}
.product_header .txt_area .keyword dd a:hover {color:#248ed4; text-decoration:none;}

.product_header .txt_area .btn_area { overflow:hidden; padding:27px 0 20px; }
.product_header .txt_area .btn_area p {float:left;}
.product_header .txt_area .btn_area p img { float:left;}
.product_header .txt_area .btn_area p.type01 {}
.product_header .txt_area .btn_area p.type01 img{margin:0 3px 0 0;}
.product_header .txt_area .btn_area p.type02 {}
.product_header .txt_area .btn_area p.type02 img { margin:8px 3px 0 12px; }

.product_header .with{clear:both; overflow:hidden; zoom:1;}
.product_header .with h3 {margin:40px 0 15px;}

.product_header .with .outer{overflow:hidden; float:left; width:443px; height:110px;}
.brow_ie_6 .product_header .with .outer {zoom:1;}
.product_header .with li{width:443px; height:110px; clear:both;}
.brow_ie_6 .product_header .with li{margin:0 0 -2px; zoom:1; }
.brow_ie_7 .product_header .with li{margin:0 0 -2px;}
.product_header .with li a{float:left;display:inline; width:65px;_overflow:hidden;padding:0 23px 0 0;_padding:0;margin:0;_margin:0 23px 0 0; text-align:center; color:#81bfe8;}
.product_header .with li a:hover{text-decoration:none;}
.product_header .with li *{display:block;}
.product_header .with li span {padding:2px 0 0; font-size:11px; line-height:11px; height:33px; overflow:hidden; }
.brow_ie_7 .product_header .with li span {padding:1px 0 0; }
.brow_ie_6 .product_header .with li span {height:32px; }
.product_header .with p{float:left; width:17px; padding:11px 0 0 0px;}
.product_header .with p img{display:block; margin:0 0 4px; cursor:pointer; }

/* VIEW 상단 상세 정보 - quick view 재정의 */
.quickview {padding:0; }
.quickview .img_area #detail_img {margin:0 !important;}

.quickview .img_area{margin:0 10px 0 0;}
.quickview .txt_area{width:308px;}
.quickview .txt_area .detail{margin:6px 0 0;}
.quickview .txt_area .icon_area {margin:0 !important;}
.quickview .txt_area .btn_area {padding:30px 0 0 !important;}
.quickview p.type01,
.quickview p.type02 {display:block !important; overflow:hidden; zoom:1; width:100%; float:none !important; }
.quickview p.type02 img {margin:15px 15px 0 0 !important; }

.quickview .product_detail {border-top:1px solid #c0dff3; padding:10px 0 0; margin:30px 0 0; text-align:left;}

/* BIG VIEW */
.big_view{}
.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 #c0dff3; }
.big_view .img_list_box ul li{display:inline; }


/* VIEW 하단 상세 정보 */

#product_page1 { overflow:hidden; zoom:1;  }
#product_page2 { overflow:hidden; zoom:1;  display:none; }

.product_basic,
.product_material,
.product_use,
.product_beauty,
.product_data{padding:60px 0 0; overflow:hidden; zoom:1; }

.product_basic h3,
.product_material h3,
.product_use h3,
.product_beauty h3,
.product_data h3{float:left; width:250px;}

.product_basic_area,
.product_material_area,
.product_use_area,
.product_beauty_area,
.product_data_area{float:left; overflow:hidden; width:710px; line-height:18px;}

.brow_ie_6 .product_basic_area,
.brow_ie_6 .product_material_area,
.brow_ie_6 .product_use_area,
.brow_ie_6 .product_beauty_area,
.brow_ie_6 .product_data_area{zoom:1;}

/* 스킨케어 :: 제품 특징 */
.product_main { border-top:1px solid #81bfe8;}

/* 스킨케어 :: A군 제품 */
.group_a {padding:40px 0 0;}

/* 스킨케어 :: 제품 특징 > 제품 상세 설명 */
.product_basic_area .type_txt {}
.product_basic_area .type_img {margin:40px 0 0;}

/* 스킨케어 :: 제품 특징 > 성분 및 효과 */
.product_material_area ul {overflow:hidden; zoom:1;}
.product_material_area li { float:left; width:125px; margin:0 20px 0 0;}

/* 스킨케어 :: 제품 특징 > 효능 데이터 */
.product_data_area {}

/* 스킨케어 :: 제품 특징 > 사용법 */
.product_use_area { overflow:hidden; zoom:1; }

.product_use_area .use_full {}

.product_use_area .use_img {float:left; width:145px; padding:5px 0 0; }
.product_use_area .use_txt {float:left; width:565px; }
.product_use_area .use_step {clear:both; padding:27px 0 0;}

/* 스킨케어 :: 제품 특징 > 미용법 */

.product_beauty_area{overflow:hidden;}
.product_beauty_area{ float:left; width:710px; }
.product_beauty_area li {overflow:hidden; zoom:1; margin:30px 0 0; }
.product_beauty_area li.first {margin:0;}

.product_beauty_area p.img{float:left; width:210px; }
.product_beauty_area p.text {float:right; width:460px; }
.product_beauty_area p.text span {display:block; margin:0 0 15px;}
.product_beauty_area p.text strong {display:block; margin:3px 0 5px; color:#5da6d6;}


/* 스킨케어 :: 이용후기 */
.product_bbs {padding:60px 0 27px;}

#product_bbs .page_info {padding:27px 0 8px; }
#product_bbs .page_info strong{color:#5da6d6;}

.product_bbs .nodata td {padding:30px 0 !important;}

.answer{display:none; background:#f2f9fd;}
.answer th,
.answer td {vertical-align:top; background:#f2f9fd url(/resources/images/common/bbs_line.gif) repeat-x left bottom;}
.answer th div { width:68px;padding:28px 0 15px;background:#f2f9fd url(/resources/images/common/bbs_line.gif) repeat-x left top;}
.answer td .answer_box { margin-top:-4px;background:#f2f9fd url(/resources/images/common/bbs_line.gif) repeat-x left top;word-break:break-all;text-align:left;}
.answer div.answer_area { width:817px;padding:28px 0 15px 40px; text-align:left !important; }
.answer div.answer_btn {margin:0 35px 5px 0; text-align:right;}
.answer div.answer_btn img {margin:0 0 0 17px;}
.answer .nodata {}

.review_area { overflow:hidden; padding:0 0 20px; border-bottom:1px solid #d3da9a; }
.brow_ie_6 .review_area {zoom:1; }
.review_area .title_area{ float:left; width:250px; }
.review_area .title_area h4 { margin:0 0 20px; }
.review_area .write_area{ float:left; width:710px; }
.review_area dl { overflow:hidden;}
.brow_ie_6 .review_area dl{zoom:1;}

.review_area dt { float:left; width:55px; height:22px; padding:5px 0 0; }
.review_area dd { float:left; width:655px; height:27px;}
.review_area dd.content { height:110px; }
.review_area dd input,
.review_area dd textarea { width:624px; color:#94af00; border:1px solid #d4d3d3; border-right-color:#bfbfbf; border-bottom-color:#bfbfbf;}
.review_area dd input { height:19px; }
.review_area dd textarea { height:100px; }
.review_area button { width:60px; height:25px; display:inline-block; margin:0 0 0 -2px; }
.brow_ie_6 .review_area button,
.brow_ie_7 .review_area button { display:inline; zoom:1; margin:0;}
.review_area p.btn_area { width:680px; text-align:right; }
.review_area p.btn_area span {display:block; position:relative; z-index:-1; padding:2px 0 0; border:1px solid #83a516; color:#83a516; }
.review_area .write { background:url(/resources/images/product/btn_write.gif) 0 0 no-repeat; }
.review_area .cancel{ background:url(/resources/images/product/btn_cancel.gif) 0 0 no-repeat; }

/* 사용후기 - 아티스트 사용후기 */
.artist_review { overflow:hidden;width:960px;margin:0 0 80px;}
.artist_review .title { float:left;width:250px;}
.artist_review .title h4 { margin:0 0 20px;}
.artist_review .artist_list { float:left;width:625px;}
.artist_review .artist_list p { margin:0 0 18px;line-height:18px;}
.artist_review .artist_list .expert_charge { overflow:hidden;width:625px;margin:26px 0 0;}
.artist_review .artist_list .expert_charge .expert_picture { float:left;width:125px; }
.artist_review .artist_list .expert_charge dl { float:left;width:500px;}
.artist_review .artist_list .expert_charge dl dt { margin:0 0 10px;}
.artist_review .artist_list .expert_charge dl dd { color:#81bfe8;font-size:11px;line-height:17px;}

/* 제품 맵 */
.map_type {overflow:hidden; width:964px; zoom:1; padding:20px 0 17px; margin:0 -4px 40px 0; border:1px solid #c0dff3; border-left:0; border-right:0;}
.map_type h4 { padding:0 0 16px; }
.map_type li { padding:3px 0 2px;}
.map_type li strong {color:#5da6d6;}
.map_type .area01,
.map_type .area02,
.map_type .area03,
.map_type .area04,
.map_type .area05{float:left; width:210px; padding:0 0 0 40px;}
.map_type .area01 {padding:0;}
.map_type .area05 { padding-top:15px; }

.product_map { padding:20px 0 20px; overflow:hidden; zoom:1; }
.product_map_list { overflow:hidden; zoom:1;}
.product_map_list li { float:left; width:85px; padding:0 0 40px 40px; }
.product_map_list li.first { padding:0 0 40px 0; }
.product_map img {cursor:pointer;}
.product_map .png24 {cursor:pointer;}

.product_map_list a.detail,
.product_map_list a.detail:hover { display:block; padding:5px 0 0; color:#999; font-size:11px; line-height:13px; text-align:center;}

/* 제품 맵 > 퀵뷰 */
.product_map_list li {position:relative; }
.product_map_list div.img_area {width:85px; height:85px; overflow:hidden;}
.product_map_list .prewview_img{position:absolute;right:0; top:0;}
.brow_ie_6 .product_map_list .prewview_img{right:-1px; top:0;}
.product_map_list .icon_area {position:absolute;right:0; top:0;width:85px; height:85px; }
.product_map_list .icon_area span {position:relative; left:0; top:0; }
.product_map_list .icon_area a {position:absolute;top:41px; }
.product_map_list .icon_area a.icon01 {left:7px; z-index:30;}
.product_map_list .icon_area a.icon02 {left:27px; z-index:20;}
.product_map_list .icon_area a.icon03 {left:49px; z-index:10;}


/* 제품 맵 > 태그검색 */

.teg_search { text-align:center; padding:40px 0; margin:0 0 37px; border:1px solid #c0dff3; border-left:0; border-right:0; }
.teg_search .tag_bg { overflow:hidden; zoom:0; width:310px; padding:0 0 0 5px; margin:0 auto 12px; background:url(/resources/images/product/bg_tagsearch.gif) 0 0 no-repeat; }
.teg_search .tag_bg input { float:left; width:266px; border:0; margin:8px 0 0 6px; font-size:14px; height:20px; color:#999;}
.teg_search .tag_bg img { float:right; }

.teg_search {text-align:center;}
.teg_search .best {}
.teg_search .best dt {display:inline-block; padding:2px 10px 0 0;font-size:1%; line-height:1%; vertical-align:top;}
.teg_search .best dd {display:inline-block; padding:1px 0 0; vertical-align:top; }
.brow_ie_6 .teg_search .best dt,
.brow_ie_7 .teg_search .best dt{display:inline;zoom:1; }
.brow_ie_6 .teg_search .best dd,
.brow_ie_7 .teg_search .best dd{display:inline; zoom:1;}
.teg_search .best dd a,
.teg_search .best dd a:hover { letter-spacing:-1px;}

.tag_info { text-align:center; }
.tag_info p { margin:0 0 24px; }
.tag_list { font-weight:normal; padding:0 0 14px;}
.tag_list strong { color:#5da6d6; }

/* 이메일 추천하기(레이어팝업)*/
.email_recommend_overflow {height:500px;}
.email_recommend {width:462px;margin:0 30px;}
.email_recommend .txt01 { margin:9px 0 30px;}

.email_recommend dl { overflow:hidden;width:462px;padding:30px 0 0;border-top:1px solid #c0dff3; }
.email_recommend dl dt{ float:left;width:110px;margin:7px 0 0;}
.email_recommend dl img { vertical-align:top;}
.email_recommend dl dt label {position:absolute;left:-10000%!important;top:-10000%;overflow:hidden;width:1px;height:1px;margin:0;padding:0;font-size:0;line-height:0;}

.email_recommend dl dd { float:left;width:320px;margin:0 0 10px;}
.email_recommend dl dd input { width:342px;height:18px;margin:0;padding:2px 4px;color:#777777;}
.email_recommend dl dd textarea { overflow:auto;width:342px;height:124px;padding:2px 4px;border:1px solid #c0dff3;color:#777777;}
.email_recommend dl dd p.txt02 { margin:6px 0 4px;font-size:11px;line-height:20px;color:#999999;}

.email_recommend dl dd p.txt03 {overflow:hidden;width:352px;margin:7px 0 24px;font-size:11px;line-height:20px;color:#999999;}
.email_recommend dl dd p.txt03 span {display:block;float:left;}
.email_recommend dl dd p.txt03 em { display:block;float:right;}
.email_recommend .btn { text-align:right;}

.brow_ie_6 .email_recommend dl,
.brow_ie_7 .email_recommend dl { padding:29px 0 0;}
.brow_ie_7 .email_recommend dl dt { margin:8px 0 0;}
.brow_ie_7 .email_recommend dl dt {margin:6px 0 0;}
.brow_ie_6 .email_recommend dl dd,
.brow_ie_7 .email_recommend dl dd {margin:0 0 8px;}
.brow_ie_7 .email_recommend dl dd p.txt02 { margin:4px 0;}

/* 온라인 구입처 */
.dialog_boxA .overflow_shop {height:552px;}
.shop_info { padding:9px 0 30px;}
.shop_list ul {padding:0; margin:0; overflow:hidden; zoom:1; }
.shop_list { overflow:hidden; width:485px; padding:30px 0 0; border:1px solid #c0dff3; border-left:0; border-right:0; }
.shop_list li{ float:left; width:130px; height:89px; text-align:right; font-size:1%; line-height:1%;}
.shop_list li.first {clear:both; width:93px; }
.shop_btn{margin:20px 0 0;}