html, body { width:100%;height:100%;margin:0;padding:0;font-family:Malgun Gothic, '맑은 고딕', mGothic, dotum, gulim;font-size:13px;}
td, div, p, li, dd, input, textarea, h1, h2, h3, h4, h5 { font-family:Malgun Gothic, '맑은 고딕', mGothic, dotum, gulim; font-size:13px; color:#cfcfcf; }
form, input, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd { margin:0;padding:0; }
ul, ol { list-style:none; }
img { border:0;vertical-align:top}
table { border-collapse:collapse; }
th, td { padding:0;}
select { border:1px solid #c6c6c6;height:19px;font-size:11px;color:#888;background:#fafafa}
textarea, .scr { border:none;background:none;
scrollbar-face-color:#ffffff; /* bar 의 표면색 */
scrollbar-highlight-color:#d0d0d0; /* 밝게 빛나는 좌상단 모서리 */
scrollbar-3dlight-color:#ffffff; /* 좌상단 모서리 아래부분 */
scrollbar-shadow-color:#d0d0d0; /* 그림자 지는 우하단 */
scrollbar-darkshadow-color:#ffffff; /* 그림자 우하단 */
scrollbar-track-color:#ffffff; /* 스크롤 트랙의 색 */
scrollbar-arrow-color:#8c8c8c; /* 삼각형부분 */
overflow-x:hidden;overflow-y:auto; }
textarea { padding:0;margin:0;}
fieldset { display:block;border:none;padding:0;margin:0}
legend { width:0;height:0;font-size:0;line-height:0}
input.txt { height:18px;padding:1px 5px;border:1px solid #c6c6c6;line-height:18px;background:#fafafa}
input.ipFile { height:19px}
input.rdo, input.chk { width:14px;height:14px;padding:0;margin:0 2px 0 0;border:none; line-height:14px;vertical-align:middle;background:transparent;}
.fl { float:left !important; }
.fr { float:right !important; }
.cb { clear:both !important; }
.ac { text-align:center !important; }
.al { text-align:left !important; }
.ar { text-align:right !important; }
.vt { vertical-align:top !important; }
.vm { vertical-align:middle !important; }
.vb { vertical-align:bottom !important; }
.oh { overflow:hidden !important; }
.cp { cursor:pointer !important; }
.di { display:inline !important; }
.dib { display:inline-block;display:-moz-inline-box; }
.dn { display:none !important; }
.db { display:block !important; }
.vv { visibility:visible !important; }
.vh { visibility:hidden !important; }
.bbn { border-bottom:none !important; }
.brn { border-right:none !important; }
.bln { border-left:none !important; }
.bn, .bn td, .bn th { border:none !important; }
.bgn, .bgn td, .bgn th { background:none !important; }
.fb { font-weight:bold !important; }
.fn { font-weight:normal !important; }
.fs { font-size:11px !important; }
.fixed { table-layout:fixed}
.pr { position:relative;}
.ft { font-family:Tahoma}
.lt { letter-spacing:-1px !important; }
.hideDesc { position:absolute; display:block; left:-9999px; width:100% !important; height:0; margin:0; padding:0; background:none; font-size:0; line-height:1; }
a:link { color:#cfcfcf; text-decoration:none;}
a:visited { color:#cfcfcf; text-decoration:none;}
a:hover { color:#f38686; text-decoration:none;}
a:active { color:#cfcfcf; text-decoration:none;}
strong, b { font-family:Malgun Gothic, '맑은 고딕', mGothic, dotum, gulim; font-weight:bold; }
/* font */
@font-face{
font-family:mGothic;
font-style:normal;
font-weight:normal;
src: url('/micro/ebeaute/font/MalgunGothic.eot');
src: local('※'),
url('/micro/ebeaute/font/MalgunGothic.woff') format('woff'),
url('/micro/ebeaute/font/MalgunGothic.ttf') format('truetype');
}
@font-face{
font-family:mGothicB;
font-style:normal;
font-weight:bold;
src: url('/micro/ebeaute/font/MalgunGothicBold.eot');
src: local('※'),
url('/micro/ebeaute/font/MalgunGothicBold.woff') format('woff'),
url('/micro/ebeaute/font/MalgunGothicBold.ttf') format('truetype');
}
.ip { padding:0 5px; border:1px solid #aaa; background:#fff; }
.ip input[type=text],
.ip input[type=password],
.ip textarea { width:100%; padding:0; border:none; }
/********** Common **********/
/* 테이블colgroup대체 */
.colgroup, .colgroup th, .colgroup td { height:0 !important;line-height:0 !important;font-size:0;padding:0 !important;border:none !important;margin:0;border-collapse:separate;}
.colgroup { .display:none}
/* 셀렉트박스 */
.eui-select-visual {position:relative;display:inline-block;zoom:1;*display:inline;}
.eui-select-visual .title {display:inline-block;zoom:1;*display:inline;cursor:pointer;letter-spacing:-1px;}
.eui-select-visual .title .text {display:inline-block;zoom:1;*display:inline;height:20px;margin:0;padding:4px 21px 0 4px;border:1px solid #262935;background:#2b2e35;}
.eui-select-visual .title .btn {position:absolute;right:1px;top:1px;width:21px;}
.eui-select-visual .title .arrow {cursor:pointer}
.eui-select-visual .lists {display:none;position:absolute;left:0;top:0;height:212px;padding:6px 0;background:#2b2e35;border:1px solid #262935;border-top:0;margin:22px 0 0 0;;z-index:2;}
.eui-select-visual .lists label {display:block;margin:0;padding:4px 0 4px 4px;cursor:pointer;letter-spacing:-1px;}
.eui-select-visual .lists label:hover, .lists label.mouseOver {background:#2b2e35;cursor:pointer}
.eui-select {display:none}
/* 셀렉트박스 */
.eui_defaultSelect { display:inline-block; _display:inline; position:relative; margin-right:4px; z-index:10; text-align:left; font-weight:normal; }
.eui_defaultSelect .euiSelectMain {height:24px; width:100%; padding:0 0 0 0; margin:0; border:1px solid #262935; cursor:pointer; line-height:normal; background:#2b2e35 url("/micro/ebeaute/images/new/btn_arrow.gif") no-repeat right top;}
.eui_defaultSelect .euiSelectMain .euiSelectTitle {display:block; padding:3px 30px 0 5px; margin:0px; height:auto; color:#cfcfcf; }
.eui_defaultSelect .euiSelectList {display:none; position:absolute; width:100%; padding:4px 0; top:25px; border:1px solid #262935; background:#2b2e35; max-height:200px; overflow-x:hidden; overflow-y:auto;}
.eui_defaultSelect .euiSelectList li {padding:3px 0 3px 5px !important; cursor:pointer; clear:both; width:100%; text-align:left; color:#cfcfcf; }
.eui_defaultSelect .euiSelectList li span { display:none; }
/* 셀렉트박스 */
.eui_defaultSelect2 { display:inline-block; _display:inline; position:relative; margin-right:4px; z-index:10; text-align:left; font-weight:normal; }
.eui_defaultSelect2 .euiSelectMain {height:28px; width:100%; padding:0 0 0 0; margin:0; border:1px solid #aaa; cursor:pointer; line-height:normal; background:url("/micro/ebeaute/images/common/btn_arrow2.gif") no-repeat right top;}
.eui_defaultSelect2 .euiSelectMain .euiSelectTitle {display:block; padding:3px 30px 0 5px; margin:0px; height:auto; font-size:12px; color:#767676; }
.eui_defaultSelect2 .euiSelectList {display:none; position:absolute; width:100%; padding:4px 0; top:29px; border:1px solid #aaa; background:#fff; max-height:200px; overflow-x:hidden; overflow-y:auto;}
.eui_defaultSelect2 .euiSelectList li {padding:3px 0 3px 5px !important; cursor:pointer; clear:both; width:100%; text-align:left; font-size:12px; color:#767676; }
.eui_defaultSelect2 .euiSelectList li a { font-size:12px; color:#767676; }
.eui_defaultSelect2 .euiSelectList li span { display:none; }
/* 버튼 */
.btnArea { padding:10px 0 0;text-align:right}
/* 페이징 */
.paging { padding:20px 0 30px; text-align:center;}
.paging * { display:inline-block; vertical-align:top; }
.paging a { width:22px; height:17px; padding-top:5px; border:1px solid #323843; text-align:center; color:#fff; font-size:11px; background:#484c57; }
.paging b { width:22px; height:17px; padding-top:5px; border:1px solid #1c212a; text-align:center; color:#fff; font-size:11px; font-weight:normal; background:#232630; }
.paging a.none { width:auto; height:auto; padding:0; margin:0; border:none; }
/* 매장찾기 */
.shopSearchArea { position:relative; min-height:580px; padding:0 448px 30px 40px; overflow:hidden; background:url('/micro/ebeaute/images/new/bg_cont.gif') repeat left top; }
.shopSearchArea:after{content: ''; position: absolute;right: 40px;top: 0; width: 399px; height: 528px; background: url(/micro/ebeaute/images/new/bg_map.gif) no-repeat 0 bottom;}
.shopSearchArea .map { position:absolute; left:0; top:0; width:388px; min-height:505px; padding:60px 0 0 60px;}
.shopSearchArea h2 { height:47px; padding:50px 0 0 30px; }
.shopSearchArea .searchArea { padding:0 29px; border:1px solid #262935; overflow:hidden; background:url('/micro/ebeaute/images/new/bg_listM.gif') repeat left top; }
.searchField { padding:40px 29px 0; margin:0 -29px; *zoom:1; background:url('/micro/ebeaute/images/new/bg_listT.gif') repeat-x left top; }
.searchField:after { content:""; display:block; clear:both; }
.searchField p { float:left; padding-bottom:10px; }
.searchField label { float:left;padding:5px 5px 0 14px}
.searchField select, .searchField .eui-select-visual { float:left;margin-right:4px}
.searchField .eui-select-visual .lists { height:205px;overflow-y:auto}
.searchField input.txt { float:left; width:77px; _width:74px; padding:3px 5px; margin-right:4px; border-color:#262935; background:#2b2e35;}
.searchField .eui-select-visual .lists label { float:none; }
.shopSearchArea .list { width:100%; table-layout:fixed; border-top:2px solid #eb9f9f}
.shopSearchArea .list th { padding:11px 0 10px; border-bottom:1px solid #474a54; }
.shopSearchArea .list td { padding:5px 0; border-bottom:1px solid #474a54; line-height:18px; text-align:center; }
.shopSearchArea .list td.tit { padding-left:20px; text-align:left; }
.shopSearchArea .list td.tit strong { display:block; color:#f8b2b5; }
/* 팝업 */
.popShop { position:relative; width:510px; height:530px; padding:20px 20px 0; border:5px solid #d14164; }
.popShop h1 { height:29px; margin-bottom:10px; border-bottom:1px dashed #e4e4e4; font-family:mGothicB; font-weight:bold; font-size:18px; line-height:1em; color:#d14164; }
.popShop h2 { margin-bottom:5px; }
.popShop h2 span { padding:0 2px; font-family:mGothicB; font-weight:bold; font-size:14px; line-height:1em; color:#fff; background:#d14164; }
.popShop p { line-height:18px; color:#767676; font-size:12px; }
.popShop #map_canvas { width:508px; height:398px; margin-top:10px; border:1px solid #d4d4d4; }
.popShop .btn { position:absolute; right:20px; top:22px; }
/* 포인트조회 */
.pointArea { max-width:1035px; padding-bottom:30px; background:url('/micro/ebeaute/images/new/bg_cont.gif') repeat left top; }
.pointHead { height:210px; padding:70px 0 0 80px; background:url('/micro/ebeaute/images/new/bg_point_head.png') no-repeat right top; }
.pointSrch { margin:0 30px; border:1px solid #2b303d; background:url('/micro/ebeaute/images/new/bg_cont2.gif') repeat left top; }
.pointSrch h2 { height:35px; padding:40px 0 0 90px; font-size:18px; color:#fcc2c4; font-family:mGothicB; font-weight:bold; background:url('/micro/ebeaute/images/new/bg_listT.gif') repeat-x left top; }
.pointSrch .text { padding:0 0 10px 90px; font-size:14px; color:#fff; }
.pointSrch fieldset { display:block; padding:20px 90px 20px 80px; margin:0 50px; border:1px solid #262935; overflow:hidden; background:#2b2e35; }
.pointSrch fieldset div.fl { }
.pointSrch fieldset div.fl p { height:37px; overflow:hidden; color:#fff; }
.pointSrch fieldset div.fl p label { float:left; width:125px; padding:5px 0 0 20px; color:#f8b2b5; background:url('/micro/ebeaute/images/new/blt1.gif') no-repeat left 9px; }
.pointSrch fieldset div.fl p .txt { float:left; padding:4px 5px; color:#464646; }
.pointSrch fieldset div.fl p .txt1 { width:320px; }
.pointSrch fieldset div.fl p .txt2 { width:130px; }
.pointSrch fieldset div.fl p .txt3 { width:90px; }
.pointSrch fieldset div.fl p span { float:left; padding:6px 4px 0; font-family:dotum; font-weight:bold; font-size:16px; }
.pointSrch fieldset .text2 { clear:both; padding:3px 0 0 145px; font-size:12px; }
.pointSrch .caution { padding:20px 0 40px 130px; background:url('/micro/ebeaute/images/new/bg_listT.gif') repeat-x left bottom; }
.pointSrch .caution li { padding-left:12px; line-height:20px; font-size:12px; background:url('/micro/ebeaute/images/new/blt2.gif') no-repeat left 6px; }
.pointResult { padding:0 50px; margin:0 30px; border:1px solid #2b303d; background:url('/micro/ebeaute/images/new/bg_cont2.gif') repeat left top; }
.pointResult .article { padding:0 50px; margin:0 -50px; background:url('/micro/ebeaute/images/new/bg_listT.gif') repeat-x left top; }
.pointResult h2 { height:32px; padding:40px 0 0 35px; color:#a4a4a4; font-weight:normal; line-height:1em; background:url('/micro/ebeaute/images/new/ico_point.gif') no-repeat left 38px; }
.pointResult h2 strong { font-size:18px; color:#f8b2b5; font-family:mGothicB; font-weight:bold; }
.pointResult h2 img { margin-top:3px; }
.pointResult .myMembership { padding:20px 35px; border:1px solid #262935; overflow:hidden; background:#2b2e35; }
.pointResult .myMembership table { width:100%; table-layout:fixed; }
.pointResult .myMembership table th { padding:5px 0 5px 20px; color:#f8b2b5; font-family:mGothicB; font-weight:bold; text-align:left; letter-spacing:-1px; background:url('/micro/ebeaute/images/new/blt1.gif') no-repeat left 11px; }
.pointResult .myMembership table td { width:30%; padding:5px 0; color:#d0d0d0; font-size:14px; font-family:mGothicB; font-weight:bold; }
.pointResult .text { padding-left:12px; margin:10px 0 0 35px; font-size:12px; background:url('/micro/ebeaute/images/new/blt2.gif') no-repeat left 6px; }
.pointResult .text strong { font-family:mGothic; font-weight:normal; color:#fcc7c9; }
.pointResult .list { width:100%; border-top:2px solid #eb9f9f; table-layout:fixed; }
.pointResult .list th { height:34px; border-bottom:1px solid #50535d; color:#fcc7c9; }
.pointResult .list td { padding:8px 0; border-bottom:1px solid #50535d; line-height:18px; text-align:center; }
.pointResult .paging { padding:20px 50px 40px; margin:0 -50px; background:url('/micro/ebeaute/images/new/bg_listT.gif') repeat-x left bottom; }
/* 20140701 추가 */
/* 제품맵 */
.proWrap * { color:#464646; }
.proWrap h2 { padding:30px 0; }
.mapHead { padding:30px 0 10px; }
.mapHead p.text { padding:30px 0 0; font-size:16px;}
.mapSrchArea { padding:0 0 54px; border-top:2px solid #d04164; background:url('/micro/ebeaute/images/product/bg_line.gif') repeat-x 0 100%; }
.mapSrchArea table { width:100%; table-layout:fixed; }
.mapSrchArea table thead th { height:34px; border-bottom:1px solid #d04164; }
.mapSrchArea table tbody td { padding:23px 20px 15px; border:1px solid #d4d6d9; vertical-align:top; }
.mapSrchArea table tbody td ul { *zoom:1; }
.mapSrchArea table tbody td ul:after { content:""; display:block; clear:both; }
.mapSrchArea table tbody td ul li { float:left; width:40%; padding:0 0 7px 0; }
.mapSrchArea table tbody td ul li.first { width:60%; }
.mapSrchArea table tbody td p.ip { height:28px; line-height:28px; }
.mapSrchArea table tbody td p.ip>input { height:26px; line-height:26px; }
.proListTypeA { width:100%; margin:20px 0 0; *zoom:1; }
.proListTypeA:after { content:""; display:block; clear:both; }
.proListTypeA li { float:left; width:163px; height:180px; margin:0 11px 10px 0; }
.proListTypeA li a { display:block; }
.proListTypeA li p.thum { position:relative; width:161px; height:178px; border:1px solid #d4d6d9; text-align:center; }
.proListTypeA li p.thum>img { position:absolute; left:0; top:50%; width:161px; height:161px; margin-top:-80px;}
.proListTypeA li p.thum span { display:block; position:absolute; left:0; bottom:0; width:163px; height:0; line-height:180px; background:url('/micro/ebeaute/images/product/bg_layer.png') no-repeat 0 0; overflow:hidden; }
.proListTypeA li p.thum span>b { display:inline-block; font-weight:normal; font-size:12px; color:#cfcfcf; line-height:18px; }
.proListTypeA li.none { clear:both; float:none; width:100%; height:auto; margin:0; padding:30px 0; text-align:center; }
.proListTypeA li.last { margin-right:0; }
.proListTypeB { width:100%; padding-bottom:10px; background:url('/micro/ebeaute/images/product/bg_line.gif') repeat-x 0 100%; *zoom:1; }
.proListTypeB:after { content:""; display:block; clear:both; }
.proListTypeB li { float:left; width:246px; min-height:245px; margin:0 17px 30px 0; }
.proListTypeB li p.thum { width:244px; height:188px; border:1px solid #cfcfcf; }
.proListTypeB li p.txt { padding-top:10px; font-size:12px; text-align:center; }
.proListTypeB li p.txt b { font-weight:normal; }
.proListTypeB li p.txt span { display:none; }
.proListTypeB li.none { clear:both; float:none; width:100%; height:auto; min-height:0; margin:0; padding:30px 0; text-align:center; }
.proListTypeB li.last { margin-right:0; }
.proSrchArea { margin-top:40px; padding:20px; border:1px solid #e2e2e2; background:#eee; overflow:hidden; }
.proSrchArea fieldset { position:relative; }
.proSrchArea fieldset legend { position:absolute; left:0; top:0; width:auto; height:auto; margin:0; padding:0; font-family:Malgun Gothic, '맑은 고딕', mGothic, dotum, gulim; font-weight:bold; font-size:20px; color:#464646; line-height:22px; text-align:left; }
.proSrchArea fieldset>div { padding-left:136px; }
.proSrchArea input[type=text] { width:770px; padding:0 5px; border:1px solid #e2e2e2; height:24px; vertical-align:top; }
/* 제품상세 */
.proDetail { position:relative; margin-top:20px; }
.proInfo { padding:0 20px 14px; *zoom:1; }
.proInfo:after { content:""; display:block; clear:both; }
.proInfo .proInfoThumb { float:left; width:345px; height:345px; }
.proInfo .proInfoCont { float:right; width:640px; }
.proInfo .proInfoCont h2 { height:135px; padding:0; font-family:Malgun Gothic, '맑은 고딕', mGothic, dotum, gulim; font-weight:bold; font-size:34px; word-spacing:-2px; }
.proInfo .proInfoCont h2>span { display:block; padding-top:5px; font-weight:normal; font-size:20px; color:#d04164; }
.proInfo .proInfoCont p { color:#767676; }
.proInfo .proInfoCont dl { padding:30px 0 0 ; *zoom:1; }
.proInfo .proInfoCont dl:after { content:""; display:block; clear:both; }
.proInfo .proInfoCont dl dt { float:left; width:50px; font-family:Malgun Gothic, '맑은 고딕', mGothic, dotum, gulim; font-weight:bold; }
.proInfo .proInfoCont dl dd { float:left; color:#767676; }
.proInfo .proInfoCont div.viewBtn { position:relative; z-index:99; margin-top:30px; }
/* 전성분 팝업 */
.infoLayer { display:none; position:absolute; left:0; top:40px; z-index:99; width:397px; padding:0 0 7px; background:url(/micro/ebeaute/images/product/bg_layer2.png) no-repeat 100% 100%; }
.infoLayer p.close { position:absolute; right:25px; top:20px; }
.infoLayer .infoLayerCont { width:337px; padding:20px; border:5px solid #d14164; background:#fff; }
.infoLayer .infoLayerCont p.tit { height:34px; border-bottom:1px dashed #e4e4e4; }
.infoLayer .infoLayerCont div.cont { padding:12px 0 0; }
.proSection { padding:50px 0; border-top:1px solid #e9eaeb; }
.proSection h3 { height:40px; padding:0 0 0 20px; font-family:Malgun Gothic, '맑은 고딕', mGothic, dotum, gulim; font-weight:bold; font-size:20px; color:#d04164; background:url('/micro/ebeaute/images/common/blt.gif') no-repeat 0 10px;}
.proSection .proListTypeB { background:none;}
.proFeature { position:relative; }
.proFeature h3 { position:absolute; left:0; top:50px; }
.proFeature>div.cont { padding:0 0 0 135px; font-size:14px; line-height:22px; color:#767676; }
/* 제품 페이징 */
.proPaging {}
.proPaging a { height:19px; padding-top:3px; border:1px solid #e9e9e9; font-size:12px; color:#767676; background:#fff; }
.proPaging b { height:19px; padding-top:3px; border:1px solid #bf264c; font-size:12px; color:#fff; background:#d04164; }
/* 제품검색 */
.pro-srchHead { height:24px; padding:30px 0 0; margin-bottom:27px; background:url('/micro/ebeaute/images/product/bg_line.gif') repeat-x 0 100%; overflow:hidden; text-align:right; }
.pro-srchHead span { display:inline-block; margin-right:4px; padding:0 0 0 17px; background:url('/micro/ebeaute/images/common/ico_search.gif') no-repeat 0 50%; }
.pro-srchHead strong { color:#d04164; }