@charset "utf-8";

@font-face {
font-family:'NotoL';
font-weight: normal;
font-style: normal;
/*
src: url('../font/NotoSansKR-Regular.eot');
src: url('../font/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
     url('../font/NotoSansKR-Regular.woff2') format('woff2'),
     url('../font/NotoSansKR-Regular.woff') format('woff'),
     url('../font/NotoSansKR-Regular.otf') format('opentype'),
	 local("※");
*/
src: url('../font/NotoSansCJKkr-Regular.eot');
src: url('../font/NotoSansCJKkr-Regular.eot?#iefix') format('embedded-opentype'),
     url('../font/NotoSansCJKkr-Regular.woff') format('woff'),
     url('../font/NotoSansCJKkr-Regular.otf') format('opentype'),
	 local("※");
}
@font-face {
font-family:'NotoB';
font-weight: normal;
font-style: normal;
/*
src: url('../font/NotoSansKR-Medium.eot');
src: url('../font/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype'),
     url('../font/NotoSansKR-Medium.woff2') format('woff2'),
     url('../font/NotoSansKR-Medium.woff') format('woff'),
     url('../font/NotoSansKR-Medium.otf') format('opentype'),
	 local("※");
*/
src: url('../font/NotoSansCJKkr-Medium.eot');
src: url('../font/NotoSansCJKkr-Medium.eot?#iefix') format('embedded-opentype'),
     url('../font/NotoSansCJKkr-Medium.woff') format('woff'),
     url('../font/NotoSansCJKkr-Medium.otf') format('opentype'),
	 local("※");
}
@font-face {
font-family:'HL';
font-weight: normal;
font-style: normal;
src: url('../font/HelveticaNeue_55_roman.eot');
src: url('../font/HelveticaNeue_55_roman.eot?#iefix') format('embedded-opentype'),
     url('../font/HelveticaNeue_55_roman.woff') format('woff');
}
@font-face {
font-family:'HB';
font-weight: normal;
font-style: normal;
src: url('../font/HelveticaNeue_75_bold.eot');
src: url('../font/HelveticaNeue_75_bold.eot?#iefix') format('embedded-opentype'),
     url('../font/HelveticaNeue_75_bold.woff') format('woff');
}


/* ========== [태그 초기화] ========== */
* {margin:0; padding:0;}
html, body {width:100%; height:100%}
body {font-family:'NotoL', dotum, '돋움', sans-serif;font-weight:normal;font-size:14px;color:#555;line-height:20px}
div, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, button, abbr, acronym, address, code,del, dfn, em, img, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend,table, caption, tbody, tfoot, thead, tr, th, td ,hr {margin:0;padding:0;font-family:'NotoL';font-size:100%;font-weight:normal;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block;}
h1, h2, h3, h4, h5, h6 {font-family:'NotoL';font-weight:normal;}
ol, ul, li {list-style:none}
table {width:100%; border-collapse:collapse;border-spacing:0;table-layout:fixed;}
form, fieldset, iframe {display:block;border:0}
img, button {border:0 none;vertical-align:middle}
hr {height:0; display:none}
i, em, address{font-style:normal}
label, button{cursor:pointer}
blockquote, q {quotes:none}
caption {visibility:hidden;width:0;height:0;padding:0;margin:0;font-size:0;}
legend {overflow:hidden;visibility:hidden;position:absolute;width:0;height:0;padding:0;margin:0;font-size:0;text-indent:-100%;white-space:nowrap;z-index:-1}
.ellipsis {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
input, textarea, select, button {font-family:'NotoL';font-size:14px;letter-spacing:0;color:#555;vertical-align:middle}

a {color:#555;text-decoration:none;/*outline:none;*/}
a.nolink {cursor:default;}
a:link, a:visited {text-decoration:none}
/*a:focus {outline:none;}*/

button {display:inline-block;background:none;border:none; outline:none;}
button:hover {color:#222;}
/*button:focus {outline:none;}*/

/* [display] */
.blind, legend {overflow:hidden;visibility:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0;}
.hidden {overflow:hidden;}
.clear {zoom:1;}
.clear:after {content:'';display:block;clear:both;}
.slick-slide {outline:0 !important;}/*슬릭 아웃라인 제거*/

/* skip navigation */
.skipNavi {position:relative;z-index:1000;}
.skipNavi li {position:absolute;left:0;top:0;width:100%;}
.skipNavi li a{display:block;overflow:hidden;width:1px;height:1px;font-size: 1em}
.skipNavi li a:focus,
.skipNavi li a:active{width:100%;height:auto;padding:7px 0;text-align:center;font-size:15px;color:#fff;background:#000;border:1px solid #daab29;}

/* ========== [레이아웃] ========== */
body.loading:after {content:'';display:block;overflow:hidden;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,0.9) url('/front/ko/images/common/loading_large_02.gif') no-repeat center center;z-index:999;}
body.loading.sizeS:after {background-image:url('/front/ko/images/common/loading_large_01.gif');}
body.ofH {overflow-y:hidden;min-width:1280px;}
.mask {position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(34,34,34,.6);z-index:999;}
.loading {overflow:hidden; position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; z-index:999;}
.loading.sizeS img {position:absolute; left:50%; top:50%; margin:-24px 0 0 -24px;}
.loading.sizeM img {position:absolute; left:50%; top:50%;}
#wrap {position:relative;min-width:1280px;height:100%;}
#header {z-index:1000;}
.header {position:fixed;left:0;top:0;bottom:0;width:89px;text-align: center;background:#fff;border-right:1px solid #dcdcdc;z-index: 999;}
.header a.all-menu {display:block;position:absolute;left:50%;top:50%;width:48px;height:48px;margin-top:-24px;margin-left:-24px;}
.header a.all-menu span {display: block;position: absolute;left: 12px;width: 24px;height: 1px;background:#000;
     -webkit-transition-duration: .4s;
     transition-duration: .4s;
}
.header a.all-menu span:nth-child(1) {top:15px;}
.header a.all-menu span:nth-child(2) {top:23px;}
.header a.all-menu span:nth-child(3) {top:31px;}
.header .all-menu.active span:nth-child(1) {top:23px;left:12px;width:23px;
     -webkit-transform:rotate(45deg);
     -moz-transform:rotate(45deg);
     -o-transform:rotate(45deg);
     -ms-transform:rotate(45deg);
     transform:rotate(45deg);
}
.header .all-menu.active span:nth-child(2) {opacity:0;filter:alpha(opacity=0);
     -webkit-transform:translateX(-30px);
     -moz-transform:translateX(-30px);
     -o-transform:translateX(-30px);
     -ms-transform:translateX(-30px);
     transform:translateX(-30px);
}
.header .all-menu.active span:nth-child(3) {top:23px;left:12px;width:23px;
     -webkit-transform:rotate(-45deg);
     -moz-transform:rotate(-45deg);
     -o-transform:rotate(-45deg);
     -ms-transform:rotate(-45deg);
     transform:rotate(-45deg);
}
.header .logo {position:absolute;left:130px;top:0;width:130px;height:26px;padding-top:33px;text-align:center;z-index:10;}
.header .fixmenu {position:relative;height:100%;background:#fff;z-index:1;}
.header .fixmenu .plus {position:absolute;left:31px;top:31px;width:28px;height:28px;opacity:1;filter:alpha(opacity=100);
     -webkit-transition-duration:.3s;
     transition-duration:.3s;
	 /* 20200427 스마일 프로모션 로고 background:url('https://image.drjart.com/front/ko/images/common/20200427_smilelogoplay_re_re.gif') no-repeat; background-position:center center; background-size:28px 28px; */
}
/* 플러스 로고 */
.header .fixmenu.active .plus {opacity:0;filter:alpha(opacity=0);}
.header .fixmenu .plus span {display:inline-block;position:absolute;left:50%;top:50%;background:#000000; 
     -webkit-transform:translate(-50%,-50%);
     -moz-transform:translate(-50%,-50%);
     -o-transform:translate(-50%,-50%);
     -ms-transform:translate(-50%,-50%);
     transform:translate(-50%,-50%);
     -webkit-transition-duration:.3s;
     transition-duration:.3s;
}
.header .fixmenu .plus span:nth-child(1) {width:26px;height:6px;}
.header .fixmenu .plus span:nth-child(2) {width:6px;height:26px;}
/* // 플러스 로고 */
.header .util {position:absolute;left:0;bottom:20px;width:100%;text-align:center;}
.header .util li {margin-top:30px;}
.header .util a {display:inline-block;position:relative;height:25px;text-align:center;background:url('../images/common/ico_common.png') no-repeat;}
.header .util a em {position:absolute;left:50%;top:-20px;margin-left:-25px;display:block;width:50px;text-align:center;background:#222;color:#fff;font-size:11px;letter-spacing:-0.5px;opacity:0;
     -webkit-transition:all .1s ease-in-out;
     transition:all .1s ease-in-out;
}
.header .util a em:after {content: '';display: block;position:absolute;left:50%;top:100%;width:0;height:0;margin-left:-6px;
     border-top:6px solid #222;border-bottom:6px solid transparent;border-left:6px solid transparent;border-right:6px solid transparent;
}
.header .util a:hover em,
.header .util a:focus em {top:-30px;opacity:1;}
.header .util .mypage a {width:22px; background-position:-208px -30px}
.header .util .cart a {width:22px; height:29px; background-position:-89px 0;}
.header .util .cart .n {overflow:hidden;position:absolute;right:2px;top:2px;width:0;height:0;font-family:'HL';font-size:13px;color:#fff;border-radius:50%;background:#222;
     -webkit-transition:all .1s ease-in-out;
     transition:all .1s ease-in-out;
}
.header .util .cart.active .n {display:block;right:-11px;top:-3px;width:20px;height:20px;}

/* GNB 아이콘 GUIDE 추가 */
.header .util .cart a span.blind { overflow:visible; visibility:visible; height:auto; line-height:20px; }
.header .util .cart a span.blind {width:40px;margin-left:-20px;}
.header .util .cart a span.blind {position:absolute;left:50%;top:-20px;margin-left:-25px;display:block;width:50px;text-align:center;background:#222;color:#fff;font-size:11px;letter-spacing:-0.5px;opacity:0;
     -webkit-transition:all .1s ease-in-out;
     transition:all .1s ease-in-out;
}
.header .util .cart a span.blind:after {content: '';display: block;position:absolute;left:50%;top:100%;width:0;height:0;margin-left:-6px;
     border-top:6px solid #222;border-bottom:6px solid transparent;border-left:6px solid transparent;border-right:6px solid transparent;
}
.header .util .cart a:hover span.blind,
.header .util .cart a:focus span.blind {top:-30px;opacity:1;}

.header .util .mypage a span.blind { overflow:visible; visibility:visible; height:auto; line-height:20px; }
.header .util .mypage a span.blind {position:absolute;left:50%;top:-20px;margin-left:-28px;display:block;width:56px;text-align:center;background:#222;color:#fff;font-size:11px;letter-spacing:-0.5px;opacity:0;
     -webkit-transition:all .1s ease-in-out;
     transition:all .1s ease-in-out;
}
.header .util .mypage a span.blind:after {content: '';display: block;position:absolute;left:50%;top:100%;width:0;height:0;margin-left:-6px;
     border-top:6px solid #222;border-bottom:6px solid transparent;border-left:6px solid transparent;border-right:6px solid transparent;
}
.header .util .mypage a:hover span.blind,
.header .util .mypage a:focus span.blind {top:-30px;opacity:1;}

.header .util .search a span.blind { overflow:visible; visibility:visible; height:auto; line-height:20px; }
.header .util .search a span.blind {position:absolute;left:50%;top:-20px;margin-left:-23px;display:block;width:46px;text-align:center;background:#222;color:#fff;font-size:11px;letter-spacing:-0.5px;opacity:0;
     -webkit-transition:all .1s ease-in-out;
     transition:all .1s ease-in-out;
}
.header .util .search a span.blind:after {content: '';display: block;position:absolute;left:50%;top:100%;width:0;height:0;margin-left:-6px;
     border-top:6px solid #222;border-bottom:6px solid transparent;border-left:6px solid transparent;border-right:6px solid transparent;
}
.header .util .search a:hover span.blind,
.header .util .search a:focus span.blind {top:-30px;opacity:1;}

/* //GNB Icon Guide 추가 */



.header .util .search a {width:22px;background-position:-153px 0;}
/*.header .util .login a {width:29px; height:28px; background-position:-90px -30px;}*/
.header .util .login a { width:29px; height:28px; background:url('../images/common/ico_login_new.png') 0 0 no-repeat; background-size:100%; }
.header .util .login a em {width:40px;margin-left:-20px;}
.header .util .logout a {width:28px; height:28px;background-position:-154px -30px;}
.header .gnbwrap {position:absolute;left:0;top:0;right:0;bottom:0;width:358px;height:100%;opacity:0;background:#fff;filter:alpha(opacity=0);
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box;
     -webkit-transform:translateX(-80%);
     -moz-transform:translateX(-80%);
     -o-transform:translateX(-80%);
     -ms-transform:translateX(-80%);
     transform:translateX(-80%);
     -webkit-transition-duration:.5s;
     transition-duration:.5s;
}
.header .gnbwrap.open {opacity:1;filter:alpha(opacity=100);
     -webkit-transform:translateX(0);
     -moz-transform:translateX(0);
     -o-transform:translateX(0);
     -ms-transform:translateX(0);
     transform:translateX(0);
}
.header .gnbwrap > img {position:absolute;left:125px;top:50%;
     -webkit-transform:translateY(-50%);
     -moz-transform:translateY(-50%);
     -o-transform:translateY(-50%);
     -ms-transform:translateY(-50%);
     transform:translateY(-50%);
}
.header .gnbwrap a.go_home {display:block;position:absolute;left:0;top:24%;width:100%;height:40px;}
.header .gnbwrap a.go_shop {display:block;position:absolute;left:0;top:31%;width:100%;height:40px;}
.header .gnbIn {overflow:hidden;overflow-y:auto;position:relative;left:0;width:233px;height:100%;padding-top:80px;padding-bottom:80px;text-align:left;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box;
}
.header .gnbIn:before {content:'';display:inline-block;height:100%;vertical-align:middle;}
.header .gnbIn > div {display:inline-block;vertical-align:middle}
.header .gnbwrap > .btn {position:absolute;left:125px;bottom:32px;width:172px;}
.header #gnb li {margin-top:24px;opacity:0.5;
     -webkit-transform:translateX(-40px);
     -moz-transform:translateX(-40px);
     -o-transform:translateX(-40px);
     -ms-transform:translateX(-40px);
     transform:translateX(-40px);
     -webkit-transition-duration:.3s;
     transition-duration:.3s;
}
.header #gnb li:first-child {margin-top:0;}
.header #gnb li a {display:block;font-family:'NotoB'; font-size:22px;color:#999;letter-spacing:-1px;
     -webkit-transition-duration:.2s;
     transition-duration:.2s;
}
.header #gnb li.active a,
.header #gnb li a:hover {color:#222222;}
.header .gnbwrap.open .gnbIn {left:125px;}
.header .gnbwrap.open #gnb li {opacity:1;
     -webkit-transform:translateX(0);
     -moz-transform:translateX(0);
     -o-transform:translateX(0);
     -ms-transform:translateX(0);
     transform:translateX(0);
}
.header .gnbwrap.open #gnb li:nth-child(1) {
     -webkit-transition-delay:.1s;
     transition-delay:.1s;
}
.header .gnbwrap.open #gnb li:nth-child(2) {
     -webkit-transition-delay:.15s;
     transition-delay:.15s;
}
.header .gnbwrap.open #gnb li:nth-child(3) {
     -webkit-transition-delay:.2s;
     transition-delay:.2s;
}
.header .gnbwrap.open #gnb li:nth-child(4) {
     -webkit-transition-delay:.25s;
     transition-delay:.25s;
}
.header .gnbwrap.open #gnb li:nth-child(5) {
     -webkit-transition-delay:.3s;
     transition-delay:.3s;
}
.header .gnbwrap.open #gnb li:nth-child(6) {
     -webkit-transition-delay:.35s;
     transition-delay:.35s;
	 background: url('https://image.drjart.com/front/ko/images/common/jartv.svg') no-repeat;
     background-size: 100%;
	 margin-top:45px;
}
.header .gnbwrap.open #gnb li:nth-child(6) > a { font-size:0; height:45px; }
.header .gnbwrap.open #gnb li:nth-child(7) {
     -webkit-transition-delay:.4s;
     transition-delay:.4s;
}
.header .gnbwrap.open #gnb li:nth-child(8) {
     -webkit-transition-delay:.45s;
     transition-delay:.45s;
}
/*.header .gnb_util {position:absolute;left:125px;bottom:0;}*/
.header .gnb_util {margin-top:52px;}
.header .gnb_util li {margin-top:7px;}
.header .gnb_util li a {font-size:13px;color:#aaaaaa;
     -webkit-transition-duration:.2s;
     transition-duration:.2s;
}
.header .gnb_util li a:hover {color:#222;}
.header .gnb_util li:first-child {margin-top:0;}
.header .gnb_util .merge_mbr {margin-top:45px;}
.header .gnb_util .merge_mbr a {width:140px; color:#555;}
.header .gnb_util .merge_mbr a:hover {color:#fff;}

.header .language { position:absolute;left:130px;bottom:95px;text-align:center;}
.header .language {overflow:hidden;}
.header .language li {position:relative;float:left;margin-left:8px;padding-left:8px;color:#999999;font-size:12px;}
.header .language li:after {content:'';position:absolute;top:50%;left:0;margin-top:-4px;width:1px;height:8px;background:#dddddd}
.header .language li:first-child {margin-left:0px;padding-left:0px;}
.header .language li:first-child:after {position:static;background:none}
.header .language li a {color:#999999;}
.header .language li.on a {color:#222;}

#container {position:relative;padding-left:90px;padding-bottom:120px;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box;
     -webkit-transition-duration:.5s;
     transition-duration:.5s;
}
#container:after {content:'';display:block;clear:both;}
#container.bg {min-height:100%;background:#f9f9f9;}
.wideContents {position:relative;padding:0 60px;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box;
}
.wideContents.bg {background-color:#fff;}
.wideContents .maxContents {max-width:1920px;margin:0 auto;}
.contents {position:relative;max-width:980px;margin:0 auto;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box;
}
.aside_con {position:relative;padding-right:320px;}
.aside_con .aside_area {position:absolute;right:0;top:0;width:280px;}
.aside_con .aside_area.fixed {position:fixed;left:50%;margin-left:255px;top:0;}
.aside_con .aside_area.fixedW {position:fixed;left:0%;margin-left:895px;top:0;}
.aside_con .aside_area.max {position:absolute;left:auto;right:0;top:auto;bottom:0;margin-left:0;}
.topGnb {padding:60px 0 20px;border-bottom:1px solid #eeeeee;}
.topGnb:after {content:'';display:block;clear:both;}
.topGnb .topGnbTitle {float:left;display:inline-block;margin-right:45px;font-family:'HB', 'NotoB';font-size:32px;letter-spacing:-0.5px;color:#222222;}
.topGnb .topGnbTitle a {font-family:'HB', 'NotoB'; color:inherit;}
.topGnb > ul {float:left; padding-top:7px; }
.topGnb > ul > li {position:relative; float:left;margin-right:25px;}
.topGnb > ul > li:last-child {margin-right:0;}
.topGnb > ul > li > a {display:block;font-family:'NotoL';color:#999999;}
.topGnb > ul > li:hover > a {color:#222222;}
.topGnb > ul > li.active > a {font-family:'NotoB';color:#222222;}
.topGnb.shopGnb {position:relative;z-index:850;}
.topGnb.shopGnb.bdbNone {border-bottom:none;}
.topGnb.shopGnb > ul > li:after {content:''; position:absolute; left:50%; bottom:-20px; display:block; width:0; height:2px; background:#222;
     -webkit-transition:all .6s cubic-bezier(0.7, 0, 0.1, 1);
     transition:all .6s cubic-bezier(0.7, 0, 0.1, 1);
}
.topGnb.shopGnb > ul > li.hasSub:hover:after {left:0; width:100%;}
.topGnb.shopGnb .snb {overflow:hidden; position:absolute; left:-30px; top:20px; height:0; padding-top:20px; z-index:10;
     -webkit-transition:all .6s cubic-bezier(0.7, 0, 0.1, 1);
     transition:all .6s cubic-bezier(0.7, 0, 0.1, 1);
}
.topGnb.shopGnb .snb ul {width:150px; padding:20px; border:1px solid #e5e5e5; background:#fff;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box;
}
.topGnb.shopGnb .snb ul li {margin-top:15px;}
.topGnb.shopGnb .snb ul li:first-child {margin-top:0;}
.topGnb.shopGnb .snb ul li a {color:#999;}
.topGnb.shopGnb .snb ul li a:hover,
.topGnb.shopGnb .snb ul li.active a {color:#222;}
.topGnb.fixed {position:fixed;left:150px;top:0;z-index:10;
     width:-webkit-calc(100% - 210px);
     width:-moz-calc(100% - 210px);
     width:-o-calc(100% - 210px);
     width:expression(100% - 210px);
     width:calc(100% - 210px);
}
.topGnb.shopGnb .snb.eventGnb1 ul {width:160px; padding:30px; border:1px solid #e5e5e5; background:#fff;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box;
}

.topGnb.shopGnb .snb.eventGnb2 ul {width:185px; padding:30px; border:1px solid #e5e5e5; background:#fff;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box;
}



#footer {position:relative;padding-left:90px;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box;
}
#footer > div {padding:0 60px;}
#footer .footerT {position:relative;border-top:1px solid #eeeeee;}
#footer .footerM {position:relative;background:#f9f9f9;}
#footer .footerB {background:#f9f9f9;border-top:1px solid #eeeeee;}
#footer .foot_menu {padding:20px 0;}
#footer .foot_menu ul {margin-left:-10px;}
#footer .foot_menu ul:after {content:'';display:block;clear:both;}
#footer .foot_menu li {float:left;position:relative;}
#footer .foot_menu li:before {content:'';display:block;position:absolute;left:0;top:50%;margin-top:-6px;width:1px;height:12px;background:#dcdcdc;}
#footer .foot_menu li:first-child:before {display:none;}
#footer .foot_menu li a {display:block;padding:0 10px;font-size:13px;color:#999999;}
#footer .foot_menu li a:hover {color:#555555;}
#footer .foot_menu li.m3 a {font-family:'NotoB';color:#222222;}
#footer .foot_menu li.m3 a:hover {color:#39b5b7;}
#footer .sitemap {position:absolute;right:325px;top:0;width:160px;height:100%;}
#footer .sitemap .tit {display:block;position:relative;width:100%;height:100%;font-size:12px;text-align:left;background:url('../images/common/arr_selectT.png') no-repeat 112px center;}
#footer .sitemap .tit:after {content:'';display:block;position:absolute;right:0;top:50%;width:1px;height:12px;margin-top:-6px;background:#dcdcdc;}
#footer .sitemap .tit.on {color:#222;background-image:url('../images/common/arr_selectB.png');}
#footer .sitemap .sitemap_menu {overflow:hidden;position:absolute;right:0;bottom:100%;width:625px;height:570px;padding-bottom:30px;background:#fff;border:1px solid #999999;opacity:0;visibility:hidden;z-index:800;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box;
     -webkit-transition-duration:.1s;
     transition-duration:.1s;
}
#footer .sitemap .sitemap_menu.open {opacity:1;visibility:visible;}
#footer .sitemap .sitemap_menu > ul {padding-left:10px;}
#footer .sitemap .sitemap_menu > ul:after {content:'';display:block;clear:both;}
#footer .sitemap .sitemap_menu li.dep1 {float:left;width:25%;height:260px;padding:0 20px;margin-top:25px;border-left:1px solid #eeeeee;opacity:0;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box;
     -webkit-transform:translateY(40px);
     -moz-transform:translateY(40px);
     -o-transform:translateY(40px);
     -ms-transform:translateY(40px);
     transform:translateY(40px);
}
#footer .sitemap .sitemap_menu li.dep1 {
     -webkit-transition-duration:.2s;
     transition-duration:.2s;
}
#footer .sitemap .sitemap_menu li.dep1 p a {font-family:'NotoB';color:#222222;}
#footer .sitemap .sitemap_menu li.dep1 ul {margin-top:9px;}
#footer .sitemap .sitemap_menu li.dep1 li {line-height:33px;}
#footer .sitemap .sitemap_menu li.dep1 li a {color:#999999;}
#footer .sitemap .sitemap_menu li.dep1 li a:hover {color:#222222;text-decoration:underline;}
#footer .sitemap .sitemap_menu li.dep1.shop,
#footer .sitemap .sitemap_menu li.dep1.brand {border-left:0;}
#footer .sitemap .sitemap_menu li.dep1.brand,
#footer .sitemap .sitemap_menu li.dep1.cs,
#footer .sitemap .sitemap_menu li.dep1.util {height:175px;margin-top:36px;}
#footer .sitemap .sitemap_menu li.dep1:nth-child(1) {}
#footer .sitemap .sitemap_menu li.dep1:nth-child(2) {
     -webkit-transition-delay:0.05s;
     transition-delay:0.05s;
}
#footer .sitemap .sitemap_menu li.dep1:nth-child(3) {
     -webkit-transition-delay:0.1s;
     transition-delay:0.1s;
}
#footer .sitemap .sitemap_menu li.dep1:nth-child(4) {
     -webkit-transition-delay:0.15s;
     transition-delay:0.15s;
}
#footer .sitemap .sitemap_menu li.dep1:nth-child(5) {
     -webkit-transition-delay:0.2s;
     transition-delay:0.2s;
}
#footer .sitemap .sitemap_menu li.dep1:nth-child(6) {
     -webkit-transition-delay:0.25s;
     transition-delay:0.25s;
}
#footer .sitemap .sitemap_menu li.dep1:nth-child(7) {
     -webkit-transition-delay:0.3s;
     transition-delay:0.3s;
}
#footer .sitemap .sitemap_menu.open li.dep1 {opacity:1;
     -webkit-transform:translateY(0);
     -moz-transform:translateY(0);
     -o-transform:translateY(0);
     -ms-transform:translateY(0);
     transform:translateY(0);
}

/* #footer .sitemap .sitemap_menu.open li.dep1.beauty { display:none; }*/

#footer .familysite {position:absolute;right:168px;top:0;width:150px;height:100%;}
#footer .familysite .tit {display:block;width:100%;height:100%;font-size:12px;text-align:left;background:url('../images/common/arr_selectT.png') no-repeat right center;}
#footer .familysite .tit span {padding:0 10px;}
#footer .familysite .tit:after {content:'';display:block;position:absolute;right:0;top:50%;width:1px;height:12px;margin-top:-6px;background:#dcdcdc;}
#footer .familysite .tit.on {color:#222;background-image:url('../images/common/arr_selectB.png');}
#footer .familysite ul {position:absolute;left:0;bottom:100%;width:100%;background:#fff;border:1px solid #999999;opacity:0;visibility:hidden;z-index:800;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box;
     -webkit-transition-duration:.1s;
     -webkit-transition-timing-function:ease-in;
     transition-duration:.1s;
     transition-timing-function:ease-in;
}
#footer .familysite ul li {opacity:0;
     -webkit-transform:translateY(10px);
     -moz-transform:translateY(10px);
     -o-transform:translateY(10px);
     -ms-transform:translateY(10px);
     transform:translateY(10px);
     -webkit-transition-duration:.2s;
     transition-duration:.2s;
}
#footer .familysite ul li:nth-child(1) {}
#footer .familysite ul li:nth-child(2) {
     -webkit-transition-delay:.05s;
     transition-delay:.05s;
}
#footer .familysite ul li:nth-child(3) {
     -webkit-transition-delay:.1s;
     transition-delay:.1s;
}
#footer .familysite ul a {display:block;padding:0 17px;height:30px;font-size:12px;line-height:30px;color:#555555;}
#footer .familysite ul a:hover {color:#222;background:#f9f9f9;}
#footer .familysite ul.open {height:auto;opacity:1;visibility:visible;}
#footer .familysite ul.open li {opacity:1;
     -webkit-transform:translateY(0);
     -moz-transform:translateY(0);
     -o-transform:translateY(0);
     -ms-transform:translateY(0);
     transform:translateY(0);}

#footer .language {position:absolute;right:50px;top:0;width:110px;height:100%;}
#footer .language .tit {display:block;width:100%;height:100%;font-size:12px;text-align:left;background:url('../images/common/arr_selectT.png') no-repeat right center;}
#footer .language .tit span {padding:0 10px;}
#footer .language .tit.on {color:#222;background-image:url('../images/common/arr_selectB.png');}
#footer .language ul {position:absolute;left:0;bottom:100%;width:100%;background:#fff;border:1px solid #999999;opacity:0;visibility:hidden;z-index:800;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box;
     -webkit-transition-duration:.1s;
     -webkit-transition-timing-function:ease-in;
     transition-duration:.1s;
     transition-timing-function:ease-in;
}
#footer .language ul li {opacity:0;
     -webkit-transform:translateY(10px);
     -moz-transform:translateY(10px);
     -o-transform:translateY(10px);
     -ms-transform:translateY(10px);
     transform:translateY(10px);
     -webkit-transition-duration:.2s;
     transition-duration:.2s;
}
#footer .language ul li:nth-child(1) {}
#footer .language ul li:nth-child(2) {
     -webkit-transition-delay:.05s;
     transition-delay:.05s;
}
#footer .language ul li:nth-child(3) {
     -webkit-transition-delay:.1s;
     transition-delay:.1s;
}
#footer .language ul a {display:block;padding:0 15px;height:30px;font-size:12px;line-height:30px;color:#555555;}
#footer .language ul a:hover {color:#222;background:#f9f9f9;}
#footer .language ul.open {height:auto;opacity:1;visibility:visible;}
#footer .language ul.open li {opacity:1;
     -webkit-transform:translateY(0);
     -moz-transform:translateY(0);
     -o-transform:translateY(0);
     -ms-transform:translateY(0);
     transform:translateY(0);}
#footer .foot_info {padding:25px 0;font-size:12px;line-height:24px;color:#999999;}
#footer .foot_info .address p {}
#footer .foot_info .address p > span {display:inline-block;position:relative;padding:0 8px 0 11px;vertical-align:top;}
#footer .foot_info .address p > span:before {content:'';display:block;position:absolute;left:0;top:50%;width:1px;height:11px;margin-top:-5px;background:#dcdcdc;}
#footer .foot_info .address p > span:first-child {padding-left:0;}
#footer .foot_info .address p > span:first-child:before {display:none;}
#footer .foot_info .address a.busnessinfo {display:inline-block;padding:0 10px;margin-top:2px;margin-left:7px;line-height:20px;color:#999999;background:#eeeeee;vertical-align:top;border:1px solid #bbbbbb;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box;
     -webkit-transition-duration:.2s;
     transition-duration:.2s;
}
#footer .foot_info .address a.busnessinfo:focus,
#footer .foot_info .address a.busnessinfo:hover {color:#fff;background:#bbbbbb;}
#footer .foot_info .address a.busnessinfo span {display:block;}
#footer .foot_info .address a.mail {color:#999999;text-decoration:underline;}
#footer .foot_info .address a.mail:focus,
#footer .foot_info .address a.mail:hover {color:#555555;}
#footer .foot_info .copyright {display:block;margin-top:16px;font-size:11px;color:#999999;}
#footer .foot_sns {position:absolute;right:55px;top:45px;}
#footer .foot_sns a {display:inline-block;width:20px;height:20px;margin:0 7px;vertical-align:middle;background:url('../images/common/ico_foot_sns.png') no-repeat;}
#footer .foot_sns a.sns_fb {background-position:5px 0}
#footer .foot_sns a.sns_tw {background-position:-30px 0;}
#footer .foot_sns a.sns_is {background-position:-67px 0;}
#footer .foot_sns a.sns_fb:hover {background-position:5px -20px}
#footer .foot_sns a.sns_tw:hover {background-position:-30px -20px;}
#footer .foot_sns a.sns_is:hover {background-position:-67px -20px;}

/* NAVER 추기 : 2018-03-22 */
#footer .foot_sns a.sns_nv { background:url('../images/common/ico_foot_sns_youtube_off.png') center center no-repeat; background-size:150%; }
#footer .foot_sns a.sns_nv:hover { background-image:url('../images/common/ico_foot_sns_youtube_on.png'); }

#footer .foot_mark {padding:30px 0 40px;}
#footer .foot_mark ul:after {content:'';display:block;clear:both;}
#footer .foot_mark li {float:left;position:relative;margin-right:40px;font-size:11px;line-height:14px;color:#999999;}
#footer .foot_mark a {display:block;text-align:left;color:#999999;}
#footer .foot_mark a:hover {color:#555555;}
#footer .foot_mark i.mark {display:inline-block;width:36px;height:36px;margin-right:10px;vertical-align:middle;}
#footer .foot_mark i.mark1 {background-image:url('../images/common/foot_mark1.png');}
#footer .foot_mark i.mark2 {background-image:url('../images/common/foot_mark2.png');}
#footer .foot_mark i.mark3 {background-image:url('../images/common/foot_mark3.png');}
#footer .foot_mark span {display:inline-block;vertical-align:middle;}

/*  알림톡 추가 위치 조절 : shomain */
.float_shopMains  { bottom:240px !important; z-index:501 !important; }


/* title */
.pageTitArea {padding-top:55px;padding-bottom:57px;text-align:center;font-family:'NotoB';}
.pageTitArea h2 {margin:20px 0 10px;font-size:48px;line-height:48px;color:#222222;}
.pageTitArea .tit_en {font-family:'HB';letter-spacing:-0.5px;}
.pageTitArea .tit_ko {font-size:16px;color:#999999}
.pageTitle {padding:60px 0 25px;text-align:center;font-family:'NotoB';font-size:30px;line-height:30px;color:#222222;letter-spacing:-0.4px;}
.pageTitle.plus {position:relative;font-family:'NotoL';}
.pageTitle.plus:before {content:'';display:block;position:absolute;left:0;top:65%;width:100%;height:1px;background:#dcdcdc;}
.pageTitle.plus span {display:inline-block;position:relative;padding:0 30px;background:#fff;}
.pageTitle.plus span:before,
.pageTitle.plus span:after {content:'';display:block;position:absolute;top:50%;width:1px;height:16px;margin-top:-8px;background:#dcdcdc;}
.pageTitle.plus span:before {left:-8px;}
.pageTitle.plus span:after {right:-8px;}
.pageSubTitle {padding-bottom:37px;text-align:center;}
.secTitle {padding:50px 0 20px; font-size:22px; color:#222;}


/* ========== [공통스타일] ========== */
.ui-widget-header {background:#fff;border:0;border-bottom:1px solid #eeeeee;}
.ui-widget-header .ui-icon {background:none;}
.ui-widget.ui-widget-content {padding:18px 20px;margin-top:-1px;border-color:#333333;border-radius:0;z-index:1001 !important;}
.ui-datepicker .ui-datepicker-prev {background:url('../images/common/ui-datepicker-prev.png') no-repeat center center;}
.ui-datepicker .ui-datepicker-prev:hover {background-image:url('../images/common/ui-datepicker-prev-hover.png');}
.ui-datepicker .ui-datepicker-next {background:url('../images/common/ui-datepicker-next.png') no-repeat center center;}
.ui-datepicker .ui-datepicker-next:hover {background-image:url('../images/common/ui-datepicker-next-hover.png');}
.ui-datepicker .ui-datepicker-title {padding-bottom:15px;margin:0 2.3em;text-align:center;font-size:16px;line-height:1.4em;color:#222;}
.ui-datepicker th {line-height:30px;}
.ui-datepicker th:first-child {color:#dd0f3f;}
.ui-datepicker td {padding:0;}
.ui-datepicker td span,
.ui-datepicker td a {text-align:center;}
.ui-datepicker td a:hover {background:#dcdcdc;}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {padding:0;line-height:34px;color:#555555;background:#fff;border:0;}
.ui-datepicker .ui-state-active,
.ui-datepicker .ui-state-active:hover {color:#fff;background:#222222;border:0;}

.mCSB_inside>.mCSB_container {margin-right:8px;}
.mCSB_scrollTools {width:8px;}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {width:100%;background:#f7f7f7;}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:8px;border:0px solid #f7f7f7;background-color:rgba(0,0,0,.25);}

.noData {padding:170px 0 100px;text-align:center;font-size:16px;color:#555;background:url('../images/common/bg_noData.png') no-repeat center 60px;}
.noData .subtxt {margin-top:12px;font-size:12px;line-height:24px;color:#999;}
.noData .keyword {font-family:'NotoB'; color:#222;}
.noData .btn_wrap {margin-top:20px;}
.noData .btn {min-width:160px;}
.border {border-top:1px solid #222222;border-bottom:1px solid #eeeeee;}

/* form */
.selectbox {display:inline-block;position:relative;width:240px;height:40px;vertical-align:middle;border:1px solid #dcdcdc;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box;
}
.selectbox.open {border-color:#555555;}
.selectbox .title {overflow:hidden;position:relative;width:100%;height:38px;line-height:38px;padding-right:30px;text-align:left;text-indent:15px;text-overflow:ellipsis; white-space:nowrap; background:#fff url('../images/common/arr_selectB.png') no-repeat right center;}
.selectbox.open .title {background:#fff url('../images/common/arr_selectT.png') no-repeat right center;}
.selectbox .selList {display:none;position:absolute;top:39px;left:-1px;width:100%;background:#fff;border: 1px solid #555555;border-top:none;opacity:0;filter:alpha(opacity=0);}
.selectbox.open .selList {overflow-y:auto;margin-bottom:30px;-webkit-overflow-scrolling:touch;opacity:1;filter:alpha(opacity=100);z-index: 100;}
.selectbox .selList li {position:relative;width:100%;background:#fff;}
.selectbox .selList li label {display:inline-block;position:relative;overflow:hidden;width:98%;height:40px;line-height:40px;color:#555555;text-indent:15px;vertical-align:top;text-overflow:ellipsis;white-space:nowrap;}
.selectbox .selList li .option {position:absolute;left:0;top:0;width:0;height:0;border:0;border-radius:0;opacity:0;filter:alpha(opacity=0);}
.selectbox .selList li:hover {background:#f9f9f9;}
.selectbox .selList li:hover label {color:#222222;}
.selectbox.error {border-color:#fa5855;}
.selectbox.disabled {background:#eeeeee;}
.selectbox.disabled .title {cursor:default;opacity:0.5;filter:alpha(opacity=50);background-color:transparent;}

/* 정렬 selectbox (ex 제품리스트 상단) */
.sortArea {text-align:right;}
.sortArea .selectbox {width:140px;border:none; border-bottom:1px solid #dcdcdc;}
.sortArea .selectbox .title {background-color:transparent; background-position:125px center; text-indent:0;}
.sortArea .selectbox .selList {border-top:1px solid #555555; text-align:left;}

/* 검색바 */
/* .search {position:relative;}
.search input[type=text] {padding:0; padding-right:30px; border:none; border-bottom:1px solid #dcdcdc; background:none; font-size:13px; text-indent:0; color:#999;}
.search input::-webkit-input-placeholder{color:#999}
.search input[type=text]:hover, .listTotal .sortArea .search input[type=text]:focus {border-bottom:1px solid #222; color:#222;}
.search .btn_sch {position:absolute; right:0; top:6px; display:block; width:25px; height:29px; background:url(../images/common/btn_search.png) no-repeat 50% 5px; font-size:0; color:transparent;}

span.inp_text {display:inline-block;vertical-align:middle;}
.inp_text input {width:100%;height:40px;padding:0 8px;line-height:40px;color:#555;text-indent:4px;border:1px solid #dcdcdc;outline:none;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box;
}
.inp_text input:focus {color:#222222;border-color:#222222;}
.inp_text input.readOnly {color:#999999;background:#eeeeee;border-color:#dcdcdc;}
.inp_text input:read-only {color:#999999;background:#eeeeee;border-color:#dcdcdc;}
.inp_text input.error {color:#fa5855;border-color:#fa5855;}

 */






.inp_check {display:inline-block;position:relative;margin-right:10px;vertical-align:middle;}
.inp_check input {display:inline-block;position:absolute;left:0;top:0;width:16px;height:16px;font-size:12px;line-height:16px;opacity:0;filter:alpha(opacity=0);cursor:pointer;z-index:1;}
.inp_check label {display:inline-block;position:relative;height:16px;padding-left:20px;font-size:12px;line-height:16px;background:url('../images/common/inp_check.png') no-repeat left top;z-index:2;}
.inp_check.checked label {background-position:0 -50px;}
.inp_check.disabled label {background-position:0 -100px;}
.inp_check.readOnly label {background-position:0 -100px;}
.inp_check.checked.readOnly label {background-position:0 -150px;}
.inp_check_type2 {display:inline-block;position:relative;margin-right:10px;vertical-align:middle;}
.inp_check_type2 input {display:block;position:absolute;left:0;top:0;width:16px;height:16px;font-size:14px;line-height:16px;opacity:0;filter:alpha(opacity=0);cursor:pointer;z-index:1;}
.inp_check_type2 label {display:block;position:relative;height:16px;padding-left:24px;font-size:14px;line-height:16px;z-index:2;}
.inp_radio {display:inline-block;position:relative;margin-right:10px;vertical-align: middle;}
.inp_radio input {display:inline-block;position:absolute;left:0;top:0;width:16px;height:16px;font-size:12px;line-height:16px;opacity:0;filter:alpha(opacity=0);cursor:pointer;z-index:1;}
.inp_radio label {display:inline-block;position:relative;height:16px;padding-left:20px;font-size:12px;line-height:16px;background:url('../images/common/inp_radio.png') no-repeat left top;z-index:2;}
.inp_radio_type2 label {padding-left:24px;font-size:14px;line-height:16px;color:#222222;}
.inp_radio.checked label {background-position:0 -50px;}
.inp_radio.disabled label {background-position:0 -100px;}
.inp_radio.readOnly label {background-position:0 -100px;}
.inp_radio.checked.readOnly label {background-position:0 -150px;}
.inp_image {padding:0;margin:0;border:none;vertical-align:middle;}
.inp_tel {}
.inp_tel:after {content:'';display:block;clear:both;}
.inp_tel > span {float:left;}
.inp_tel .tel_box {width:30%;}
.inp_tel .tel_box .selectbox {width:100%;}
.inp_tel .tel_bar {width:5%;text-align:center;font-size:11px;line-height:40px;}
.inp_email {}
.inp_email:after {content:'';display:block;clear:both;}
.inp_email > span {float:left;}
.inp_email .email_box {display:inline-block;width:30%;vertical-align:middle;}
.inp_email .selectbox {width:34%;margin-left:1%;}
.inp_email .btn_wrap {padding-left:12px;}
.inp_email .email_bar {display:inline-block;width:3%;text-align:center;font-size:13px;line-height:40px;}
.inp_cardnum:after {content:'';display:block;clear:both;}
.inp_cardnum > span {float:left;}
.inp_cardnum .inp_text {width:22%;}
.inp_cardnum .cardnum_bar {width:4%;text-align:center;font-size:11px;line-height:40px;}
.inp_account {position:relative;text-align:left;}
.inp_account .inp_cell {display:inline-block;width:30%;margin-right:1%;font-size:14px;color:#222222;line-height:40px;}
.inp_account .inp_cell:last-child {width:35%;margin-right:0;}
.inp_account .inp_cell em {margin-right:5px;color:#999999;}
.inp_addr {position:relative;}
.inp_addr .inp_check {position:absolute;left:0;bottom:-50px;}
.inp_addr .addr_detail {margin-top:10px;}
.inp_addr .addr_btn {margin-top:20px;}
.inp_addr .addr_btn:after {content:'';display:block;clear:both;}
.inp_addr .addr_btn .inp_check {float:left;margin:10px 0;}
.inp_addr .addr_btn .btn_wrap {float:right;margin:0;}
.inp_addr .addr_post .inp_text {display:inline-block;width:30%;vertical-align:middle}
.inp_error input {color:#fa5855;border-color:#fa5855;}
p.error {text-indent:10px;font-size:12px;color:#fa5855;line-height:30px;}


 /* 검색바 */
.search {position:relative;}
.search input[type=text] {padding:0; padding-right:30px; border:none; border-bottom:1px solid #dcdcdc; background:none; font-size:13px; text-indent:0; color:#999;}
.search input::-webkit-input-placeholder{color:#999}
.search input[type=text]:hover, .listTotal .sortArea .search input[type=text]:focus {border-bottom:1px solid #222; color:#222;}
.search .btn_sch {position:absolute; right:0; top:6px; display:block; width:25px; height:29px; background:url(../images/common/btn_search.png) no-repeat 50% 5px; font-size:0; color:transparent;}

span.inp_text {display:inline-block;vertical-align:middle;}
.inp_text input {width:100%;height:40px;padding:0 8px;line-height:40px;color:#555;text-indent:4px;border:1px solid #dcdcdc;outline:none;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box;
}
.inp_text input:focus {color:#222222;border-color:#222222;}
.inp_text input.readOnly {color:#999999;background:#eeeeee;border-color:#dcdcdc;}
.inp_text input:read-only {color:#999999;background:#eeeeee;border-color:#dcdcdc;}
.inp_text input.error {/*color:#fa5855;*/border-color:#fa5855;}
span.input_text {display:inline-block; vertical-align:middle;}
.input_text input {width:100%;height:40px;padding:0 16px;line-height:40px;color:#111;border:1px solid #e5e5e5;background:#fff;outline:none;box-sizing:border-box;}
.input_text.inp_id input {width:80%;}
.input_text input::-webkit-input-placeholder {color:#999; font-size:12px;}
.input_text input:focus {color:#111;border-color:#222222;}
.input_text input[readonly] {color:#ccc;background:#f9f9f9;border-color:#f9f9f9;}
.input_text input[readonly]::-webkit-input-placeholder {color:#ccc; font-size:12px;}
p.error {margin-bottom:10px; font-size:12px; color:#fa5855;}


.tblType2 .inp_addr .addr_post {margin-bottom:15px;}
/*.inp_file {height:19px;border:1px solid #d3d3d3;font-size:12px;background:#ffffff;}*/
.lable, .label {display:inline-block;padding-top:1px;vertical-align:middle;cursor:pointer;}
textarea {width:100%;min-height:200px;padding:10px;color:#555;font-family:'NotoL';font-size:14px;line-height:26px;border:1px solid #dcdcdc;outline:none;resize:none;border-radius:0;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box;
}
textarea:focus {color:#555555;border-color:#222222;}
textarea.readOnly {color:#222222;background:#eeeeee;border-color:#dcdcdc;}
textarea.error {color:#fa5855;border-color:#fa5855;}
.textbox {position:relative;}
.textbox .charCnt {position:absolute; right:20px; bottom:18px; font-size:12px; color:#999; background:#fff}
.textbox .charCnt em {color:#222;}

.inp_qty {display:inline-block;overflow: hidden;height:38px;border:1px solid #dcdcdc;}
.inp_qty:after {content:'';display:block;clear:both;}
.inp_qty button {float:left;width:38px;height:100%;vertical-align: middle; background:#fff;}
.inp_qty button:hover {background:#eeeeee;}
.inp_qty input {float:left;width:45px;height:38px;margin:0 1px;font-size:14px;line-height:38px;text-align:center;text-indent:0;background:transparent;border:none;}
.inp_qty.readOnly {background:#eeeeee;border-color:#dcdcdc;}
.inp_qty.readOnly input {color:#dcdcdc;}
.inp_qty.readOnly button {cursor:default;background:transparent;opacity:0.2;filter:alpha(opacity=20);}

.optList {width:240px;}
.optList li {position:relative;min-height:28px;padding-left:15px;background:#f9f9f9;border:1px solid #dcdcdc;}
.optList li:after {content:'';display:block;clear:both;}
.optList li .optName {display:inline-block;overflow:hidden;float:left;width:120px;margin-right:2px;font-size:13px;line-height:28px;white-space:nowrap;text-overflow:ellipsis}
.optList li .inp_qty {display:inline-block;float:left;height:28px;border:0;}
.optList li .inp_qty input {width:22px;height:28px;margin:0;font-size:13px;color:#555555;line-height:28px;}
.optList li .inp_qty button {width:20px;background:transparent;}
.optList li .opt_del {display:inline-block;position:absolute;right:14px;top:50%;width:14px;height:14px;margin-top:-7px;vertical-align:middle;background:url('../images/common/ico_btnTypeIcon.png') no-repeat -150px -20px;}

/* button */
.btn_wrap {font-size:0;line-height:0;vertical-align:middle;}
.btn_plus {
    display:inline-block;position:relative;margin-right:4px;text-align:center;text-transform:uppercase;color:#222;vertical-align:middle;
    border-left:1px solid;border-bottom:1px solid;border-color:#222222;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
}
.btn_plus:before,
.btn_plus:after {content:'';display:block;position:absolute;background:#222222;z-index:10;
     -webkit-transition:.5s;
     transition:.5s;
}
.btn_plus:before {right:0;bottom:0;width:1px;
     height:-webkit-calc(100% - 9px);
     height: calc(100% - 9px);
}
.btn_plus:after {left:0;top:0;height:1px;
     width:-webkit-calc(100% - 9px);
     width:calc(100% - 9px);
}
.btn_plus .fl,
.btn_plus .sfl {
	position:absolute;left:0;top:0;width:0;height:100%;background:#39b5b7;z-index:2;
	-webkit-transition:.5s;
     -webkit-transition-delay:.1s;
     transition:.5s;
     transition-delay:.1s;
}
.btn_plus .sfl {z-index:1;
     -webkit-transition:.7s;
     transition:.7s;
}
.btn_plus .cross {position:absolute;width:18px;height:18px;z-index:15;
     right:-webkit-calc(50% - 8px);
     right:calc(50% - 8px);
     top:-webkit-calc(50% - 8px);
     top:calc(50% - 8px);
}
.btn_plus .cross:before,
.btn_plus .cross:after {
	content:'';display:block;position:absolute;background:#fff;opacity:0filter:alpha(opacity=0);;
    -webkit-transition-duration:.3s;
    -webkit-transition-delay:0s;
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-duration:.3s;
    transition-delay:0s;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.btn_plus .cross:before {
	left:0px;top:8px;width:100%;height:1px;
    -webkit-transform: translateX(-50px) scaleX(0);
    -moz-transform: translateX(-50px) scaleX(0);
    -o-transform: translateX(-50px) scaleX(0);
    -ms-transform: translateX(-50px) scaleX(0);
    transform: translateX(-50px) scaleX(0);
}
.btn_plus .cross:after {
    left:8px;top:0;width:1px;height:100%;
    -webkit-transform: translateY(15px) scaleY(0);
    -moz-transform: translateY(15px) scaleY(0);
    -o-transform: translateY(15px) scaleY(0);
    -ms-transform: translateY(15px) scaleY(0);
    transform: translateY(15px) scaleY(0);
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
}
.btn_plus i {display:block;position:absolute;right:1px;top:1px;z-index:10;
     -webkit-transition:.5s;
     transition:.5s;
}
.btn_plus i:before,
.btn_plus i:after {content:'';display:block;position:absolute;left:50%;top:50%;background:#222222;}
.btn_plus i:before {width:9px;height:1px;margin:-1px -4px;}
.btn_plus i:after {width:1px;height:9px;margin:-5px 0px;}
.btn_plus p {position:relative;z-index:;
     -webkit-transition:.5s;
     transition:.5s;
}

.btn_plus:hover {border-color:#39b5b7;}
.btn_plus:hover:before,
.btn_plus:hover:after {background-color:#39b5b7;}
.btn_plus:hover:before {height:100%;}
.btn_plus:hover:after {width:100%;}
.btn_plus:hover .fl,
.btn_plus:hover .sfl {width:100%;
     -webkit-transition-delay:0s;
     transition-delay:0s;
}
.btn_plus:hover .fl {
     -webkit-transition:.7s;
     transition:.7s;
}
.btn_plus:hover .sfl {
     -webkit-transition:.5s;
     transition:.5s;
}
.btn_plus:hover .cross:before,
.btn_plus:hover .cross:after {
     -webkit-transform:none;
     -moz-transform:none;
     -o-transform:none;
     -ms-transform:none;
     transform:none;
     opacity:1;filter:alpha(opacity=100);
     -webkit-transition-delay:.1s;
     transition-delay:.1s;
}
.btn_plus:hover .cross:before {
     -webkit-transition-duration:.4s;
     transition-duration:.4s;
}
.btn_plus:hover .cross:after {
     -webkit-transition-duration:.5s;
     transition-duration:.5s;
}
.btn_plus:hover i {
     -webkit-transform:scale(0);
     -moz-transform:scale(0);
     -o-transform:scale(0);
     -ms-transform:scale(0);
     transform:scale(0);
}
.btn_plus:focus {border-color:#39b5b7;}
.btn_plus:focus:before,
.btn_plus:focus:after {background-color:#39b5b7;}
.btn_plus:focus:before {height:100%;}
.btn_plus:focus:after {width:100%;}
.btn_plus:focus .fl,
.btn_plus:focus .sfl {width:100%;
     -webkit-transition-delay:0s;
     transition-delay:0s;
}
.btn_plus:focus .fl {
     -webkit-transition:.7s;
     transition:.7s;
}
.btn_plus:focus .sfl {
     -webkit-transition:.5s;
     transition:.5s;
}
.btn_plus:focus .cross:before,
.btn_plus:focus .cross:after {
     -webkit-transform:none;
     -moz-transform:none;
     -o-transform:none;
     -ms-transform:none;
     transform:none;
     opacity:1;filter:alpha(opacity=100);
     -webkit-transition-delay:.1s;
     transition-delay:.1s;
}
.btn_plus:focus .cross:before {
     -webkit-transition-duration:.4s;
     transition-duration:.4s;
}
.btn_plus:focus .cross:after {
     -webkit-transition-duration:.5s;
     transition-duration:.5s;
}
.btn_plus:focus i {
     -webkit-transform:scale(0);
     -moz-transform:scale(0);
     -o-transform:scale(0);
     -ms-transform:scale(0);
     transform:scale(0);
}
.btn_plus.disabled {cursor:default;color:#dcdcdc;border-color:#dcdcdc;}
.btn_plus.disabled:before,
.btn_plus.disabled:after {background-color:#dcdcdc;}
.btn_plus.disabled:before {height:-webkit-calc(100% - 9px);height:calc(100% - 9px);}
.btn_plus.disabled:after {width:-webkit-calc(100% - 9px);width:calc(100% - 9px);}
.btn_plus.disabled .fl,
.btn_plus.disabled .sfl,
.btn_plus.disabled .cross {opacity:0;filter:alpha(opacity=0);}
.btn_plus.disabled i:before,
.btn_plus.disabled i:after {background-color:#dcdcdc;}
.btn_plus.disabled:focus i {
     -webkit-transform:scale(1);
     -moz-transform:scale(1);
     -o-transform:scale(1);
     -ms-transform:scale(1);
     transform:scale(1);
}
.btn_plus.disabled:hover i {
     -webkit-transform:scale(1);
     -moz-transform:scale(1);
     -o-transform:scale(1);
     -ms-transform:scale(1);
     transform:scale(1);
}

.btn {display:inline-block;position:relative;margin-right:5px;text-align:center;vertical-align:middle;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box;
     -webkit-transition-duration:.3s;
     transition-duration:.3s;
}
.btn:last-child {margin-right:0;}
.btn > span {position:relative;display:inline-block;white-space:nowrap;z-index:1;}
.btn .bg {display:block;position:absolute;left:0;top:0;width:0;height:100%;z-index:0;
     -webkit-transition-duration:.3s;
     transition-duration:.3s;
}
.btn:before {content:'';display:block;position:absolute;left:0;top:0;width:0;height:100%;
     -webkit-transition-duration:.3s;
     transition-duration:.3s;
}
.btn:hover .bg,
.btn:focus:before,
.btn:hover:before,
.btn.active:before {width:100%;}
.btn.disabled:focus:before,
.btn.disabled:hover:before {width:0;}
.btn .arr-right {position:relative;padding-right:12px;}
.btn .arr-right:before {
     content:'';display:block;position:absolute;top:50%;right:2px;width:1px;height:4px;margin-top:-4px;background:#999999;
     -webkit-transform:skew(45deg,0deg);
     -moz-transform:skew(45deg,0deg);
     -o-transform:skew(45deg,0deg);
     -ms-transform:skew(45deg,0deg);
     transform:skew(45deg,0deg);
}
.btn .arr-right:after {
     content:'';position:absolute;top:50%;right:2px;width:1px;height:4px;background:#999999;​
     -webkit-transform:skew(-45deg,0deg);
     -moz-transform:skew(-45deg,0deg);
     -o-transform:skew(-45deg,0deg);
     -ms-transform:skew(-45deg,0deg);
     transform:skew(-45deg,0deg);
}
.btn .arr-right2 {position:relative;padding-right:15px;}
.btn .arr-right2:before {
     content:'';display:block;position:absolute;top:50%;right:2px;width:1px;height:6px;margin-top:-6px;background:#999999;
     -webkit-transform:skew(45deg,0deg);
     -moz-transform:skew(45deg,0deg);
     -o-transform:skew(45deg,0deg);
     -ms-transform:skew(45deg,0deg);
     transform:skew(45deg,0deg);
}
.btn .arr-right2:after {
     content:'';position:absolute;top:50%;right:2px;width:1px;height:6px;background:#999999;​
     -webkit-transform:skew(-45deg,0deg);
     -moz-transform:skew(-45deg,0deg);
     -o-transform:skew(-45deg,0deg);
     -ms-transform:skew(-45deg,0deg);
     transform:skew(-45deg,0deg);
}
.btn .arr-right2:hover:before,
.btn .arr-right2:hover:after {background:#555;}

.btnType1 {color:#222222;/*background:#ffffff;*/border:1px solid #222222;}
.btnType1:before {background-color:#222222;}
.btnType1:focus,
.btnType1:hover,
.btnType1.active {color:#ffffff;}
.btnType1.disabled,
.btnType1.disabled:hover {cursor:default;color:#dcdcdc;/*background:#ffffff;*/border:1px solid #dcdcdc;}
.btnType2 {color:#ffffff;background:#222222;border:1px solid #222222;}
.btnType2:before {background-color:#ffffff;}
.btnType2:focus,
.btnType2:hover,
.btnType2.active {color:#222222;}
.btnType2.btn_icon {width:62px;background-repeat:no-repeat;background-position:center center;}
.btnType2.btn_icon span {display:block;height:100%;line-height:10px;color:transparent;background-repeat:no-repeat;background-position:center center;}
.btnType2.heart {background-image:url('../images/common/ico_heart_white.png');}
.btnType2.heart:focus span,
.btnType2.heart:hover span {background-image:url('../images/common/ico_heart_black.png');}
.btnType2.cart {background-image:url('../images/common/ico_cart_white.png');}
.btnType2.cart:focus span,
.btnType2.cart:hover span {background-image:url('../images/common/ico_cart_black.png');}
.btnType2.disabled,
.btnType2.disabled:hover {cursor:default;color:#ffffff;background:#dcdcdc;border:1px solid #dcdcdc;}
.btnType2.heart.disabled {background:#dcdcdc url('../images/common/ico_heart_white.png') no-repeat center center;}
.btnType2.cart.disabled {background:#dcdcdc url('../images/common/ico_cart_white.png') no-repeat center center;}
.btnType2.btn_icon.disabled:focus span,
.btnType2.btn_icon.disabled:hover span {background-image:none;}
.btnType3 {color:#555555;background:#eeeeee;border:1px solid #dcdcdc;}
.btnType3:before {background-color:#999999;}
.btnType3:focus,
.btnType3:hover,
.btnType3.active {color:#ffffff;border-color:#999999;}
.btnType3.disabled,
.btnType3.disabled:hover {cursor:default;color:#dcdcdc;background:#ffffff;border:1px solid #dcdcdc;}
.btnType4 {color:#555555;border:1px solid #999999;}
.btnType4:before {background-color:#999999;}
.btnType4:focus,
.btnType4:hover,
.btnType4.active {color:#ffffff;border-color:#999999;}
.btnType4.disabled,
.btnType4.disabled:focus,
.btnType4.disabled:hover {cursor:default;color:#dcdcdc;border:1px solid #dcdcdc;}
.btnType5 {color:#ffffff;border:1px solid #ffffff;}
.btnType5:before {background-color:#000;}
.btnType5:focus,
.btnType5:hover,
.btnType5.active {border-color:#000000 !important;}
.btnType5:focus span,
.btnType5:hover span,
.btnType5.active span {color:#ffffff !important;}
.btnType5.disabled,
.btnType5.disabled:focus,
.btnType5.disabled:hover {cursor:default;color:#ffffff;border:1px solid #ffffff;}
.btnType1 .arr-right:before,
.btnType1 .arr-right:after {background:#222;}
.btnType1:focus .arr-right:before,
.btnType1:hover .arr-right:before,
.btnType1:focus .arr-right:after,
.btnType1:hover .arr-right:after {background:#fff;}
.btnType2 .arr-right:before,
.btnType2 .arr-right:after {background:#fff;}
.btnType2:focus .arr-right:before,
.btnType2:hover .arr-right:before,
.btnType2:focus .arr-right:after,
.btnType2:hover .arr-right:after {background:#222;}
.btnType3 .arr-right:before,
.btnType3 .arr-right:after {background:#555;}
.btnType3:focus .arr-right:before,
.btnType3:hover .arr-right:before,
.btnType3:focus .arr-right:after,
.btnType3:hover .arr-right:after {background:#fff;}
.btnType4 .arr-right:before,
.btnType4 .arr-right:after {background:#555;}
.btnType4:focus .arr-right:before,
.btnType4:hover .arr-right:before,
.btnType4:focus .arr-right:after,
.btnType4:hover .arr-right:after {background:#fff;}
.btnSizeL {min-width:180px;height:48px;font-size:16px;line-height:46px;}
.btnSizeM {min-width:140px;padding:0 10px;height:40px;font-size:14px;line-height:38px;}
.btnSizeS {min-width:100px;padding:0 8px;height:30px;font-size:13px;line-height:28px;}
.btnSizeXS {min-width:80px;height:20px;font-size:11px;line-height:18px;}
.btnSizeL .arr-right {padding-right:15px;}
.btnSizeL .arr-right:before {height:6px;margin-top:-5px;}
.btnSizeL .arr-right:after {height:6px;margin-top:1px;}
.btnSizeM .arr-right {padding-right:15px;}
.btnSizeM .arr-right:before {height:6px;margin-top:-6px;}
.btnSizeM .arr-right:after {height:6px;}

.btnTypeIcon {display:inline-block;position:relative;min-height:16px;padding-left:16px;margin-right:5px;font-size:13px;line-height:15px;color:#999999;text-align:center;text-transform:uppercase;vertical-align:middle;background:url('../images/common/ico_btnTypeIcon.png') no-repeat;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box;
}
.btnTypeIcon:hover {color:#222222;}
.btn_modify {background-position:0 0;}
.btn_modify:hover {background-position:-150px 0;}
.btn_delete {background-position:0 -20px;}
.btn_delete:hover {background-position:-150px -20px;}
.btn_viewAll {display:inline-block;position:relative;padding-right:16px;margin-right:5px;font-size:13px;line-height:15px;color:#999999;text-align:center;text-transform:uppercase;vertical-align:middle;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box;
}
.btn_viewAll:before,
.btn_viewAll:after {content:'';display:block;position:absolute;background:#999999;}
.btn_viewAll:before {right:0;top:7px;width:9px;height:1px;}
.btn_viewAll:after {right:4px;top:3px;width:1px;height:9px;}
.btn_viewAll:hover:before,
.btn_viewAll:hover:after {background:#555555;}
.btn_cancel {background-position:0 -60px;}
.btn_cancel:hover {background-position:-150px -60px;}

.btn_more_wrap {margin-top:40px; text-align:center;}
.btn_more {display:inline-block; margin:0 15px; text-align:center; vertical-align:middle;}
.btn_more a {position:relative; display:inline-block; width:96px; height:96px; border:1px solid #dcdcdc; border-radius:50%; font-size:12px; line-height:14px; color:#999;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box;
     -webkit-transition:all .1s ease-in-out;
     transition:all .1s ease-in-out;
}
.btn_more a:before {content:''; display:block; position:absolute; left:50%;top:32px;width:25px;height:1px; margin-left:-12px; background:#555;
     -webkit-transition:all .3s ease-in-out .1s;
     transition:all .3s ease-in-out .1s;
}
.btn_more a:after {content:''; display:block; position:absolute; left:50%;top:20px;width:1px;height:25px; background:#555;
     -webkit-transition:all .3s ease-in-out .1s;
     transition:all .3s ease-in-out .1s;
}
.btn_more a:hover {border:1px solid #999; background:#999;}
.btn_more a:hover:before {top:45px;background:#fff;}
.btn_more a:hover:after {top:33px;background:#fff;}
.btn_more a span {display:inline-block; margin-top:50px;
     -webkit-transition:all .1s ease-in-out;
     transition:all .1s ease-in-out;
}
.btn_more a:hover .cross {top:14px;}
.btn_more a:hover span {opacity:0;}
.btn_more.list_back a:before {left:30px; top:32px; width:21px; margin-left:0;
     -webkit-transform:rotate(-45deg);
     -moz-transform:rotate(-45deg);
     -o-transform:rotate(-45deg);
     -ms-transform:rotate(-45deg);
     transform:rotate(-45deg);
}
.btn_more.list_back a:after {left:44px; top:32px; width:21px; height:1px;
     -webkit-transform:rotate(45deg);
     -moz-transform:rotate(45deg);
     -o-transform:rotate(45deg);
     -ms-transform:rotate(45deg);
     transform:rotate(45deg);
}
.btn_more.list_back a:hover:before {top:44px;}
.btn_more.list_back a:hover:after {top:44px;}

.goWrite {position:relative; display:block; padding:240px 0 115px; background:#eee; text-align:center; color:#999;
     -webkit-transition:all .2s ease-in-out;
     transition:all .2s ease-in-out;
}
.goWrite .cross {position:absolute; left:50%; top:115px; margin-left:-48px; display:block; width:96px; height:96px;
     -webkit-transition:all .2s .1s ease-in-out;
     transition:all .2s .1s ease-in-out;
}
.goWrite .cross:before {content:''; position:absolute; left:0; top:50%; margin-top:-8px; display:block; width:100%; height:16px; background:#fff;}
.goWrite .cross:after {content:''; position:absolute; left:50%; top:0; margin-left:-8px; display:block; width:16px; height:100%; background:#fff;}
.goWrite:hover {background:#dcdcdc !important;}
.goWrite:hover .cross {
     -webkit-transform:scale(1.2, 1.2);
     -moz-transform:scale(1.2, 1.2);
     -o-transform:scale(1.2, 1.2);
     -ms-transform:scale(1.2, 1.2);
     transform:scale(1.2, 1.2);
}


/* tab */
.tabType1 {}
.tabType1 ul {font-size:0;line-height:0;}
.tabType1 ul:after {content:'';display:block;clear:both;}
.tabType1 li {display:inline-block;padding:0 12px;}
.tabType1 li a {display:block;position:relative;font-size:16px;line-height:24px;color:#999999;}
.tabType1 li a:after {content:'';display:block;position:absolute;left:0%;bottom:0;width:0;height:1px;background:#222;
     -webkit-transform:translateX(-0%);
     -moz-transform:translateX(-0%);
     -o-transform:translateX(-0%);
     -ms-transform:translateX(-0%);
     transform:translateX(-0%);
     -webkit-transition-duration:.2s;
     transition-duration:.2s;
}
.tabType1 li.on a,
.tabType1 li a:hover {color:#222222;}
.tabType1 li.on a:after,
.tabType1 li a:hover:after {width:100%;}

.tabType2 {}
.tabType2 ul {font-size:0;line-height:0;}
.tabType2 ul:after {content:'';display:block;clear:both;}
.tabType2 li {display:inline-block;padding:0 10px;}
.tabType2 li a {display:block;position:relative;font-size:14px;line-height:14px;color:#999999;}
.tabType2 li.on a,
.tabType2 li a:hover {color:#222222;}

.tabType3 {border-bottom:1px solid #dcdcdc;}
.tabType3 ul {position:relative;margin-bottom:-1px;}
.tabType3 ul:after {content:'';display:block;clear:both;}
.tabType3 li {position:relative;float:left;margin-right:-1px;}
.tabType3 li a {display:block;padding:0 18px;line-height:28px;background:#f9f9f9;border:1px solid #dcdcdc;border-bottom:0;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box;
}
.tabType3 li a:hover {color:#222;background:#fff;}
.tabType3 li.on a {padding-bottom:1px;margin-bottom:0;color:#222;background:#fff;border-bottom:0;}

.tabContents .tab_con {display:none;}

/* table */
.tbl_sup {margin:36px 0 18px;color:#222;}
div.tbl_sup {font-family:'NotoB';}
p.tbl_sub {font-size:13px;color:#555555;}
p.tbl_sub em {font-size:14px;}
.tbl_sub {margin-top:15px;}
.tbl_sub li {position:relative;padding-left:10px;font-size:12px;color:#999999;}
.tbl_sub li:before {content:'';display:block;position:absolute;left:0;top:9px;width:3px;height:3px;background:#999999;}

.essential {color:#fa5855;}
.tblType1 {border-bottom:1px solid #eeeeee;}
.tblType1.borderT {border-top:1px solid #222222;}
.tblType1 th {padding:10px 10px;font-size:13px;}
.tblType1 td {padding:30px 10px;border-top:1px solid #eeeeee;}
.tblType1 .noBorder td {border-top:0;}
.tblType1 td .td_num {text-align:right;}
.tblType2 {border-bottom:1px solid #eeeeee;}
.tblType2.noBorder {border-bottom:0;}
.tblType2 th {padding:12px 0;text-align:left;vertical-align:top}
.tblType2 th.va_m {vertical-align:middle}
.tblType2 td {padding:12px 10px;}
.tblType2 td.va_t {vertical-align:top;}
.tblType2 .borderT th,
.tblType2 .borderT td {border-top:1px solid #eeeeee;}
.tblType2 .pdB th,
.tblType2 .pdB td {padding-bottom:32px;}
.tblType2 .paragraph th {padding:32px 0;line-height:30px;}
.tblType2 .paragraph td {padding:32px 10px;line-height:30px;word-wrap:break-word;word-break:keep-all;}
.tblType2.border {border-top:1px solid #222222;}
.tblType2.border th,
.tblType2.border td {border-top:1px solid #eeeeee;}
.tblType2.border tr:first-child th,
.tblType2.border tr:first-child td {border-top:0;}
.tblType3 {table-layout:fixed; border-top:1px solid #000;}
.tblType3.noBorT {border-top:0}
.tblType3.noBorB tbody tr:last-child td {border-bottom:1px solid #eeeeee}
.tblType3 thead th,
.tblType3 tbody td {line-height:24px;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box;
}
.tblType3 thead th {padding:8px 15px; font-size:13px; color:#222; border-bottom:1px solid #dcdcdc}
.tblType3 tbody td {padding:14px 15px; border-bottom:1px solid #eeeeee; text-align:center;}
.tblType3 tbody tr:last-child td {border-bottom:1px solid #222222}
.tblType3 tbody td.al_l {text-align:left;}
.tblType3 tbody td.al_r {text-align:right;}

.tblType_form {}
.tblType_form.borderB {border-bottom:1px solid #eeeeee;}
.tblType_form.borderT {border-top:1px solid #222222;}
.tblType_form th {padding:10px 0;line-height:40px;text-align:left;vertical-align:top}
.tblType_form td {padding:10px 0;}
.tblType_form .borderT th,
.tblType_form .borderT td {padding-top:30px;border-top:1px solid #eeeeee;}
.tblType_form .txt th {line-height:24px;}
.tblType_form .td_pw .inp_text {width:100%;}
.tblType_form .btn_wrap {margin:20px 0;}
.tblType_form .btn_wrap .btn {padding:0 18px;}
.tblType_form .btn_wrap .btnSizeM {min-width:120px;}
.tblType_form .btn_wrap .ico_modify {padding:0 5px 0 20px;background:url('../images/common/ico_btnTypeIcon.png') no-repeat 0 7px;}
.tblType_form .recently_deli {padding-bottom:20px;}
.tblType_form .recently_deli .selectbox {width:100%;}
.tblType_form .deli_msg .selectbox {width:100%;}
.tblType_form .deli_msg .inp_text {margin-top:10px;}
.tblType_form .inp_cell {display:inline-block;width:30%;vertical-align:middle;}
.tblType_form .inp_cell2 {display:inline-block;width:64%;vertical-align:middle;}
.tblType_form .inp_addr {margin-bottom:20px;}
.tblType_form .addr_post .btn_wrap {display:inline-block;margin:0;margin-left:5px;vertical-align:middle}
.tblType_form .addr_post .btn_wrap .btn {min-width:110px;}
.tblType_form .inp_email .btn_wrap {margin:0;}
.tblType_form.bd th,
.tblType_form.bd td {padding:30px 0;border-top:1px solid #eeeeee;}
.tblType_form.bd tr:first-child th,
.tblType_form.bd tr:first-child td {border-top:0;}

/* paging */
.paging {text-align:center;font-size:0;line-height:0;}
.paging a,
.paging span {display:inline-block;height:14px;padding:0 7px;font-family:'HL';font-size:14px;line-height:14px;vertical-align:middle;}
.paging a img {vertical-align:top}
.paging span a {padding:0;}
.paging span.first,
.paging span.prev,
.paging span.next,
.paging span.last {padding:0;}
.paging span.first {margin-right:9px;}
.paging span.prev {margin-right:9px;}
.paging span.next {margin-left:9px;}
.paging span.last {margin-left:9px;}
.paging a {color:#999;}
.paging a:hover {color:#222;}
.paging .current {position:relative;padding-right:35px;margin-right:8px;color:#222;}
.paging .current:after {content:'';display:block;position:absolute;right:0;top:50%;margin-top:-1px;width:20px;height:2px;background:#dddddd;}

/* list */
.listType {}
.listType li {position:relative;margin-top:2px;font-size:13px;color:#999999;line-height:22px;word-break:keep-all;}
.listType li:first-child {margin-top:0;}
.listType1 {}
.listType1 li {position:relative;padding-left:8px;margin-top:8px;font-size:13px;color:#999999;line-height:22px;word-break:keep-all;}
.listType1 li:first-child {margin-top:0;}
.listType1 li:before {content:'';display:block;position:absolute;left:0;top:9px;width:3px;height:3px;background:#aaaaaa;}
.listType1 .dep2 li {padding-left:0;line-height:20px;}
.listType1 .dep2 li:before {display:none;}
.cautionList dl dt {margin-bottom:12px; font-size:13px;}
.cautionList dl dd {position:relative; padding-left:8px; margin-top:10px; font-size:12px; color:#999;word-break:keep-all;}
.cautionList dl dd:after {content:''; position:absolute; left:0; top:9px; display:block; width:3px; height:3px; background:#bbb;}
.cautionList dl dd.first {margin-top:0}
.cautionList dl dd ul {margin-top:2px;}

/* icon */
.iconwrap {}
.ico {overflow:hidden;display:inline-block;height:25px;margin:0 2px;line-height:25px;vertical-align:middle;background:url('../images/common/ico_common.png') no-repeat;}
.ico_search {width:22px;background-position:0 0;}
.ico_cart {width:30px;background-position:0 -30px;}
.ico_zoom {width:22px;background-position:-152px 0;}
.ico_wish {width:20px;background-position:-208px 0;}
.ico_share {width:20px;background-position:-258px 0;}
.ico span {font-size:0;line-height:0;text-indent:-999px;}

/* reply */
/* 댓글작성폼 */
.writeType1 {overflow:hidden; margin:30px auto 10px;}
.writeType1 .txt {color:#999; margin-bottom:15px;}
.writeType1 .textarea_box {float:left; width:84.899%;}
.writeType1 .textarea_box .textbox {position:relative; height:100px;}
.writeType1 .textarea_box .textbox textarea {min-height:100%; border-bottom:1px solid #eee}
.writeType1 .textarea_box .textbox textarea:focus {border-bottom-color:#222222;}
.writeType1 .textarea_box .textbox textarea.readOnly {border-bottom-color:#dcdcdc;}
.writeType1 .textarea_box .textbox textarea.error {border-bottom-color:#fa5855;}
.writeType1 .textarea_box .textbox .byte_num {position:absolute; bottom:10px; right:20px; color:#999; font-size:12px; background-color:#fff}
.writeType1 .textarea_box .textbox .byte_num span {color:#555}
.writeType1 .register_btn {float:right; width:14.286%;}
.writeType1 .register_btn .btn.btnType3 {width:100%; height:140px; font-size:14px; line-height:140px;}
     /* 댓글작성_대댓글 */
.writeType2 {overflow:hidden;}
.writeType2 .txt {color:#999; margin-bottom:15px;}
.writeType2 .textarea_box {float:left; width:84.899%;}
.writeType2 .textarea_box .textbox {position:relative; height:100px;}
.writeType2 .textarea_box .textbox textarea {min-height:100%;}
.writeType2 .textarea_box .textbox .byte_num {position:absolute; bottom:10px; right:20px; color:#999; font-size:12px;}
.writeType2 .textarea_box .textbox .byte_num span {color:#555}
.writeType2 .register_btn {float:right; width:14.286%;}
.writeType2 .register_btn .btn.btnType3 {width:100%; height:100px; font-size:14px; line-height:100px;}
     /* 댓글작성_?? */
.writeType3 {overflow:hidden;}
.writeType3 .textarea_box .textbox {position:relative; height:200px;}
.writeType3 .textarea_box .textbox textarea {min-height:100%;}

     /* 댓글작성_이미지첨부파일 */
.addFile_box {border:1px solid #dcdcdc; border-top:none}
.addFile_box .btn_wrap {overflow:hidden;}
.addFile_box .btn_wrap .btn {position:relative; width:100%; height:39px; font-size:14px; line-height:38px; cursor:pointer; overflow:hidden;}
.addFile_box .btn_wrap .btn span {color:#999999}
.addFile_box .btn_wrap.bs_wrap .btn,
.addFile_box .btn_wrap .bs_btn {float:left; margin-right:0; width:50%; height:40px; font-size:14px; line-height:38px; color:#555555;}
.addFile_box .btn_wrap .bs_btn{position:relative; text-align:center;}
.addFile_box .btn_wrap .bs_btn:after {content:''; position:absolute; top:14px; right:0; width:1px; height:12px; background:#dcdcdc}
.addFile_box .btn_wrap .bs_btn label {display:block;}
.addFile_box .btn_wrap .bs_btn label span {display:inline-block; background:url('../images/common/ico_bsChk_off.png') no-repeat center left; padding-left:20px; color:#999999}
.addFile_box .btn_wrap .bs_btn input:checked + label span {background-image:url('../images/common/ico_bsChk_on.png'); color:#39b5b7;}
.addFile_box .btn_wrap .addFile_btn.disabled,
.addFile_box .btn_wrap .addFile_btn.disabled:focus,
.addFile_box .btn_wrap .addFile_btn.disabled:hover {cursor:default; color:#999; border:1px solid #dcdcdc; border-top:none}
.addFile_box .btn_wrap .addFile_btn .addFile_show,
.addFile_box .btn_wrap .addFile_btn .addFile_show2 {position:absolute; top:0px; left:0px; display:inline-block; width:100%; height:100%;}
.addFile_box .btn_wrap .addFile_btn span {background:url('../images/common/ico_addFile_off.png') no-repeat center left; padding-left:25px;}
.addFile_box .btn_wrap .addFile_btn:focus span,
.addFile_box .btn_wrap .addFile_btn:hover span,
.addFile_box .btn_wrap .addFile_btn.active span {background-image:url('../images/common/ico_addFile_on.png'); color:#555}
.addFile_box .btn_wrap .btn .addFile_real {position:absolute; top:0; left:-9999px; opacity:0; -ms-filter:'alpha(opacity=0)';}
.addFile_box .addFile_wrap .addFile_list li {float:left; padding:6px; width:50%;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box;
}
.addFile_box .addFile_wrap .addFile_list li:nth-child(odd) {padding-left:20px;}
.addFile_box .addFile_wrap .addFile_list li:nth-child(even) {padding-right:20px;}
.addFile_box .addFile_wrap .addFile_list li:nth-of-type(1) {padding-top:26px;}
.addFile_box .addFile_wrap .addFile_list li:nth-of-type(2) {padding-top:26px;}
.addFile_box .addFile_wrap .addFile_list li:last-of-type {padding-bottom:26px;}
.addFile_box .addFile_wrap .addFile_list .list_desc {position:relative; overflow:hidden; border:1px solid #dcdcdc;}
.addFile_box .addFile_wrap .addFile_list .list_desc .opt_img {float:left; width:70px; height:70px;}
.addFile_box .addFile_wrap .addFile_list .list_desc .opt_img img {width:100%; height:100%;}
.addFile_box .addFile_wrap .addFile_list .list_desc .opt_name {padding-left:90px; padding-right:50px; font-size:12px; color:#999; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.addFile_box .addFile_wrap .addFile_list .list_desc .opt_del {display:block; position:absolute; top:25px; right:10px; background:url('../images/common/btn_addFile_del.png') no-repeat center left; width:20px; height:20px;}

     /* 댓글이미지팝업 */
.black_mask {position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,.6);}
.popView_wrap {display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:1001}
.popView_box {position:absolute; top:0px; bottom:0px; left:0px; right:0px; text-align:center; z-index:1002}
.popView_box:after {content:""; display:inline-block; height:100%; vertical-align:middle;}
.popView_box .popView_con {position:relative; display:inline-block; vertical-align:middle; width:640px; height:640px;}
.popView_box .popView_con .list_view_con .view_lst {width:640px; height:640px; background-repeat:no-repeat; background-position:center; background-size:contain}
.popView_box .popView_con .list_view_con .slick-arrow {position:absolute; top:50%; background:url('../images/common/arr_popView.png') no-repeat 0; width:40px; height:40px; margin-top:-20px; font-size:0; line-height:0; z-index:10;}
.popView_box .popView_con .list_view_con .slick-arrow:hover {background-color:transparent;}
.popView_box .popView_con .list_view_con .slick-prev {left:0; background-position:0px 0px}
.popView_box .popView_con .list_view_con .slick-next {right:0; background-position:-40px 0px}
.popView_box .popView_con .list_view_con .slick-disabled {cursor:default; opacity:1;}
.popView_box .popView_con .list_view_con .slick-prev.slick-disabled {background-position:0px -40px}
.popView_box .popView_con .list_view_con .slick-next.slick-disabled {background-position:-40px -40px}
.popView_box .popView_con .btn_close {display:block; position:absolute; top:40px; right:40px; width:30px; height:30px; background:rgba(255,255,255,0.2)}
.popView_box .popView_con .btn_close span {display:block; position:absolute; left:0; width:26px; height:1px; background:#000;
     -webkit-transition-duration:.4s;
     transition-duration:.4s;
}
.popView_box .popView_con .btn_close span:nth-child(2) {top:15px; left:2px;
     -webkit-transform:rotate(45deg);
     -moz-transform:rotate(45deg);
     -o-transform:rotate(45deg);
     -ms-transform:rotate(45deg);
     transform:rotate(45deg);
}
.popView_box .popView_con .btn_close span:nth-child(3) {top:15px; left:2px;
     -webkit-transform:rotate(-45deg);
     -moz-transform:rotate(-45deg);
     -o-transform:rotate(-45deg);
     -ms-transform:rotate(-45deg);
     transform:rotate(-45deg);
}


/* 별점 */
.rating_star .starPoint {display:inline-block; width:78px; height:14px; background:url(../images/common/rating.png) no-repeat; font-size:0; color:transparent; vertical-align:middle;}
.rating_star .starPoint.p5 {background-position:0 0;}
.rating_star .starPoint.p4 {background-position:0 -25px;}
.rating_star .starPoint.p3 {background-position:0 -50px;}
.rating_star .starPoint.p2 {background-position:0 -75px;}
.rating_star .starPoint.p1 {background-position:0 -100px;}
.rating_star .starPoint.p0 {background-position:0 -125px;}
.rating_star .totalCount {display:inline-block; margin-left:10px; vertical-align:middle; font-size:12px; color:#222;}
/* 큰사이즈 - 구매후기 별점부여 */
.rating_star_large .tit {display:inline-block; margin-right:15px; font-family:'NotoB'; vertical-align:middle;}
.rating_star_large .pointArea {position:relative; overflow:hidden; display:inline-block; width:154px; height:26px; background:#c8c8c8; vertical-align:middle;}
.rating_star_large .pointArea .pointBg {position:absolute; left:100%; top:0; width:100%; height:100%; margin-left:-100%; background:#222; font-size:0; color:transparent;
     -webkit-transition:all .2s ease-out;
     transition:all .2s ease-out;
}
.rating_star_large .pointArea .starPoint {overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/common/bg_rating.png) no-repeat; font-size:0; color:transparent;}
.rating_star_large .pointArea .starPoint button {float:left; width:26px; height:100%; margin:0 3px; font-size:0; color:transparent;}
.rating_star_large .pointArea .starPoint button:first-of-type {margin-left:0;}
.rating_star_large .pointArea .starPoint button:last-of-type {margin-right:0;}

/* 정렬 */
.al_l {text-align:left;}
.al_c {text-align:center;}
.al_r {text-align:right;}
.va_t {vertical-align:top;}
.va_m {vertical-align:middle;}
.va_b {vertical-align:bottom;}
.floatL {float:left;}
.floatR {float:right;}
.va_center {position:absolute; top:50%}
.va_shell {position:absolute; top:0px; bottom:0px; left:0px; right:0px;}
.va_shell:after {content:""; display:inline-block; height:100%; vertical-align:middle;}
.va_shell .va_cell {display:inline-block; vertical-align:middle;}
/* 이미지 중앙 크롭 */
.vAlign {width:100% !important; min-width:100% !important;}
.hAlign {width:auto !important; height:100% !important; max-width:none !important; min-height:100% !important;}

/* 폰트 */
.NB {font-family:'NotoB';}
.HB {font-family:'HB';letter-spacing:-0.5px;}
.txt_red {color:#fa5855;}
.txt_blue {color:#39b5b7;}
.c222 {color:#222222;}
.c999 {color:#999999;}
.won {font-family:'HL','NoboL';font-size:15px;}

.cost {font-family:'HL';font-size:15px;}
.cost:after {content:'원';font-family:'NotoL';font-size:0.95em}
.cost .normal {margin-right:3px;font-family:'HL';font-size:0.87em;color:#999;text-decoration:line-through;}
.cost .normal:after {content:'원';font-family:'NotoL';font-size:0.92em;}
.cost.type2 {font-family:'HB';color:#222;}
.cost.type2:after {font-family:'NotoB';}
.cost.nm:after {content:'';}
.cost.nm .normal:after {content:'';}
.cost.soldout {font-family:'NotoB'; font-size:14px; color:#fa5855;}
.cost.soldout:after {content:'';}

/* ========== [slick] ========== */
.slick-arrow {position:absolute;top:50%;width:30px;height:30px;margin-top:-30px;font-size:0;line-height:0;color:transparent;background:transparent;background-position:center center;z-index:10;}
.slick-arrow:hover {background-color:#f9f9f9;}
.slick-prev {left:0;background-image:url('../images/common/arr_slickPrev.png');}
.slick-next {right:0;background-image:url('../images/common/arr_slickNext.png');}
.slick-disabled {opacity:0.3;}
.slick-disabled:hover {background-color:transparent;}

/* 슬릭네비-페이징스타일
	2018-02-08 변경
	by RIVER
*/
.slick-dots {text-align:center;}
.slick-dots li {display:inline-block; vertical-align:middle;}
/*
.slick-dots li button {display:inline-block; height:14px; padding:0 6px; font-family:'HL'; font-size:14px; line-height:14px; vertical-align:middle; color:#999;}
.slick-dots li.slick-active button {position:relative;padding-right:30px;margin-right:5px;color:#222;}
.slick-dots li.slick-active button:after {content:'';display:block;position:absolute;right:0;top:50%;margin-top:-1px;width:20px;height:2px;background:#dddddd;}
*/
.slick-dots li button {display:inline-block; width:12px; height:12px; padding:0; margin:0 5px; border:0; font-size:0; outline:0; vertical-align:middle; background:#999; border-radius:25px; }
.slick-dots li.slick-active button { background:#fff; }

/* ---------------
     서브
------------------ */
.title_wrap {position:relative;}
.title_wrap .tabType2 {position:absolute;right:-10px;bottom:15px;}
.title_wrap .btn_wrap {position:absolute;right:0;bottom:15px;}
.title_wrap .inp_check {margin-right:0;}
.title_wrap .inp_check label {font-size:13px;}
.title_wrap .tit {padding:55px 0 16px;font-size:16px;color:#222;border-bottom:1px solid #222222;}
.title_wrap .tit.noBorder {border-bottom:0;}
.title_wrap .tit .subtit {margin-left:8px;font-size:13px;color:#999999;}
.title_wrap .tit .subtit em {font-family:'NotoB';color:#222222;}
.title_wrap .tbl_sup {position:absolute;right:0;bottom:15px;margin:0;font-size:12px;color:#999999;}

/* ========== [레이어팝업] ========== */
.layerPop {display:none;position:fixed;left:50%;top:50%;width:700px;height:;padding:20px 10px;margin-top:;margin-left:-350px;background:#fff;z-index:1000;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box;
}
.layerPop.layerScale {position:absolute;left:50%;top:50px !important;margin-top:0 !important;}
.layerPop .btn_closeLayer {display:block;position:absolute;right:3px;top:50%;width:20px;height:20px;margin-top:-10px;z-index:10;}
.layerPop .btn_closeLayer:before,
.layerPop .btn_closeLayer:after {content:'';display:block;position:absolute;left:-2px;top:10px;width:24px;height:1px;background:#000;opacity:0.5;filter:(opacity:50);
     -webkit-transition-duration:.2s;
     transition-duration:.2s;
}
.layerPop .btn_closeLayer:before {
     -webkit-transform:rotate(45deg);
     -moz-transform:rotate(45deg);
     -o-transform:rotate(45deg);
     -ms-transform:rotate(45deg);
     transform:rotate(45deg);
}
.layerPop .btn_closeLayer:after {
     -webkit-transform:rotate(-45deg);
     -moz-transform:rotate(-45deg);
     -o-transform:rotate(-45deg);
     -ms-transform:rotate(-45deg);
     transform:rotate(-45deg);
}
.layerPop .btn_closeLayer:hover:before,
.layerPop .btn_closeLayer:hover:after {opacity:1;filter:(opacity:100);}
.layerPop > .layerTit {position:relative;}
.layerPop > .layerTit h4 {padding:18px 0;font-size:20px;color:#222222;border-bottom:1px solid #222222;}
.layerPop > .layerBody {padding-bottom:30px;}
.layerPop .layerBody > .btn_wrap {margin-top:30px;text-align:center;}
.layerPop.layer_policy .layer_btn_wrap,
.layerPop.layer_privacy .layer_btn_wrap {text-align:center;}
.layerPop.layer_policy .btn_closeLayer,
.layerPop.layer_privacy .btn_closeLayer {top:12px;}
.layerPop .layerBody .scrollarea {overflow:hidden;overflow-y:auto;max-height:330px;}
.layerPop .layerBody > .layerSubtit {position:relative;}
.layerPop .layerBody > .layerSubtit h5 {padding:35px 0 20px; font-size:14px; color:#222222;}
.layerPop .layerBody .noti {padding:15px 20px;font-size:13px;line-height:22px;color:#999;word-break:keep-all;background:#f9f9f9;}

/* layer :: 얼럿형태 */
.layerConfirm {width:400px;margin-left:-200px; padding:20px 40px;}
.layerConfirm .layerBody {text-align:center;}
.layerConfirm .txt {margin-top:47px;font-size:16px;line-height:24px;color:#222222;}
.layerConfirm .subtxt {margin:19px 0 6px;font-size:13px;color:#999999;}
/* layer :: 우편번호검색 */
.layer_findPostcode {width:600px;margin-left:-300px;}
.layer_findPostcode .btn_wrap {margin-top:30px;text-align:center;}
.layer_findPostcode .schPost {padding-top:40px;}
.layer_findPostcode .schTip {margin-top:30px;}
.layer_findPostcode .schTip .cautionList {padding:28px 30px;background:#f9f9f9;}
.layer_findPostcode .schTip .txt {margin-top:18px;color:#999999;line-height:22px;word-wrap:break-word;word-break:keep-all;}
.layer_findPostcode .schResult {display:none;}
.layer_findPostcode .schResult .data {height:494px;}
.layer_findPostcode .schResult .data .tbl_sup {padding:46px 0 26px;margin:0;}
.layer_findPostcode .schResult .data .tbl_sup span {display:block;margin-top:10px;color:#999;}
.layer_findPostcode .schResult td {padding:15px 10px;font-size:13px;}
.layer_findPostcode .schResult td a:hover {color:#222;}
/*.layer_findPostcode .schResult .find_addr {position:relative;padding:0 60px;margin-bottom:18px;line-height:22px;}
.layer_findPostcode .schResult .find_addr .t {position:absolute;left:0;top:0;width:52px;text-align:center;font-size:13px;color:#999;}
.layer_findPostcode .schResult .addr {margin-top:20px;color:#999;}*/

/* layer :: 기프트카드등록 */
.layer_newGiftcard .tblType_form {padding-bottom:20px;border-bottom:1px solid #eeeeee;}
.layer_newGiftcard .certify_card {padding:35px 0;margin:20px 0 10px;text-align:center;background:#f9f9f9;}
.layer_newGiftcard .certify_card .txt {font-size:16px;color:#222222;}
.layer_newGiftcard .certify_card .subtxt {margin:19px 0 0;font-size:13px;color:#999999;}
.layer_newGiftcard .certify_card .card {position:relative;width:260px;height:162px;margin:0 auto;margin-top:25px;background:url('../images/order/bg_giftcard.png') no-repeat}
.layer_newGiftcard .certify_card .card p {position:absolute;right:20px;bottom:20px;text-align:right;font-family:'HB';font-size:36px;line-height:36px;color:#fff;}
/* layer :: 쿠폰조회및적용 */
.layer_orderCoupon .noData {padding-bottom:70px;}
.layer_orderCoupon .scrollarea {border-top:1px solid #eeeeee;}
.layer_orderCoupon .btnSizeS {min-width:80px;}

/* layer :: 원클릭결제이용안내 */
.layer_infoOneClick {width:440px;margin-left:-220px;}
.layer_infoOneClick .layerBody {text-align:center;}
.layer_infoOneClick .txt {margin:34px 0 13px;font-size:16px;line-height:26px;color:#222222;}
.layer_infoOneClick .subtxt {font-size:13px;line-height:22px;color:#999;}
.layer_infoOneClick .layerBody > .btn_wrap .btn {min-width:240px;}

/* layer :: 원클릭카드등록 */
.layer_registOneClick {width:500px;margin-left:-250px;}
.layer_registOneClick .cardinfo {padding:40px 0;text-align:center;border-bottom:1px solid #eeeeee;}
.layer_registOneClick .tblType2 {margin-top:10px;}
.layer_registOneClick .cautionList {padding:30px 20px 34px;margin-top:15px;background:#f9f9f9;}

/* layer :: 원클릭카드결제 */
.layer_payOneClick {width:500px;margin-left:-250px;}
.layer_payOneClick .txt {margin:34px 0;text-align:center;font-size:16px;line-height:26px;color:#222222;}
.layer_payOneClick .listType1 {padding:26px 20px;background:#f9f9f9;}
.layer_payOneClick .inp_check {display:block;margin-top:35px;}
.layer_payOneClick .inp_check label {height:22px;font-size:14px;color:#222222;line-height:22px;background-position:left 4px;}
.layer_payOneClick .inp_check.checked label {background-position:left -46px;}
/* layer :: 입고알림 신청 */
.layer_outOfStock {width:600px;margin-left:-300px;}
.layer_outOfStock .tblType2 {margin-top:40px;font-size:13px;}
.layer_outOfStock .tblType2 th {padding-left:20px;color:#222;}
.layer_outOfStock .tblType2 .td_prd {color:#222;}
.layer_outOfStock .tblType2 .td_opt {color:#999;}
.layer_outOfStock .tblType2 .td_name {color:#555;}
.layer_outOfStock .tblType2 .td_phone {padding:4px 0;color:#222;}
.layer_outOfStock .tblType2 .td_phone p {margin-top:6px;color:#999;word-wrap:break-word;word-break:keep-all;}
.layer_outOfStock .tblType2 .td_phone p a {color:#222;}
.layer_outOfStock .listType1 {margin-top:18px;}
.layer_outOfStock .btn {width:240px;}


/* 2019-01-08 수상 엠블럼 */
.header .gnbIn:after { content:''; position:absolute; left:0; bottom:30px;display:block; width:146px; height:44px; background:url('https://image.drjart.com/front/ko/images/common/wa.png') 0 0 no-repeat; }


/* 2019-01-07 Text Banner 
#wrap.topBnr_on { position:relative; padding-top:40px; }
#wrap.topBnr_on .header { top:40px !important; }
#wrap.topBnr_on .textBanner { position:fixed; top:0; left:0; right:0; z-index:50000; height:40px; line-height:40px; overflow:hidden; text-align:center; }
#wrap.topBnr_on .textBanner a { display:block; font-size:15px; }
#wrap.topBnr_on .textBanner a:hover { text-decoration:underline; }  
2020-02-26
*/
#wrap.MAIN .textBanner { position:absolute; z-index:1; width:100%; }
#wrap.MAIN .textBanner .rollBanner.slick-slide { width:100%; }


.snsLogin > p { color:#999; }
/* TEST */


/* layer :: 20200210 세라 공모전 레이어팝업 테스트 
.layerPop.layer_contest .btn_closeLayer { display:block; position:absolute; right:-40px; width:40px; height:40px; top:10px; z-index:10; background:#000; color:#fff; }
.layerPop.layer_contest .btn_closeLayer:before,
.layerPop.layer_contest .btn_closeLayer:after { content: ''; display:block; position:absolute; left:8px; top:19px; width:24px; height:1px; background:#fff; -webkit-transition-duration: .2s; transition-duration:.2s; }
.layerPop.layer_contest .btn_closeLayer:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.layerPop.layer_contest .btn_closeLayer:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.layer_contest { width:660px; margin-left:-200px; height:800px; margin-top:-450px !important; }
.layer_contest .layerBody {text-align:center; border:1px solid red; width:580px; height:580px; margin-top:20px; }
.layer_contest .layerBody .cera_contest { width:580px; height:580px; background:#eee; }
.layer_contest .layerBody .cera_contest > div { width:100%; height:100%; }
.layer_contest .slick-dots li button { border:1px solid #000; background:#fff; }
.layer_contest .slick-dots li.slick-active button { border:1px solid #000; background:#000; }

.layer_contest .layerBody .cera_title { text-align:left; margin-top:40px; }
.layer_contest .layerBody .cera_title h4 { font-size:24px; font-weight:600; color:#000; line-height:1.3; }
.layer_contest .layerBody .cera_title p { font-size:14px; color:#444; padding-top:20px; }
*/


/* 20200316 솔라바이옴 레이어팝업 */
.solarmask { position:fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(34,34,34,.6); display:none; }
#layer_solar { display:none; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:600px; height:700px; padding:0px; margin:0 auto; overflow:hidden; }
#layer_solar > div { }
#layer_solar .layer_solar_bg { width:534px; height:640px; margin-left:25px; background:url('https://testimage.drjart.com/front/ko/images/util/layer_solar/solarbiome_popup_rere.gif') no-repeat; background-size:cover;}
#layer_solar .morebtn {width:159px; height:52px; margin:0 auto; position:absolute; bottom:80px; left:50%; transform:translateX(-50%); z-index:1000; background:url('https://image.drjart.com/front/ko/images/util/layer_solar/solarbtn.png') no-repeat; background-size:cover;}
#layer_solar .layer_solar_btnwrap { width:387px; height:50px; margin:0 auto; background-color:#000; overflow:hidden;}
#layer_solar .layer_solar_btnwrap a { display:inline-block; float:left; width:50%; height:100%; color:#fff; line-height:50px; text-align:center; }
#layer_solar .layer_solar_btnwrap a.btn1 { }
#layer_solar .layer_solar_btnwrap a.btn2 { }

/* 2020-08-27 자사몰 서프라이즈 쿠폰 테스트 */
.coupon_wrap {/*display:block; 적용후 지우기*/    position:relative; top:-920px !important; transform: translate(-50%, -50%); margin-left:0; width:325px; padding:0; background:#fff; box-sizing:border-box;}
.coupon_wrap .coupon_con {width:325px; height:468px; background:url('https://image.drjart.com/front/ko/images/event/20201109_coupon_cera.jpg') no-repeat 0 0; background-size:cover;}
.coupon_link {width:325px; height:60px; line-height:60px; margin:0px auto; position:absolute; bottom:0;}
.coupon_link a {display:block; width:100%; height:100%; background:#222; border:0; font-size:0; opacity:0;}
.coupon_close {}
.coupon_close button {display:inline-block; position:absolute; right:1px; width:40px; height:40px; top:1px; z-index:20000; background:#fff; color:#000;}
.coupon_close button:before,
.coupon_close button:after {content: ''; display:block; position:absolute; left:8px; top:19px; width:24px; height:1px; background:#000; -webkit-transition-duration: .2s; transition-duration:.2s; }
.coupon_close button:before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.coupon_close button:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.mask.coupondim {display:none;}

/* 2020-08-28 넷퍼넬 */
#NetFunnel_Skin_Top {margin:150px auto; width:400px; border:1px solid #111; padding:20px 40px; position: relative; z-index: 1000; background:#fff;}
#NetFunnel_Skin_Top h4 {padding:18px 0; font-size:20px; color:#111; border-bottom:1px solid #111;}
#NetFunnel_Skin_Top .skin1 {padding:40px 0; font-size:14px; color:#999;}
#NetFunnel_Skin_Top .skin1 .skin1_1 {padding:40px 20px; text-align:center; background:#eee; }
#NetFunnel_Skin_Top .skin1 .skin1_1 p:first-child {font-size:20px; color:#222; padding-bottom:10px;}
#NetFunnel_Skin_Top .skin1 .skin1_1 p:last-child {font-size:16px; color:#222;}
#NetFunnel_Skin_Top .skin1 .skin1_1 p span {padding:0 5px; text-decoration:underline;}
#NetFunnel_Skin_Top .skin1 > p {font-size:14px; color:#222; padding:4px 0;}
#NetFunnel_Skin_Top .skin1 > p:nth-of-type(1) {padding-top:20px;}
#NetFunnel_Skin_Top .skin1 > p:nth-of-type(2),
#NetFunnel_Skin_Top .skin1 > p:nth-of-type(3) {text-indent:-1.8em;margin-left:1.8em;}
#NetFunnel_Skin_Top .skin1 > p span {padding:0 10px;}
#NetFunnel_Skin_Top .btn_wrap {text-align:center; margin-bottom:30px;}
#NetFunnel_Skin_Top .btn_wrap button {width:100%;}


/* 2020-10-07 자르트셀럽 */
		/* 신청 팝업*/ 
#mask { width:100%; height:100%; position:fixed; background:rgba(0, 0, 0, 0.7) repeat;  top:0; left:0; z-index:899; display:none;}
#celeb-apply {display:none; width:480px; background:#fff; border:solid 1px #fff; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); z-index:900; font-size:12px;}
.celeb-apply-container { margin:0px auto; padding:20px; overflow:hidden; }
#celeb-apply h1 {font-size:20px; text-align:left; padding:0 0 20px; font-family:'NotoB'; color:#222;}
.celeb-apply-container button.celebBtn { width:100%; height:40px; line-height:40px; background:#000; color:#fff; text-align:center; border:0; font-size:14px;}
.celeb-apply-container input { border:1px solid #999; height:32px; line-height:32px; padding-left:10px; font-size:12px;}
.celeb-apply-container input::placeholder {color:#999;}
.celeb-apply-container input:focus {outline:0;}
.celeb-apply-container div > span {display:block; width:100%; height:100%; overflow:hidden; margin-bottom:8px;}
.celeb-apply-container div > span > label {width:24%; display:inline-block; box-sizing:border-box; float:left; text-align:right; padding-right:10px; height:32px; line-height:32px; color:#222; font-size:12px;}
.celeb-apply-container div > span > input {width:76%; box-sizing:border-box; float:left;}
.celeb-apply-container div > span.postalcode > input {width:50%;}
.celeb-apply-container div > span.postalcode > button {width:25%; margin-left:1%; height:32px; line-height:32px; background:#000; color:#fff; overflow:hidden; font-size:12px;}
.celeb-apply-container div > span.address input:last-child {margin-left:24%; margin-top:8px;}
.celeb-apply-container div > span.phonenum input {width:20%;}
.celeb-apply-container div > span.phonenum span {display:inline-block; width:8%; float:left; text-align:center; height:32px; line-height:32px;}
.celeb-apply-container div > span.search_pdt {/* margin-top:22px; */}
.celeb-apply-container div > span.search_pdt > button {width:19%; margin-right:1%; height:32px; line-height:32px; background:#000; color:#fff; font-size:12px;}
.celeb-apply-container div > span.search_pdt > span {font-size:10px; font-family:'notoL'; font-weight:100; color:#999;}
.celeb-apply-container div > span.search_pdt > div {width:76%; margin-left:24%; margin-top:8px; height:100px; background:#f1f1f1; overflow-y:scroll; }
.celeb-apply-container div > span.search_pdt > div td {padding:10px 0;}
.celeb-apply-container div > span.search_pdt > div td:nth-of-type(1) {width:30%;}
.celeb-apply-container div > span.search_pdt > div td:nth-of-type(2) {width:35%; padding:0 5px;}
.celeb-apply-container div > span.search_pdt > div td:nth-of-type(3) {width:20%; text-align:center;}
.celeb-apply-container div > span.search_pdt > div td:nth-of-type(4) {width:15%; text-align:center;}
.celeb-apply-container div > span.search_pdt > div td a {font-size:11px;}
.celeb-apply-container div > span.search_pdt > div td div {font-size:11px;}
.celeb-apply-container div > span.search_pdt > div td div img {width:100%;}
.celeb-apply-container div > span.search_pdt > div td button {width:40px; height:30px; font-size:11px; background:#999; color:#fff; font-weight:normal;}
.celeb-apply-container div > span.chk {/* margin-top:22px; */}
.celeb-apply-container div > span.chk > label {height:60px; line-height:1.4;}
.celeb-apply-container div > span.chk > div {width:76%; float:left; height:100px; background:#f1f1f1; overflow:hidden; box-sizing:border-box; font-size:11px; font-family:'notoL'; font-weight:100; line-height:1.6;}
.celeb-apply-container div > span.chk > div textarea {min-height:100px;background: #f1f1f1; overflow-y: scroll; box-sizing: border-box; font-size: 11px; font-family: 'notoL'; font-weight: 100; line-height: 1.6; border: 0;}
.celeb-apply-container div > span.chk > span {display:inline-block; width:76%; margin-left:24%; height:40px; line-height:3;}
.celeb-apply-container div > span.chk > span input[type=checkbox] {width:16px; height:16px; margin-right:6px;}
.celeb-apply-container div > span.chk > span label {vertical-align:middle; }
#btn-apply-close {position:absolute; width:40px; height:40px; background:#000; top:-1px; right:-41px; color:#fff;}
#btn-apply-close span {display:block; position:absolute; top:20px; left:10px; width:24px; height:1px; background:#fff;}
#btn-apply-close span:nth-of-type(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
#btn-apply-close span:nth-of-type(2) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
		/* 신청내역 확인 팝업 */
#mask { width:100%; height:100%; position:fixed; background:rgba(0, 0, 0, 0.7) repeat;  top:0; left:0; z-index:899; display:none;}
#celeb-check {display:none; width:480px; background:#fff; border:solid 1px #fff; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); z-index:900;}
.celeb-check-container { margin:0px auto; padding:20px; overflow:hidden;}
#celeb-check h1 {font-size:20px; text-align:left; padding:0 0 20px; font-family:'NotoB'; color:#222;}
.celeb-check-container > div {margin-bottom:30px;}
.celeb-check-container button.celebBtn_cancel { float:left; width:49%; margin-right:1%; height:40px; line-height:40px; background:#000; color:#fff; text-align:center; border:0; font-size:14px;}
.celeb-check-container button.celebBtn_confirm { float:left; width:49%; margin-left:1%; height:40px; line-height:40px; background:#000; color:#fff; text-align:center; border:0; font-size:14px;}
.celeb-check-container div > span {display:block; width:100%; height:100%; overflow:hidden; margin-bottom:8px;}
.celeb-check-container div > span > label {width:24%; display:inline-block; font-family:'NotoB'; box-sizing:border-box; float:left; text-align:right; padding-right:10px; height:32px; line-height:32px; color:#222; font-size:12px;}
.celeb-check-container div > span > span {width:76%; display:inline-block; box-sizing:border-box; float:left; height:32px; line-height:32px; padding-left:10px; font-size:12px;}
.celeb-check-container div > span.address span:last-child {margin-left:24%; margin-top:-12px;}
.celeb-check-container div > span.phonenum span {padding-left:0; display:inline-block; width:8%; float:left; height:32px; line-height:32px; text-align:center; }
.celeb-check-container div > span.phonenum span:nth-of-type(1) {text-align:left;padding-left:10px;}
.celeb-check-container div > span.search_pdt {/* margin-top:22px; */}
.celeb-check-container div > span.search_pdt > div {width:76%; margin-left:24%; margin-top:8px; height:100px; background:#f1f1f1; overflow-y:scroll;}
.celeb-check-container div > span.search_pdt > div td {padding:10px 0;}
.celeb-check-container div > span.search_pdt > div td:nth-of-type(1) {width:30%;}
.celeb-check-container div > span.search_pdt > div td:nth-of-type(2) {width:40%;}
.celeb-check-container div > span.search_pdt > div td:nth-of-type(3) {width:30%; text-align:center;}
.celeb-check-container div > span.search_pdt > div td a {font-size:11px;}
.celeb-check-container div > span.search_pdt > div td div {font-size:11px;}
.celeb-check-container div > span.search_pdt > div td div img {width:100%;}
#btn-check-close {position:absolute; width:40px; height:40px; background:#000; top:-1px; right:-41px; color:#fff;}
#btn-check-close span {display:block; position:absolute; top:20px; left:10px; width:24px; height:1px; background:#fff;}
#btn-check-close span:nth-of-type(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
#btn-check-close span:nth-of-type(2) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
		/* 동영상 등록 및 리스트 페이지 */
#celebVidList {width:280px; font-family:'notoB'; background:#fff url('https://image.drjart.com/front/ko/images/common/celeb_input.svg') no-repeat; background-size:20px; background-position:30% center; color:#222; border:1px solid #222;}
#celebVidList.btn:before {display:none;}
#celebVidList.btnType3:focus, #celebVidList.btnType3:hover, #celebVidList.btnType3.active {background-color:#fff; color:#222;}
#celebListBox.eventList_box li {width:25%;}
#celebListBox.eventList_box li a {}
#celebListBox.eventList_box li .eventThumb .opt_thumb {padding-bottom:90%;}
#celebListBox.eventList_box li .videoInfo {padding:10px;}
#celebListBox.eventList_box li .videoInfo span.instaId {font-family:'NotoB'; }
#celebListBox.eventList_box li .videoInfo span.replies {color:#999; padding-left:24px; background:url('https://image.drjart.com/front/ko/images/common/celeb_reply.png') no-repeat; background-size:20px;}
#celebListBox.eventList_box li .videoInfo span.heart {color:#999; padding-left:24px; background:url('https://image.drjart.com/front/ko/images/common/celeb_like.png') no-repeat; background-size:20px;}
#celebListBox.eventList_box li .videoInfo span.replies img,
#celebListBox.eventList_box li .videoInfo span.heart img {display:none;}


/* 2020-11-20 ADN 스크립트 */
#suggestad_wrap_container {width:1150px;margin:0 auto;}