@charset "utf-8";

@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.0/animate.min.css);

@import url(/tiny/assets/bx-ui/bx.dialog.css);

ul.inline {display:inline;padding:0;margin:0;list-style:none;}
ul.inline > li {display:inline;}
ul.inline > li:before {content:'/ ';}
ul.inline.comma > li:before {content:', ';}
ul.inline.times > li:before {content:'X '}
ul.inline > li:first-child:before {content:'';}

.sub-header-flex {display:flex;justify-content: space-between;}

#tabs-sub {display:table;padding:0;margin:10px 0 40px 0;list-style:none;border-spacing:0;border-collapse:collapse;}
#tabs-sub li.area {float:left;display:table-cell;min-width:250px;margin:0 10px 0 0;border-bottom:solid 1px #000;background:url(../../../images/category_bl.png) no-repeat 95% 50%;position:relative;}
#tabs-sub li.area > a {display:block;padding:10px 25px 10px 10px;color:#000;font-size:13px;font-weight:600;white-space:nowrap;}
#tabs-sub li.area:hover > a,
#tabs-sub li.area.current > a {text-decoration:none;color:#000;background:#F4F4F4 url(../images/category_bl.png) no-repeat 95% 50%;}
#tabs-sub li.area ul {position:absolute;left:0;min-width:100%;display:block;padding:0;margin:0;list-style:none;outline:solid 1px #d6d6d6;background:#fff;max-height:250px;overflow-y:auto;}
#tabs-sub li.area ul li a {display:block;padding:10px;font-size:13px;font-weight:normal;text-decoration:none;white-space:nowrap;}
#tabs-sub li.area ul li a:focus,
#tabs-sub li.area ul li a:hover {background:#f4f4f4;font-weight:600;}

/* 제품 썸네일 */
.item a {text-decoration:none;}
.item .thumb {font-size:0;overflow:hidden;position:relative;}
.item .thumb img {width:100%;background:no-repeat center;background-size:cover;}
.item .thumb.thumb1 img {background-position-y:10%;}
.item .thumb.thumb2 img {background-position-x:90%;}
.item .thumb.thumb3 img {background-position-y:90%;}
.item .thumb.thumb4 img {background-position-x:10%;}
.item .item-more {position:relative;padding-bottom:100%;display:block;}
.item .item-more {background:#888 url(/images/right_arrow_white.png) no-repeat 10px 50%;color:#fff;background-position:contain;transition:background-color .2s;}
.item .item-more span {position:absolute;bottom:20%;left:10px;}
.item .item-more:hover {background-color:#333;}
.fx-1 .item .thumb img {transition:all .2s;}
.fx-1 .item:hover .thumb img {transform:scale(1.2);}

/* 제품상세설명 */
#product_top {clear:both;overflow:hidden;width:100%;margin-bottom:20px;}
#product_top img { }

#product_middle {clear:both;overflow:hidden;width:100%;margin:30px 0; padding-top:50px;background:url(../images/contents_top_line.gif) no-repeat 50% 0;}
#product_middle img {margin:10px 0;max-width:100%;}
#product_middle .shopping-guide1 {border:dashed 1px #ccc;background:#f7f7f7 url(../images/guide_ico.jpg) no-repeat 50px 50%;padding:30px 20px 30px 180px;}
#product_middle .shopping-guide1 strong {font-size:24px;font-weight:600;color:#2162a4;}
#product_middle .shopping-guide1 p {font-size:15px;line-height:1.4;font-weight:normal;margin:0;padding:25px 0 0 0;color:#000;}
#product_middle .shopping-guide1 p b {background:#2162a4;color:#fff;font-weight:normal;}
#product_middle .shopping-guide1 p strong {font-size:16px;line-height:2.2;}

#product_bottom {clear:both;overflow:hidden;width:100%;margin:30px 0;}

.data_table_art {clear:both;overflow:hidden; float:right;width:525px;margin-bottom:20px;border-collapse:separate; border-top:2px solid #000;}
.data_table_art caption {padding:5px 0 10px 0;margin:20px 0;text-align:left;font-size:25px;font-weight:600;letter-spacing:-0.05em;}
.data_table_art caption span {float:right;right:0;font-size:0.8em;font-weight:400;color:#333;}
.data_table_art th:last-child,
.data_table_art td:last-child {border-right:none;}
.data_table_art th {padding:10px 30px;font-size:15px; text-align:left; font-weight:normal;border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;}
.data_table_art td {padding:10px 30px;font-size:15px; text-align:left; font-weight:600;border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;}
.data_table_art th.grey,
.data_table_art td.grey { background-color:#F7F7F7;}
.data_table_art td strong { font-weight:600; color:#E6192A; font-size:20px;}

.data_table_profile {clear:both;overflow:hidden;width:100%;margin-bottom:20px;border-collapse:separate; border-top:2px solid #000;border-bottom:1px solid #000;}
.data_table_profile caption {padding:3px 0 10px 0;margin:10px 0;text-align:left;font-size:22px;font-weight:600;letter-spacing:-0.05em;}
.data_table_profile caption span {float:right;right:0;font-size:0.8em;font-weight:400;color:#333;}
.data_table_profile th:last-child,
.data_table_profile td:last-child {border-right:none;}
.data_table_profile th {padding:10px 30px;font-size:15px; text-align:left; font-weight:600;border-bottom:1px solid #E5E5E5;background-color:#F9F9F9;}
.data_table_profile td {padding:10px 30px;font-size:15px; text-align:left; font-weight:normal;border-bottom:1px solid #E5E5E5;}
.data_table_profile td img { vertical-align:middle;}
.data_table_profile th.grey,
.data_table_profile td.grey { background-color:#F7F7F7;}
.data_table_profile td strong.amt { font-weight:600; color:#E6192A; font-size:20px;}

/* 쇼핑몰 기타 */
.color-block {width:1em;height:1em;display:inline-block;border:solid 1px #000;}

.dl-caption {padding:3px 0 10px 0;margin:10px 0;text-align:left;font-size:22px;font-weight:600;letter-spacing:-0.05em;}
.dl-table {border-top:solid 2px #000;border-bottom:solid 2px #000;}
.dl-table dl {display:table;width:100%;border-collapse:collapse;padding:0;margin:0;border-top:solid 1px #e5e5e5;}
.dl-table dl:first-child {border-top-width:0;}
.dl-table dt {display:table-cell;width:20%;padding:10px 10px 10px 30px;font-size:15px;font-weight:600;vertical-align:middle;background:#f9f9f9;margin:0;}
.dl-table dd {display:table-cell;padding:10px 30px;vertical-align:middle;font-size:15px;margin:0;}

a.bb1 {display:inline-block;padding:8px 24px;background:#68aa2f;color:#fff !important;border-radius:3px;line-height:1.3;}

/**
 * reponsive
 */

/* under 1280px */
@media screen and (max-width:1279.9px) {
	#tabs-sub li.area {min-width:140px;}
}

/* under 1024px */
@media screen and (max-width:1023.9px) {

}

/* under 960px */
@media screen and (max-width:959.9px) {
	#product_middle .shopping-guide1 {background-position:50% 20px;padding:150px 30px 30px 30px;}
}

/* under 768px */
@media screen and (max-width:767.9px) {
	#tabs-sub {display:block;width:100%;margin-bottom:0;}
	#tabs-sub:after {content:'';clear:both;display:table;}
	#tabs-sub li.area {display:block;width:48%;margin-left:4%;margin-right:0;margin-bottom:10px;}
	#tabs-sub li.area:nth-child(2n+1) {clear:left;margin-left:0;}
	#tabs-sub li.area ul {z-index:2;}

	.dl-table dt,
	.dl-table dd {display:block;width:100%;padding-left:20px;padding-right:20px;}
}

/* smart phone */
@media screen and (max-width:420px) {
	#tabs-sub li.area {width:100%;margin-left:0;}
}

@media screen and (min-width:421px) and (max-height:400px) {
	#site-aside .sticky {top:auto;bottom:20px;}
}


/* 작가 기본 정보 */
.artist-card {margin-top:120px;position:relative;padding:120px 0 80px 0;background:#fff;border-top:solid 1px #ccc;}
.artist-card .photo {position:absolute;top:-100px;text-align:center;width:100%;left:0;}
.artist-card .photo img {width:200px;height:200px;background-size:cover;border-radius:50%;outline:solid 20px #fff;}
.artist-card .profile {text-align:center;padding-bottom:20px;}
.artist-card .sns-links {text-align:center;padding-bottom:20px;}

.artist-card .items:after {content:'';clear:both;display:table;}
.artist-card .item {width:16%;margin-left:5%;float:left;}
.artist-card .item:nth-child(5n+1) {margin-left:0;}

@media screen and (max-width:1279.9px) {
	.artist-card .items {margin-left:20px;margin-right:20px;}
}

@media screen and (max-width:767.9px) {
	.artist-card .items {margin-left:5%;margin-right:5%;}
	.artist-card .item {width:30%;margin-left:5%;margin-bottom:5%;}
	.artist-card .item:nth-child(3n+1) {margin-left:0;}
}

@media screen and (max-width:420px) {
	.artist-card .items {margin-left:4%;margin-right:4%;}
	.artist-card .item {width:48%;margin-left:4%;margin-bottom:4%;}
	.artist-card .item:nth-child(3n+1) {margin-left:4%;}
	.artist-card .item:nth-child(2n+1) {margin-left:0;}
}

/* card-of */
.card-of {position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;padding:30px 10px 0 10px;background:rgba(0,0,0,.75);visibility:hidden;z-index:2000;}
.card-contents {position:relative;}
.card-contents > a.exit {display:block;width:64px;height:64px;font-size:48px;color:#fff;margin:0 auto;line-height:48px;text-decoration:none;text-align:center;}
.card-contents > a.exit span {position:relative;z-index:2;}
.card-contents > a.exit:before {content:'';display:block;position:fixed;left:0;top:0;right:20px;bottom:0;background:transparent;}
.card-contents .inner {background:#fff;max-width:800px;margin:0 auto;padding:20px;border-top-left-radius:5px;border-top-right-radius:5px;position:relative;z-index:2;opacity:0;transform:scale(0.5);transition:all .2s;}
.card-contents .inner .heading {text-align:center;font-size:15px;}
.card-contents .inner .heading strong {font-size:16px;}
.card-contents .inner .heading img {max-width:100%;}
.card-contents .inner .heading.photo img {max-height:300px;}

.open-card {overflow:hidden;}
.open-card .card-of.active {visibility:visible;}
.open-card .card-of.active .card-contents .inner {transform:none;opacity:1;}



/* goods */

#tabs-sub {position:relative;z-index:10;float:left;}

/* product list */
.goods {clear:both;}
.goods:after {content:'';clear:both;display:table;}
.goods .items {margin-left:-20px;margin-right:-20px;}
.goods .item {display:block;padding:0 20px;margin-bottom:50px;float:left;}
.goods .item,
.goods .grid-sizer {width:25%;}

.goods .item .name {position:relative;text-align:center;font-size:15px;overflow:hidden;}
.goods .item .name span {display:inline-block;position:relative;z-index:2;padding:8px 0;}
.goods .item .name:after,
.goods .item .name span:after {position:absolute;display:block;left:0;right:0;bottom:0;border-top:solid 1px #ccc;content:'';}
.goods .item .name span:after {border-color:#000;transition:all .3s;}
.goods .item:hover .name span:after {left:-300px;right:-300px;}
.goods .item .title {font-size:18px;font-weight:500;padding: 10px 0 20px 0;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.goods .item .summary {font-size:14px;text-align:center;display:none;color:#666;}
.goods .item .spec {font-size:14px;text-align:center;word-break: keep-all;line-height:1.3;margin:0 0 5px;}
.goods .item .price {font-size:14px;text-align:center;word-break: keep-all;line-height:1.3;margin:0 0 5px;}

.goods .items.layout1 .item .thumb img {position:absolute;left:0;top:0;width:100%;height:100%;}
.goods .items.layout1 .item:hover .thumb {box-shadow:rgba(0,0,0,.5) 0 3px 6px -3px;}

.goods .items.layout2 .item .thumb {border:solid 1px #fff;padding:0px !important;}
.goods .items.layout2 .item:hover .thumb {border-color:#d7d7d7;}

.goods .items.layout2 .item .thumb img,
.goods .items.layout3 .item .thumb img {width:100%;height:auto;background-size:contain;position:static;}

/*
.goods .items.layout2 .item .thumb {padding:0 !important;}
.goods .items.layout2 .item .thumb img {background-position-y:100%;}
.goods .items.layout2 .item:hover .thumb {transform:translateY(-10px);}
*/

.goods .items.layout3 .item .thumb {padding:0 !important;}
.goods .items.layout3 .item .thumb img {background-size:cover;}
.goods .items.layout3 .item:hover .thumb {box-shadow:rgba(0,0,0,.5) 0 3px 6px -3px;}

.goods .items.layout4 .item {width:50%;}
.goods .items.layout4 .item a {display:block;border:solid 1px #fff;}
.goods .items.layout4 .item:hover a {border-color:#d7d7d7;}
.goods .items.layout4 .item a:after {content:'';clear:both;display:table;}
.goods .items.layout4 .item .thumb {float:left;width:35%;position:relative;z-index:3;padding:0 !important;}
.goods .items.layout4 .item .thumb img {width:100%;height:auto;background-size:cover;position:static;}
.goods .items.layout4 .item .title {font-size:20px;font-weight:600;height:auto;}
.goods .items.layout4 .item .summary {display:block;}

.change-layout {padding-top:12px;}
.change-layout a img {opacity:0.5;border:solid 1px #9a9a9a;}
.change-layout a:hover img,
.change-layout a.active img {opacity:1;}

.item-pager {text-align:center;}
.item-pager ul.paging {padding:0;margin:0;list-style:none;display:inline-block;}
.item-pager ul.paging li {display:block;float:left;}
.item-pager ul.paging li a {border:solid 1px #d2d2d2;border-left-width:0;display:inline-block;padding:0.2em;line-height:1.6;font-size:clamp(16px, 1vw, 18px);background:#fff;color:black;min-width:2em;text-align:center;}
.item-pager ul.paging li a:link,
.item-pager ul.paging li a:hover,
.item-pager ul.paging li a:visited {text-decoration:none;}
.item-pager ul.paging li:first-child a {border-left-width:1px;border-top-left-radius:4px;border-bottom-left-radius:4px;}
.item-pager ul.paging li:last-child a {border-top-right-radius:4px;border-bottom-right-radius:4px;}
.item-pager ul.paging li.active a {background:#373737;color:#fff;border-color:#373737;}

@media (max-width:991px) {
.goods .item .title {font-size:15px;}
.goods .item .spec, .goods .item .price {font-size:13px;}
}

/* product detail */
#product_thumb {float:left;position:relative;width:50%;}
#product_thumb a.zoom {width:100%;height:600px;border:solid 1px #eee;background:#efefef;font-size:0;display:flex;align-items:center;justify-content:center;padding:40px 10px 80px 10px;cursor:default;transition:background .2s;}
#product_thumb a.zoom-block {position:relative;background:#fff;}
#product_thumb a.zoom-block:after {content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;opacity:0;}
#product_thumb a.zoom img {max-width:100%;max-height:100%;flex:0 0 auto;}
#product_thumb .e-bt {position:absolute;right:0;top:0;padding:5px 10px;white-space:nowrap;}
#product_thumb .e-bt a {font-size:22px;}

#product_summary {width:50%;float:right;padding-left:40px;}
#product_summary .data_table_art {float:none;width:100%;clear:none;}
#product_summary .bts {text-align:center;}
#product_summary .bts button {font-size:19px;display:inline-block;border:none;background:#333;color:#fff;line-height:1;padding:15px 30px;cursor:pointer;}

#product_top table.data_table_art {clear:none;}
#product_top table.data_table_art caption small {font-weight:normal;color:#888;font-size:12pt;line-height:1;}

#zoomple_previewholder .caption-wrap {display:none;}
#zoomple_image_overlay {cursor:none;}

#dlg-offer form .super {font-size:14px;padding:10px;background:#efeff4;text-align:center;font-weight:600;margin:10px 0;}
#dlg-offer form .item {display:table;table-layout:fixed;border-spacing:5px;}
#dlg-offer form .item > * {display:table-cell;vertical-align:middle;}
#dlg-offer form .item > .label {width:90px;}
#dlg-offer form .item input,
#dlg-offer form .item textarea {border:solid 1px #b7b7b7;font-size:14px;padding:4px;line-height:1.6;width:400px;}
#dlg-offer form .item2 {text-align:center;}
#dlg-offer form button {display:inline-block;border:none;background:#333;color:#fff;padding:15px 30px;cursor:pointer;line-height:1;border-radius:3px;}

/**
 * reponsive
 */

/* under 1280px */
@media screen and (max-width:1279.9px) {
	/* product list */
	.goods .items.layout4 .item .title {font-size:18px;padding:8px 0 5px 0;}
}

/* under 1024px */
@media screen and (max-width:1023.9px) {

	/* product detail */
	#product_thumb {width:55%;}
	#product_thumb a.zoom {height:550px;}
	#product_summary {width:45%;padding-left:20px;}
	.data_table_art th,
	.data_table_art td {font-size:14px;padding:8px 12px;}
}

/* under 960px */
@media screen and (max-width:959.9px) {
	/* product list */
	.goods .items {margin-left:-20px;margin-right:-20px;}
	.goods .item {display:block;padding:0 20px;margin-bottom:50px;float:left;}
	.goods .item,
	.goods .grid-sizer {width:33.33%;}

	.goods .items.layout4 .item {width:100%;}
	.goods .items.layout4 .item .thumb {width:200px;}
}

/* under 768px */
@media screen and (max-width:767.9px) {
	/* product list */
	.change-layout {width:100%;padding-top:10px;padding-bottom:10px;text-align:center;float:none;clear:both;}

	.goods .items {margin-left:-10px;margin-right:-10px;}
	.goods .item {display:block;padding:0 10px;margin-bottom:30px;float:left;}
	.goods .item,
	.goods .grid-sizer {width:50%;}

	/* product detail */
	#product_thumb {width:100%;float:none;}
	#product_thumb a.zoom {height:400px;}
	#product_summary {width:100%;padding-left:0;float:none;}

	#dlg-offer form .item {display:block;}
	#dlg-offer form .item > * {display:block;}
	#dlg-offer form .item input,
	#dlg-offer form .item textarea {width:100%;}
}

/* smart phone */
@media screen and (max-width:420px) {
	/* product list */
	.goods .item,
	.goods .grid-sizer {width:100%;}

	.goods .items.layout4 .item .thumb {width:100px;margin-right:10px;}
	.goods .items.layout4 .item div {text-align:left !important;}
	.goods .items.layout4 .item .name span {padding:0;font-weight:normal;}
	.goods .items.layout4 .item .name:after,
	.goods .items.layout4 .item .name span:after {display:none;}
	.goods .items.layout4 .item .title {padding:0;font-size:14px;}
	.goods .items.layout4 .item .summary {display:none;}
	.goods .items.layout4 .item .spec {font-weight:normal;}

	/* product detail */
	#product_thumb a.zoom img {max-width:320px;}
}