@charset "utf-8"; 

* {
	margin: 0;
	padding: 0
}

footer, header, nav, section {
	display: block
}

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

a {
	background: transparent;
	text-decoration: none;
	color: inherit
}

a:focus, a:active, a:hover {
	outline: 0
}

h1 {
	font-size: 2em;
	font-weight: bold
}

h2 {
	font-size: 1.9375em;
	font-weight: bold
}

h3 {
	font-size: 1em;
	font-weight: normal
}

b, strong {
	font-weight: bold
}

img {
	border: 0;
	max-width: 100%;
	vertical-align: top
}

ol, ul {
	list-style: none
}

button, input, select, textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
	vertical-align: middle
}

button, input {
	line-height: normal
}

button, select {
	text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"]
	{
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled], html input[disabled] {
	cursor: default
}

input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration
	{
	-webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto;
	vertical-align: top
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

body {
	margin: 0;
	color: #222;
	background-color: #fff;
	line-height: 1
}

.cf {
	display: inline-block
}

.cf:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden
}

.cf {
	display: block
}

.nowrap {
	white-space: nowrap
}

#wrap {
	min-width: 320px
}

#contents {
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
	padding-bottom: 46px
}

#contents:before {
	content: '.';
	display: block;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0
}

.pageHead {
	width: 96%;
	max-width: 1200px;
	margin: 80px auto 0;
	line-height: 1.5
}

.pageHead-bar {
	width: 100px;
	height: 3px;
	background-color: #222
}

.pageHead-title {
	font-size: 36px;
	font-weight: bold;
	margin: 23px 0 5px
}

.pageHead-description {
	font-size: 18px;
	color: #989898
}

#basePage-up {
	position: fixed;
	bottom: -50px;
	right: 10px;
	width: 48px;
	height: 48px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #dfdfdf;
	border-radius: 50%;
	-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08), 0 1px 0 0
		rgba(0, 0, 0, 0.08);
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08), 0 1px 0 0
		rgba(0, 0, 0, 0.08);
	background:
		url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAAAXNSR0IArs4c6QAAAetJREFUeAHt2UFKQlEUgOGetIKgDYiDoFXYhp01bdQSggbuoEltQLsXenAIoewZ5x74AvEg+Y5+fy+eeHXlhwABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQILBaYFh8h6QCbzeb2cDi89vWr1epuv9+/Jb2URWtXi56d9OSOfzwen9r6m37rc38s6eUsWlvuDJjxG/p9fOfTNL2027bamVDqDIj4HXwO0OcepOKZUCbAd/z+1x4CbKtGKBHgFH78V9PnHqRihOED/IQ/nwVVIwwd4Lf4lSMMG+Bc/KoRhgzwV/yKEYYLsBS/WoShAlwKv1KEoQK0D1K7/oGqX072y8p4qTmjnnt/4upod+4x/vP3hwrQ3uhHg3++FP4M9xXyoR+7BX6fH3e/UGC9Xh/7beFhUp8+2hmQipGxXIAM9bBTgICRMQqQoR52ChAwMkYBMtTDTgECRsYoQIZ62ClAwMgYBchQDzsFCBgZowAZ6mGnAAEjYxQgQz3sFCBgZIwCZKiHnQIEjIxRgAz1sPM6zOXG9h3vY/uOt/RXkuXQvWACBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQGFHgE0NVErukbggiAAAAAElFTkSuQmCC')
		center no-repeat #fff;
	background-size: 48px;
	cursor: pointer;
	z-index: 10;
	opacity: 0;
	-webkit-transition: opacity 0.15s, bottom 0.15s ease-in-out;
	transition: opacity 0.15s, bottom 0.15s ease-in-out
}

#basePage-up.show {
	bottom: 10px;
	opacity: 1
}

#basePage-back {
	position: fixed;
	bottom: 10px;
	left: 10px;
	width: 48px;
	height: 48px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #dfdfdf;
	border-radius: 50%;
	-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08), 0 1px 0 0
		rgba(0, 0, 0, 0.08);
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08), 0 1px 0 0
		rgba(0, 0, 0, 0.08);
	background:
		url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYCAYAAABxlTA0AAAAAXNSR0IArs4c6QAAAZJJREFUeAHt2rFtwzAQhWErC7jKBuoyQiqnTZVJM4KrjOBOmiCNM4FyBziAi4CAqnvv/B/AigR0/CiweODhQCGAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACDycwue54nufnbds+o/+fdV3fVffxpNrYqK8b7jmAX2PdcbS2es4O+A73ZZqmS4yPasTR962uiH9wT8uyfI82WD1nA+yIm4drAeyKawHsjCsP7I4rDdwBVxa4C64kcCdcOeBuuFLAHXFlgLviSgB3xi0H7o6bwKVpWua5Mf5SMfngJsH2Vinw3mYd15cCZ5abmW7+xTHOeWU4Io56Lk/Tut/D5cB5+p2RJYA7I8sAd0WWAu6ILAfcDVkSuBOyLHAXZGngDsjywO7IFsDOyDbArshWwI7IpWlagu2tfOwXCdzpLoXLN8KyZQeckrcXlW+B/BUx51VWl8YQQAABBBBAAAEEEEAAAQQQQAABBBBAAAEEEEAAAQQQQAABBBBAAAEEEEAAgccU+AWcdXgzjZxhHQAAAABJRU5ErkJggg==')
		center no-repeat #fff;
	background-size: 48px;
	cursor: pointer;
	z-index: 10;
	opacity: 1
}

#ch-plugin-button-position {
	right: 10px !important;
	bottom: 10px !important;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 50%;
	-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08), 0 1px 0 0
		rgba(0, 0, 0, 0.08);
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08), 0 1px 0 0
		rgba(0, 0, 0, 0.08);
	-webkit-transition: opacity 0.15s, bottom 0.15s ease-in-out;
	transition: opacity 0.15s, bottom 0.15s ease-in-out
}

#ch-plugin-button-position.high {
	bottom: 64px !important
}

.card-collectionBox {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 36px;
	height: 36px;
	border-radius: 3px;
	background: rgba(0, 0, 0, 0.25)
		url('/resources/images/mycollection/heart_sprite.png') 0 0
		no-repeat;
	background-size: 72px 72px;
	-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
	z-index: 2;
	cursor: pointer
}

.card-collectionBox.collected {
	background-color: rgba(255, 255, 255, 0.7);
	background-position-y: -36px
}

.card-collectionBox:hover {
	background-position-x: -36px
}

.card-collectionBox:after {
	content: '';
	display: block;
	position: absolute;
	top: -10px;
	bottom: -10px;
	left: -10px;
	right: -10px
}

@
-webkit-keyframes fadeIn {
	from {opacity: 0
}

to {
	opacity: 1
}

}
@
keyframes fadeIn {
	from {opacity: 0
}

to {
	opacity: 1
}

}
@
-webkit-keyframes spinner {
	to {transform: rotate(360deg)
}

}
@
keyframes spinner {
	to {transform: rotate(360deg)
}

}
@media screen and (max-width:767px) {
	.pageHead-title {
		font-size: 32px
	}
	.pageHead-description {
		font-size: 14px
	}
	#basePage-up {
		bottom: -46px;
		width: 44px;
		height: 44px;
		background-size: 42px
	}
	#basePage-back {
		bottom: 10px;
		width: 44px;
		height: 44px;
		background-size: 42px
	}
	.card-collectionBox {
		top: 8px;
		right: 8px;
		width: 34px;
		height: 34px;
		background-position: -1px -1px
	}
	.card-collectionBox.collected {
		background-position-y: -37px
	}
	.card-collectionBox:hover {
		background-position-x: -37px
	}
	.card-collectionBox:after {
		top: -8px;
		bottom: -8px;
		left: -8px;
		right: -8px
	}
}

@media screen and (max-width:543px) {
	.pageHead {
		margin-top: 28px
	}
	.pageHead-bar {
		width: 42px
	}
	.pageHead-title {
		font-size: 20px;
		margin: 10px 0 5px
	}
	.pageHead-description {
		font-size: 12px
	}
}

#contents {
	padding-top: 60px
}

#header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
	min-width: 320px;
	height: 60px;
	background-color: #fff;
	color: #222;
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1), 0 1px 8px rgba(0, 0, 0, 0.03);
	font-size: 16px;
	transition: top 0.1s ease-in-out
}

#header.headerHiding {
	top: -60px
}

#header-wrap {
	display: block;
	margin: 0 auto;
	max-width: 1200px
}

#mHeaderBtn_showMenu {
	display: none
}

#header-logo {
	float: left;
	width: 98px;
	height: 28px;
	margin: 16px 22px 16px 24px
}

#header-logo-img {
	background: url('/resources/images/main/header/logo.svg')
		no-repeat;
	background-size: 100% auto;
	width: 100%;
	height: 100%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

#header-nav {
	float: left
}

#header-nav>li {
	display: inline-block;
	position: relative;
	vertical-align: middle
}

.header-navBtn {
	display: block;
	padding: 18px;
	line-height: 24px
}

span.header-navBtn {
	cursor: default
}

#header-nav>li:hover .header-navBtn {
	font-weight: bold
}

.header-navSub {
	display: none;
	position: absolute;
	width: 100%;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 1px 8px rgba(0, 0, 0, 0.03);
	text-align: center;
	background-color: #fff;
	z-index: 1
}

#header-nav>li:hover .header-navSub {
	display: block
}

#header.headerHiding #header-nav>li:hover .header-navSub {
	display: none
}

.header-navSub:before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 3px;
	top: -3px;
	background-color: #fff
}

.header-navSubBtn {
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 6px 0 6px
}

.header-navSubBtn:hover {
	font-weight: bold
}

#header-right {
	float: right
}

#header-showSearch {
	float: right;
	padding: 9px 0 9px
}

#header-cart, #header-mycollection {
	float: left;
	padding: 9px 0
}

#header-showSearch-btn, #header-cart-btn, #header-mycollection-btn {
	display: block;
	position: relative;
	width: 42px;
	height: 42px;
	cursor: pointer;
	background:
		url('/resources/images/main/header/header_icon_sprite_170914.png')
		no-repeat;
	background-size: 210px 60px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

#header-showSearch-btn {
	background-position: 0 0
}

.search_active #header-showSearch-btn {
	background-position: -42px 0
}

#header-cart-btn {
	background-position: -84px 0
}

#header-mycollection-btn {
	background-position: -126px 0
}

#userBox {
	float: left;
	width: 131px;
	height: 42px;
	padding: 9px;
	border-left: 1px solid #eee;
	margin-left: 9px;
	line-height: 42px;
	font-size: 14px
}

#userBox-loggedIn {
	display: none;
	position: relative
}

#userBox-loggedOut {
	display: block;
	text-align: center
}

.logged_in #userBox-loggedIn {
	display: block
}

.logged_in #userBox-loggedOut {
	display: none
}

#userBox-loginBtn, #userBox-joinBtn {
	display: block;
	float: left;
	cursor: pointer
}

#userBox-loginBtn {
	width: 59px
}

#userBox-joinBtn {
	width: 72px
}

#userBox-settingBtn {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 36px 0 42px;
	text-align: center;
	position: relative;
	cursor: pointer
}

#userBox-settingBtn:before, #userBox-settingBtn:after {
	content: ' ';
	display: block;
	position: absolute;
	background:
		url('/resources/images/main/header/header_icon_sprite_170914.png')
		no-repeat;
	background-size: 210px 60px
}

#userBox-settingBtn:before {
	width: 42px;
	height: 42px;
	left: 0;
	top: 0;
	background-position: -168px 0
}

#userBox-settingBtn:after {
	width: 18px;
	height: 18px;
	right: 15px;
	top: 12px;
	background-position: 0 -42px
}

#userBox-settingBtn.active:after {
	background-position: -18px -42px
}

#userBox-settingBox {
	display: none;
	position: absolute;
	top: 64px;
	right: 1px;
	width: 120px;
	z-index: 11;
	line-height: 20px;
	font-size: 14px;
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .5)
}

#userBox-settingBox:before, #userBox-settingBox:after {
	display: block;
	content: ' ';
	position: absolute;
	right: 11px;
	border-color: transparent;
	border-style: dashed dashed solid;
	border-width: 0 12px 7px;
	z-index: 1;
	height: 0;
	width: 0
}

#userBox-settingBox:before {
	top: -7px;
	border-bottom-color: rgba(0, 0, 0, .15)
}

#userBox-settingBox:after {
	top: -6px;
	border-bottom-color: #fff
}

.userBox-settingBox-link {
	display: block;
	position: relative;
	height: 40px;
	line-height: 40px;
	padding-left: 16px;
	border-bottom: 1px solid #efefef;
	border-left: 2px solid transparent;
	transition: background-color 0.1s ease, border-left-color 0.1s ease
}

.userBox-settingBox-link:last-child {
	border-bottom: none
}

.userBox-settingBox-link:hover {
	background-color: #fafafa;
	border-left-color: #222
}

.userBox-settingBox-link:after {
	content: ' ';
	display: block;
	position: absolute;
	right: 13px;
	top: 11px;
	width: 18px;
	height: 18px;
	background:
		url('/resources/images/main/header/header_icon_sprite_170914.png')
		no-repeat;
	background-size: 210px 60px
}

.userBox-settingBox-link._modify:after {
	background-position: -54px -42px
}

.userBox-settingBox-link._orders:after {
	background-position: -72px -42px
}

.userBox-settingBox-link._contacts:after {
	background-position: -36px -42px
}

.userBox-settingBox-link._logout:after {
	background-position: -90px -42px
}

#mSideMask {
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 80;
	background-color: rgba(34, 34, 34, 0.75);
	zoom: 1;
	display: none
}

#mSideMask:nth-child(n) {
	filter: none
}

#mSide-menuBar {
	position: absolute;
	width: 260px;
	top: 0;
	bottom: 0;
	left: -260px;
	background-color: #fff;
	z-index: 11;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6);
	min-height: 400px;
	font-size: 14px
}

#mSide-menuBar-top {
	height: 194px;
	position: relative;
	text-align: center;
	line-height: 1.5
}

#mUserBox-loggedIn {
	display: none;
	position: relative;
	height: 97px;
	padding-top: 96px;
	border-bottom: 1px solid #eee
}

#mUserBox-loggedOut {
	display: block;
	position: relative;
	height: 101px;
	padding-top: 92px;
	border-bottom: 1px solid #dfdfdf;
	background-color: #eee;
	font-size: 12px;
	color: #989898
}

.logged_in #mUserBox-loggedIn {
	display: block
}

.logged_in #mUserBox-loggedOut {
	display: none
}

#mUserBox-accountlink, #mUserBox-loginlink {
	position: absolute;
	width: 54px;
	height: 54px;
	left: 103px;
	background:
		url('/static/pages/img/service/bases/header/header_icon_mb_sprite_170914.png')
		no-repeat;
	background-size: 120px 162px;
	z-index: 1
}

#mUserBox-accountlink {
	top: 34px;
	background-position: -54px -108px
}

#mUserBox-loginlink {
	top: 30px;
	background-position: 0 -108px
}

#mUserBox-name {
	display: block
}

#mUserBox-cartBtn, #mUserBox-mycollectionBtn {
	display: block;
	position: absolute;
	box-sizing: border-box;
	width: 118px;
	bottom: 8px;
	height: 38px;
	line-height: 36px;
	border: solid 1px #dfdfdf;
	font-size: 12px;
	background-color: #fff;
	border-radius: 3px
}

#mUserBox-cartBtn {
	left: 8px
}

#mUserBox-mycollectionBtn {
	right: 8px
}

#mUserBox-cartBtn:hover, #mUserBox-mycollectionBtn:hover {
	font-weight: bold
}

#mUserBox-cartBtn:before, #mUserBox-mycollectionBtn:before {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	background:
		url('/static/pages/img/service/bases/header/header_icon_mb_sprite_170914.png')
		no-repeat;
	background-size: 120px 162px;
	vertical-align: top;
	margin-top: 6px
}

#mUserBox-cartBtn:before {
	background-position: -96px -84px
}

#mUserBox-mycollectionBtn:before {
	background-position: -72px -84px
}

#mHeaderBtn_hideMenu {
	position: absolute;
	top: 0;
	left: 0;
	width: 42px;
	height: 42px;
	margin: 9px;
	cursor: pointer;
	background:
		url('/static/pages/img/service/bases/header/header_icon_mb_sprite_170914.png')
		0 -42px no-repeat;
	background-size: 120px 162px
}

#mSide-nav {
	position: absolute;
	left: 0;
	right: 0;
	top: 194px;
	bottom: 54px;
	padding: 8px 0;
	overflow-y: auto
}

.mSide-navBtn {
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 5px 0 5px 15px
}

span.mSide-navBtn {
	cursor: default
}

#mSide-nav>li:hover .mSide-navBtn {
	font-weight: bold
}

.mSide-navSub {
	background-color: #fafafa;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee
}

.mSide-navSubBtn {
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 5px 0 5px 26px;
	font-size: 13px
}

.mSide-navSubBtn:hover {
	font-weight: bold
}

#mSide-bottom-loggedIn, #mSide-bottom-loggedOut {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 8px;
	font-size: 12px;
	text-align: center;
	background-color: #fff;
	box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.04)
}

#mSide-bottom-loggedIn {
	display: none
}

#mSide-bottom-loggedOut {
	display: block
}

.logged_in #mSide-bottom-loggedIn {
	display: block
}

.logged_in #mSide-bottom-loggedOut {
	display: none
}

#mSide-bottom-logoutBtn, #mSide-bottom-loginBtn, #mSide-bottom-joinBtn {
	display: block;
	height: 36px;
	line-height: 36px;
	border: solid 1px #dfdfdf;
	background-color: #fff;
	border-radius: 3px;
	cursor: pointer
}

#mSide-bottom-loginBtn, #mSide-bottom-joinBtn {
	float: left;
	width: 116px
}

#mSide-bottom-joinBtn {
	margin-left: 8px
}

#mSide-bottom-logoutBtn:hover, #mSide-bottom-loginBtn:hover,
	#mSide-bottom-joinBtn:hover {
	font-weight: bold
}

#header-searchBar {
	background-color: #fcfcfc;
	overflow: hidden;
	height: 0;
	transition: height 0.1s ease-in-out
}

.search_active #header-searchBar {
	height: 60px;
	border-top: 1px solid #eee
}

#header-searchBar-inner {
	max-width: 1200px;
	box-sizing: border-box;
	margin: 0 auto;
	padding-left: 24px;
	padding-right: 234px
}

#header-searchBar-inputWrapper {
	padding: 10px 60px 10px 0;
	position: relative
}

#header-searchBar-sq {
	display: block;
	border: none;
	outline: none;
	box-sizing: border-box;
	width: 100%;
	padding: 0 10px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	background-color: #eee;
	color: #222;
	border-radius: 2px
}

#header-searchBar-submit {
	display: block;
	border: none;
	outline: none;
	position: absolute;
	width: 42px;
	height: 42px;
	margin: 9px;
	top: 0;
	right: 0;
	background:
		url('/resources/images/main/header/header_icon_sprite_170914.png')
		0 0 no-repeat;
	background-size: 210px 60px
}

#header-searchMask {
	background-color: rgba(34, 34, 34, 0.75);
	position: fixed;
	left: 0;
	right: 0;
	height: 0
}

.search_active #header-searchMask {
	height: 100%
}

#mHeaderBtn_showMenu:hover, #mHeaderBtn_hideMenu:hover,
	#header-showSearch-btn:hover, #header-cart-btn:hover,
	#header-mycollection-btn:hover, #userBox-loginBtn:hover,
	#userBox-joinBtn:hover, #userBox-settingBtn:hover {
	opacity: .7
}

@media screen and (max-width:991px) {
	#mHeaderBtn_showMenu {
		display: block;
		float: left;
		width: 42px;
		height: 42px;
		margin: 9px;
		cursor: pointer;
		background:
			url('/static/pages/img/service/bases/header/header_icon_mb_sprite_170914.png')
			0 0 no-repeat;
		background-size: 120px 162px
	}
	#header-logo {
		margin-left: 0
	}
	#header-nav {
		display: none
	}
	#header-right {
		display: none
	}
	#header-showSearch {
		padding-right: 9px
	}
	#header-showSearch-btn {
		background:
			url('/static/pages/img/service/bases/header/header_icon_mb_sprite_170914.png')
			-42px 0 no-repeat;
		background-size: 120px 162px
	}
	.search_active #header-showSearch-btn {
		background-position: -42px -42px
	}
	#header-searchBar-inner {
		padding-left: 18px;
		padding-right: 0
	}
	#header-searchBar-submit {
		background:
			url('/static/pages/img/service/bases/header/header_icon_mb_sprite_170914.png')
			-42px 0 no-repeat;
		background-size: 120px 162px
	}
}

@media screen and (max-width:543px) {
	#contents {
		padding-top: 42px
	}
	#header {
		height: 42px
	}
	#header.headerHiding {
		top: -42px
	}
	#mHeaderBtn_showMenu, #mHeaderBtn_hideMenu {
		width: 24px;
		height: 24px;
		margin-left: 10px;
		margin-right: 10px
	}
	#mHeaderBtn_showMenu {
		background-position: 0 -84px
	}
	#mHeaderBtn_hideMenu {
		background-position: -9px -51px
	}
	#header-logo {
		width: 70px;
		height: 20px;
		margin: 11px 0 11px 3px
	}
	#header-showSearch {
		padding-right: 10px;
		border-left: none
	}
	#header-showSearch-btn {
		width: 24px;
		height: 24px;
		background-position: -24px -84px
	}
	.search_active #header-showSearch-btn {
		background-position: -48px -84px
	}
	.search_active #header-searchBar {
		height: 42px
	}
	#header-searchBar-inner {
		padding-left: 10px
	}
	#header-searchBar-inputWrapper {
		padding: 7px 43px 7px 0
	}
	#header-searchBar-sq {
		height: 28px;
		line-height: 28px;
		font-size: 12px
	}
	#header-searchBar-submit {
		width: 24px;
		height: 24px;
		margin-right: 10px;
		background-position: -24px -84px
	}
}

#footer {
	background-color: #222;
	color: #fff;
	font-size: 12px;
	line-height: 1.5
}

#footer-table {
	padding: 60px 0 30px;
	max-width: 1200px;
	width: 96%;
	margin: 0 auto;
	letter-spacing: -0.5px
}

.footer-cell {
	float: left;
	width: 33.333333%;
	position: relative;
	height: 120px
}

.footer-cell-foot {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 38px;
	line-height: 38px
}

#footer-company-use {
	font-weight: 500;
	color: #989898
}

#footer-company-use>a {
	margin-right: 1.5em
}

#footer-company-use>a:last-child {
	margin-right: 0
}

.footer-bar {
	display: inline-block;
	margin: 0 8px
}

#footer-contact-telNum {
	margin-bottom: 7px;
	font-size: 20px;
	line-height: 1.3
}

#footer-contact-time {
	font-size: 14px;
	font-weight: 500
}

.footer-contact-icon {
	display: inline-block;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	margin-right: 12px;
	border: 1px solid #4a4a4a;
	background:
		url('/resources/images/main/footer/footer_icon_sprite_170801.png')
		no-repeat #222;
	background-size: 36px 252px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

.footer-contact-icon:hover {
	background-color: #000
}

.footer-contact-icon:last-child {
	margin-right: 0
}

#footer-contact-email {
	background-position: 0 0
}

#footer-contact-kakaotalk {
	background-position: 0 -36px
}

#footer-contact-blog {
	background-position: 0 -72px
}

#footer-contact-facebook {
	background-position: 0 -108px
}

#footer-contact-instagram {
	background-position: 0 -144px
}

#footer-contact-naverpost {
	background-position: 0 -180px
}

#footer-subscription-p1 {
	color: #eeeeee;
	margin-bottom: 6px
}

#footer-subscription-p2 {
	font-weight: 300;
	color: #989898
}

#footer-subscription-p2>a {
	text-decoration: underline
}

#footer-subscription-notice {
	text-decoration: underline;
	cursor: pointer
}

#footer-subscription-inputLine>form {
	display: inline-block;
	position: relative
}

#footer-subscription-email {
	background: #222;
	line-height: 16px;
	width: 280px;
	box-sizing: border-box;
	padding: 10px 56px 10px 12px;
	border: 1px solid #4a4a4a;
	border-radius: 0;
	color: #fff;
	vertical-align: top
}

#footer-subscription-email::-webkit-input-placeholder {
	color: #989898
}

#footer-subscription-email:-moz-placeholder {
	color: #989898
}

#footer-subscription-email::-moz-placeholder {
	color: #989898
}

#footer-subscription-email:-ms-input-placeholder {
	color: #989898
}

#footer-subscription-submit {
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 0;
	width: 46px;
	height: 38px;
	border-radius: 0;
	border: 1px solid #4a4a4a;
	background:
		url('/resources/images/main/footer/footer_icon_sprite_170801.png')
		center -216px no-repeat #222;
	background-size: 36px 252px
}

#footer-subscription-submit:hover {
	background-color: #000
}

#footer-inc {
	border-top: 1px solid #4a4a4a;
	padding: 12px 0 14px;
	color: #989898
}

#footer-inc-inner {
	max-width: 1200px;
	width: 96%;
	margin: 0 auto
}

#footer-awards {
	background: #eee;
	text-align: center
}

#footer-awards-inner {
	display: none;
	max-width: 1200px;
	margin: 0 auto
}

.footer-award-item {
	margin: 24px 10px 20px;
	padding: 5px 10px;
	background-color: #fcfcfc;
	border: 1px solid #dfdfdf
}

.footer-none, .footer-none2 {
	display: none
}

.footer-br4 {
	display: none
}

iframe[name='google_conversion_frame'] {
	height: 0 !important;
	width: 0 !important;
	line-height: 0 !important;
	font-size: 0 !important;
	margin-top: -13px;
	float: left
}

@media screen and (max-width:991px) {
	#footer-table {
		padding: 40px 0 24px
	}
	#footer-company {
		width: 100%;
		height: 90px;
		border-bottom: 1px solid #4a4a4a;
		margin-bottom: 23px
	}
	#footer-contact {
		float: right;
		width: 50%;
		height: 110px
	}
	#footer-subscription {
		width: 50%;
		height: 110px
	}
	.footer-cell-foot {
		bottom: 12px;
		height: 34px;
		line-height: 34px
	}
	#footer-subscription .footer-cell-foot, #footer-contact .footer-cell-foot
		{
		bottom: 0
	}
	#footer-contact-time {
		font-size: 12px
	}
	.footer-contact-icon {
		width: 32px;
		height: 32px
	}
	#footer-contact-email {
		background-position: -2px -2px
	}
	#footer-contact-kakaotalk {
		background-position: -2px -38px
	}
	#footer-contact-blog {
		background-position: -2px -74px
	}
	#footer-contact-facebook {
		background-position: -2px -110px
	}
	#footer-contact-instagram {
		background-position: -2px -146px
	}
	#footer-contact-naverpost {
		background-position: -2px -182px
	}
	#footer-contact-telNum {
		font-size: 18px;
		margin-bottom: 2px;
		line-height: 1.5
	}
	#footer-subscription-p1 {
		margin-bottom: 4px
	}
	#footer-subscription-email {
		width: 251px;
		padding: 8px 56px 8px 12px
	}
	#footer-subscription-submit {
		height: 34px;
		background-position: center -218px
	}
	#footer-inc {
		padding: 14px 0 15px
	}
	.footer-none {
		display: inline-block
	}
	.footer-br {
		display: none
	}
}

@media screen and (max-width:767px) {
	#footer-table {
		padding: 30px 0 20px;
		text-align: center
	}
	#footer-company {
		height: 110px;
		margin-bottom: 20px
	}
	#footer-contact {
		width: 100%;
		height: 132px;
		border-bottom: 1px solid #4a4a4a;
		margin-bottom: 20px
	}
	#footer-subscription {
		width: 100%;
		height: 112px
	}
	#footer-contact .footer-cell-foot {
		bottom: 30px
	}
	#footer-company-info {
		font-size: 14px
	}
	#footer-contact-telNum {
		font-size: 20px
	}
	#footer-contact-time {
		font-size: 14px
	}
	#footer-subscription-p1 {
		font-size: 14px
	}
	#footer-inc {
		display: none
	}
	.footer-none {
		display: none
	}
	.footer-none2 {
		display: inline-block
	}
	.footer-br {
		display: inline
	}
	.footer-br2 {
		display: none
	}
}

@media screen and (max-width:543px) {
	#footer-table {
		font-weight: 300
	}
	#footer-company {
		height: 120px
	}
	#footer-contact {
		height: 116px
	}
	#footer-contact .footer-cell-foot {
		bottom: 20px
	}
	#footer-company-info {
		font-size: 12px
	}
	#footer-contact-telNum {
		font-size: 18px
	}
	#footer-contact-time {
		font-size: 12px
	}
	#footer-subscription-p1 {
		font-size: 12px;
		margin-bottom: 6px
	}
	.footer-award-item {
		margin: 16px 5px;
		padding: 4px 6px
	}
	.footer-none2 {
		display: none
	}
	.footer-br2 {
		display: inline
	}
	.footer-br3 {
		display: none
	}
	.footer-br4 {
		display: inline
	}
}

#popup_wrapper {
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 100;
	background-image:
		url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlOzEo46UAAAAApJREFUeF5jYAAAAAIAAd6ej78AAAAASUVORK5CYII=');
	zoom: 1
}

#popup_wrapper:nth-child(n) {
	filter: none
}

#popup_wrapper .overlay {
	padding: 8% 0
}

#popup_wrapper .overlay .x_btn_wrapper {
	text-align: right;
	width: 90%;
	max-width: 1200px;
	margin: 0 auto 1%
}

#popup_wrapper .overlay .x_btn_wrapper .x_btn {
	position: static;
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url('/static/pages/img/service/xbutton_light.png') no-repeat
		center center;
	cursor: pointer
}

#popup_wrapper .overlay.notice {
	text-align: center
}

#popup_wrapper .overlay.notice .image_wrapper {
	display: inline-block;
	position: relative
}

#popup_wrapper .overlay.notice .image_wrapper .noti_x_btn {
	position: absolute;
	top: 0;
	right: 0;
	margin: 10px 10px 0 0;
	width: 30px;
	height: 30px;
	background: url('/resources/images/main/content/service/xbutton_light.png') no-repeat
		center center;
	cursor: pointer
}

#popup_wrapper_2 {
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 200;
	zoom: 1;
	background: #f9f9f9 url('/resources/images/main/loading.gif')
		no-repeat center center
}

#popup_wrapper_2:nth-child(n) {
	filter: none
}

#popup_wrapper_2 .panzoom_header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 45px;
	line-height: 45px;
	text-align: center;
	background-color: #e9e9e9;
	border: 1px solid #d8d8d8
}

#popup_wrapper_2 .panzoom_header .x_btn {
	float: right;
	width: 30px;
	height: 30px;
	background: url('/resources/images/main/xbutton_light.png') no-repeat
		center center;
	cursor: pointer;
	z-index: 1;
	margin-top: 7px;
	margin-right: 1%
}

#popup_wrapper_2 .panzoom_header .zoom-range {
	width: 16%;
	min-width: 150px;
	z-index: 1
}

#popup_wrapper_2 .overlay.panzoom {
	position: absolute;
	top: 46px;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	border: 1px solid #d8d8d8
}

#loginPopup {
	position: relative;
	width: 96%;
	max-width: 300px;
	margin: 0 auto;
	line-height: 1.5;
	background-color: #fff
}

#loginPopup-closeOverlayBtn {
	position: absolute;
	top: 0;
	right: 0;
	width: 42px;
	height: 42px;
	background: url('/resources/images/main/close.png') -42px
		0 no-repeat;
	background-size: 84px 42px;
	cursor: pointer;
	z-index: 1
}

#loginPopup-header {
	padding: 30px 0 26px;
	text-align: center;
	font-size: 16px;
	font-weight: bold
}

#loginPopup-body {
	padding: 10px
}

.loginPopup-input {
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 36px;
	padding: 0 8px;
	border: 1px solid #ccc;
	margin-bottom: 16px;
	outline: 0;
	font-size: 14px;
	line-height: 34px
}

#loginPopup-resetPassword {
	margin-bottom: 10px;
	font-size: 12px
}

#loginPopup-resetPassword>a {
	float: left;
	font-weight: bold;
	text-decoration: underline
}

#loginPopup-message {
	float: right;
	color: #df3b32
}

.loginPopup-button {
	display: block;
	width: 100%;
	height: 46px;
	border: 0;
	outline: 0;
	font-size: 14px;
	background-color: #222;
	color: #fff;
	transition: opacity 0.1s ease-in-out
}

.loginPopup-button:hover {
	opacity: 0.9
}

.loginPopup-button.facebook {
	background: #4267b2
		url('') 18px center
		no-repeat;
	background-size: 18px 18px
}

#loginPopup-separator {
	position: relative;
	height: 18px;
	margin: 6px 0;
	text-align: center;
	font-size: 12px;
	color: #989898
}

#loginPopup-separator:before {
	content: '';
	position: absolute;
	display: block;
	top: 50%;
	left: 0;
	right: 0;
	border-bottom: 1px solid #dfdfdf
}

#loginPopup-separator>span {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	padding: 0 9px;
	background-color: #fff;
	z-index: 1
}

#loginPopup-footer {
	padding: 8px 0;
	border-top: 1px solid #dfdfdf;
	font-size: 12px;
	text-align: center;
	color: #989898;
	background-color: #eee
}

#loginPopup-footer>a {
	margin-left: 6px;
	font-weight: bold;
	text-decoration: underline
}

.share-button {
	background: url('/static/pages/img/service/share/icon_share.png') center
		left no-repeat;
	padding-left: 30px;
	background-size: 24px;
	display: inline-block;
	float: right;
	cursor: pointer
}

.share-button-text {
	font-size: .75em;
	vertical-align: middle;
	line-height: 24px
}

.shareBox {
	border: 1px solid #eee;
	width: 188px;
	position: absolute;
	top: 0;
	right: 0;
	box-shadow: 0 2px 10px #888;
	background-color: #fff;
	z-index: 1;
	cursor: default
}

.shareBox-head {
	text-align: center;
	position: relative;
	border-bottom: 1px solid #eee;
	height: 40px;
	line-height: 40px
}

.shareBox-closeBtn {
	position: absolute;
	right: 4px;
	top: 4px;
	padding: 9px;
	cursor: pointer
}

.shareBox-closeBtn i {
	display: block;
	width: 14px;
	height: 14px;
	background: url('/static/pages/img/service/share/icons.png') no-repeat 0
		0
}

.shareBox-li {
	display: block;
	float: left;
	padding: 8px;
	margin: 8px 0 8px 8px;
	cursor: pointer
}

.shareBox-li.kakaotalk {
	display: none
}

.shareBox-li i {
	display: block;
	width: 36px;
	height: 36px;
	background: url('/static/pages/img/service/share/icons.png') no-repeat
}

.shareBox-li.facebook i {
	background-position: -18px 0
}

.shareBox-li.twitter i {
	background-position: -58px 0
}

.shareBox-li.link i {
	background-position: -98px 0
}

.shareBox-messageBox {
	position: absolute;
	top: 41px;
	bottom: 0;
	left: 0;
	right: 0;
	padding-top: 8px;
	background-color: #fff;
	font-size: 0.875em;
	line-height: 1.2em;
	font-weight: bold
}

.shareBox-hiddenUrl {
	overflow: hidden;
	height: 1px;
	margin-top: -1px;
	color: #fff
}

@media screen and (max-width:480px) {
	.shareBox {
		width: 152px
	}
	.shareBox-head {
		font-size: 0.75em;
		height: 28px;
		line-height: 28px
	}
	.shareBox-closeBtn {
		right: 2px;
		top: 2px;
		padding: 6px
	}
	.shareBox-closeBtn i {
		width: 12px;
		height: 12px;
		background-image: url('/static/pages/img/service/share/m_icons.png');
		background-size: 116px 24px
	}
	.shareBox-li i {
		width: 24px;
		height: 24px;
		background-image: url('/static/pages/img/service/share/m_icons.png');
		background-size: 116px 24px
	}
	.shareBox-li.facebook i {
		background-position: -14px 0
	}
	.shareBox-li.twitter i {
		background-position: -40px 0
	}
	.shareBox-li.link i {
		background-position: -66px 0
	}
	.shareBox-li.kakaotalk i {
		background-position: -92px 0
	}
	.mobile>.shareBox {
		width: 200px
	}
	.mobile>.shareBox .shareBox-li.kakaotalk {
		display: block
	}
	.shareBox-messageBox {
		top: 29px;
		padding-top: 3px
	}
}

.red {
	color: #df3b32
}

.artworkDetail {
	width: 96%;
	max-width: 800px;
	padding: 48px 0;
	margin: 0 auto;
	line-height: 1.5;
	background-color: #fff
}

.overlay.detail>.artworkDetail {
	position: relative;
	max-width: 960px
}

.overlay.detail>.artworkDetail>.artworkDetail-inner {
	width: 96%;
	max-width: 800px;
	margin: 0 auto
}

.artworkDetail-closeOverlayBtn {
	position: absolute;
	top: -44px;
	right: 0;
	width: 42px;
	height: 42px;
	background: url('/resources/images/main/close.png') 0 0
		no-repeat;
	background-size: 84px 42px;
	cursor: pointer;
	z-index: 1
}

.artworkDetail-head {
	padding-bottom: 32px;
	border-bottom: 1px solid #dfdfdf;
	/* color: #989898 */  
}

.artworkDetail-artistLink {
	display: inline-block;
	padding: 0 8px 0 32px;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 20px;
	vertical-align: top;
	background:
		url('/resources/images/discover/artist_profile.png')
		no-repeat left;
	background-size: 24px 24px
}

.artworkDetail-artistLink:hover {
	text-decoration: underline
}

.artworkDetail-artistName-ko {
	margin-right: 8px;
	white-space: nowrap;
	font-size: 26px;
	font-weight: bold;
	color: #222
}

.artworkDetail-artistName-en {
	white-space: nowrap;
	font-size: 15px
}

.artworkDetail-artistProfile {
	margin-top: 10px;
	font-size: 12px
}

.artworkDetail-admin {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	padding: 10px 20px;
	background-color: #ffc;
	position: relative
}

.artworkDetail-admin.folded {
	max-height: 0;
	padding: 0;
	border-bottom: 1px solid #fff;
	margin-bottom: -1px
}

.artworkDetail-admin-folder {
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	cursor: pointer;
	border-bottom: 15px solid #fbb;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent
}

.artworkDetail-admin.folded .artworkDetail-admin-folder {
	border-top: 15px solid #fbb;
	border-bottom: none
}

.artworkDetail-admin.folded .artworkDetail-admin-p {
	display: none
}

.artworkDetail-admin-folder:hover {
	text-decoration: underline
}

.artworkDetail-admin-p {
	margin: 0.7em 0
}

.artworkDetail-admin-link {
	text-decoration: underline;
	font-weight: bold
}

.artworkDetail-admin-link.blue {
	color: blue
}

.artworkDetail-admin-label {
	font-weight: bold
}

.artworkDetail-artworkImage {
	margin-top: 12px;
	position: relative
}

.artworkDetail-imageViewer {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-bottom: 75%
}

.artworkDetail-imageViewer:not (:first-child ){
	display: none
}

.artworkDetail-imageViewer-imgWrap {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: 1px solid #eee;
	background-color: #fafafa;
	overflow: hidden
}

.artworkDetail-imageViewer-img {
	display: block;
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in
}

.artworkDetail-copyright {
	margin-top: 12px;
	color: #989898;
	font-size: 12px;
	text-align: center
}

.artworkDetail-copyright-br {
	display: none
}

.artworkDetail-imagePagination {
	max-width: 100%;
	margin: 24px auto 0
}

.artworkDetail-pageCarousel {
	display: none;
	padding: 0 34px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto
}

.artworkDetail-pageItem {
	position: relative;
	width: 42px;
	height: 42px;
	margin: 0 auto;
	overflow: hidden;
	cursor: pointer
}

.artworkDetail-pageItem-img {
	display: block;
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.artworkDetail-pageItem-mask {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: 1px solid #dfdfdf;
	z-index: 1
}

.owl-item.synced .artworkDetail-pageItem-mask {
	border: 2px solid #222
}

.artworkDetail-pageCarousel .owl-prev, .artworkDetail-pageCarousel .owl-next
	{
	position: absolute;
	width: 28px;
	height: 42px;
	top: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #dfdfdf
}

.artworkDetail-pageCarousel .owl-prev {
	left: 0
}

.artworkDetail-pageCarousel .owl-next {
	right: 0
}

.artworkDetail-pageCarousel .owl-prev:after, .artworkDetail-pageCarousel .owl-next:after
	{
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	margin-top: -5px;
	margin-left: -3px
}

.artworkDetail-pageCarousel .owl-prev:after {
	border-right: 6px solid #222
}

.artworkDetail-pageCarousel .owl-next:after {
	border-left: 6px solid #222
}

.artworkDetail-section {
	margin-top: 72px
}

.artworkDetail-section-title {
	font-size: 18px;
	font-weight: bold;
	text-align: center
}

.artworkDetail-section-bar {
	width: 42px;
	height: 3px;
	margin: 8px auto 24px;
	background-color: #222
}

.artworkDetail-infoTable {
	border: 1px solid #dfdfdf;
	background-color: #fafafa
}

.artworkDetail-infoTable-head {
	border-bottom: 1px solid #dfdfdf;
	padding-left: 20px;
	background-color: #fff
}

.artworkDetail-artworkStatus {
	float: left;
	line-height: 48px;
	font-size: 12px
}

.artworkDetail-artworkStatus.red {
	color: #df3b32
}

.artworkDetail-artworkStatus.blue {
	color: #4085df
}

.artworkDetail-artworkStatus-tag {
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	margin-right: 6px;
	vertical-align: middle;
	background-color: currentColor
}

.artworkDetail-collectionBox {
	float: right;
	width: 48px;
	height: 48px;
	border-left: 1px solid #eee;
	background: #fff
		url('/resources/images/discover/lined_heart_sprite.png') 3px
		3px no-repeat;
	background-size: 84px 42px;
	cursor: pointer
}

.artworkDetail-collectionBox.collected {
	background-position-x: -39px
}

.artworkDetail-shareButton {
	float: right;
	width: 48px;
	height: 48px;
	border-left: 1px solid #eee;
	background: #fff
		url('/static/pages/img/service/detailview/share_icon.png') 3px 3px
		no-repeat;
	background-size: 42px 42px;
	cursor: pointer
}

.artworkDetail-infoTable-body {
	padding: 20px 20px 30px;
	font-size: 15px
}

.artworkDetail-title {
	padding-bottom: 16px;
	border-bottom: 1px solid #eee;
	margin-bottom: 16px;
	font-size: 20px;
	font-weight: bold
}

.artworkDetail-infoTable-details {
	min-height: 152px;
	position: relative;
	padding-right: 246px
}

.artworkDetail-infoTable-details-p {
	margin-bottom: 12px
}

.artworkDetail-priceLabel {
	font-weight: bold
}

.artworkDetail-priceSmall {
	font-size: 12px
}

.artworkDetail-infoTable-details-pNotice {
	margin-top: 18px;
	font-size: 12px;
	color: #989898
}

.artworkDetail-sizeView {
	display: block;
	position: absolute;
	width: 246px;
	top: 0;
	right: 0
}

.artworkDetail-functions {
	position: relative;
	margin-top: 36px;
	text-align: center
}

.artworkDetail-functionBtn {
	display: inline-block;
	width: 155px;
	height: 48px;
	margin-right: 8px;
	border: none;
	outline: none;
	border-radius: 2px;
	background-color: #222;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: -0.5px
}

.artworkDetail-functionBtn.warehousingNotiBtn,
	.artworkDetail-functionBtn.cartBtn {
	border: 1px solid #dfdfdf;
	background: #fff;
	color: #222;
	background-size: 18px;
	background-repeat: no-repeat;
	text-align: left
}

.artworkDetail-functionBtn.cartBtn {
	background-image: url('/resources/images/discover/cart.png');
	background-position: 30px;
	padding-left: 52px
}

.artworkDetail-functionBtn.warehousingNotiBtn {
	background-image: url('/static/pages/img/service/detailview/mobile.png');
	background-position: 38px;
	padding-left: 60px
}

.artworkDetail-functionBtn:last-child {
	margin-right: 0
}

.awd-functions-box {
	display: none;
	position: absolute;
	left: 50%;
	top: -120px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 322px;
	margin-left: -161px;
	padding: 16px;
	border: 1px solid #dfdfdf;
	border-top: 3px solid #222;
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
	border-radius: 3px;
	background-color: #fff;
	color: #989898;
	line-height: 1.5
}

.awd-functions-box.awd-fb-show {
	display: block
}

.awd-functions-box:before {
	content: '';
	display: block;
	width: 85px;
	height: 64px;
	margin: 7px auto 0;
	background:
		url('/resources/images/discover/box_icon_sprite.png')
		no-repeat;
	background-size: 282px 64px
}

.awd-functions-box.awd-fb-tel:before {
	background-position: 0 0
}

.awd-functions-box.awd-fb-cart:before {
	background-position: -94px 0
}

.awd-functions-box.awd-fb-order:before {
	background-position: -188px 0
}

.awd-functions-box.awd-fb-warehousingnoti {
	z-index: 1
}

.awd-functions-box.awd-fb-warehousingnoti:before {
	display: none
}

.awd-functions-box.awd-fb-warehousingnoti .awd-fb-h3 {
	margin-top: 6px;
	margin-bottom: 24px
}

.awd-functions-box.awd-fb-warehousingnoti .awd-fb-box {
	text-align: left;
	height: 114px;
	padding: 10px 11px 11px 11px;
	font-size: 12px;
	border-color: #dfdfdf
}

.awd-functions-box.awd-fb-warehousingnoti .awd-fb-section-title {
	margin-bottom: 6px;
	color: #222;
	font-weight: bold
}

.awd-functions-box.awd-fb-warehousingnoti .awd-fb-box li:before {
	content: "\B7";
	position: absolute;
	margin-left: -6px
}

.awd-functions-box.awd-fb-warehousingnoti .awd-fb-box li {
	margin-left: 5px
}

.awd-functions-box.awd-fb-warehousingnoti .awd-fb-white-box {
	margin-top: 8px;
	padding: 0;
	height: auto;
	position: relative;
	border: 0
}

.awd-functions-box.awd-fb-warehousingnoti .left {
	color: #222;
	float: left;
	display: inline-block;
	height: 36px;
	line-height: 36px
}

.awd-functions-box.awd-fb-warehousingnoti .right {
	float: right;
	text-align: left;
	width: 203px;
	position: relative;
	height: 36px;
	line-height: 36px
}

.awd-functions-box.awd-fb-warehousingnoti .awd-fb-p input[type=radio] {
	display: none
}

.awd-functions-box.awd-fb-warehousingnoti .awd-fb-p input[type=tel],
	.awd-functions-box.awd-fb-warehousingnoti .awd-fb-p input[type=text] {
	width: 144px;
	height: 36px;
	border: 1px solid #dfdfdf;
	color: #222;
	padding: 0 10px;
	box-sizing: border-box
}

.awd-functions-box.awd-fb-warehousingnoti .warehousing_step1 .awd-fb-p input[type=tel]
	{
	width: 125px;
	height: 36px
}

.awd-functions-box.awd-fb-warehousingnoti .awd-fb-count-down {
	position: absolute;
	top: 0;
	left: 113px;
	height: 36px;
	line-height: 36px;
	color: #df3b32
}

.awd-functions-box.awd-fb-warehousingnoti .request_verification_btn,
	.awd-functions-box.awd-fb-warehousingnoti .verification_btn,
	.awd-functions-box.awd-fb-warehousingnoti .certified_phone_change_btn {
	width: 51px;
	height: 36px;
	border-radius: 2px;
	border: none;
	background-color: #000;
	color: #fff;
	margin-left: 6px
}

.awd-functions-box.awd-fb-warehousingnoti .request_verification_btn {
	width: 70px;
	height: 36px
}

.awd-functions-box.awd-fb-warehousingnoti .awd-fb-period-child {
	position: relative;
	margin-right: 17px
}

.awd-functions-box.awd-fb-warehousingnoti .awd-fb-p label:before {
	content: '';
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 4px;
	left: 0;
	border: 1px solid #dfdfdf;
	border-radius: 50%;
	background-color: #eee
}

.awd-functions-box.awd-fb-warehousingnoti .awd-fb-p label:after {
	content: '';
	position: absolute;
	top: 8px;
	left: 4px;
	background-color: #eee;
	width: 8px;
	height: 8px;
	border-radius: 50%
}

.awd-functions-box.awd-fb-warehousingnoti .awd-fb-p label.checked:before
	{
	border-color: #a48e69;
	background-color: #a48e69
}

.awd-functions-box.awd-fb-warehousingnoti .awd-fb-p label.checked:after
	{
	background-color: #fff
}

.awd-functions-box.awd-fb-warehousingnoti .awd-fb-p label.checked {
	color: #222
}

.awd-functions-box.awd-fb-warehousingnoti .awd-fb-p label {
	padding-left: 22px
}

.awd-functions-box.awd-fb-warehousingnoti .awd-fb-white-box.fold .awd-fb-content
	{
	display: none
}

.awd-functions-box.awd-fb-warehousingnoti .awd-fb-white-box.unfold .awd-fb-content
	{
	display: block
}

.awd-functions-box.awd-fb-warehousingnoti .awd-fb-title {
	letter-spacing: -0.5px;
	background-color: #fff;
	padding: 11px;
	color: #222;
	border: 1px solid #dfdfdf
}

.awd-functions-box.awd-fb-warehousingnoti .agree_personal_data_btn {
	margin-right: 8px
}

.awd-functions-box.awd-fb-warehousingnoti .collapse-link {
	position: absolute;
	top: 8px;
	right: 10px;
	box-sizing: border-box;
	width: 74px;
	height: 26px;
	line-height: 24px;
	border-radius: 2px;
	border: 1px solid #dfdfdf;
	padding: 0 9px;
	cursor: pointer;
	color: #989898
}

.awd-functions-box.awd-fb-warehousingnoti .chevron:before {
	border-style: solid;
	border-width: 1px 1px 0 0;
	border-color: #df3b32;
	content: '';
	right: 9px;
	position: absolute;
	top: 10px;
	transform: rotate(-45deg);
	vertical-align: top;
	width: 6px;
	height: 6px
}

.awd-functions-box.awd-fb-warehousingnoti .fold .chevron:before {
	top: 7px;
	transform: rotate(135deg)
}

.awd-functions-box.awd-fb-warehousingnoti .awd-fb-content {
	letter-spacing: -0.5px;
	padding: 10px 11px 11px 11px;
	border: 1px solid #dfdfdf;
	border-top: 0
}

.awd-functions-box.awd-fb-warehousingnoti .awd-fb-btns {
	margin-top: 20px
}

.awd-functions-box.awd-fb-warehousingnoti .awd-fb-title label {
	padding-left: 22px
}

.awd-functions-box.awd-fb-warehousingnoti .awd-fb-title label:before {
	content: '';
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	top: 13px;
	border: 1px solid #dfdfdf;
	vertical-align: middle;
	background-color: #fff;
	box-sizing: border-box
}

.awd-functions-box.awd-fb-warehousingnoti .awd-fb-title label:after {
	content: '';
	position: absolute;
	background-color: transparent;
	width: 8px;
	height: 4px;
	top: 17px;
	left: 16px;
	border: 1px solid #dfdfdf;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.awd-functions-box.awd-fb-warehousingnoti .awd-fb-title label.checked:before
	{
	border-color: #a48e69;
	background-color: #a48e69
}

.awd-functions-box.awd-fb-warehousingnoti .awd-fb-title label.checked:after
	{
	border-color: #fff
}

.awd-functions-box.awd-fb-warehousingnoti .agree_personal_data_btn {
	display: none
}

.awd-fb-close {
	position: absolute;
	width: 24px;
	height: 24px;
	top: 9px;
	right: 9px;
	background: url('/resources/images/discover/close@2x.png')
		no-repeat;
	background-size: 24px 24px;
	cursor: pointer
}

.awd-fb-h3 {
	margin-top: 13px;
	font-size: 18px;
	font-weight: bold;
	color: #222
}

.awd-fb-p {
	margin-top: 2px;
	font-size: 14px
}

.awd-fb-p-num {
	color: #222
}

.awd-fb-box {
	padding-top: 6px;
	height: 44px;
	margin-top: 23px;
	border: 1px solid #eee;
	background-color: #fafafa;
	font-size: 13px
}

.awd-fb-code {
	color: #222;
	text-decoration: underline
}

.awd-fb-call {
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 48px;
	padding-top: 14px;
	margin-top: 12px;
	border-radius: 3px;
	background-color: #222;
	color: #fff;
	font-size: 14px
}

.awd-fb-btns {
	margin-top: 27px;
	font-size: 14px
}

.awd-fb-btn {
	display: block;
	float: left;
	width: 140px;
	height: 48px;
	border: 1px solid #dfdfdf;
	border-radius: 3px;
	background-color: #fff;
	color: #222
}

.awd-fb-btn:last-child {
	margin-left: 8px
}

.awd-fb-btn:hover {
	border-color: #222
}

.awd-fb-btn.awd-fb-btn-black {
	background-color: #222;
	border-color: #222;
	outline: none;
	color: #fff
}

.awd-fb-btn.awd-fb-btn-disabled {
	background-color: #dfdfdf;
	border-color: #dfdfdf;
	outline: none;
	color: #fff;
	cursor: default
}

.artworkDetail-note_recommend {
	max-width: 680px;
	margin: 0 auto;
	font-size: 14px;
	text-align: justify;
	color: #4a4a4a
}

.artworkDetail-relatedArtworks {
	padding: 0 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.artworkDetail-relatedArtworks-item {
	display: block;
	margin: 3px;
	cursor: pointer
}

.artworkDetail-relatedArtworks-item.selected {
	position: relative
}

.artworkDetail-relatedArtworks-item-img {
	display: block;
	width: 100%;
	height: auto
}

.artworkDetail-relatedArtworks-mask {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image:
		url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQI12NgqAcAAIIAgLhqt5IAAAAASUVORK5CYII=');
	color: #fff;
	cursor: default
}

.artworkDetail-relatedArtworks-mask-text {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 50%;
	left: 0;
	margin-top: -10px;
	font-size: 14px
}

.artworkDetail-relatedArtworks .owl-prev, .artworkDetail-relatedArtworks .owl-next
	{
	position: absolute;
	top: 0;
	z-index: 1;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #888;
	width: 37px
}

.artworkDetail-relatedArtworks .owl-prev {
	left: 0;
	border-right: 3px solid #fff
}

.artworkDetail-relatedArtworks .owl-next {
	right: 0;
	border-left: 3px solid #fff
}

.artworkDetail-relatedArtworks .owl-prev:hover,
	.artworkDetail-relatedArtworks .owl-next:hover {
	color: #1c1c1c
}

.artworkDetail-relatedArtworks .owl-prev.disabled,
	.artworkDetail-relatedArtworks .owl-next.disabled,
	.artworkDetail-relatedArtworks .owl-prev.disabled:hover,
	.artworkDetail-relatedArtworks .owl-next.disabled:hover {
	cursor: default;
	color: #ddd
}

.owl-item.loading {
	background: url('/resources/images/main/AjaxLoader.gif') no-repeat
		center center
}

@media screen and (max-width:991px) {
	.artworkDetail {
		padding-top: 24px
	}
	.artworkDetail-head {
		padding-bottom: 30px
	}
	.artworkDetail-artistLink {
		padding-left: 30px;
		margin-bottom: 14px
	}
	.artworkDetail-artistName-ko {
		margin-right: 6px;
		font-size: 24px
	}
	.artworkDetail-artistName-en {
		font-size: 14px
	}
	.artworkDetail-imagePagination {
		margin-top: 20px
	}
	.artworkDetail-infoTable-head {
		padding-left: 15px
	}
	.artworkDetail-infoTable-body {
		padding: 15px 15px 24px;
		font-size: 14px
	}
	.artworkDetail-title {
		padding-bottom: 12px;
		margin-bottom: 12px;
		font-size: 18px
	}
	.artworkDetail-infoTable-details-pNotice {
		margin-top: 16px
	}
}

@media screen and (max-width:767px) {
	#popup_wrapper .overlay.detail {
		padding: 0
	}
	.overlay.detail>.artworkDetail {
		padding-left: 2%;
		padding-right: 2%
	}
	.overlay.detail>.artworkDetail>.artworkDetail-inner {
		position: relative;
		width: 100%
	}
	.artworkDetail-closeOverlayBtn {
		top: -10px;
		background-position-x: -42px
	}
	.artworkDetail-artistLink {
		padding-right: 6px;
		font-size: 12px
	}
	.artworkDetail-artworkImage {
		margin-top: 10px
	}
	.artworkDetail-imagePagination {
		margin-top: 12px
	}
	.artworkDetail-section {
		margin-top: 48px
	}
	.artworkDetail-infoTable-details {
		padding-right: 0
	}
	.artworkDetail-sizeView {
		position: static;
		max-width: 100%;
		margin: 24px auto 0
	}
	.artworkDetail-functions {
		margin-top: 24px
	}
	.artworkDetail-relatedArtworks {
		padding: 0 27px
	}
	.artworkDetail-relatedArtworks .owl-prev {
		width: 24px
	}
	.artworkDetail-relatedArtworks .owl-next {
		width: 24px
	}
}

@media screen and (max-width:543px) {
	.artworkDetail {
		padding-top: 16px
	}
	.artworkDetail-artistLink {
		padding-left: 24px;
		line-height: 18px;
		background-size: 18px 18px
	}
	.artworkDetail-artistName-ko {
		font-size: 20px
	}
	.artworkDetail-artistName-en {
		font-size: 12px
	}
	.artworkDetail-artworkImage {
		margin-top: 8px
	}
	.artworkDetail-copyright-br {
		display: inline
	}
	.artworkDetail-admin {
		font-size: 14px
	}
	.artworkDetail-section-title {
		font-size: 16px
	}
	.artworkDetail-section-bar {
		margin-bottom: 20px
	}
	.artworkDetail-infoTable-head {
		padding-left: 12px
	}
	.artworkDetail-infoTable-body {
		padding: 12px 12px 16px
	}
	.artworkDetail-functions {
		margin-top: 12px
	}
	.artworkDetail-functionBtn {
		width: 147px;
		height: 44px;
		font-size: 14px
	}
	.artworkDetail-functionBtn.cartBtn {
		background-position: 26px;
		padding-left: 48px
	}
	.artworkDetail-functionBtn.warehousingNotiBtn {
		background-position: 34px;
		padding-left: 56px
	}
	.awd-functions-box {
		top: -150px;
		width: 302px;
		padding-left: 12px;
		padding-right: 12px;
		margin-left: -151px
	}
	.awd-fb-h3 {
		margin-top: 11px
	}
	.awd-fb-box {
		margin-top: 25px
	}
	.awd-fb-btns {
		margin-top: 25px
	}
	.awd-fb-btn {
		width: 134px
	}
	.artworkDetail-relatedArtworks {
		padding: 0 21px
	}
	.artworkDetail-relatedArtworks .owl-prev {
		width: 18px
	}
	.artworkDetail-relatedArtworks .owl-next {
		width: 18px
	}
}

@media screen and (max-width:375px) {
	.artworkDetail-pageCarousel.full {
		padding: 0 28px
	}
	.artworkDetail-pageCarousel.full .owl-prev, .artworkDetail-pageCarousel.full .owl-next
		{
		width: 24px
	}
}

.artworkDetail-section-body {
	max-width: 680px;
	margin: 0 auto
}

.artworkDetail-viewinroom.left {
	float: left;
	width: 48.5%;
	box-sizing: border-box
}

.artworkDetail-viewinroom-img-wrap {
	position: relative;
	overflow: hidden
}

.artworkDetail-viewinroom-img-artwork {
	position: absolute;
	top: 34%;
	left: 50%;
	z-index: 1 !important;
	overflow: hidden;
	max-width: none
}

.artworkDetail-viewinroom-tag {
	text-align: center;
	font-size: 12px;
	padding: 11px 0;
	color: #989898;
	border: 1px solid #dfdfdf;
	border-top: none;
	height: 18px;
	line-height: 18px
}

.artworkDetail-viewinroom-tag_color {
	position: relative
}

.artworkDetail-viewinroom-tag-mark {
	display: inline-block;
	box-sizing: border-box;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	margin-right: -18px;
	background: #f5f5f5;
	border-radius: 50%
}

.artworkDetail-viewinroom-tag-mark.white {
	border: 1px solid #eee
}

.artworkDetail-viewinroom.right {
	float: left;
	width: 49.0%;
	margin-left: 2.5%
}

.artworkDetail-viewinroom-background-color {
	display: inline-block;
	width: 28px;
	height: 28px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #f5f5f5;
	border-radius: 50%;
	margin-bottom: 16px;
	margin-right: 18px;
	cursor: pointer
}

.artworkDetail-viewinroom-background-color.white {
	border: 1px solid #eee
}

.artworkDetail-viewinroom-title {
	font-weight: bold;
	color: #222;
	margin-bottom: 16px
}

.artworkDetail-viewinroom-img-background {
	background: #eeeeee
}

.artworkDetail-viewinroom-img {
	width: 100%;
	max-width: none
}

.artworkDetail-viewinroom .light-grey {
	background: #dbdbdb
}

.artworkDetail-viewinroom .ivory {
	background: #e3e0d7
}

.artworkDetail-viewinroom .light-blue {
	background: #c8d0d4
}

.artworkDetail-viewinroom .light-khaki {
	background: #b2b4a7
}

.artworkDetail-viewinroom .grey {
	background: #a5a5a5
}

.artworkDetail-viewinroom .beige {
	background: #b4ab91
}

.artworkDetail-viewinroom .red {
	background: #943130
}

.artworkDetail-viewinroom .navy {
	background: #2f3a59
}

.artworkDetail-viewinroom .dark-grey {
	background: #353535
}

.artworkDetail-viewinroom-content {
	margin-bottom: 36px;
	position: relative
}

.artworkDetail-viewinroom.right .owl-prev {
	float: left
}

.artworkDetail-viewinroom.right .owl-prev:after {
	content: '';
	display: inline-block;
	border-right: 6px solid #000;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute
}

.artworkDetail-viewinroom.right .owl-prev.disabled:after {
	border-right-color: #dfdfdf
}

.artworkDetail-viewinroom.right .owl-next {
	float: right
}

.artworkDetail-viewinroom.right .owl-next:after {
	content: '';
	display: inline-block;
	border-left: 6px solid #000;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute
}

.artworkDetail-viewinroom.right .owl-next.disabled:after {
	border-left-color: #dfdfdf
}

.artworkDetail-viewinroom.right .owl-prev, .artworkDetail-viewinroom .owl-next
	{
	width: 36px;
	height: 36px;
	border-radius: 2px;
	border: solid 1px #dfdfdf;
	position: relative;
	box-sizing: border-box
}

.artworkDetail-viewinroom.right .owl-buttons {
	display: block
}

.artworkDetail-viewinroom.right .owl-buttons:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden
}

.artworkDetail-viewinroom.right .owl-wrapper-outer {
	margin-bottom: 16px;
	padding-right: 3px
}

.artworkDetail-viewinroom.right .owl-item.synced .item {
	background: #222;
	border: 2px solid #222
}

.artworkDetail-viewinroom.right .owl-item.synced .item-description {
	color: #fff;
	font-weight: bold
}

.artworkDetail-viewinroom.right .owl-item .item {
	border: 1px solid #dfdfdf;
	box-sizing: border-box;
	margin: auto;
	cursor: pointer
}

.artworkDetail-viewinroom .owl-item .item>img {
	width: 100%;
	max-width: none
}

.artworkDetail-viewinroom .owl-item .item-description {
	font-size: 12px;
	text-align: center;
	color: #989898;
	padding: 5px 0
}

.artworkDetail-viewinroom .counter {
	width: 60px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	height: 36px;
	line-height: 36px;
	font-size: 13px
}

.artworkDetail-viewinroom .counter .max-items {
	color: #989898
}

.artworkDetail-viewinroom .artworkDetail-viewinroom-background-color.synced
	{
	background-image:
		url('/static/pages/img/service/viewinroom/color-selected.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 18px
}

.artworkDetail-viewinroom .artworkDetail-viewinroom-background-color.white.synced
	{
	background-image:
		url('/static/pages/img/service/viewinroom/color-selected_black.png')
}

@media screen and (max-width:767px) {
	.artworkDetail-viewinroom.left {
		margin-bottom: 30px;
		width: 100%
	}
	.artworkDetail-viewinroom.right {
		margin-left: 0;
		width: 100%
	}
	.artworkDetail-viewinroom-background-color {
		width: 30px;
		height: 30px;
		margin: 0 21px 18px 0
	}
}

@media screen and (max-width:359px) {
	.artworkDetail-viewinroom-background-color {
		width: 11%;
		height: 0;
		padding-bottom: 11%;
		margin: 0 4% 24px 4%
	}
	.artworkDetail-viewinroom-background-color.white {
		padding-bottom: calc(11% - 2px)
	}
}

.artistDetail {
	width: 96%;
	max-width: 800px;
	padding: 48px 0;
	margin: 0 auto;
	line-height: 1.5;
	background-color: #fff
}

.overlay.detail>.artistDetail {
	position: relative;
	max-width: 960px
}

.overlay.detail>.artistDetail>.artistDetail-inner {
	width: 96%;
	max-width: 800px;
	margin: 0 auto
}

.artistDetail-closeOverlayBtn {
	position: absolute;
	top: -44px;
	right: 0;
	width: 42px;
	height: 42px;
	background: url('/resources/images/main/close.png') 0 0
		no-repeat;
	background-size: 84px 42px;
	cursor: pointer;
	z-index: 1
}

.artistDetail-head {
	position: relative;
	padding-right: 93px;
	padding-bottom: 32px;
	border-bottom: 1px solid #dfdfdf;
	color: #989898
}

.artistDetail-artistName-ko {
	margin-right: 8px;
	white-space: nowrap;
	font-size: 26px;
	font-weight: bold;
	color: #222
}

.artistDetail-artistName-en {
	white-space: nowrap;
	font-size: 15px
}

.artistDetail-artistProfile {
	margin-top: 10px;
	font-size: 12px
}

.artistDetail-head-box {
	position: absolute;
	top: 0;
	right: 0;
	border: 1px solid #dfdfdf
}

.artistDetail-collectionBox {
	float: right;
	width: 42px;
	height: 42px;
	border-left: 1px solid #eee;
	background: #fff
		url('/resources/images/discover/lined_heart_sprite.png') 0 0
		no-repeat;
	background-size: 84px 42px;
	cursor: pointer
}

.artistDetail-collectionBox.collected {
	background-position-x: -42px
}

.artistDetail-shareButton {
	float: right;
	width: 42px;
	height: 42px;
	background: #fff
		url('/static/pages/img/service/detailview/share_icon.png') 0 0
		no-repeat;
	background-size: 42px 42px;
	cursor: pointer
}

.artistDetail-nav {
	margin: 50px auto;
	text-align: center;
	font-size: 18px;
	color: #989898
}

.artistDetail-navBtnWrap {
	position: relative;
	display: inline-block;
	padding: 0 34px
}

.artistDetail-navBtn {
	padding: 0 6px;
	cursor: pointer
}

.artistDetail-navBtn.selected, .artistDetail-navBtn:hover {
	color: #222;
	font-weight: bold;
	text-decoration: underline
}

.artistDetail-navBtnWrap:after {
	content: '';
	display: block;
	position: absolute;
	top: 5px;
	right: 0;
	width: 0;
	height: 18px;
	border-right: 1px solid #989898
}

.artistDetail-navBtnWrap:last-child:after {
	display: none
}

.artistDetail-subSection {
	display: none;
	padding: 48px 40px;
	border: 1px solid #989898;
	min-height: 600px
}

.artistDetail-subSection.selected {
	display: block
}

.artistDetail-subSection-subject {
	text-align: center;
	margin-bottom: 50px
}

.artistDetail-subSection-subject-p {
	margin-top: 12px;
	font-weight: bold
}

.artistDetail-subSection-subject-icon {
	width: 48px
}

.artistDetail-subSection-text {
	text-align: justify;
	font-size: 13px
}

.artistDetail-subSection-text-summary {
	padding: 5%;
	background-color: #f5f4f0;
	margin-bottom: 4%
}

.artistDetail-subSection-text-p {
	padding: 5% 5% 0
}

.artistDetail-subSection_cv-type {
	font-weight: bold
}

.artistDetail-subSection_cv-type-inner {
	display: inline-block;
	text-align: center;
	min-width: 3.7em;
	vertical-align: middle
}

.artistDetail-subSection_cv-type-list {
	display: block;
	line-height: 1.4;
	margin: 0.3em 0 0.3em 1.5em;
	text-align: left
}

.artistDetail-subSection_cv-wrap {
	display: block
}

.artistDetail-subSection_cv-year {
	display: table-cell;
	font-weight: bold;
	padding: 0.2em 1em 0.2em 0;
	width: 1%;
	white-space: nowrap
}

.artistDetail-subSection_cv-year.hidden {
	visibility: hidden
}

.artistDetail-subSection_cv-title {
	display: table-cell;
	padding: 0.2em 0
}

.artistDetail-subSection-text-artworks {
	text-align: center
}

.artistDetail-artworksView {
	margin-top: 4%
}

.artistDetail-artworkGrid {
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 23.8%;
	padding: 0;
	border: 1px solid #dfdfdf;
	margin: 0 1.2% 1.2% 0;
	cursor: pointer;
	position: relative
}

.artistDetail-artworkGrid:nth-child(4n) {
	margin-right: 0
}

.artistDetail-artworkGrid-maskHolder {
	z-index: 1;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	display: inline-block;
	-webkit-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
	background: rgba(255, 255, 255, 0);
	text-align: center
}

.artistDetail-artworkGrid:hover .artistDetail-artworkGrid-maskHolder {
	background: rgba(255, 255, 255, 0.4);
	bottom: 0;
	overflow: hidden
}

.artistDetail-artworkGrid-imgHolder {
	position: relative;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-bottom: 100%
}

.artistDetail-artworkGrid-imgWrap {
	border-bottom: 1px solid #dfdfdf;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	background-color: #f9f9f9;
	display: none
}

.artistDetail-artworkGrid-imgWrap:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle
}

.artistDetail-artworkGrid-img {
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%
}

.artistDetail-artworkGrid-txtHolder {
	margin: 8px 12px 10px;
	position: relative;
	line-height: 1.5
}

.artistDetail-artworkGrid-tagHolder {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	height: 18px
}

.artistDetail-artworkGrid-tagHolder div {
	border-radius: 50%;
	width: 12px;
	height: 12px;
	margin: 3px 0
}

.artistDetail-artworkGrid-tagHolder div.artistDetail-artworkGrid-tag-red
	{
	background-color: rgb(223, 59, 50)
}

.artistDetail-artworkGrid-tagHolder div.artistDetail-artworkGrid-tag-blue
	{
	background-color: rgb(64, 133, 223)
}

.artistDetail-artworkGrid-title {
	margin-bottom: 5px;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.artistDetail-artworkGrid-tagHolder, .artistDetail-artworkGrid-title {
	font-size: 0.75em;
	letter-spacing: -0.8px
}

.artistDetail-artworkGrid-tagHolder+.artistDetail-artworkGrid-title {
	margin-right: 15px
}

.artistDetail-artworkGrid-info {
	letter-spacing: -1px;
	color: #989898;
	font-size: 0.75em;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.artistDetail-pressView .artistDetail-pressGrid {
	width: 100%;
	height: 170px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-top: 1px solid #eeeeee;
	padding: 20px 0;
	position: relative
}

.artistDetail-pressView .artistDetail-pressGrid:hover {
	cursor: pointer;
	background-color: #f3f6fa
}

.artistDetail-pressView .artistDetail-pressGrid .pressGrid-img {
	display: block;
	position: absolute;
	top: 20px;
	left: 0;
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 172px
}

.artistDetail-pressView .artistDetail-pressGrid .pressGrid-text {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	height: 129px;
	display: inline-block;
	padding: 0 0 0 192px
}

.artistDetail-pressView .artistDetail-pressGrid .pressGrid-text:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 129px;
	vertical-align: middle
}

.artistDetail-pressView .artistDetail-pressGrid .pressGrid-text .middle
	{
	width: 100%;
	height: 129px;
	display: inline-block;
	vertical-align: middle
}

.artistDetail-pressView .artistDetail-pressGrid .pressGrid-title {
	font-size: 16px;
	line-height: 1.5;
	color: #222;
	font-weight: bold;
	margin-bottom: 0.35em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.artistDetail-pressView .artistDetail-pressGrid .pressGrid-content {
	font-size: 13px;
	color: #989898;
	margin-bottom: 1.8em;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-height: 1.5;
	height: 4.5em
}

.artistDetail-pressView .artistDetail-pressGrid .pressGrid-pressName {
	font-size: 12px;
	color: #989898;
	display: inline-block;
	line-height: 1.5
}

@media screen and (max-width:991px) {
	.artistDetail {
		padding-top: 24px
	}
	.artistDetail-head {
		padding-bottom: 30px
	}
	.artistDetail-artistName-ko {
		margin-right: 6px;
		font-size: 24px
	}
	.artistDetail-artistName-en {
		font-size: 14px
	}
	.artistDetail-subSection-subject {
		margin-bottom: 36px
	}
	.artistDetail-subSection-subject-p {
		margin-top: 8px
	}
	.artistDetail-artworkGrid-txtHolder {
		margin: 4px 8px 5px
	}
	.artistDetail-artworkGrid-title {
		margin-bottom: 3px
	}
}

@media screen and (max-width:767px) {
	#popup_wrapper .overlay.detail {
		padding: 0
	}
	.overlay.detail>.artistDetail {
		padding-left: 2%;
		padding-right: 2%
	}
	.overlay.detail>.artistDetail>.artistDetail-inner {
		position: relative;
		width: 100%;
		padding-top: 38px
	}
	.artistDetail-closeOverlayBtn {
		top: -10px;
		background-position-x: -42px
	}
	.artistDetail-nav {
		margin: 30px auto
	}
	.artistDetail-navBtnWrap {
		padding: 0 20px
	}
	.artistDetail-navBtn {
		padding: 0 4px
	}
	.artistDetail-subSection {
		padding: 0;
		border: none
	}
	.artistDetail-subSection-subject {
		margin-bottom: 30px
	}
	.artistDetail-subSection-subject-p {
		margin-top: 4px
	}
	.artistDetail-subSection-text-summary {
		padding: 2%
	}
	.artistDetail-subSection-text-p {
		padding: 2% 2% 0
	}
}

@media screen and (max-width:543px) {
	.artistDetail {
		padding-top: 16px
	}
	.overlay.detail>.artistDetail>.artistDetail-inner {
		padding-top: 32px
	}
	.artistDetail-artistName-ko {
		font-size: 20px
	}
	.artistDetail-artistName-en {
		font-size: 12px
	}
	.artistDetail-nav {
		margin: 24px auto;
		font-size: 16px
	}
	.artistDetail-navBtnWrap {
		padding: 0 12px
	}
	.artistDetail-navBtnWrap:after {
		top: 5px;
		height: 15px
	}
	.artistDetail-subSection-subject {
		margin-bottom: 24px
	}
	.artistDetail-subSection_cv-year {
		display: block;
		width: auto;
		margin-top: 0.5em;
		margin-left: -0.5em
	}
	.artistDetail-subSection_cv-year.hidden {
		display: none
	}
	.artistDetail-subSection_cv-title {
		display: block
	}
	.artistDetail-artworkGrid {
		width: 32%;
		margin: 0 1.333333% 1.333333% 0
	}
	.artistDetail-artworkGrid:nth-child(4n) {
		margin: 0 1.333333% 1.333333% 0
	}
	.artistDetail-artworkGrid:nth-child(3n) {
		margin-right: 0
	}
	.artistDetail-pressView .artistDetail-pressGrid {
		height: 130px;
		padding: 16px 0
	}
	.artistDetail-pressView .artistDetail-pressGrid .pressGrid-img {
		top: 16px;
		left: 0;
		width: 132px
	}
	.artistDetail-pressView .artistDetail-pressGrid .pressGrid-text {
		height: 98px;
		padding: 0 0 0 148px
	}
	.artistDetail-pressView .artistDetail-pressGrid .pressGrid-text:before {
		width: 0;
		height: 98px
	}
	.artistDetail-pressView .artistDetail-pressGrid .pressGrid-text .middle
		{
		height: 98px
	}
	.artistDetail-pressView .artistDetail-pressGrid .pressGrid-title {
		
	}
	.artistDetail-pressView .artistDetail-pressGrid .pressGrid-content {
		font-size: 12px;
		line-height: 1.5;
		height: 3em;
		margin-bottom: 1.3em;
		-webkit-line-clamp: 2
	}
	.artistDetail-pressView .artistDetail-pressGrid .pressGrid-pressName {
		line-height: 1.4
	}
}

@media screen and (max-width:375px) {
	.artistDetail-head-box {
		border: none
	}
	.artistDetail-collectionBox {
		border-left: none
	}
	.artistDetail-pressView .artistDetail-pressGrid {
		height: 90px;
		padding: 10px 0
	}
	.artistDetail-pressView .artistDetail-pressGrid .pressGrid-img {
		width: 92px;
		height: 70px;
		top: 10px;
		left: 0
	}
	.artistDetail-pressView .artistDetail-pressGrid .pressGrid-text {
		height: 70px;
		padding-left: 102px
	}
	.artistDetail-pressView .artistDetail-pressGrid .pressGrid-text:before {
		width: 0;
		height: 70px
	}
	.artistDetail-pressView .artistDetail-pressGrid .pressGrid-text .middle
		{
		height: 70px
	}
	.artistDetail-pressView .artistDetail-pressGrid .pressGrid-title {
		font-size: 13px
	}
	.artistDetail-pressView .artistDetail-pressGrid .pressGrid-content {
		font-size: 12px;
		line-height: 1.4;
		height: 1.4em;
		margin-bottom: 13px;
		-webkit-line-clamp: 1
	}
	.artistDetail-pressView .artistDetail-pressGrid .pressGrid-pressName {
		line-height: 1.4
	}
}

.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
	float: left
}

.owl-controls .owl-page, .owl-controls .owl-buttons div {
	cursor: pointer
}

.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.grabbing {
	cursor: url('/resources/images/main/grabbing.png') 8 8, move
}

.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0)
}