* {
	margin:0; 
	padding:0;
	text-decoration: none;
	letter-spacing: -1.1px;	/* 글자와 글자사이의 간격. 원래 폰트의 간격에서 -1.1px만큼 줄였다. */
}

html, body {
	width:100%; height:100%
}

body {
	font-family: 'Noto Sans KR', sans-serif;
}

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:'Noto Sans KR', sans-serif;
	font-size:100%;
	font-weight:normal;
}

header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {
	display:block;
}

ol, ul, li {
	list-style:none
}

form, fieldset, iframe {display:block;border:0}

img {border:0 none; vertical-align:middle}

a:link, a:visited {
    text-decoration: 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] ========== */
#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:200px;height:60px;
padding-top:33px;text-align:center;z-index:10;}

.logo>a{width: 230px; height: 60px;}

.logo>a>img{
	width: 100%;
	height: 100%;
}

.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;
	font-weight:600;
	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;
    -webkit-transition-duration:.5s;
    transition-duration:.5s;
}

.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; font-family:'NotoB';}
.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] ========== */
#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;
}

@media all and (max-width: 1300px) {	
/* 브라우저 너비가 1300px보다 작아질 때 이 쿼리가 실행됨 */
	#footer .footerT {
		width: 1050px;
	}
}

#footer .footerM {
	position:relative;
	background:#f9f9f9;
}

@media all and (max-width: 1300px) {	
/* 브라우저 너비가 1300px보다 작아질 때 이 쿼리가 실행됨 */
	#footer .footerM {
		width: 1050px;
	}
}

#footer .footerB {
	background:#f9f9f9;
	border-top:1px solid #eeeeee;
}

@media all and (max-width: 1300px) {	
/* 브라우저 너비가 1300px보다 작아질 때 이 쿼리가 실행됨 */
	#footer .footerB {
		width: 1050px;
	}
}

#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;
	margin-right: 20px;
}
#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;
	font-weight: 600;
	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 .footInfo {
    padding: 25px 0;
    font-size: 12px;
    line-height: 24px;
    color: #999999;
}

#footer .footMaker {
    font-size: 12px;
    color: #999999;
    padding: 30px 0 70px;
}

#footer .footMaker>ul>li {
    float: left;
    position: relative;
    margin-right: 40px;
    font-size: 11px;
    line-height: 14px;
    color: #999999;
}

#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_naverpost_off.jpg') center center no-repeat; background-size:100%; }
#footer .foot_sns a.sns_nv:hover { background-image:url('../images/common/ico_foot_sns_naverpost_on.jpg'); }

#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;}


/* 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);
}


/* ========== [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; }



/* 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; }



/* 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 { }