@charset "utf-8";

/* Common */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,select,p,blockquote,table,th,td { margin:0; padding:0; -webkit-text-size-adjust:none;}
textarea { -webkit-appearance: none; resize:none; }
textarea, input {outline-color:-moz-use-text-color; outline-style:none; outline-width:medium;}
input[type="button"], input[type="text"],input[type="image"],input[type="submit"] { -webkit-appearance:none; -webkit-border-radius:0;}
input:checked[type="checkbox"]{ background-color:#fff; -webkit-appearance:checkbox; }
button, input[type="reset"], input[type="button"], input[type="submit"] { line-height:normal !important; }


/* Layout */
header {height: 39px; padding:7px 8px 0 8px;}
	header h1 {float: left; width:133px; height:30px;}
		header h1 a {display:inline-block; width:133px; height:30px; text-indent: -9999px; background:url('https://resource2018.nuskinkorea.co.kr/images/h1-nuskin.gif') no-repeat left top; background-size:100%;}
	header fieldset {float: right; width:;}
		header fieldset legend {visibility: hidden; position:absolute; height:0; width:0;}
		header fieldset input[type="text"] {vertical-align: top; width:122px; height:24px; border:1px solid #dfdfdf; -webkit-border-top-left-radius: 5px 5px; -webkit-border-bottom-left-radius: 5px 5px; -moz-border-top-left-radius: 5px 5px; -moz-border-bottom-left-radius: 5px 5px; margin:0 0 0 0; padding:0 0 0 0;}
		header fieldset input[type="submit"] {vertical-align: top; width:29px; height:27px; border:none 0; text-indent: -9999px; background:url('https://resource2018.nuskinkorea.co.kr/images/btn-search.gif') no-repeat right top; cursor: pointer; background-size:100%;}
		
nav.main-nav {position:relative; z-index:1000; height:33px; background:url('https://resource2018.nuskinkorea.co.kr/images/bg-nav-left.gif') no-repeat left top; background-size: 100% 100%;}
	nav.main-nav ul.nav-list {position:relative; height:33px; padding:0 0 0 6px;}
		nav.main-nav ul.nav-list > li {float:left; width:78px; height:33px; text-align: center;}
			nav.main-nav ul.nav-list > li > a {display:inline-block; width: 100%; height:33px; text-indent: -9999px;}
			
				nav.main-nav ul.nav-list > li.menu > a {background:url('https://resource2018.nuskinkorea.co.kr/images/nav-menu.gif') no-repeat left top; background-size:100%;}
				nav.main-nav ul.nav-list > li.menu > a.active {background:url('https://resource2018.nuskinkorea.co.kr/images/nav-menu-on.gif') no-repeat left top; background-size:100%;}
				
				nav.main-nav ul.nav-list > li.login > a {background:url('https://resource2018.nuskinkorea.co.kr/images/nav-login.gif') no-repeat left top; background-size:100%;}
				nav.main-nav ul.nav-list > li.login > a:hover,
				nav.main-nav ul.nav-list > li.login.active > a {background:url('https://resource2018.nuskinkorea.co.kr/images/nav-login-on.gif') no-repeat left top; background-size:100%;}
				
				nav.main-nav ul.nav-list > li.cart > a {background:url('https://resource2018.nuskinkorea.co.kr/images/nav-cart.gif') no-repeat left top; background-size:100%;}
				nav.main-nav ul.nav-list > li.cart > a:hover,
				nav.main-nav ul.nav-list > li.cart.active > a {background:url('https://resource2018.nuskinkorea.co.kr/images/nav-cart-on.gif') no-repeat left top; background-size:100%;}
				
				nav.main-nav ul.nav-list > li.myoffice > a {background:url('https://resource2018.nuskinkorea.co.kr/images/nav-myoffice.gif') no-repeat left top; background-size:100%;}
				nav.main-nav ul.nav-list > li.myoffice > a:hover,
				nav.main-nav ul.nav-list > li.myoffice.active > a {background:url('https://resource2018.nuskinkorea.co.kr/images/nav-myoffice-on.gif') no-repeat left top; background-size:100%;}
				
					nav.main-nav ul.nav-list > li.active ul {display: block;}
							
			nav.main-nav ul.nav-list li ul {display:none; position:absolute; z-index:1000; top:33px; left:0; height:20px; width:100%; border-bottom: 2px solid #cccccc; padding:10px 0 0 0; background:url('https://resource2018.nuskinkorea.co.kr/images/bg-dot1.gif') repeat left top;}
			nav.main-nav ul.nav-list li ul.customer, nav.main-nav ul.nav-list li ul.myoffice {z-index:900;}
				nav.main-nav ul.nav-list li ul li {float:left; height: 10px; padding:0 5px 0 5px; font-size:12px; font-weight: bold; letter-spacing: -1px; text-align: center; background:url('https://resource2018.nuskinkorea.co.kr/images/bg-line1.png') no-repeat left top;}
					nav.main-nav ul.nav-list li ul li:first-child {background:none;}
					nav.main-nav ul.nav-list li ul li a {display:inline-block; height: 10px; text-indent: -9999px; font-weight: bold; text-align: center;}
					nav.main-nav ul.nav-list li ul li a:hover {color:#47abd7;}
						nav.main-nav ul.nav-list li ul li.menu-sub1 a {width:39px; background:url('https://resource2018.nuskinkorea.co.kr/images/bg-menu-sub1.png') no-repeat left top; background-size:100% 100%;}
							nav.main-nav ul.nav-list li ul li.menu-sub1 a.active {width:39px; background:url('https://resource2018.nuskinkorea.co.kr/images/bg-menu-sub1-on.png') no-repeat left top; background-size:100% 100%;}
						nav.main-nav ul.nav-list li ul li.menu-sub2 a {width:52px; background:url('https://resource2018.nuskinkorea.co.kr/images/bg-menu-sub2.png') no-repeat left top; background-size:100% 100%;}
							nav.main-nav ul.nav-list li ul li.menu-sub2 a.active {width:52px; background:url('https://resource2018.nuskinkorea.co.kr/images/bg-menu-sub2-on.png') no-repeat left top; background-size:100% 100%;}
						nav.main-nav ul.nav-list li ul li.menu-sub3 a {width:46px; background:url('https://resource2018.nuskinkorea.co.kr/images/bg-menu-sub3.png') no-repeat left top; background-size:100% 100%;}
							nav.main-nav ul.nav-list li ul li.menu-sub3 a.active {width:46px; background:url('https://resource2018.nuskinkorea.co.kr/images/bg-menu-sub3-on.png') no-repeat left top; background-size:100% 100%;}
						nav.main-nav ul.nav-list li ul li.menu-sub4 a {width:76px; background:url('https://resource2018.nuskinkorea.co.kr/images/bg-menu-sub4.png') no-repeat left top; background-size:100% 100%;}
						nav.main-nav ul.nav-list li ul li.menu-sub5 a {width:54px; background:url('https://resource2018.nuskinkorea.co.kr/images/bg-menu-sub5.png') no-repeat left top; background-size:100% 100%;}
						nav.main-nav ul.nav-list li ul li.menu-sub6 a {width:45px; background:url('https://resource2018.nuskinkorea.co.kr/images/bg-menu-sub6.png') no-repeat left top; background-size:100% 100%;}
						nav.main-nav ul.nav-list li ul li.menu-sub7 a {width:45px; background:url('https://resource2018.nuskinkorea.co.kr/images/bg-menu-sub7.png') no-repeat left top; background-size:100% 100%;}
						
nav.main-nav ul.subnavigation {display: none; position:absolute; top:65px; left:0; z-index:1000; width:100%; border-top:none 0; background:#fff;}
nav.main-nav ul.subnavigation#submenu4,nav.main-nav ul.subnavigation#submenu5 {z-index:900;}
	nav.main-nav ul.subnavigation li {font-size:12px;}
		nav.main-nav ul.subnavigation > li.active {padding-bottom:7px; background:url('https://resource2018.nuskinkorea.co.kr/images/ico-nav-arrow1.gif') no-repeat 97% 10px;}
			nav.main-nav ul.subnavigation li ul {padding-bottom:7px; background:#f9f9f9;}
			nav.main-nav ul.subnavigation > li.active ul {margin-bottom:-7px;}
			
				nav.main-nav ul.nav-list > li.active ul {display: block;}
				
	ul.subnavigation > li.active > ul {display: none;}
	ul.subnavigation > li:hover > ul {display: none;}
			
						
.breadclumbs {height:20px; border-bottom: 2px solid #cccccc; padding:10px 0 0 8px; font-size:11px; letter-spacing: -1px; background:url('https://resource2018.nuskinkorea.co.kr/images/bg-dot1.gif') repeat left top;}
	.breadclumbs a.page-back {display: block; float:left; width:32px; height:17px; margin-top:-4px; margin-right:7px; text-indent: -9999px; background:url('https://resource2018.nuskinkorea.co.kr/images/btn-back.gif') no-repeat left top; background-size:100% 100%;}
	.breadclumbs span.current {color:#ff8a00;}
						
section.contents {padding:0 0 0 0;}

footer {margin-top:30px; padding-bottom:20px;}
	footer ul.footer-link {overflow: hidden; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; background:url('https://resource2018.nuskinkorea.co.kr/images/bg-dot1.gif') repeat left top;}
		footer ul.footer-link li {float: left; width:24%; height:17px; padding-top:8px; border-left:1px solid #cccccc; text-align: center;}
			footer ul.footer-link li:first-child {border-left:none 0; padding-left:2%;}
				footer ul.footer-link li a {display: inline-block; height:10px; text-align: center;}
				footer ul.footer-link li a.footer-link1 {width:34px; text-indent: -9999px; background:url('https://resource2018.nuskinkorea.co.kr/images/bg-footer-link1.png') no-repeat left top; background-size:100% 100%;}
				footer ul.footer-link li a.footer-link2 {width:42px; text-indent: -9999px; background:url('https://resource2018.nuskinkorea.co.kr/images/bg-footer-link2.png') no-repeat left top; background-size:100% 100%;}
					footer ul.footer-link li a.footer-link2.active {width:42px; text-indent: -9999px; background:url('https://resource2018.nuskinkorea.co.kr/images/bg-footer-link2-on.png') no-repeat left top; background-size:100% 100%;}
				footer ul.footer-link li a.footer-link3 {width:34px; text-indent: -9999px; background:url('https://resource2018.nuskinkorea.co.kr/images/bg-footer-link3.png') no-repeat left top; background-size:100% 100%;}
				footer ul.footer-link li a.footer-link4 {width:34px; text-indent: -9999px; background:url('https://resource2018.nuskinkorea.co.kr/images/bg-footer-link4.png') no-repeat left top; background-size:100% 100%;}
				
address {margin:12px 0 0 0; font-size:11px; font-style: normal; text-align: center; line-height: 1.4em; letter-spacing: -1px;}
.mobile-copyright {margin-top:12px; font-size:11px; text-align: center; color:#a7a7a7;}

/* for Mobile */
#mobile .contents .page-title {width:100%}
#mobile .contents .page-title img {width:100%;}
#mobile #container .login-visual img {width:100%;}
#mobile #container .login-box {float:none; clear: both; width:90%;}
#mobile #container .main-contents, #mobile #container .board-list, #mobile #container .main-contents .section {clear: both; float:none;}
#mobile .contents .content-box {padding-left:10px; padding-right:10px;}
#mobile .contents > ul {width:100%;}
#mobile .contents .content-box ul.tab-anchor, #mobile .contents .content-box ul.manager-list {width:100%;}
	#mobile .contents .content-box ul.tab-anchor li {float:none; width:98%; padding:1% 1%;}
		/*#mobile .contents .content-box h4 img {max-width:97%}*/
		
#mobile .contents .sub-visual {display: none;}
#mobile .contents .tab-shopping-category {
	position: relative;
	background: #fff;
	}
#mobile .contents .tab-shopping-category ol {
	overflow: hidden;
	position: static;
	width:100%;
	padding:5px 0;
	background:url('https://resource2018.nuskinkorea.co.kr/images/bg/bg_tab_category.gif') repeat-x left bottom;
	}
	
	#mobile .contents .tab-view {
		display: none;
		margin-top: 0;
		padding: 0 25px 5px 5px;
		border: 1px solid #E6E6E6;
		border-top: none;
		}
		#mobile .contents .tab-view th, #mobile .contents .tab-view td {display: block;}
		#mobile .contents .tab-view table td {
			padding: 2px 0 2px 10px;
			white-space: nowrap;
			text-align: left;
			background: url('https://resource2018.nuskinkorea.co.kr/images/bg/bul_orage_dott.gif') no-repeat 0 5px;
			}
		#mobile .contents .tab-view table tr td:nth-child(2) {
			padding: 2px 0 2px 10px;
			background-position: 0 5px;
			}
	
#mobile .contents .tab-shopping-category ul li {
	float: left;
	width:20%;
	}
	#mobile .contents .tab-shopping-category ul li a img {width:100%;}
	
#mobile .contents .shopping-content .breadcrumb {
	overflow: hidden;
	text-align: right;
	padding: 10px 5px 10px 0;
	border-bottom: none;
	font-size:11px;
	letter-spacing: -1px;
	}
	
	#mobile .contents .product-view-list {
		overflow: hidden;
		margin-left: 0;
		}
		
#mobile .contents .pager .previous, #mobile .contents .pager .previous, #mobile .contents .pager .next, #mobile .contents .pager .next {
	float: none;
	margin-right: 0;
	margin-left: 0;
	text-align: center;
	}
	#mobile .contents .pagination ol li {
		display: inline;
		margin-left: 1px;
		color: #757575;
		}

#mobile .contents .goods-category select {
	width: 30%;
	}

#mobile .contents .goods-photo {
	float: none;
	width: 100%;
	height: 320px;
	margin-right: 0;
	border: 1px solid #7ec3e1;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}
#mobile .contents .goods-photo .photo-area {
		position: relative;
		width: 100%;
		height: 320;
		border: 1px solid #dff0f8;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		text-align: center;
		}
		#mobile .contents .goods-photo .photo-area img {width:100%; max-width:320px;}
		#mobile .contents .goods-photo .photo-area img.icon-view {width:46px;}
	
	
#mobile .contents .goods-info {
	float: none;
	width: 96%;
	padding:0 2%;
	}

#mobile .contents .goods-etc {
	position: relative;
	width: 100%;
	margin-top: 35px;
	}

#mobile .contents .payment-option {
	float: none;
	width: 100%;
	padding-top: 15px;
	}
	
#mobile .contents .payment-option table.option-table {
	float: left;
	width: 220px;
	}
#mobile .contents .card-info {
		position: relative;
		float: left;
		}
		#mobile .contents .card-info img {width:78px;}

#mobile .contents ul.payment-button {
	overflow: hidden;
	float: none;
	width: 100%;
	padding-top:20px;
	text-align: center; 
	}
	#mobile .contents ul.payment-button li {display: inline-block; float: none; text-align: center; margin-right: 5px;}
		#mobile .contents ul.payment-button li img {width:78px;}
		
		#mobile .contents ul.product-list1 {text-align: center;}
			#mobile .contents ul.product-list1 li {
				display: inline-block;
				float: none;
				width: 135px;
				height: 145px;
				margin-left: 5px;
				margin-right: 5px;
				}
		#mobile .contents ul.product-list1 li:first-child {
			margin-left: 5px;
			margin-right: 5px;
			}
			
	#mobile .contents .goods-etc ul.tab-list {text-align: center; background: none;}
		#mobile .contents .goods-etc ul.tab-list li {
			display: inline-block;
			float: none;
			width: 49%;
			height: 31px;
			border: 1px solid #ccc;
			text-align: center;
			background:#fff;
			}
	#mobile .contents .goods-etc .detail-box {
		border:1px solid #0692c3;
		padding: 0 25px 25px 25px;
		background: none;
		}
		
	#mobile .contents table.table-shipping th {
		vertical-align: middle;
		border-top: 1px dashed #eaeaea;
		padding: 10px 0 10px 0;
		text-align: left;
		color: #424242;
		}
		
#mobile .contents .table-data1 {
	border-top: 2px solid #017D9F;
	}
	
#mobile .contents .order-member-box {padding:0 10px;}
	#mobile .contents .order-member-box .order-member {float:none; width:100%; margin-right:0;}

/*개선*/

#mobile .mt10 {margin-top:5px !important}
#mobile .mt20 {margin-top:10px !important}
#mobile .mt40 {margin-top:20px !important}
#mobile .imgRe img {width:100%}
/*#mobile .content-box > h3 {margin:15px 0 8px 0; padding:0; border-bottom:0}*/
#mobile .content-box > h3 img {width:auto; height:15px}
/*#mobile .content-box > h4 {margin:15px 0 8px 0}
#mobile .content-box > h4 img {width:auto; height:15px}*/
#mobile .dash-list2 {margin:5px 0 0 7px}
#mobile .dash-list2 li {padding-left:10px; color:#757575; background:url('https://resource2018.nuskinkorea.co.kr/images/bg/blt_dash.gif') no-repeat 0 5px}

#mobile ul.founder-list {margin-top:15px}
#mobile ul.founder-list:after {content:""; display:block; clear:both}
#mobile ul.founder-list li {width:30%; margin-left:5%}
#mobile ul.founder-list li:first-child {margin-left:0}
#mobile ul.founder-list li img {width:100%}

#mobile ul.manager-list {width:100%; margin-left:0}
#mobile ul.manager-list:after {content:""; display:block; clear:both} 
#mobile ul.manager-list li {width:30%; height:auto; margin-left:5%}
#mobile ul.manager-list li:first-child {margin-left:0}
#mobile ul.manager-list li:nth-child(4),#mobile ul.manager-list li:nth-child(7),#mobile ul.manager-list li:nth-child(10) {clear:both; margin-left:0}
#mobile ul.manager-list li img {width:100%}
#mobile ul.manager-list li p {margin:10px 0 20px}
#mobile ul.manager-list li p b {display:inline-block; margin-bottom:7px}
/*#mobile h4.h4-type2 {padding:13px 0 0 0}*/
#mobile .para-type1 img {width:100%}
#mobile .tab-box {margin:15px 0 0 0;}
#mobile dl.dl-type1 dt {margin-top:6px}
#mobile ul.dot-list2 {margin:5px 0 20px 0}
#mobile ul.btn-list1 li a {display:inline-block}
#mobile ul.btn-list1 li a img {margin:0}
#mobile ul.btn-list1 li a:first-child {margin-right:2%}
#mobile ul.btn-list1 li a:first-child img {width:149px; height:32px}
#mobile ul.btn-list1 li a:last-child {margin-right:2%}
#mobile ul.btn-list1 li a:last-child img {width:135px; height:32px}

#mobile .recruit-reg {margin-top:15px}
#mobile .recruit-reg .online {width:49%; background-size:42px 45px}
#mobile .recruit-reg .online p label {padding:0 4px}
#mobile .recruit-reg .online p label input {vertical-align:middle}
#mobile .recruit-reg .online ul > li > button img {width:141px; height:30px}
#mobile .recruit-reg .online-modify {width:49%; background-size:49px 49px}
#mobile .recruit-reg .online-modify ul > li img {width:141px; height:30px}
#mobile .recruit-reg h4 img {width:auto; height:14px}

@media screen and (max-width: 320px) {
	#mobile .contents .shopping-wrap table.table-data1 th {
		display: block;
		padding:6px;
		min-width:308px;
		border-bottom: 1px solid #017D9F;
	}
	#mobile .contents .shopping-wrap table.table-data1 td {display: block; border-top:none 0; text-align: center;}
		#mobile .contents .shopping-wrap table.table-data1 tr.total-sum td {line-height: 1.5em;}
		#mobile .contents .shopping-wrap table.table-data1 tr.sum-info td {padding:5px 5px 5px 5px;}
	#mobile .contents .shopping-wrap ul.pager li img {width:30%;}
	#mobile .contents .shopping-wrap ul.para1 li {padding:5px; text-align: left;}
}

@media screen and (max-width: 480px) {
	.product-view-list > li {float:none !important; width:222px !important; margin:0 auto 20px auto !important;}
}