@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

html {
	overflow-y: scroll;
}

body {
	padding:0px;
	margin:0px;
	font-family: 'Noto Sans KR', sans-serif;
	overflow-x:hidden;
}

button {
	cursor: pointer;
}

.topnotice {
	background-color:#002233;
	color:#ffffff;
	text-align:center;
	font-size:12px;
	padding:8px 0;
	letter-spacing: -0.5px;
}

.topnotice p {
	padding:0;
	margin:0;
}

.toparea {
	width:100%;
	height:36px;
	margin:0;
	text-align:right;
}

.toparea span.topleft {
	display:inline-block;
	float:left;
}

.toparea span.topmenu {
	display:inline-block;
	margin-right:30px;
}

.toparea span.search {
	float:right;
}

.lefttopbanner {
	display:inline-block;
	float:left;
	margin-top:2px;
	width:300px;
	color:#666666;
	padding:0;
	cursor: pointer;
	text-align:left;
}

.lefttopbanner:hover {
	background-color:#f4f4f4;
	color:#000000;
}

.lefttopbanner span {
	font-size:14px;
	font-weight: 500;
}

.logoArea {
	display:inline-block;
	vertical-align: top;
	margin:0 auto;
}

.sectionTab {
	display:inline-block;
	float:right;
	width:300px;
	margin-top:20px;
	vertical-align: top;
}

.sectionTab ul {
	list-style: none;
	float:right;
	margin:0;
	padding:0;
	font-size:0;
}

.sectionTab ul li {
	display:inline-block;
	font-size:12px;
	width:120px;
	padding:0 10px 0;
	margin:0;
	border-radius: 0;
	color:#777777;
	
	text-align: left;
}

.sectionTab ul li:hover {
	cursor: pointer;
	color:#000000;
	
}

.sectionTab ul li.active {
	border:0 dotted #bbbbbb;
	border-width:0 1px 0 0;
	background-clip: content-box;
}

.sectionTab ul li p.header {
	display:inline-block;
	float:left;
	font-size:11px;
	padding:2px 0 0 7px;
	margin:0;
	line-height: 120%;
	letter-spacing: -1px;
	font-weight: 300;
}

.sectionTab ul li p.section {
	display:inline-block;
	float:left;
	font-size:14px;
	padding:0 0 0 7px;
	margin:0;
	font-weight: 500;
	line-height: 120%;
	letter-spacing: -1px;
}

.sectionTab ul li a {
	text-decoration: none;
	color:inherit;
}

.sectionTab ul li img {
	display:inline-block;
	float:left;
	width:32px;
	vertical-align: top;
}

.sectiontitle {
	display:inline-block;
	color:#000000;
	font-weight:600;
	font-size:11px;
	letter-spacing: 2px;
	padding:0;
	margin:5px 0 0 2px;
}

.mainwrap {
	width:1160px;
	margin:0 auto;
	padding:0px;
}

.wrap {
	width:1160px;
	margin:0 auto;
	padding:0 20px;
}

.toparea .wrap {
	width:1160px;
	padding:0;
}

.toparea .wrap ul {
	list-style: none;
	text-align: right;
	margin:0px;
	padding:0px;
}

.toparea .wrap ul li {
	display:inline-block;
	font-size:12px;
	margin-top:9px;
	cursor:pointer;
	letter-spacing: -0.5px;
}

.toparea .wrap ul li a {
	color:#000000;
	text-decoration: none;
}

.topleft ul li {
	margin-left:0;
}


.topmenu ul li {
	margin-left:15px;
}

/* 상단영역 */

.logo {
	padding:20px 0 0 0;
	border:1px solid #eeeeee;
	border-width:1px 0 0 0;
}

.menu {
	margin:0px;
	padding:0;
	border:1px solid #eeeeee;
	border-width:0 0 1px 0;
	text-align: center;
}

.menu .wrap ul {
	list-style: none;
	padding:35px 0 25px;
	margin:0;
	line-height: 100%;
}

.menu .wrap ul li {
	display:inline-block;
	color:#000000;
	margin:0;
	padding:0 22px;
	font-weight: 400;
	font-size:15px;
	letter-spacing: -0.5px;
}

.menu .wrap ul li a {
	text-decoration: none;
	color:#000000;
}

.menu .wrap ul li a:hover {
	color:#FF0066;
}

.artist {
	margin:0 0 60px;
	padding:0;
}

.artist .wrap ul {
	list-style: none;
	padding:0px;
	margin:0px auto 10px;
	font-size:0px;
	text-align: left;
	border:0 solid #eeeeee;
	border-width:1px 0 0px 1px;
}

.artist .wrap ul li {
	display:inline-block;
	width:calc(14.2% - 20px);
	font-size:12px;
	border:0px solid #eeeeee;
	border-width:0px 1px 1px 0;
	padding:10px 10px;
	cursor: pointer;
	font-weight:400;
	letter-spacing: -1px;
	color:#000000;
}

.artist .wrap ul li:hover {
	background-color:#f4f4f4;
	font-weight:500;
}

.artist .wrap ul li span.roundbox {
	background-color:#eeeeee;
	border-radius: 10px;
	padding:0px 6px 1px;
	font-size:10px;
	font-weight:500;
	color:#888888;
	margin-left:3px;
	letter-spacing: 0px;
	line-height: 100%;
}

/*
.menu .wrap ul li:first-child {
	margin:0 50px 0 0px;
}
*/

/*
.menu .wrap ul li {
	display:inline-block;
	margin:0 10px;
	font-size:16px;
	font-weight:500;
	letter-spacing: 0px;
	padding:10px 0px;
	vertical-align: 0px;
	cursor:pointer;
}
*/

/*
.menu .wrap ul li:hover {
	cursor:pointer;
	border-bottom:4px solid #dddddd;
	margin-bottom:-4px;
	cursor:pointer;
}
*/

.artist .wrap ul li.gray {
	color:#bbbbbb;
	font-weight: 100;
	cursor:default;
	border-bottom:0px;
	margin:0 15px;
}

.artist .wrap ul li.icon {
	font-weight: 100;
	border-bottom:0px;
	margin:0 5px;
}

.artist .wrap ul li.logo {
	border-bottom:0px;
	margin-bottom:0px;
}

.artist .wrap ul li.logo img {
	height:22px;
	vertical-align: -6px;
	margin-right:10px;
}

.artist .wrap ul li i {
	font-size:20px;
	line-height: 0px;
	vertical-align: -2px;
	margin:0px;
}

.artist .wrap ul li a {
	color:#000000;
	text-decoration: none;
}



.saleprice {
	display:inline-block;
	font-size:10px;
	color:#8f763c;
	letter-spacing: 1;
	margin:0 10px 2px;
	padding:0;
}

/* 메인배너 */

.mainbanner
{
	width:100%;
	min-width: 1200px;
	margin:0px;
	padding:0px;
	height:570px;
	background-color:#fafafa;
	overflow: hidden;
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
}

.mainbanner ul {
	list-style: none;
}

.mainbanner ul li button {
	background-color:rgba(0,0,0,0);
	border:1px solid #999999;
	padding:8px 12px;
	color:#333333;
	font-size:14px;
	font-weight: 500;
	border-radius:6px;
	margin:410px 0 0 730px;
	cursor: pointer;
}

/* 3단 배너 */

.col3banner {
	width:100%;
	margin-top:50px;
	font-size:0px;
}

.col3banner .wrap ul {
	list-style: none;
	margin:0px;
	padding:0px;
	text-align: center;
}

.col3banner .wrap ul li {
	display:inline-block;
	width:360px;
	margin-right:36px;
	text-align: left;
	letter-spacing: -1px;
	vertical-align: top;
}

.col3banner .wrap ul li:last-child {
	margin-right:0px;
}

.col3banner .wrap ul li img {
	width:360px;
	height:220px;
	background-color:#f4f4f4;

}

/* 메인페이지 텍스트 */

.col3title {
	font-size:18px;
	margin:25px 10px 0;
	font-weight:400;
	line-height: 100%;
}

.col3title a {
	color:#000000;
	text-decoration: none;
}

.col3text {
	font-size:14px;
	margin:5px 10px 0;
	color:#888888;
	font-weight:300;
	line-height: 160%;

}

/* 미드배너 */

.midbanner {
	width:100%;
	min-width: 1200px;
	height:480px;
	background-image: url('/img/midbanner.jpg');
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-top:0;
}

.howtoorder {
	width:100%;
	background-color:#f4f4f4;
}

.howtoorder .wrap ul {
	list-style:none;
	margin:0px;
	padding:50px 0;
}

.howtoorder .wrap ul li {
	display:inline-block;
	width:250px;
	margin-right:45px;
}

.howtoorder .wrap ul li:last-child {
	display:inline-block;
	margin-right:0px;
}

.howtoorder .wrap ul li img {
	float:left;
	width:60px;
}

.howtoorder .wrap ul li p.howtoorder-title {
	float:right;
	width:180px;
	margin:0px 0 0 5px;
	padding:0px;
	vertical-align: top;
	font-size:15px;
	letter-spacing:0px;
}

.howtoorder .wrap ul li p.howtoorder-text {
	float:right;
	width:180px;
	margin:5px 0 0 0px;
	padding:0px;
	vertical-align: top;
	font-size:12px;
	letter-spacing:-1px;
	font-weight: 300;
	color:#888888;
	line-height: 130%;
}


/* 상품 리스트 */

.product-list ul {
	margin:0px;
	padding:0px;
	list-style: none;
}

.product-list ul li {
	display:inline-block;
	margin:0px 10px 40px 0;
	padding:0px;
	width:224px;
	vertical-align: top;
	text-align: left;
	font-size:18px;
	letter-spacing: -1px;
}

.product-list ul li:nth-child(5n) {
	margin:0px 0px 40px 0;
}

.relation-list ul {
	margin:0px;
	padding:0px;
	list-style: none;
}

.relation-list ul li {
	display:inline-block;
	margin:0px 10px 40px 0;
	padding:0px;
	width:224px;
	vertical-align: top;
	text-align: left;
	font-size:18px;
	letter-spacing: -1px;
}

.relation-list ul li:nth-child(5n) {
	margin:0px 0px 40px 0;
}

.frame {
	width:224px;
	height:224px;
	background-color:#fafafa;
	display:flex;
	justify-content: center;
	align-items: center;
}

.frame .thumbnail {
	max-width:206px;
	max-height:206px;
	border:1px solid #efefef;
}





p.best {
	text-align: center;
	font-size:16px;
	margin-bottom:20px;
	font-weight:400;
	letter-spacing:-1px;
	color:#4c7185;
}

p.best a {
	color:#4c7185;
	text-decoration: none;
}

p.best img {
	width:200px;
	height:1px;
	margin:5px 0;
}

p.best span {
	font-size:11px;
	letter-spacing:0px;
	font-weight:300;
}



.bestproduct .wrap ul li:nth-child(5n) {
	margin:0px 0px 40px 0;
}

p.product-title, p.product-title a {
	font-size:12px;
	margin:10px 5px 0;
	padding:0px;
	text-decoration: none;
	color:#000000;
	line-height:120%;
	cursor:pointer;
}

p.product-etitle, p.product-etitle a {
	font-size:11px;
	margin:3px 10px 0;
	padding:0px;
	line-height: 100%;
	text-decoration: none;
	color:#999999;
}

p.product-artist {
	display:inline-block;
	font-size:11px;
	margin:4px 10px 0;
	padding:0px;
	line-height: 100%;
	font-weight:300;
	color:#888888;
}

p.product-artist a {
	color:#888888;
	text-decoration: none;
}

p.product-description {
	font-size:12px;
	margin:5px 10px 0;
	padding:0px;
	line-height: 160%;
	color:#999999;
	text-align: left;
	font-weight:300;
	word-break: break-all;
	text-decoration: none;
	text-indent: 0px;
}

p.product-description a {
	font-size:12px;
	text-decoration: none;
	color:#999999;
}

p.product-type {
	font-size:12px;
	margin:15px 10px 0;
	padding:0px;
	line-height: 100%;
}

p.product-size {
	text-align: left;
	font-size:10px;
	margin:0 10px 6px;
	padding:0px;
	line-height: 100%;
	color:#999999;
	letter-spacing: 0px;
}

p.product-price {
	text-align: left;
	font-size:11px;
	margin:0 10px 0;
	padding:0px;
	line-height: 100%;
	color:#4499aa;
	letter-spacing: 1px;
	font-weight: 500;
}

.product-review {
	display:inline-block;
	float:right;
	font-size:10px;
	margin:0 0 0;
	padding:0px;
	line-height: 100%;
	color:#777700;
	letter-spacing: 0px;
}

.uhr {
	float:right;
	background-color:#aa0000;
	color:#ffffff;
	padding:0px 2px 1px 1px;
	font-size:10px;
	letter-spacing:-0.5px;
	font-weight: 600;
}

.matiere {
	float:right;
	color:#aa0000;
	padding:0px 3px 1px 2px;
	font-size:10px;
	letter-spacing:-0.5px;
	font-weight: 600;
}

.product-line {
	border:0px dotted #dddddd;
	border-width:1px 0 0 0;
	margin:8px 10px;
}

/* 유저 리뷰 */
.main_review {
	margin-bottom:100px;
}

.main_review .wrap ul {
	padding:0;
	margin:0;
	list-style:none;
}

.main_review .wrap ul li {
	display:inline-block;
	width:266px;
	height:266px;
	margin-right:28px;
	background-color:#f4f4f4;
	text-align:center;
}

.main_review .wrap ul li a img {
	width:266px;
	height:266px;
}

.main_review .wrap ul li p {
	font-size:14px;
}

.main_review .wrap ul li:nth-child(4n) {
	margin-right:0;
}

/*

.bestproduct .wrap ul li p.product-title {
	font-size:14px;
	margin:20px 10px 0;
	padding:0px;
}

.bestproduct .wrap ul li p.product-etitle {
	font-size:12px;
	margin:3px 10px 0;
	padding:0px;
	line-height: 100%;
	color:#999999;
}

.bestproduct .wrap ul li p.product-description {
	font-size:12px;
	margin:15px 10px 0;
	padding:0px;
	line-height: 160%;
	color:#999999;
	text-align: left;
	font-weight:300;
	word-break: break-all;
}

.bestproduct .wrap ul li p.product-type {
	font-size:12px;
	margin:15px 10px 0;
	padding:0px;
	line-height: 100%;
}

.bestproduct .wrap ul li p.product-size {
	font-size:12px;
	margin:5px 10px 0;
	padding:0px;
	line-height: 100%;
}

.bestproduct .wrap ul li p.product-price {
	font-size:14px;
	margin:15px 10px 80px;
	padding:0px;
	line-height: 100%;
}
*/

/* 인스타그램 추출 */

#instafeed {
	text-align: center;
	width:100%;
	background-color:#f4f4f4;
}

#instafeed img {
	width:145px;
}

/* 푸터 */

.footer {
	width:100%;
	border-top:1px solid #eeeeee;
	margin-bottom:40px;
}

.footer .wrap ul {
	width:100%;
	list-style: none;
	margin:0;
	padding:0;
	border-bottom:1px solid #eeeeee;
	padding:30px 0;
}

.footer .wrap ul li {
	width:24%;
	display:inline-block;
	vertical-align: top;
}

.footer .wrap ul li p.footer-title {
	font-size:14px;
}

.footer .wrap ul li p.footer-menu {
	font-size:13px;
	line-height: 200%;
	color:#666666;
	font-weight: 300;
}

.footer .wrap ul li p.footer-menu a {
	text-decoration: none;
	color:#666666;
}

.footer .wrap ul li p.footer-menu a:hover {
	text-decoration: none;
	color:#0099aa;
}

.footer .wrap p.line1 {
	margin:30px 0 0;
	font-size:13px;
}

.footer .wrap p.line1 a {
	text-decoration: none;
	color:#000000;
}

.footer .wrap p.sns {
	padding:0px;
	margin:5px 0 0;
}

.footer .wrap p.sns a {
	color:#000000;
	margin-right:3px;
}

.footer .wrap p.line2 {
	margin:5px 0 0;
	font-size:12px;
	letter-spacing:-1px;
	color:#666666;
	font-weight: 300;
	line-height: 100%;
}

.footer .wrap p.line3 {
	margin:6px 0 0;
	font-size:12px;
	letter-spacing:-1px;
	color:#666666;
	font-weight: 300;
	line-height: 100%;
}

.footer .wrap p.line4 {
	margin:6px 0 0;
	font-size:12px;
	letter-spacing:-1px;
	color:#666666;
	font-weight: 300;
	line-height: 100%;
}

.footer .wrap p.line5 {
	margin:15px 0;
	font-size:12px;
	letter-spacing:0px;
	color:#666666;
	font-weight: 400;
	line-height: 100%;
}

.footer .wrap p.line5 a {
	text-decoration:none;
	color:#666666;
}

.footer .wrap p.line2 button {
	padding:5px 8px;
	background-color:#ffffff;
	margin:0 0 0 6px;
	border:1px solid #dddddd;
}


/* 회원가입 */

#signup {
	display:none;
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	z-index: 999999;
}

.signup-pop {
	position: absolute;
	left:50%;
	top:50%;
	margin-left:-160px;
	margin-top:-290px;
	width:260px;
	height:530px;
	background-color:#ffffff;
	padding:25px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}

/* 로그인 */

#login {
	display:none;
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	z-index: 999999;
}

.login-pop {
	position: absolute;
	left:50%;
	top:50%;
	margin-left:-160px;
	margin-top:-220px;
	width:260px;
	height:390px;
	background-color:#ffffff;
	padding:25px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	
}

input[type=text], input[type=password] {
	width:100%;
	padding:10px;
	font-size:13px;
	border:1px solid #dddddd;
	margin-bottom:5px;
	background-color:#fafafa;
}

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #fafafa inset; }

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding:10px;
	border-radius: 0px;
	border:1px solid #dddddd;
	width:220px;
	font-size:14px;
	background-image: url('/img/select_bg.gif');
	background-position: right center;
}

::placeholder {
	color:#999999;
	font-weight: 300;
}

/* 비밀번호 찾기 */

#findpassword {
	display:none;
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
}

.password-pop {
	position: absolute;
	left:50%;
	top:50%;
	margin-left:-160px;
	margin-top:-200px;
	width:260px;
	height:300px;
	background-color:#ffffff;
	padding:25px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}

/* 폰트 체계 */

.pop-title {
	margin: 0px;
	letter-spacing: -1px;
	font-size:16px;
	font-weight: 500;
	padding:0 0 10px 0;
	border-bottom:2px solid #0099aa;
}

.pop-description {
	font-size:12px;
	letter-spacing: -1px;
	font-weight: 300;
	color:#888888;
	margin:10px 0;
	line-height: 140%;
}

.pop-description a {
	color:#888888;
}

.indent {
	text-indent: -18px;
	margin-left:18px;
}

.center {
	text-align:center;
	margin:10px 0 0;
}

.pop-subtext {
	font-size:11px;
	margin:0px 0px 6px 10px;
	padding:0px;
	line-height: 10px;
	letter-spacing: -1px;
	color:#999999;
	font-weight: 300;

}

.pop-title img {
	float:right;
	width:25px;
	vertical-align: top;
	cursor: pointer;
}

/* 검색 */

input.searchInput {
	margin:7px 0 0 0px;
	width:200px;
	padding:3px 12px;
	border-radius: 20px;
	border:0px;
	background-color:#eeeeee;
	color:#666666;
	background:url('http://img.artnshop.net/images/searchbg.jpg');
	background-position:right center;
	vertical-align:top;
}

input:focus {
	outline: none;
}

/* 아이콘 및 버튼 */

#signup .signup-pop button {
	width:100%;
	padding:10px;
	font-size:16px;
	margin-top:10px;
	font-weight: 500;
	background-color:#0099aa;
	color:#ffffff;
	border:0px;
}

#signup .signup-pop button.social {
	background-color:#ffffff;
	border:1px solid #dddddd;
	color:#888888;
	font-size:14px;
	margin-top:5px;
}

#login .login-pop button {
	width:100%;
	padding:10px;
	font-size:16px;
	margin-top:10px;
	font-weight: 500;
	background-color:#0099aa;
	color:#ffffff;
	border:0px;
}

#login .login-pop button.social {
	background-color:#ffffff;
	border:1px solid #dddddd;
	color:#888888;
	font-size:14px;
	margin-top:5px;
}

#findpassword .password-pop button {
	width:100%;
	padding:10px;
	font-size:16px;
	margin-top:10px;
	font-weight: 500;
	background-color:#0099aa;
	color:#ffffff;
	border:0px;
}

p.btnarea {
	text-align: center;
	margin-bottom:70px;
}

p.btnarea button {
	padding:10px 15px;
	background-color:#ffffff;
	border:1px solid #bbbbbb;
	font-size:14px;
}

p.btnarea button:hover {
	border:1px solid #dd0000;
}

.spacer img {
	border:1px solid #eeeeee;
}

.frame table {
	border-collapse: collapse;
	margin:0px auto;
	border-spacing: 0px;
	padding:0px;
}

.frame .mulasec_space table tbody tr td {
	padding:0px;
}


.signup_save {
	position:relative;
	top:25px;
	left:96px;
}

#popup {
	position:absolute;
	left:100px;
	top:140px;
	width:320px;
	height:480px;
}

#popup p.close {
	width:320px;
	height:27px;
	background-color:#000000;
	color:#ffffff;
	text-align:center;
	margin:0px;
	font-size:14px;
	padding:0px;
	padding-top:5px;
	cursor:pointer;
}

.paging {
	text-align: center;
	font-size:14px;
	margin-bottom:50px;
}

.paging a {
	font-weight: 400;
	text-decoration: none;
	margin:0 1px;
	color:#666666;
}

.paging p.thispage {
	display:inline-block;
	color:#dd0000;
	font-weight:bold;
	margin:0 1px;
	border:1px solid #dddddd;
	width:40px;
	height:20px;
	padding:10px 0;
	vertical-align:middle;
	background-color:#f9f9f9;
}

.paging p.pagebtn {
	display:inline-block;
	color:#333333;
	font-weight:400;
	margin:0;
	border:1px solid #dddddd;
	width:40px;
	height:20px;
	padding:10px 0;
	vertical-align:middle;
}

.paging p.pagebtn:hover {
	background-color:#f9f9f9;
	color:#dd0000;
	font-weight:bold;
}

.paging p.pagemovebtn {
	display:inline-block;
	color:#333333;
	font-weight:400;
	margin:0;
	border:0px solid #dddddd;
	width:40px;
	height:20px;
	padding:10px 0;
	vertical-align:middle;
}

.paging p.pagemovebtn:hover {
	color:#dd0000;
}

/*****************************************************/

/* 레이어 뷰페이지 */
#viewFrame {
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#ffffff;
}

#viewFrame iframe {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

/* 풍선 도움말 */
span.help {
	position: absolute;
	font-size:11px;
	font-weight: 800;
	width:14px;
	height:14px;
	border-radius: 7px;
	color:#ffffff;
	background-color:#006677;
	text-align:center;
	line-height: 14px;
	margin-left:4px;
	margin-top:2px;
	cursor: pointer;
}

.help_bubble {
	display:none;
	position: absolute;
	width:290px;
	font-size:11px;
	letter-spacing:-1px;
	font-weight: 300;
	line-height: 140%;
	border-radius: 3px;
	padding:12px 10px;
	background-color:#ffffff;
	border:1px solid #999999;
	color:#333333;
}

.help_bubble strong {
	font-weight:400;
	color:#000000;
}