@charset "utf-8";

@import url('base.css');
@import url('table.css');

/* 공통 */
ul.comment {margin:0; padding:0; list-style-type:none; font:12px/170% 돋움; color:#acacac;}
ul.comment li {padding-left:16px; background:url(/images/common/bull_hyphen.gif) no-repeat 3px 9px;}
ul.comment li strong {color:#ae7238; font-weight:normal;}
h4 {margin:50px 0 0 0; padding:0 0 10px 0;}
/* 가이드맵 */
.guideMap-layer {position:absolute; top:0; left:0; z-index:101; width:100%; min-width:990px; height:100%; background:url('/images/common/bg_layer.png');}
.guideMapWrap {position:relative; top:111px; left:0; z-index:102; width:950px; height:500px; margin:0 auto; padding:20px 14px 14px 10px; background:url('/images/common/layer_bg_guideMap.png') no-repeat;}
.guideMapWrap .layerClose {position:absolute; top:17px; right:20px; cursor:pointer;}
.guideMapWrap h2 {position: absolute; top: -1000px; left: 0;}
.guideMapWrap p.copy {margin:0; padding:0;}
.guideMapWrap .contents {position:relative; top:45px; left:0; width:892px; height:404px; margin:0 27px 27px 31px;}
.guideMapWrap .contents h3 {margin-bottom:15px;}
.guideMapWrap .contents p {margin:0; padding:0;}
.guideMapWrap .contents p.desc {margin:0; padding:0 0 18px 0;}
.guideMapWrap .contents .cleansing {position:absolute; top:0; left:0; width:273px; height:195px;}
.guideMapWrap .contents .cleansing .btn {position:absolute; bottom:0; right:0;}
.guideMapWrap .contents .bbcram {position:absolute; top:256px; left:0; width:273px; height:148px;}
.guideMapWrap .contents .bbcram h3 {margin-bottom:23px;}
.guideMapWrap .contents .solution {position:absolute; top:0; left:328px; width:254px; height:259px;}
.guideMapWrap .contents .solution ol.step {margin:0 0 20px 0; padding:0; list-style-type:none;}
.guideMapWrap .contents .solution ol.step li {margin:0; padding:0 0 5px 0; font:0/0 돋움;}
.guideMapWrap .contents .solution .typeWrap {width:244px; overflow:hidden; padding:23px 0 23px 10px; border:1px solid #7e8ea4; background-color:#f3f3f3;}
.guideMapWrap .contents .solution .typeWrap .type1 {float:left; padding-right:10px; text-align:left;}
.guideMapWrap .contents .solution .typeWrap .type2 {float:left; padding-right:10px; text-align:left;}
.guideMapWrap .contents .solution .typeWrap .type3 {float:left;}
.guideMapWrap .contents .solution .typeWrap img.btn {margin:10px 0 0 0; padding:0;}
.guideMapWrap .contents .specialCare {position:absolute; top:0; left:647px; width:246px; height:268px;}
.guideMapWrap .contents .specialCare .typeWrap {width:246px; overflow:hidden;}
.guideMapWrap .contents .specialCare .typeWrap h4 {margin:0; padding:0;}
.guideMapWrap .contents .specialCare .typeWrap .type1 {float:left; width:135px;}
.guideMapWrap .contents .specialCare .typeWrap .type2 {float:left; width:111px;}
.guideMapWrap .contents .specialCare .typeWrap ul {margin:0; padding:0; list-style-type:none;}
.guideMapWrap .contents .specialCare .typeWrap ul li {margin:18px 0 0 0; padding:0;}
/* 로그인/회원가입 > 로그인 */
fieldset.login {height:171px; margin:45px 0 0 0; padding:0 0 0 320px; background:url('/images/member/bg_login.jpg') no-repeat 34px 0; border-bottom:1px solid #e3e3e3;}
fieldset.login p {margin:0 0 23px 0; padding:0;}
fieldset.login input.login {width:245px; height:24px; margin:4px 0; padding-right:10px; border-top:1px solid #dadada; border-left:1px solid #dadada; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#fbfbfb; vertical-align:middle; line-height:200%;}
fieldset.login label {display:inline-block; width:70px;}
fieldset.login img {vertical-align:middle}
fieldset.login img.login {padding-left:5px;}
dl.loginEtc {width:100%; overflow:hidden; margin:20px 0 0 0; padding:0 0 20px 0; border-bottom:1px solid #4c4c4c; }
dl.loginEtc dt {float:left; margin:0; padding:0 0 0 10px; background:url('/images/common/bull_rect1_brown.gif') no-repeat 3px 7px; }
dl.loginEtc dd {float:left; margin:0 75px 0 0; padding:0;}
/* 로그인/회원가입 > 실명인증 */
.nameCheckWrap p.notice {height:74px; margin:45px 0 15px 0; padding:20px 0 0 268px; background:url('/images/member/bg_nameCheck.gif') no-repeat 209px 0; border-bottom:1px solid #4c4c4c; color:#585858;}
p.tb_comment {margin:20px 0 0 3px; font:11px/120% 돋움; color:#878787;}
/* 로그인/회원가입 > 아이디/패스워드 찾기 */
.findIdWrap {float:left; width:357px; border-top:2px solid #4c4c4c; }
.findPwWrap {float:right; width:357px; border-top:2px solid #4c4c4c; }
.findIdWrap fieldset,
.findPwWrap fieldset {width:357px; height:235px; margin:0; padding:0; border-bottom:1px solid #4c4c4c;}
.findIdWrap fieldset h4,
.findPwWrap fieldset h4 {margin:22px 0 7px 0;}
.findIdWrap fieldset p, 
.findPwWrap fieldset p {margin:0 0 25px 0; padding:0;}
.findIdWrap fieldset label,
.findPwWrap fieldset label {display:inline-block; width:90px;}
.findIdWrap fieldset input.text,
.findPwWrap fieldset input.text {margin:5px 0; width:84px;}
.findIdWrap fieldset img,
.findPwWrap fieldset img {vertical-align:middle}
.findIdWrap fieldset p.btn,
.findPwWrap fieldset p.btn {margin:10px 0 0 90px; padding:0;}
.findIdWrap p.result_ok, .findPwWrap p.result_ok,
.findIdWrap p.result_no, .findPwWrap p.result_no {margin:20px 20px 0 0; padding:0; line-height:150%;}
/* 로그인/회원가입 > 비밀번호 힌트로 찾기 */
fieldset.pwHint01 {height:251px; margin:40px 0 0 0; padding:0 0 20px 292px; background:url('/images/member/bg_pwHint.jpg') no-repeat 60px 0; border-bottom:1px solid #4c4c4c;}
fieldset.pwHint01 h4,
fieldset.pwHint02 h4 {margin:5px 0 7px 0;}
fieldset.pwHint01 p,
fieldset.pwHint02 p {margin:0 0 25px 0; padding:0;}
fieldset.pwHint01 input.text {width:83px; height:18px; margin:5px 0; border-top:1px solid #dadada; border-left:1px solid #dadada; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#fbfbfb; vertical-align:middle;}
fieldset.pwHint01 input.textL {width:223px; height:18px; margin:5px 0; border-top:1px solid #dadada; border-left:1px solid #dadada; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#fbfbfb; vertical-align:middle;}
fieldset.pwHint01 select {margin:5px 0;}
fieldset.pwHint01 label {display:inline-block; width:90px;}
fieldset.pwHint01 img,
fieldset.pwHint02 img {vertical-align:middle}
fieldset.pwHint01 img.login {padding-left:5px;}
fieldset.pwHint02 {height:158px; margin:45px 0 0 0; padding:0 0 20px 292px; background:url('/images/member/bg_pwHint.gif') no-repeat 54px 22px; border-bottom:1px solid #4c4c4c;}
fieldset.pwHint02 label {display:inline-block; width:188px;}
fieldset.pwHint02 input.text {width:142px; height:18px; margin:5px 0; border-top:1px solid #dadada; border-left:1px solid #dadada; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#fbfbfb; vertical-align:middle;}
/* 로그인/회원가입 > 회원가입 */
ul.stepWrap {width:100%; overflow:hidden; margin:0; padding:0; list-style-type:none; border-bottom:1px solid #4c4c4c;}
ul.stepWrap li {float:left; width:369px; height:38px; margin:7px 0; padding:14px 0 0 0; text-align:center;}
ul.stepWrap li.step2 {border-left:1px solid #e5e5e5;}
ul.stepWrap li span {position: absolute; top: -1000px; left: 0;}
.cont.join h4.start {margin-top:30px;}
.cont.join ul.joinNameCheck {padding-top:20px; border-top:1px solid #e3e3e3;}
.cont.join .agreeWrap {width:100%; overflow:hidden; margin-top:30px;}
.cont.join .agreeWrap h5 {height:21px; margin:0; padding:2px 0 0 0;}
/* .cont.join .agreeWrap .joinAgree {position:relative; top:0; left:0; float:left; width:350px;} */
.cont.join .agreeWrap .joinAgree {position:relative; top:0; left:0; float:left; width:739px;}
.cont.join .agreeWrap .joinPrivacy {position:relative; top:0; left:0; float:right; width:350px;}
.cont.join .agreeWrap .btn {position: absolute; top:0; right:0;}
/* .cont.join .agreeWrap .agree {width:328px; height:154px; overflow:auto; margin-bottom:10px; padding:10px; border:1px solid #d1d1d1; background-color:#fafafa; font:normal 11px/150% 돋움; color:#acacac;} */
.cont.join .agreeWrap .agree {width:719px; height:154px; overflow:auto; margin-bottom:10px; padding:10px; border:1px solid #d1d1d1; background-color:#fafafa; font:normal 11px/150% 돋움; color:#acacac;}
.memPrivacy, .memAgree h4,
.cont.join .agreeWrap .agree h6 {margin:0; padding:0 0 15px 0; font-size:12px;}
.cont.join .agreeWrap .joinAgree p.check {font-size:11px; color:#949494; text-align:right;}
.cont.join .infoWrap {position:relative; left:0; top:0; width:100%;}
.cont.join .infoWrap p {margin:0; padding:0; line-height:170%; color:#acacac;}
.cont.join .infoWrap p.imp {position:absolute; bottom:0; right:0; font-size:11px;}
.cont.join .joinFinish {padding-top:10px; margin-top:64px; background:url(/images/member/bg_joinFinish.gif) no-repeat 12px 0;}
.cont.join .joinFinish h4 {height:50px; margin:0; padding:0 0 0 75px;}
.cont.join .joinFinish h4 strong.name {padding-right:5px; font:bold 16px/150% 돋움; color:#ae7238; text-decoration:underline; vertical-align:top;}
.cont.join .joinFinish p.link {margin:50px 0 0 20px; padding:0; font-size:11px; color:#acacac;}
.cont.join .joinFinish p.link strong.link {font-size:11px;}
/* 로그인/회원가입 > 회원약관 & 개인정보취급방침 */
.memPrivacy, .memAgree {margin:30px 0 0 0; padding:0; height:435px; overflow:auto; overflow-x:hidden; padding:10px; border:1px solid #d1d1d1; background-color:#fafafa; font:normal 12px/150% 돋움; }
.joinPrivacy ol, .joinPrivacy ul,
.joinAgree ol, .joinAgree ul,
.memPrivacy ol, .memPrivacy ul,
.memAgree ol, .memAgree ul {margin:0; padding:0; list-style-type:none;}
.joinAgree ol li,
.memAgree ol li {margin-top:20px;}
.joinPrivacy p.start,
.memPrivacy p.start,
.joinAgree ol li.start,
.joinAgree ol li ol li,
.memAgree ol li.start,
.memAgree ol li ol li {margin-top:0;}
.joinAgree dl,
.joinPrivacy dl,
.memAgree dl,
.memPrivacy dl {margin:0; padding:0;}
.joinAgree dt,
.joinPrivacy dt,
.memAgree dt,
.memPrivacy dt {margin-top:20px;}
.joinAgree dd,
.joinPrivacy dd,
.memAgree dd,
.memPrivacy dd {margin:0; padding:0;}
/* 마이 한스킨 > 쇼핑정보 */
.cont.shoppingInfo p.greet {margin:0; padding:15px 0 25px 0; background-color:#f6f6f6; border-bottom:1px solid #4c4c4c; text-align:center;}
.cont.shoppingInfo p.greet strong.name {font:bold 16px/200% 돋움; color:#c4976c; text-decoration:none;}
.cont.shoppingInfo .shoppingInfo1,
.cont.shoppingInfo .shoppingInfo2,
.cont.shoppingInfo .shoppingInfo3 .myCoupon,
.cont.shoppingInfo .shoppingInfo3 .myInfo,
.cont.shoppingInfo .shoppingInfo4 {position:relative;}
.cont.shoppingInfo .shoppingInfo1 h4 {margin-top:45px; padding-bottom:6px;}
.cont.shoppingInfo .shoppingInfo1 h4 strong.num {font:bold 24px/80% Arial; color:#c4976c;}
.cont.shoppingInfo .moreView {position:absolute; top:0; right:0;}
.cont.shoppingInfo .shoppingInfo1 .moreView {position:absolute; top:5px; right:0;}
.cont.shoppingInfo .shoppingInfo3 .moreView {position:absolute; top:50px; right:0;}
.cont.shoppingInfo .shoppingInfo3 {width:100%; overflow:hidden;}
.cont.shoppingInfo .shoppingInfo3 .myCoupon {float:left; width:359px;}
.cont.shoppingInfo .shoppingInfo3 .myInfo {float:right; width:360px;}
.cont.shoppingInfo ul.mileage {margin:12px 0 0 0; height:38px; padding:0 20px 10px 15px; border-bottom:1px solid #e3e3e3; font:11px/170% 돋움; color:#acacac;}
.cont.shoppingInfo ul.mileage li {margin:0; padding:0; list-style-type:none; }
.cont.shoppingInfo ul.mileage li span.date {display:inline-block; width:83px;}
.cont.shoppingInfo ul.mileage li span.tit {display:inline-block; width:170px;}
.cont.shoppingInfo ul.mileage li span.mileage {display:inline-block; width:60px; text-align:right;}
.cont.shoppingInfo p.phone {margin:12px 0 0 0; padding:0 0 0 10px; font:11px/170% 돋움; color:#acacac;}
.cont.shoppingInfo p.address {margin:0; padding:0 0 10px 10px; border-bottom:1px solid #e3e3e3; font:11px/170% 돋움; color:#acacac;}
ul.wishList {width:100%; overflow:hidden; list-style-type:none; margin:0; padding:0;}
ul.wishList li {float:left; width:147px; height:240px; overflow:hidden; margin:0 1px 0 0; padding:0;}
.cont.weLoveYou ul.wishList li.last,
ul.wishList li.last {margin-right:0;}
ul.wishList span.tit {display:block; width:147px; overflow:hidden; margin-top:11px; font:11px/150% 돋움; color:#575757;}
ul.wishList span.tit strong.tit {width:127px; font:11px/150% 돋움; color:#575757;}
ul.wishList span.price {display:block; width:147px; margin-top:2px; font:11px/150% 돋움; color:#c4976c;}
ul.wishList strong.tit a:link, ul.wishList strong.tit a:visited, ul.wishList strong.tit a:active {color:#575757; text-decoration:none;}
ul.wishList span.price a:link, ul.wishList span.price a:visited, ul.wishList span.price a:active {color:#c4976c; text-decoration:none;}
ul.wishList strong.tit a:hover,
ul.wishList span.price a:hover {text-decoration:underline;}
/* 마이 한스킨 > 주문/배송조회 */
.shoppingCart p.note,
.order_list p.note {margin:0; padding:0 0 8px 0; color:#b4b3b3; font-size:11px; text-align:right;}
/* 마이 한스킨 > 찜리스트 */
.cont.wishList ul.wishList {margin:30px 0 0 0; border-bottom:1px solid #4c4c4c;}
.cont.wishList ul.wishList input.iCheck {float:left; width:20px;}
.cont.wishList ul.wishList strong.tit {float:left; width:120px;}
.cont.wishList ul.wishList span.price {display:block; width:120px; margin-top:2px; margin-left:20px; font:11px/150% 돋움; color:#c4976c;}
/* 마이 한스킨 > MY 쿠폰 / 적립금 */
.myCoupon .myPoint,
.myCoupon .myCoupon {position:relative;}
.myCoupon .myPoint h4 {margin-top:50px; padding-bottom:6px; font-size:11px; color:#878787;}
.myCoupon .myCoupon h4 {margin-top:16px; padding-bottom:6px; font-size:11px; color:#878787;}
.myCoupon .myPoint h4 img,
.myCoupon .myCoupon h4 img {vertical-align:baseline;}
.myCoupon .myPoint h4 strong.num,
.myCoupon .myCoupon h4 strong.num {font:bold 20px/80% Arial; color:#c4976c;}
.myCoupon .myPoint h4 span.won,
.myCoupon .myCoupon h4 span.some {padding-left:3px; font:bold 14px/80% 돋움; color:#c4976c;}
.myCoupon .myCoupon p.note {position:absolute; top:3px; right:0; margin:0; padding:0; font-size:11px; color:#b4b3b3;}
/* 마이 한스킨 > 회원정보수정 */
fieldset.memberEdit {height:196px; margin:45px 0 0 0; padding:0 0 0 292px; background:url('/images/myHanskin/bg_memberEdit.jpg') no-repeat 30px 13px; border-bottom:1px solid #4c4c4c;}
fieldset.memberEdit p {margin:0; padding:0;}
fieldset.memberEdit p.text {margin:8px 0 30px 0; padding:0;}
fieldset.memberEdit input.login {width:245px; height:24px; margin:4px 0; padding-right:10px; border-top:1px solid #dadada; border-left:1px solid #dadada; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#fbfbfb; vertical-align:middle; line-height:200%;}
fieldset.memberEdit label {display:inline-block; width:70px;}
fieldset.memberEdit img {vertical-align:middle}
fieldset.memberEdit img.ok {padding-left:5px;}
.cont.memberEdit {padding-top:20px;}
.cont.memberEdit p.imp {margin:0 ; padding:0; font-size:11px; color:#acacac; text-align:right;}
ul.tab_memberEdit {width:100%; height:31px; overflow:hidden; padding:0; margin:12px 0 15px 0; }
ul.tab_memberEdit li { position:relative; z-index:1; float:left; list-style-type:none; width:110px; height:29px; padding:0; margin:0 0 0 -1px; border-top:1px solid #e8e8e8;  border-left:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8; text-align:center;}
ul.tab_memberEdit li.first {margin:0;}
ul.tab_memberEdit li a {display:inline-block; width:110px; height:10px; padding:9px 0 10px 0; }
ul.tab_memberEdit li.selected {position:relative; z-index:2; border-top:1px solid #d8d8d8; border-left:1px solid #d8d8d8; border-bottom:1px solid #fff; border-right:1px solid #d8d8d8;}
/* 마이 한스킨 > 회원탈퇴 */
.withdrawInfo {width:100%; margin:0; padding:25px 0; border-bottom:1px solid #4c4c4c;}
.withdrawFinish {height:196px; margin:50px 0 0 0; padding:0 0 0 292px; background:url('/images/myHanskin/bg_withdraw.jpg') no-repeat 53px 0; border-bottom:1px solid #4c4c4c;}
.withdrawFinish p img { vertical-align:middle; padding-bottom:3px;}
.withdrawFinish p.text {margin:20px 0; padding:0;}
.withdrawFinish strong.userName {font:bold 16px/150% 돋움; color:#ae7238; }
/* 고객사랑센터 > 온라인고객문의 */
.qna-img {overflow:hidden; width:100%; height:205px; margin:40px 0 39px 0; background:url('/images/customer/qna_write_img.jpg') no-repeat 5px top; border-bottom:1px solid #626262;}
.qna-img p.text01 {margin:0; padding:10px 0 0 416px;}
.qna-img p.text02 {margin:0; padding:18px 0 0 416px;}
.qna-img p.btn {margin:0; padding:10px 0 0 416px;}
/* 고객사랑센터 > 이용안내 FAQ */
.faqInfo {width:100%; overflow:hidden; border-bottom:1px solid #626262;}
.faqInfo ul.tab_faq {width:100%; height:31px; overflow:hidden; padding:0; margin:12px 0 0 0;}
.faqInfo ul.tab_faq li { position:relative; z-index:1; float:left; list-style-type:none; width:91px; height:29px; padding:0; margin:0 0 0 -1px; border-top:1px solid #e8e8e8;  border-left:1px solid #e8e8e8;  border-bottom:1px solid #d8d8d8; border-right:1px solid #e8e8e8; text-align:center;}
.faqInfo ul.tab_faq li a {display:inline-block; width:91px; height:10px; padding:9px 0 10px 0; }
div.faq-list {clear:both; width:100%; overflow:hidden; margin:20px 0 0 0; padding:0;}
ul.faq-listCont {list-style:none; margin:0; padding:0; border-top:1px solid #ededed; background:url('/images/customer/icon_question.gif') no-repeat left 8px;}
ul.noline {border-top:none;}
ul.faq-listCont li.on {padding:7px 25px; background:url('/images/customer/faq_toggle_on.gif') no-repeat right 10px; border:none; color:#c4976c; line-height:150%; cursor:pointer;}
ul.faq-listCont li.off {padding:7px 25px; background:url('/images/customer/faq_toggle_off.gif') no-repeat right 10px; line-height:150%;  cursor:pointer;}
ul.faq-listCont li.on img, ul.faq-listCont li.off img {vertical-align:middle;}
div.faqViewCont {margin:5px 0; padding:20px 20px 20px 68px; background:#fafafa url('/images/customer/icon_answer.gif') no-repeat 25px 20px; border:1px solid #cccccc; line-height:140%; display:none;}
table.tb_inputForm tbody th.faqSearch {margin:0; padding:10px 10px; background-color:#f4f4f4; border-bottom:1px solid #e3e3e3; text-align:center;}
input.textSb2 {width:480px; height:16px; padding-left:10px; border-top:1px solid #dadada; border-left:1px solid #dadada; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#fbfbfb; color:#878787; vertical-align:middle; line-height:130%;}
/* 결제시스템 */
.cont.order ul.stepWrap {width:100%; overflow:hidden; margin:0 0 40px 0; padding:0; list-style-type:none; border-bottom:1px solid #4c4c4c;}
.cont.order ul.stepWrap li {float:left; width:183px; height:34px; margin:7px 0; padding:18px 0 0 0; text-align:center;}
.cont.order ul.stepWrap li.step2,
.cont.order ul.stepWrap li.step3,
.cont.order ul.stepWrap li.step4 {border-left:1px solid #e5e5e5;}
.cont.order ul.stepWrap li span {position: absolute; top: -1000px; left: 0;}
.cont.order .orderInfo {width:100%; overflow:hidden;}
.cont.order .orderInfo .purchaser {float:left; width:370px;}
.cont.order .orderInfo .receiver {float:right; width:368px;}
.cont.order .orderInfo .purchaser .inputWrap {width:350px; height:298px; padding:10px 0 0 18px; border:1px solid #e1e1e1;}
.cont.order .orderInfo .receiver .inputWrap {width:347px; height:298px; padding:10px 0 0 18px; border:1px solid #e1e1e1;}
.cont.order .orderInfo .iRadio {line-height:180%;}
.cont.order .orderInfo textarea.message {overflow:auto; width:205px; height:35px; padding:5px 10px; border-top:1px solid #dadada; border-left:1px solid #dadada; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#fbfbfb; color:#878787; vertical-align:middle; line-height:130%;}
.cont.order .orderInfo p.infoUpdate {margin:45px 0 0 65px; padding:0; font-size:11px; color:#b4b3b3;}
.paymentIng {margin:130px auto 0 auto; width:220px;}
.paymentIng p {margin:0 0 15px 0; padding:0; font-size:11px; color:#b4b3b3;}
.paymentIng .progress {background-color:#183e73;}
.paymentInfo {margin-top:40px}
.paymentInfo ul.notice {list-style:none; margin:0; padding:10px 0 10px 12px; border-bottom:1px solid #ededed;}
.paymentInfo ul.notice li {padding:4px 0 4px 10px; background:url('/images/common/bull_rect1_brown.gif') no-repeat 0 8px; font-size:11px; color:#acacac;}
/* 한스킨클럽 > 포토 사용후기 */
/*.photoReview .copytxt {width:100%; height:193px; margin:42px 0 40px 0; padding-left:420px; background:url('/images/community/bg_photoReview.jpg') no-repeat 36px 0; border-bottom:1px solid #626262;}*/
.photoReview .copytxt {width:100%; height:235px; margin:0px 0 0px 0; padding-left:420px; background:url('/images/community/photoTitle20100818001.jpg') no-repeat 0px 0; border-bottom:1px solid #626262;}
.photoReview .copytxt p {margin:0; padding:8px 0 12px 0;}
.photoReview ul.tab_photoReview {width:100%; height:31px; overflow:hidden; padding:0; margin:0 0 18px 0;}
.pharmacy ul.tab_pharmacy li.first,
.faqInfo ul.tab_faq li.first,
.photoReview ul.tab_photoReview li.first {margin:0;}
.photoReview ul.tab_photoReview li { position:relative; z-index:1; float:left; list-style-type:none; width:121px; height:29px; padding:0; margin:0 0 0 -1px; border-top:1px solid #e8e8e8;  border-left:1px solid #e8e8e8;  border-bottom:1px solid #d8d8d8; border-right:1px solid #e8e8e8; text-align:center;}
.pharmacy ul.tab_pharmacy li.selected,
.faqInfo ul.tab_faq li.selected,
.photoReview ul.tab_photoReview li.selected {position:relative; z-index:2; border-top:1px solid #d8d8d8; border-left:1px solid #d8d8d8; border-bottom:1px solid #fff; border-right:1px solid #d8d8d8;}
.photoReview ul.tab_photoReview li a {display:inline-block; width:121px; height:10px; padding:9px 0 10px 0; }
.photoReview ol.photoReview_list {width:738px; overflow:hidden; margin:0; padding:0; list-style-type:none; border-bottom:0px solid #949494;}
.photoReview ol.photoReview_list li {position:relative; float:left; width:369px; height:140px; margin:0; padding:20px 0; border-top:1px solid #ededed;}
.photoReview ol.photoReview_list li img {vertical-align:top;}
.photoReview ol.photoReview_list li dl.writerInfo {position:absolute; left:143px; top:20px; width:210px; overflow:hidden; margin:0; padding:0; font:11px/120% 돋움; color:#acacac;}
.photoReview ol.photoReview_list li dl.writerInfo dt {float:left; margin:0; padding:2px 5px 0 0;}
.photoReview ol.photoReview_list li dl.writerInfo dd {float:left; margin:0; padding:0;}
.photoReview ol.photoReview_list li dl.writerInfo dd.no {width:50px; padding-right:10px;}
.photoReview ol.photoReview_list li dl.reviewCont {position:absolute; left:143px; top:48px; width:210px; margin:0; padding:0; font:11px/150% 돋움;}
.photoReview ol.photoReview_list li dl.reviewCont dt {margin:0; padding:2px 5px 0 0; color:#878787;}
.photoReview ol.photoReview_list li dl.reviewCont dd {margin:0; padding:0; color:#c4976c;}
.photoReview .notice {margin-top:20px; padding:17px 0; background:url('/images/common/bg_notice.gif') no-repeat 46px 40px; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;}
.photoReview .notice ul {margin:0 0 0 163px; padding:0; list-style-type:none;}
.productInfo3 .productView4 .contents ul li,
.photoReview .notice ul li {margin:0; padding:0 0 0 13px; background:url('/images/common/bull_notice.gif') no-repeat 0 6px; font:11px/160% 돋움; color:#878787;}
.productInfo3 .productView4 .contents ul li strong,
.photoReview .notice ul li strong {font-weight:normal; color:#ab723b;}
/* 한스킨클럽 > 제품별 사용후기 */
.productReview .copytxt {width:100%; height:210px; margin:45px 0 50px 0; padding-left:420px; background:url('/images/community/bg_productReview.jpg') no-repeat 46px 0; border-bottom:1px solid #626262;}
.productReview .copytxt p {margin:0; padding:4px 0 16px 0;}
.productReview .search_best {width:100%; overflow:hidden; margin-bottom:30px;}
.search_best .reviewSearch {float:left; width:358px; height:159px; margin-top:9px;}
.search_best .reviewBest {position:relative; top:0; left:0; float:right; width:333px; height:170px;}
.search_best .reviewBest h4 {position:absolute; top:0; left:129px; z-index:99; width:76px; height:47px; padding:0; margin:0;}
.search_best .reviewBest dl.buy {position:absolute; top:9px; left:0; z-index:1; width:165px; height:159px; margin:0; padding:0; border:1px solid #e0e0e0;}
.search_best .reviewBest dl.star {position:absolute; top:9px; left:166px; z-index:1; width:165px; height:159px; margin:0; padding:0;  border:1px solid #e0e0e0;}
.search_best .reviewBest dt {height:30px; margin:0; padding:14px 0 0 0; background-color:#f4f4f4; text-align:center;}
.search_best .reviewBest dd {margin:0; padding:0; text-align:center;}
.search_best .reviewBest dd p.productName {margin:0; padding:0; font-size:11px; color:#575757;}
/* 한스킨클럽 > We Love You */
.weLoveYou { border-bottom:2px solid #949494; }
.weLoveYou_text { height:189px; margin:0 0 50px 0; padding:57px 0 0 443px; background:url('/images/community/bg_weLoveYou.jpg') no-repeat 29px 0; border-bottom:1px solid #626262; }
.weLoveYou_text p { margin:0 0 20px 0; padding:0; }
.weLoveYou_text p.banner img { margin:0 5px 5px 0; }
.cont.weLoveYou ul.wishList li {float:left; width:147px; height:225px; overflow:hidden; margin:0 1px 0 0; padding:0;}
.cont.weLoveYou ul.wishList span.no { display:block; width:147px; overflow:hidden; font:11px/150% 돋움; }
.cont.weLoveYou ul.wishList span.we_tit {display:block; width:135px; overflow:hidden; padding:8px 0 8px 10px; font:11px/150% 돋움; color:#575757; border:1px solid #e0e0e0; border-top:none; }
/* 한스킨매장 */
.storeInfo {width:100%; overflow:hidden; border-bottom:1px solid #626262;}
.storeInfo .map {float:left; width:313px; height:313px; margin:10px 0 10px 0; padding:7px 24px 12px 17px;  border-right:1px solid #e5e5e5;}
.storeInfo .copytxt {float:right; width:334px; height:302px; margin-top:50px; background:url('/images/store/bg_storeInfo.jpg') no-repeat left bottom;}
.storeInfo .copytxt p {margin:0 0 27px 0; padding:0;}
.store h4 {margin-top:50px;}
.pharmacy h4 {margin-top:30px;}
.pharmacy ul.tab_pharmacy {width:100%; height:31px; overflow:hidden; padding:0; margin:0 0 20px 0;}
.pharmacy ul.tab_pharmacy li { position:relative; z-index:1; float:left; list-style-type:none; width:104px; height:29px; padding:0; margin:0 0 0 -1px; border-top:1px solid #e8e8e8;  border-left:1px solid #e8e8e8;  border-bottom:1px solid #d8d8d8; border-right:1px solid #e8e8e8; text-align:center;}
.pharmacy ul.tab_pharmacy li a {display:inline-block; width:104px; height:10px; padding:9px 0 10px 0;}
.store .btnR {border-top:1px solid #e3e3e3; margin-top:20px; padding-top:10px; text-align:right;}
/* 한스킨 제품 > 제품전체보기 */
body#allProduct .cont {margin-bottom:1px;}
body#allProduct ul.productsList {width:984px; overflow:hidden; clear:both; margin:0; padding:0; list-style-type:none; background:url(/images/products/bg_productList.gif); font:11px/120% 돋움; text-align:center;}
body#allProduct ul.productsList li {float:left; width:105px; height:133px; margin:0 1px 0 0; padding:6px 9px 2px 8px;}
body#allProduct ul.productsBest li.tit,
body#allProduct ul.productsList li.tit {padding:53px 0 0 26px; width:217px; height:85px; background-color:#fff; border:1px solid #e0e0e0; text-align:left;}
body#allProduct ul.productsList li.classicTit {padding:23px 0 0 26px; width:217px; height:115px; background-color:#fff; border:1px solid #e0e0e0; text-align:left;}
body#allProduct ul.productsList li.classicTit img.btn {margin-top:10px; padding:0;}
body#allProduct ul.productsBest{width:984px; overflow:hidden; clear:both; margin:0 0 1px 0; padding:0; list-style-type:none; background:url(/images/products/bg_productList.gif); font:11px/120% 돋움; text-align:center;}
body#allProduct ul.productsBest li {position:relative; top:0; left:0; float:left; width:223px; height:138px; padding:0 0 0 20px; margin:0 1px 0 0; background-color:#fff; border:1px solid #e0e0e0; text-align:left;}
body#allProduct ul.productsBest li p.no {margin:8px 0 0 0; padding:0;}
body#allProduct ul.productsBest span.productName {display:inline-block; position:absolute; top:46px; left:135px; width:95px; height:26px; overflow:hidden; color:#b1b1b1;}
body#allProduct ul.productsBest span.price {display:inline-block; position:absolute; top:80px; left:135px; width:90px; margin-top:2px; font:11px/140% Arial; color:#5d5d5d;}
/* 한스킨 제품 > 리스트 */
ul.productsList {width:738px; overflow:hidden; margin:0 0 2px 0; padding:0; list-style-type:none; background:url(/images/products/bg_productList.gif); font:11px/120% 돋움; text-align:center;}
ul.productsList li {float:left; width:105px; height:133px; margin:0 1px 1px 0; padding:6px 9px 1px 8px;}
ul.productsList li.tit {padding-top:53px; height:85px}
ul.productsList span.productName {display:block; width:105px; height:26px; padding-top:2px; overflow:hidden; color:#b1b1b1;}
ul.productsList span.price {display:block; width:105px; margin-top:3px; font:11px/140% Arial; color:#5d5d5d;}
ul.productsList li a:link, ul.productsList li a:visited, ul.productsList li a:active {color:#b1b1b1; text-decoration:none;}
ul.productsList li a:hover {color:#c4976c; text-decoration:underline;}
/* ul.productsList li:hover {border:1px solid #000;} */
/* 한스킨 제품 > 뷰 */
.productInfoWrap {width:737px; height:440px; overflow:hidden; margin-bottom:20px; border:1px solid #e2e2e2;}
.productInfoWrap .thumnail {float:left; width:287px; height:440px; border-right:1px solid #e0e0e0;}
.productInfoWrap .thumnail .zoomView {margin-top:45px; text-align:center;}
.productInfoWrap .productInfo1 {position:relative; float:left; width:288px; height:420px; padding:20px 0 0 0;}
.productInfoWrap .productInfo1 h3.en {padding:0 18px 3px 25px !important; font:bold 12px/120% Arial; color:#4d4c4c;}
.productInfoWrap .productInfo1 h3.kr {padding:0 18px 10px 25px !important; font:bold 16px/120% 돋움; color:#c08f5b;}
.productInfoWrap .productInfo1 p.price {margin:0; padding:0 0 17px 25px; font:bold 20px/120% Arial; color:#323232;}
.productInfoWrap .productInfo1 dl.etcInfo {width:270px; height:202px; overflow:hidden; padding:11px 0 11px 18px; margin:0; border-top:1px solid #e0e0e0;}
.productInfoWrap .productInfo1 dl.etcInfo dt {float:left; width:102px; height:10px; padding:5px 0 5px 8px; margin:0; background:url('/images/common/bull_rect1_orange.gif') no-repeat 0 10px; font:0/0 돋움;}
.productInfoWrap .productInfo1 dl.etcInfo dd {float:left; width:160px; height:10px; padding:5px 0; margin:0; font:11px/70% 돋움; color:#555;}
.productInfoWrap .productInfo1 dl.etcInfo dt.interest,
.productInfoWrap .productInfo1 dl.etcInfo dt.quantity {padding-top:5px;}
.productInfoWrap .productInfo1 dl.etcInfo dd.interest {position:relative; height:18px; padding:1px 0;}
.productInfoWrap .productInfo1 dl.etcInfo dd.quantity {position:relative; width:44px; height:16px; padding:1px 0;}
.productInfoWrap .productInfo1 dl.etcInfo dd.quantity input.quantity {width:32px; height:14px; padding-left:5px; border:1px solid #acacac; font-size:11px; color:#555; vertical-align:top; line-height:130%; }
.productInfoWrap .productInfo1 dl.etcInfo dd.quantity .quantityPlus {position:absolute; top:1px; _top:2px; right:3px;}
.productInfoWrap .productInfo1 dl.etcInfo dd.quantity .quantityMinus {position:absolute; bottom:0; _bottom:2px; right:3px;}
.productInfoWrap .productInfo1 dl.etcInfo dd img {margin-left:5px; vertical-align:middle;}
.productInfoWrap .productInfo1 dl.etcInfo dd strong.eventPrice {color:#d63111; font-weight:normal;}
.productInfoWrap .productInfo1 ul.buyBtn {position:absolute; left:0; bottom:0; height:108px; margin:0; padding:0; background-color:#f2f2f2; border-top:1px solid #e0e0e0; list-style-type:none;}
.productInfoWrap .productInfo1 ul.buyBtn li {float:left; border-left:1px solid #e0e0e0; text-align:center;}
.productInfoWrap .productInfo1 ul.buyBtn li.order {border-left:0;}
.productInfoWrap .productInfo1 ul.buyBtn li a {display:block; width:95px; padding:34px 0 40px 0;}
.productInfoWrap .productInfo1 ul.buyBtn li.order a {width:96px}
.productInfoWrap .productInfo1 p.saleStop,
.productInfoWrap .productInfo1 p.soldOut {position:absolute; left:0; bottom:0; width:288px; height:85px; margin:0; padding:23px 0 0 0; background-color:#f2f2f2; border-top:1px solid #e0e0e0; text-align:center;}
.productInfoWrap .productInfo2 {float:right; width:154px; height:420px; padding:20px 3px 0 3px; border-left:1px solid #e0e0e0;}
.productInfoWrap .productInfo2 .userReview {border-bottom:1px solid #f5f5f5;}
.productInfoWrap .productInfo2 .userReview h4 {margin:0; padding:0 0 6px 8px;}
.productInfoWrap .productInfo2 .userReview dl.star {width:146px; height:70px; overflow:hidden; margin:0 0 0 8px;}
.productInfoWrap .productInfo2 .userReview dl.star dt {float:left; width:38px; height:9px; margin:0; padding:5px 0 5px 6px; background:url(/images/common/bull_rect2_orange.gif) no-repeat 0 10px; font:0/0 돋움;}
.productInfoWrap .productInfo2 .userReview dl.star dd {float:left; width:102px; height:9px; margin:0; padding:5px 0; line-height:80%;}
.productReview table.tb_dataList td.reviewOn .reviewCont dl.star dd p.starbg,
.productInfoWrap .productInfo2 .userReview dl.star dd p.starbg {width:46px; height:9px; margin:0; padding:0; background:url(/images/myHanskin/pop_bg_star.gif) no-repeat;}
.productReview table.tb_dataList td.reviewOn .reviewCont dl.star dd span,
.productInfoWrap .productInfo2 .userReview dl.star dd span {display:inline-block; background:url(/images/myHanskin/pop_bg_star.gif) no-repeat 0 -21px; line-height:100%;}
.productInfoWrap .productInfo2 .userReview dl.star dd span span.text {text-indent:-1000px;}
.productInfoWrap .productInfo2 .userReview ul.review {margin:0; padding:15px 0 0 0; list-style-type:none; border-top:1px solid #f5f5f5; font:11px/120% 돋움; color:#4d4d4d;}
.productInfoWrap .productInfo2 .userReview ul.review li {margin:0 0 0 8px; padding:3px 0 3px 6px; background:url(/images/common/bull_rect2_orange.gif) no-repeat 0 9px;}
.productInfoWrap .productInfo2 .userReview p.reviewNum {margin:0; padding:10px 10px 12px 0; text-align:right;}
.productInfoWrap .productInfo2 .userReview p.reviewNum strong.num {padding:0 5px; font:bold 14px/100% Arial; color:#d63111;}
.productInfoWrap .productInfo2 .userReview p.reviewNum img {vertical-align:middle;}
.productInfoWrap .productInfo2 .userReview .noReview {margin:0 0 12px 0; padding:5px 0 0 10px;}
.productInfoWrap .productInfo2 .userReview .noReview p {margin:0; padding:0;}
.productInfoWrap .productInfo2 .userReview .noReview p.btnR {margin:10px 10px 0 0; padding:0; text-align:right;}
.productInfoWrap .productInfo2 .alliedProducts {margin:20px 8px; padding:0;}
.productInfoWrap .productInfo2 .alliedProducts h4 {margin:0; padding:0 0 10px 0;}
.productInfoWrap .productInfo2 .alliedProducts ul {width:100%; height:132px; overflow:hidden; margin:0; padding:0; list-style-type:none; font:11px/120% 돋움; color:#4d4d4d; text-align:left;}
.productInfoWrap .productInfo2 .alliedProducts ul li {width:100%; overflow:hidden; margin:5px 0 0 0; padding:0;}
.productInfoWrap .productInfo2 .alliedProducts ul li img {display:block; float:left;}
.productInfoWrap .productInfo2 .alliedProducts ul li p.tit {display:block; float:right; width:80px; padding:5px 0 0 0; margin:0;}
.productInfoWrap .productInfo2 .alliedProducts ul li p.tit span.productName {display:block; width:80px; height:26px; overflow:hidden; color:#b1b1b1;}
.productInfoWrap .productInfo2 .alliedProducts ul li p.tit span.price {display:block; width:80px; margin-top:10px; font:11px/140% Arial; color:#5d5d5d;}
ul.etcBtn {width:100%; overflow:auto; margin:0; padding:0; list-style-type:none;}
ul.etcBtn li {float:left; padding-left:15px;}
ul.etcBtn li.back {margin-right:415px; padding-left:0;}
.productInfo3 {margin-top:30px;}
.productInfo3 ul.tab_productView {width:737px; overflow:hidden; margin:0; padding:0; list-style-type:none; border:1px solid #e1e1e1;}
.productInfo3 ul.tab_productView li {float:left; border-left:1px solid #e1e1e1; text-align:center; cursor:pointer;}
.productInfo3 ul.tab_productView li.first {width:185px; border-left:0;}
.productInfo3 ul.tab_productView li.selected {background-color:#ebebeb;}
.productInfo3 ul.tab_productView li span.num {font:bold 9px/140% Tahoma; color:#ae7238; vertical-align:top;}
.productInfo3 ul.tab_productView li img {vertical-align:top;}
.productInfo3 ul.tab_productView li a {display:block; height:16px; width:183px; padding:7px 0 0 0;}
.productInfo3 ul.tab_productView li a:hover {text-decoration:none;}
.productInfo3 .pageLink {font:0/0 돋움;}
.productInfo3 .productView1 {margin-top:0; border:0;}
.productInfo3 .productView1 .contents {margin-top:0;}
.productInfo3 .productView2 {margin-top:0;}
.productInfo3 .productView2 p.comment {margin:10px 0 35px 0; padding:0;}
.productInfo3 .productView2 .reviewInfo {position:relative; width:100%; margin-bottom:25px; padding-bottom:10px; border-bottom:2px solid #4c4c4c;}
.productInfo3 .productView2 .reviewInfo p.title {margin:0; padding:0; font:bold 14px/120% 돋움; color:#ae7238;}
.productInfo3 .productView2 .reviewInfo p.title span.en {font:11px/100% tahoma; color:#878787;}
.productInfo3 .productView2 .reviewInfo .star {position:absolute; top:0; right:0; width:200px;}
.productInfo3 .productView2 .reviewInfo .star span.num {font:bold 24px/100% 돋움; color:#ae7238;}
.productInfo3 .productView2 .reviewInfo .star p.starbg {position:absolute; top:0; right:20px; display:inline-block; width:60px; height:17px; margin:0; padding:0; background:url(/images/products/bg_starM.gif) no-repeat; vertical-align:top; line-height:150%;}
.productInfo3 .productView2 .reviewInfo .star p.starbg span {display:inline-block; background:url(/images/products/bg_starM.gif) no-repeat 0 -17px;}
.productInfo3 .productView2 .reviewInfo .star p.starbg span span.text {text-indent:-1000px;}
.productInfo3 .productView2 .reviewInfo .star img.parenthesis {position:absolute; top:4px; right:10px;}
.productInfo3 .productView2 .reviewInfo2 {width:100%; overflow:hidden; padding-bottom:10px;}
.productInfo3 .productView2 .reviewInfo2 p.notice {float:left; margin:0; padding:0; color:#555;}
.productInfo3 .productView2 .reviewInfo2 p.notice strong {color:#ae7238;}
.productInfo3 .productView2 .reviewInfo2 p.notice2 {float:right; margin:0; padding:0; font-size:11px; color:#b4b3b3;}
.productInfo3 .productView3 {margin-top:50px;}
.productInfo3 .productView3 p.noInquiry {margin:0; padding:0 0 25px 0; border-bottom:1px solid #949494; color:#555; text-align:center;}
.productInfo3 .productView3 .comment {margin:10px 0 25px 0; padding:0 0 7px 0; border-bottom:2px solid #4c4c4c;}
.productInfo3 .productView3 .productQna .btnR {margin:0 0 10px 0; padding:0; text-align:right;}
.productInfo3 .productView4 {margin-top:50px;}
.productInfo3 .productView4 .contents {margin-top:30px; font:11px/160% 돋움; color:#878787;}
.productInfo3 .productView4 .contents dl {width:100%; overflow:hidden;}
.productInfo3 .productView4 .contents dl dt {float:left; width:103px; padding-left:10px}
.productInfo3 .productView4 .contents dl dd {float:left; width:626px; margin:0; padding:0;}
.productInfo3 .productView4 .contents dl.cancelInfo {margin-top:35px;}
.productInfo3 .productView4 .contents ul {margin:0; padding:0; list-style-type:none;}
.productInfo3 .productView4 .contents ul li strong {color:#878787;}
.productInfo3 .productView4 .contents p {margin:0; padding:0;}
.productInfo3 .productView4 .contents p.stit {margin-top:20px; color:#ab723b;}
/* 한스킨 제품 > 뷰 - 크게보기 */
.zoom-layer {position:absolute; top:0; left:0; z-index:101; width:100%; min-width:990px; height:100%; background:url('/images/common/bg_layer.png');}
.zoomWrap {position:relative; top:0; left:0; z-index:102; margin:175px auto 0 auto; width:500px; height:563px;}
.zoomWrap2,
body#main .zoomWrap {position:relative; top:0; left:0; z-index:102; margin:0 auto; width:500px; height:563px;}
.zoomWrap2 .layerClose,
.zoomWrap .layerClose {position:absolute; top:0; right:0;}
/* Oversea Networks */
.overseaNetworks_map { width:100%; margin:0; padding:23px 0 33px 0; text-align:center; border-bottom:1px solid #4c4c4c; }
.overseaNetworks_txt { margin:0; padding:45px 0 5px 0; font:11px/120% 'dotum'; }
.overseaNetworks_txt2 { margin:0; padding:7px 0 0 0; font:11px/120% 'dotum'; color:#b3b3b3; text-align:right; }
table.tb_overseaNetworks { width:100%; border-bottom:2px solid #949494; }
table.tb_overseaNetworks thead tr th { padding:12px 0 9px; border-top:1px solid #ededed; background:#f4f4f4; text-align:center; }
table.tb_overseaNetworks tbody tr td { padding:20px 0 11px; text-align:center; border-top:1px solid #ededed; }
table.tb_overseaNetworks tbody tr td img { vertical-align:middle; margin-left:5px; }
/* 서비스 준비중 */
.readyWrap {position:absolute; top:50%; left:50%; width:698px; height:256px; margin:-128px 0 0 -349px; background:url('/images/common/bg_ready.jpg') no-repeat 50px 65px; border-top:2px solid #4c4c4c; border-bottom:1px solid #4c4c4c;}
.readyWrap .readyText {height:165px; margin:40px 0 0 330px;}
.readyWrap .readyText h1 {margin:0 0 18px 0; padding:0;}
.readyWrap .readyText p {margin:0 0 20px 0; padding:0;}
.readyWrap p.copyright {margin:0; padding:20px 0 0 0; border-top:1px solid #e3e3e3; text-align:center;}