@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(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

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

* {font-family:"NanumGothic","Malgun Gothic",sans-serif;box-sizing:border-box;}
html {-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
body {font-size:10pt;color:#333;line-height:1.8;position:relative;}
body, form {padding:0;margin:0;}

A:link {color:#333;text-decoration:none;}
A:visited {color:#333;text-decoration:none;}
A:hover {color:#333;text-decoration:underline;}
A img {border:0;}

.outWrap {position:relative;max-width:1520px;margin-left:auto;margin-right:auto;}
.outWrap:after {content:'';clear:both;display:table;}
.Left {float:left;}
.Right {float:right;}

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:'';}

#siteTop {border-bottom:solid 1px #ddd;}
.siteTopUtil {padding:0;margin:0;list-style:none;}
.siteTopUtil li {display:block;float:left;border-left:solid 1px #ddd;}
.siteTopUtil li a {display:block;height:40px;line-height:40px;padding:0 15px;text-decoration:none;font-weight:600;}
.siteTopUtil li:last-child {border-right:solid 1px #ddd;}
.siteTopUtil.Left li.current a,
.siteTopUtil.Left li a:hover {background:#333;color:#fff;}
.siteTopUtil.Right {font-size:0;}
.siteTopUtil.Right a {padding:0 8px;}
.siteTopUtil.Right a img {margin-top:8px;}

#topDiv {border-bottom:solid 1px #ddd;text-align:center;}
#topDiv .outWrap {height:115px;}
#topDiv .topLogo {margin-top:20px;display:inline-block;font-size:0;}
#searchDiv form {width:200px;border:solid 1px #000;position:absolute;left:0;bottom:16px;}
#searchDiv form:after {content:'';clear:both;display:table;}
#searchDiv input {float:left;height:37px;line-height:37px;width:158px;padding:0 8px;border:none;}
#searchDiv button {float:right;border:none;background:#fff;color:#333;width:37px;height:37px;line-height:37px;text-align:center;font-size:16px;cursor:pointer;}
#searchToggle {display:none;}
#topUtilDiv {position:absolute;right:0;padding:0;margin:0;list-style:none;bottom:10px;white-space:nowrap;}
#topUtilDiv li {display:inline;margin-left:10px;line-height:37px;}
#topUtilDiv li a {font-weight:600;}

#globalNav {position:relative;z-index:20;height:60px;border-bottom:solid 1px #ddd;}
#menuAllToggle {float:left;margin-left:1px;width:238px;display:block;height:59px;line-height:59px;text-align:center;background:#555;color:#fff;font-weight:600;text-decoration:none;font-size:1.1em;outline:solid #555 1px;transition:background .2s;}
#menuAllToggle * {vertical-align:middle;}
#menuAllToggle img {margin-right:10px;}
#menuAllToggle:hover {background:#333;}
#menuAllToggle.opened {background:#c7314a;outline:solid 1px #c7314a;}
#menuAllToggle i {display:inline-block;position:relative;width:20px;height:3px;background:#fff;margin-right:10px;transition:all .2s;}
#menuAllToggle i:before,
#menuAllToggle i:after {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;content:'';transition:all .2s;}
#menuAllToggle i:before {transform:translateY(-7px);}
#menuAllToggle i:after {transform:translateY(7px);}
#menuAllToggle.opened i {background:transparent;}
#menuAllToggle.opened i:before {transform:rotateZ(225deg);}
#menuAllToggle.opened i:after {transform:rotateZ(-225deg);}

#menuAll {float:right;width:960px;display:table;padding:0;margin:0;list-style:none;table-layout:fixed;}
#menuAll > li {display:table-cell;position:relative;}
#menuAll > li > a {display:block;line-height:60px;text-align:center;font-size:1.2em;font-weight:600;text-decoration:none;}
#menuAll > li:hover > a {color:#e03d4d;}
#menuAll ul {display:none;padding:20px 0;margin:0;list-style:none;text-align:center;border:solid 1px #ddd;border-top:none;transform:translateY(-1px);background:#fff;position:absolute;left:0;top:100%;min-width:100%;}
#menuAll ul li a {display:block;}
#menuAll > li:hover ul {display:block;}

/* 전체메뉴보기 */
#menuAllView {display:none;z-index:101;float:left;width:100%;position:absolute;left:0px;top:-1px;border:1px solid #000;background-color:#fff;}
#menuAllView ul.user-util {display:none;padding:10px 0;margin:0;list-style:none;text-align:center;background:#fafafa;}
#menuAllView ul.user-util li {display:inline;margin:0 5px;}
#menuAllView dl {float:left;width:100%;padding:15px 0;margin:0;list-style:none;position:relative;clear:both;}
#menuAllView dl:before {content:'';position:absolute;left:15px;right:15px;bottom:0;border-top:solid 1px #ccc;}
#menuAllView dl:after {content:'';position:absolute;left:15px;right:85%;bottom:0;border-top:solid 1px #000;}
#menuAllView dl:last-child:before,
#menuAllView dl:last-child:after {display:none;}
#menuAllView dl dt {float:left;width:15%;padding:0 0 0 40px;margin:0;font-size:13px;color:#000;font-weight:600;}
#menuAllView dl dd {float:left;width:85%;padding:0;margin:0;border-left:solid 1px #ccc;}
#menuAllView dl dd ul {padding:0;margin:0;list-style:none;}
#menuAllView dl dd ul li {display:inline;font-size:13px;padding:7px 15px;}
#menuAllHide {display:none;}
.show-menu-all #menuAllView {display:block;}


/* 푸터 */
#footerDiv {clear:both;width:100%;min-width:1200px;background:#EBEBEB url(../images/bottom_bg.gif) repeat-x 0 0;}

#footerNav {width:auto;padding:15px 0;margin:0;list-style:none;text-align:center;}
#footerNav li {display:inline;padding-right:15px;margin-right:15px;}
#footerNav li a {font-size:13px;font-weight:600;color:#454545;}
#footerNav li a.privacy-link {color:#952b2b;}

#copyright {width:100%;padding:30px 0 10px 0;margin:0;list-style:none;text-align:center;}
#copyright li {font-size:14px;line-height:2.2em;color:#000;}

/* 서브 */
#subMidDiv {float:left;clear:both;overflow:hidden;width:100%;margin:0 0 40px 0;min-width:1200px;}
#midLeftDiv {clear:both;display:table;table-layout:fixed;width:100%;padding-top:140px;margin:0;}
#midLeftDiv h2 {clear:both;overflow:hidden;height:140px;padding:0;margin:0 0 0 40px;font-size:30px;font-weight:600;color:#fff;line-height:140px;}

#midContentDiv {clear:both;width:100%;padding:20px 0 0 0;}
#midContentDiv h6{float:left;margin:0;padding:2px 10px;color:#fff;background-color:#2471C8;font-weight:600;font-size:18px;}

#contentDiv {clear:both;/*overflow:hidden;*/width:100%;min-height:320px;color:#000;font-size:11pt;text-align:justify;}

#subtitle {float:left;width:100%;padding:10px;margin:0 0 30px 0;font-size:30px;font-weight:600;color:#333;letter-spacing:-1px;line-height:0.9em; border-bottom:1px solid #CCCCCC;}
#subtitle span { float:right;font-size:13px;font-weight:500;color:#666666;letter-spacing:0; line-height:3;white-space:nowrap;}

#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;}

#site-aside {position:fixed;top:0;right:0;background:#fff;width:180px;height:100%;z-index:100;transform:translateX(100%);transition:transform .2s ease-out;}
#site-aside .inner {position:relative;height:100%;}
#site-aside .sticky {position:absolute;top:280px;left:-60px;padding:0;margin:0;list-style:none;}
#site-aside .sticky a {display:block;width:60px;height:40px;line-height:42px;text-align:center;background:#D1E7FF;color:#000; margin-bottom:5px;border-top-left-radius:50px;border-bottom-left-radius:50px; font-size:15px;}
#site-aside .sticky a.active {border-right-color:#fff;background:#fff;color:#333;}

#site-aside .ibox {padding:0;height:100%;overflow-y:scroll;}
#site-aside .ibox .heading {text-align:center;padding:0;margin:0 0 15px 0;border-bottom:solid 1px #dfdfdf; height:50px; line-height:50px; background-color:#304675;color:#fff; font-weight:600;}
#site-aside .ibox ul {padding:0 20px;margin:0;list-style:none;background:#fff;position:relative;z-index:2;}
#site-aside .ibox li.item {margin-bottom:15px; border-bottom:1px solid #D4D4D4; padding:0 0 15px 0;}
#site-aside .ibox li.item a div {text-align:center;font-size:12px;line-height:1.2; margin-top:5px;}

#site-aside .nav-paging:after {content:'';clear:both;display:table;}
#site-aside .nav-paging .nav-prev {float:left;}
#site-aside .nav-paging .nav-next {float:right;}

#site-aside .warning {background:#ffe5dc;color:#f44336;text-align:center;padding:10px 0;}

#hide-aside {position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:none;}

.aside-on {overflow:hidden;}
.aside-on #site-aside {transform:translateX(0);z-index:1011;}
.aside-on #hide-aside {z-index:1010;display:block;backdrop-filter:blur(3px);}

.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) {
	.outWrap {max-width:960px;}
	#subMidDiv,
	#footerDiv {min-width:960px;}

	#menuAllToggle {width:200px;}
	#menuAll {width:759px;}
	#menuAll ul {width:120%;left:-10%;}
	#menuAll > li:first-child ul {left:0;}
	#menuAll > li:last-child ul {left:-20%;}

	#tabs-sub li.area {min-width:140px;}
}

/* under 1024px */
@media screen and (max-width:1023.9px) {
	.outWrap {max-width:100%;}
	#subMidDiv,
	#footerDiv {min-width:100%;}

	.siteTopUtil.Left li:first-child {border-left:none;}
	.siteTopUtil.Right li:last-child {border-right:none;}

	#topDiv .outWrap {height:86px;}
	#topDiv .topLogo {margin-top:0;}
	#searchToggle {display:block;width:48px;height:48px;line-height:48px;text-align:center;font-size:22px;position:absolute;left:10px;bottom:20px;background:#fff;color:#666;}
	#searchDiv form {display:none;}

	#topUtilDiv {display:none;}

	#globalNav {height:0;border-bottom:none;}
	#menuAll {display:none;}
	#menuAllToggle {width:48px;height:48px;line-height:48px;position:absolute;bottom:20px;right:10px;}
	#menuAllToggle i {margin-right:0;}
	#menuAllToggle span {display:none;}
	#menuAllView {border-left-width:0;border-right-width:0;box-shadow:rgba(0,0,0,.9) 0 10px 10px -12px;}

	/*#contentDiv {padding-left:20px;padding-right:20px;}*/
}

/* 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) {
	#siteTop {position:absolute;left:0;bottom:10px;width:100%;border-width:0;}
	#footerDiv {padding-bottom:100px;}

	.siteTopUtil.Left,
	.siteTopUtil.Right {float:none;display:block;text-align:center;width:100%;}
	.siteTopUtil li {display:inline;float:none;border-width:0;}
	.siteTopUtil li a {display:inline-block;padding:0;}
	.siteTopUtil.Left li.current a,
	.siteTopUtil.Left li a:hover {background:transparent;color:#000;}

	#menuAllView {position:fixed;display:block;border:none;height:100%;overflow:auto;padding:20px 20px;background-color:#fff;}
	#menuAllView:before {content:'';display:block;background:url(/images/logo.gif) no-repeat center;height:90px;}
	#menuAllView ul.user-util {display:block;}
	#menuAllView dl,
	#menuAllView dl dt,
	#menuAllView dl dd {float:none;width:100%;padding-left:0;padding-right:0;text-align:center;font-size:16px;}
	#menuAllView dl:before,
	#menuAllView dl:after {display:none;}
	#menuAllView dl {padding:15px 20px;}
	#menuAllView dl dt {padding-bottom:10px;border-bottom:solid 1px #ccc;}
	#menuAllView dl dd {border-left:none;padding-top:10px;}
	#menuAllView dl dd ul li {font-size:14px;white-space:nowrap;}
	#menuAllView {transition:transform .2s ease-in;transform:translateY(-120%);}
	#menuAllHide {position:absolute;padding:10px;right:10px;top:10px;border:none;display:inline-block;padding:0;font-size:52px;color:#f23;cursor:pointer;border:none;outline:none;display:block;background:transparent;line-height:1;}
	.show-menu-all {overflow:hidden;}
	.show-menu-all #menuAllView {transform:translateY(0);}

	#subtitle {float:none;font-size:24px;text-align:center;}
	#subtitle span {display:block;float:none;}

	#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) {
	#topDiv {text-align:left;}
	#topDiv .outWrap,
	#topDiv .topLogo img {height:60px;}
	#searchToggle {width:36px;height:36px;line-height:40px;bottom:11px;right:56px;left:auto;background:#555;color:#fff;font-size:20px;}
	#menuAllToggle {width:36px;height:36px;line-height:34px;bottom:12px;outline:none;}
	#menuAllToggle.opened {outline:none;}

	#siteTop {bottom:60px;}
	#footerDiv {padding-bottom:140px;}
	#footerNav li {padding:0;margin:0 5px;}

	#tabs-sub li.area {width:100%;margin-left:0;}

	#site-aside {top:auto;bottom:0;width:100%;height:90%;transform:translateY(100%);}
	#site-aside .sticky {top:-36px;left:auto;width:100%;text-align:center;}
	#site-aside .sticky li {display:inline-block;}
	#site-aside .ibox {padding-top:50px;}
	#site-aside .ibox ul {width:200px;margin-left:auto;margin-right:auto;}

	#hide-aside:before {content:'×';display:block;text-align:center;color:#fff;font-size:36px;line-height:68px;text-decoration:none;}

	.aside-on #site-aside .sticky {top: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;}