@charset 'utf-8';
/*++++++++++++*/
#txt{font-family:'돋움' !important; font-size:11px; font-weight:normal !important; }
.rig{position:relative; float:right; margin-top:56px; margin-left:20px; width:260px;}
nav a:hover {border-bottom: 2px solid #6e4b9e;}

header {position:fixed; z-index:1000; top:0; /*left:50%; margin-left:-470px; width:940px;*/ background:#fff}
header hgroup {height:97px;}
header hgroup a.logo {position:absolute; top:22px;}
header hgroup h1 {float:left; width:110px; height:22px; background:url('') 0 0 no-repeat;} /*../img/common/drjart_logo.png*/
header hgroup h1 img {margin-top:;} /* height:22px*/
header hgroup nav {float:right; position:relative; margin-top:38px;}
header hgroup nav a {display:inline-block; font-size:18px; color:#202020; padding:20px 12px 27px 12px; text-align:center; background:url('../img/common/icon_blank.png') 0 0 repeat}
header hgroup nav a.active {color:#202020 !important;}
/*header hgroup nav a {display:inline-block; font-size:18px; margin-left:24px; color:#202020;}*/

header .cart-pop {display:none; position:absolute; z-index:90; width:215px; top:102px; right:0px; padding:10px 5px;}

.event-submenu a {font-family:'na-bd' !important}

.container .container-inner div.f {height:452px}
.container .container-etc li {float:left; margin-right:20px;}
.container .container-etc li.f {width:460px;}
.container .container-etc li.s {width:220px;}
.container .container-movie div.f iframe {width:700px; height:394px !important}

div.footer-wrap {width:964px; background:#fff; padding:0 30px; margin:0 auto;}

.sitemap {width:880px; padding:0 30px; border-left:42px solid #fff; border-right:42px solid #fff;}
footer {width:940px;}

/*show hide options*/
.nav-toggle {display:none}
.sub-tab {display:block}
.sub-tab760 {display:none}

.tp-count {display:block; float:right; margin-top:34px; margin-left:20px; width:26px; height:19px; padding-top:7px; border:2px solid #202020; background:#202020; font-family:'h-md'; font-size:14px; color:#fff; text-align:center;
	border-top-left-radius:50%;
	border-top-right-radius:50%;
	border-bottom-left-radius:50%;
	border-bottom-right-radius:50%;

	-webkit-border-top-left-radius:50%;
	-webkit-border-top-right-radius:50%;
	-webkit-border-bottom-left-radius:50%;
	-webkit-border-bottom-right-radius:50%;
}
.tp-count:hover {border:2px solid #202020; color:#202020; background:#fff;}


.skin-list .lists li {float:left; width:23.40%; margin-right:2.13%; padding-bottom:75px; height:290px} /* height:290px add */

/* 
	steven start : [0403] history, story scoller setting 
	- pc 踰꾩쟾�먯꽌留� �곸슜�섏뼱�� ��.
*/
.brand-history-wrap {height: 3330px;}
.history-layer0 {position: absolute; z-index: 40; top: 0px; left: 0px;}
.history-layer1 {position: absolute; z-index: 41; top: 0px; left: 0px;}
.history-layer2 {position: absolute; z-index: 42; top: 0px; left: 0px;}
.history-layer3 {position: absolute; z-index: 43; top: 0px; left: 0px;}
.history-layer4 {position: absolute; z-index: 44; top: 0px; left: 0px;}

.brand-story-wrap {height: 1800px;}
.story-layer0 {position: absolute; z-index: 40; top: 0px; left: 0px;}
.story-layer1 {position: absolute; z-index: 41; top: 0px; left: 0px;}
.story-layer2 {position: absolute; z-index: 42; top: 0px; left: 0px;}
.story-layer3 {position: absolute; z-index: 43; top: 0px; left: 0px;}
.story-layer4 {position: absolute; z-index: 44; top: 0px; left: 0px;}
/* steven end */

.product-detail-image img {width:341px}
.medical-wrap .lab-detail .f #skintypefile img {width:341px}


/* depth menu */
hgroup {position:relative; z-index:101;}
.hgroup-wrap {position:absolute; z-index:10; width:990px; height:97px}
/*.depthmenu-mask {position:absolute; z-index:8; background:#fff; width:100%; height:100%;}*/

/*
.depthmenu {display:none; position:fixed; top:97px; left:50%; margin-left:-470px; z-index:5; width:940px; height:37px; padding-top:14px;}
*/
.depthmenu-bg {position:fixed; top:46px; /*left:50%; margin-left:-470px; z-index:101; */width:100% /*940px*/; height:37px; padding-top:14px; background:url(/img/navbg.png)}

.submenu-wrap {display:none; position:fixed; top:97px;/* left:50%; margin-left:-470px;*/ z-index:102; height:37px; padding-top:14px;}
.submenu-wrap a {display:inline-block; padding-bottom:15px; padding-top:4px; font-weight:bolder; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-left:28px; color:#999; text-decoration:none}
.submenu-wrap a:hover {color:#6e4b9e}
.submenu-wrap a.on {color:#202020}

#smenu1 {width:647px; padding-left:203px} /*margin-left:293px*/
#smenu2 {width:647px; padding-left:448px} /*margin-left:293px*/
#smenu3 {width:791px; padding-left:650px} /*margin-left:293px*/