@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');

.ff_open {font-family:'Open Sans', 'Noto Sans KR', 'Nanum Gothic', sans-serif;}
.ff_lato {font-family:'Lato', 'Open Sans', "Noto Sans KR", "Nanum Gothic", Malgun Gothic, "¸¼Àº °íµñ", AppleGothic,Dotum, "µ¸¿ò", sans-serif;}


@import url('https://fonts.googleapis.com/css?family=Nunito:200i,300,400,600,700|Work+Sans:300,400,500,600,700');

@import url('https://fonts.googleapis.com/css?family=Arimo:400,700');
@font-face{
	font-family:'Nanum Barun Gothic';
	font-style:normal;
	font-weight:700;
	src:url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Bold.eot);
	src:url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Bold.eot?#iefix) format('embedded-opentype'),
		url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Bold.woff) format('woff'),
		url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Bold.ttf) format('truetype')
}
@font-face{
	font-family:'Nanum Barun Gothic';
	font-style:normal;
	font-weight:400;
	src:url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Regular.eot);
	src:url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Regular.eot?#iefix) format('embedded-opentype'),
		url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Regular.woff) format('woff'),
		url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Regular.ttf) format('truetype');
}
#m_preview_wrap {display:none;} /* ¹Ì¸®º¸±â ¼û±â±â */

/* base */
* { font-family:'Noto Sans KR', 'Nanum Gothic', 'Apple SD Gothic Neo',sans-serif; letter-spacing:-0.025em;}
* {-webkit-text-size-adjust:none;}
body {position:relative;font-size:0.75em;line-height:1.417em;color:#3b3b3b;-webkit-text-size-adjust:none;}
body,input,textarea,select,button,table{font-family:"Helvetica Neue", Helvetica, NanumGothic,"Malgun Gothic",Dotum,Gulim,sans-serif}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure{margin:0;padding:0}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:100%; word-break: break-all;}
ul, ol, li {list-style:none;}
fieldset, img {border:none;}
img {vertical-align:top;}
hr, button img {display:none;}
form, fieldset, legend, label {margin:0; padding:0;}
fieldset{border:0 none;}
fieldset legend {position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font:0/0 Arial;}
em,address{font-style:normal;}
input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit;color:#3b3b3b;}
label { cursor:pointer; }
table {border-collapse: collapse; border-spacing: 0;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure{margin:0;padding:0}

/* //base */

/* cross */
* html input { margin:-1px 0; } 
*:first-child+html input { margin:-1px 0; }
input.checkbox { width:13px; height:13px; margin-top:-4px; vertical-align:middle;}
/* //cross */

/* a-style */
a {color:#3b3b3b; text-decoration:none;}
a:hover, a:active {text-decoration:none;}
/* //a-style */

/* °øÅë */
address, article, aside, figure, footer, header, hgroup, menu, nav, section {display:block;}
caption {font-size:0; height:0;}
input[type="text"], input[type="date"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"], select {height:35px; border:1px solid #bbb; vertical-align: middle; padding-left:10px; box-sizing: border-box; -webkit-border-radius:0; border-radius: 0;}
input[type="radio"], input[type="checkbox"] {vertical-align: middle;}
textarea {border:1px solid #bbb; vertical-align: middle; box-sizing:border-box; background-color:#fff; padding:10px; -webkit-border-radius:0; border-radius:0;}
.clearFix {position:relative; overflow:hidden; zoom:1;}
.bold {font-weight:bold;}
.response100 {width:100%;}
.location {padding:0 10px; margin-bottom:8px;}
.h_title {border-top:1px solid #464646; border-bottom:1px solid #464646; padding:6px 10px;}
.h_title h3 {font-weight:bold;}
#mask {width:100%; height:100%; position:fixed; top:36px; left:0; right:0; bottom:0; background-color:#3c3c3c; z-index:1000; display:none; opacity:0.8;}
.none-data {text-align: center; margin: 20px 0;}
.none-data img {margin-bottom:10px;}
.pd10 {padding:0 10px;}
.fr {float:right !important;}
.fl {float:left !important;}
.txt-input1 {width:100% !important;}
.txt-input2 {width:46% !important;}
.txt-input3 {width:29% !important;}
.txt-input4 {width:20% !important;}
.txt-area1 {width:100% !important;}
.mt5 {margin-top:5px;}
.page_location {padding:5px 5px;}
.page_location li {float:left;}
.page_location li::after {content: ">"; margin: 0 7px;}
.page_location li:last-child::after {content: ""; margin:0;}
.h_layerTitle {height:35px; line-height:35px; background-color:#f2f2f2; padding:0 10px; margin-bottom:10px;}
.h_layerTitle h3 {font-weight:bold;}
.h_layerTitle .fa-times {float:right; margin-top: 5px;}
.MK-product-icons img {padding:0 2px;}
/* //°øÅë */

/* ÆäÀÌ¡ */
.paging {text-align:center; margin:26px 0;}
.paging a {width:30px; height:30px; line-height:30px; background-color:#fff; border:1px solid #ddd; display:inline-block; margin:0 2px;}
.paging a.now {background-color:#3b3b3b; color:#fff; border:1px solid #3b3b3b;}
/* //ÆäÀÌ¡ */

/* ÆùÆ® °ü·Ã */
.color_1984f1 {color:#1984f1 !important;} /* Blue */
.color_f1191f {color:#f1191f !important;} /* Red */
.color_a63f42 {color:#a63f42 !important;} /* DarkRed */
.bgc077fe2 {background-color:#077fe2; color:#fff; padding:2px 5px; margin-right: 5px;}
.bgc464644 {background-color:#464644; color:#fff; padding:2px 5px; margin-right: 5px;}
.caution {color:#f1191f; text-align:center; font-size:0.917em;}
.ico_new {color: #ffffff; background-color: #ff8400; font-weight:bold; padding:1px 5px;}
.ico_hit {color: #ffffff; background-color: #f1191f; font-weight:bold; padding:1px 5px;}
/* //ÆùÆ® °ü·Ã */

/* ¹öÆ° °ü·Ã */
.btn_White {width:100%; height:35px; line-height:35px; background-color:#fff; text-align:center; display:block; border:1px solid #c6c6c6; box-sizing: border-box; vertical-align: middle;}
.btn_Black {width:100%; height:35px; line-height:35px; background-color:#393939; color:#fff; text-align:center; display:block; border:1px solid #393939; box-sizing: border-box; vertical-align: middle;}
.btn_Red {width:100%; height:40px; line-height:40px; background-color:#ab3e41; color:#fff; text-align:center; display:block; border:1px solid #ab3e41; box-sizing: border-box; vertical-align: middle;}
.btn_Grey {width:100%; height:35px; line-height:35px; background-color:#858585; color:#fff; text-align:center; display:block; border:1px solid #858585; box-sizing: border-box; vertical-align: middle;}
.fixButtonR {position:relative; padding-right:120px;}
.fixButton {width:115px; position:absolute; top:0; right:0;}
.more {text-align:center; width:100%; margin-top:30px;}
.btn_moreGray {width:224px; height:35px; line-height: 35px; background-color:#efefef; border:0px none; font-weight:bold; display: block; margin: 0 auto;}
.btn_moreGray span {color:#aaaaaa;}
.btn_moreGray span em {color:#f1191f;}
/* ¹öÆ° °ü·Ã */

/* »óÇ°Áø¿­ */
.list_array {height:52px; border-bottom:1px solid #4a4a4a; border-top:1px solid #c7c7c7; padding:0 8px; margin-bottom: 20px;}
.list_array .list_arrayLeft {float:left; margin-top:12px;}
.list_array .list_arrayLeft select {height:28px;}
.list_array .list_arrayRight {float:right; margin-top:12px;}
.list_array .list_arrayRight img {margin-left:10px;}
.list_shopping1x {text-align:center;}
.list_shopping1x ul {width:100%; display:table; table-layout: fixed; box-sizing: border-box; text-align:left; font-size:0;}
.list_shopping1x li {width:100%; display:inline-block; vertical-align: top; border-top:1px solid #d9d9d9;}
.list_shopping1x li a {display: block; padding:18px 4px; position:relative; overflow:hidden; zoom:1;}
.list_shopping1x li:first-child {border:0px none;}
.list_shopping1x li:first-child a {padding:0 4px 18px 4px;}
.list_shopping1x li img.listPic {width:50%; float:left;}
.list_shopping1x .list_shoppingInfo {width:46%; float:left; padding-left:4%; font-size:12px;}
.list_shopping2x {text-align:center;}
.list_shopping2x ul {width:100%; display:table; table-layout: fixed; box-sizing: border-box; padding:0 2px;  text-align:left; font-size:0;}
.list_shopping2x li {width:50%; display:inline-block; vertical-align: top; text-align:left;}
.list_shopping2x li a {display: block; padding:0 2px 18px 2px;}
.list_shopping2x li img.listPic {width:100%;}
.list_shopping2x .list_shoppingInfo {margin-top:10px; text-align:center; font-size:12px;}
.list_shopping3x {text-align:center;}
.list_shopping3x ul {width:100%; display:table; table-layout: fixed; box-sizing: border-box; padding:0 2px; text-align:left; font-size:0;}
.list_shopping3x li {width:33.33%; display:inline-block; vertical-align: top;}
.list_shopping3x li a {display: block; padding:2px;}
.list_shopping3x li img.listPic {width:100%;}
.list_shopping3x .list_shoppingInfo {margin-top:10px; text-align:center; font-size:12px;}
.listName {color:#3b3b3b; word-break: break-all;}
.listDiscount {color:#b5b5b5;}
.listPrice {color:#1b1b1b; margin-bottom:4px;}
.listSoldout {color:#D22525; margin-bottom:4px;}
.listReplace {color:#1b1b1b; margin-bottom:4px;}
.listReview {color: #DB2E2E; margin-bottom:4px;}
.listReserve {color:#7d7d7d; font-size:0.917em;}
.listPoint {color:#7d7d7d; font-size:0.917em;}
/* //»óÇ°Áø¿­ */

/* ·Î±×ÀÎ */
.login .caution {margin-bottom:10px;}
.member {padding:0 15px; margin-top: 20px;}
.login #keyboard {text-align:center; margin:0 auto;}
.login #keyboard p {text-align:right; margin-bottom:12px;}
.login #keyboard img {display:none; width:100%;}
.login .loginInput {margin-top:18px;}
.login .loginInput input {width:100%; display:block; margin-bottom:10px;}
.login .loginCheck {margin-top:10px;}
.login .loginCheck label {margin-right:12px;}
.login .loginCheck label input {vertical-align: middle;}
.login .loginMiddle .btn_Red {font-size:1.167em; margin:10px 0;}
.login .loginMiddle .btn_White {font-size:1.167em;}
.login .loginBottom {background-color:#eaeaea; padding:18px 15px; margin-top:20px;}
.login .loginBottom h4 {background-color:#eaeaea; margin-bottom:5px; padding:0; font-weight:bold;}
.login .loginBottom a {font-size:1.167em;}
.login .loginBottom a.btn_Black {margin-top:16px;}
.login .loginBottom a.btn_Black:last-child {margin-top:10px;}
.login .loginBottom a.btn_White {margin-top:10px;}
.sns-login { position: relative; margin: 20px 10px 0; }
.sns-login .sns-title img { width: 100%; max-width: 300px; }
.sns-login ul li { position: relative; margin-top: 10px; padding-left: 50px; height: 40px; line-height: 40px; border: 1px solid #dfdfdf; border-radius: 4px; list-style: none; }
.sns-login ul li a { display: block; padding-left: 20px; border-left: 1px solid #dfdfdf; color: #999; font-size: 1.25em; font-weight: bold; letter-spacing: -1px; }
.sns-login ul li span { position: absolute; top: 0; left: 0; width: 50px; height: 40px; }
.sns-login ul li.facebook span { background: url(/images/d3/m_01/icon/ico_sns_facebook.gif) no-repeat 50% 50%; background-size: 12px auto; }
.sns-login ul li.naver span { background: url(/images/d3/m_01/icon/ico_sns_naver.gif) no-repeat 50% 50%; background-size: 18px auto; }
.sns-login ul li.kakaotalk span { background: url(/images/d3/m_01/icon/ico_sns_kakaotalk.gif) no-repeat 50% 50%; background-size: 20px auto; }
/* //·Î±×ÀÎ */

#check_auth {padding:15px 0;}
#check_auth .head {text-align:center; color:#f46b00; margin-bottom:10px;}
#check_auth .contents table {margin:0 auto;}
#check_auth .contents table td {padding:5px 0;}
#check_auth .contents table td input {width:100% !important; height:35px !important; margin-bottom:0 !important;}

/* ·¹À̾îÆ˾÷ */
.layer {width: 100%; min-height: 100%; z-index: 3; position: fixed; left: 0; top: 0; background:rgba(60,60,60,0.8);}
.layer .layer-pop {width:90%; background-color: #fff; position: relative; box-shadow: 0px 1px 10px #494949; margin:80px auto;}
.layer .layer-pop h3  {background-color: #efefef; height: 36px; line-height: 36px; font-weight: bold; padding: 0 10px; }
.layer .layer-pop .txt {max-height: 300px; overflow-y: auto; padding:10px;}
.layer .layer-pop .close {width:45px; height:36px; color:#fff; line-height: 42px; position:absolute; top:0; right:0;  background-color: #4f4f4f; text-align: center;}
body #comment_password {border-radius:0 !important; font-size:1em;}
body #comment_password .head {background-color: #efefef; height: 36px; line-height: 36px; font-weight: bold; text-align:left !important; padding: 0 10px;}
body #comment_password .head h5 {border-bottom:0px none !important; font-size:1em !important; padding:0 !important;}
body #comment_password .head a.close {width:45px; height:36px; color:#fff; line-height: 42px; top:0 !important; right:0 !important; text-align: center;}
body #comment_password .contents p {font-size:1em !important; font-weight:normal;}
body #comment_password .contents .form-wrap2 input {height: 35px;}
body #comment_password .contents .form-wrap2 p:last-child a {display:block; background-color: #393939; color:#fff; position:initial !important; padding:10px 0; margin-top: 10px;}
/* //·¹À̾îÆ˾÷ */

/* Æ˾÷ */
.popup .pop h3  {background-color: #efefef; height: 36px; line-height: 36px; font-weight: bold; padding: 0 10px; }
.popup .pop .txt {padding:10px;}
.popup .pop .close {width:45px; height:36px; color:#fff; line-height: 42px; position:absolute; top:0; right:0;  background-color: #4f4f4f; text-align: center;}
#passimg {width: 90%; background-color: #fff; top:50%; left: 0; right: 0; margin: 0 auto; text-align: center; padding: 20px 0; box-shadow: 0 1px 10px #717171;}
#passimg .head {color:#f26c09;}
#passimg .btns {padding:0 10px; margin-top: 10px;}
#passimg .btns a {display:block; background-color: #393939; color:#fff; padding:10px 0;}
/* //Æ˾÷ */

@media screen and (max-width:319px) {
    .tabletOnly {display:none !important;}
}
@media screen and (min-width:320px) and (max-width:419px) {
    .tabletOnly {display:none !important;}
}
@media screen and (min-width:420px) and (max-width:767px) {
    .tabletOnly {display:none !important;}

    /* »óÇ°Áø¿­ */
    .list_shopping1x li {width:50%;}
    .list_shopping1x li a {padding:4px;}
    .list_shopping1x li:first-child a {padding:4px;}
    .list_shopping2x li {width:33.3%;}
    .list_shopping3x li {width:25%;}
    /* //»óÇ°Áø¿­ */
    
    /* ´õº¸±â ¹öÆ° */
    .btn_moreGray {width:335px;}
    /* //´õº¸±â ¹öÆ° */
    /* .layer .layer-pop .txt {max-height: 150px;} GÆе忡¼­ »çÀÌÁî°¡ ÀÛ°Ô ³ª¿Í¼­ Á¦°ÅÇÔ */
    .layer .layer-pop {margin:20px auto;}
}
@media screen and (min-width:768px) {
    body {font-size:0.813em;}
    .mobileOnly {display:none !important;}

    /* »óÇ°Áø¿­ */
    .list_shopping1x li {width:50%;}
    .list_shopping1x li a {padding:10px;}
    .list_shopping1x li:first-child a {padding:10px;}
    .list_shopping1x li:nth-child(2) {border:0px none;}
    .list_shopping2x ul {padding:0 5px;}
    .list_shopping2x li {width:33.3%;}
    .list_shopping2x li a {padding:5px;}
    .list_shopping3x ul {padding:0 5px;}
    .list_shopping3x li {width:25%;}
    .list_shopping3x li a {padding:5px;}
    /* //»óÇ°Áø¿­ */
    
    /* ´õº¸±â ¹öÆ° */
    .btn_moreGray {width:335px;}
    /* //´õº¸±â ¹öÆ° */
}


/* 181206 */


/*** ÆùÆ® Æйи® ***/
.ff_nanum, .ff_nanum a, .ff_nanum a:hover {font-family: 'Nanum Gothic' !important;}
.ff_barun { font-family: "³ª´®¹Ù¸¥°íµñ",NanumBarunGothic, ng !important; }
.ff_open, .ff_open a, .ff_open a:hover {font-family: 'Open Sans' !important;}
.ff_notoKr, .ff_notoKr:hover, .ff_notoKr a, .ff_notoKr a:hover {font-family: 'Noto Sans KR' !important;}
.ff_noto, .ff_noto a, .ff_noto a:hover {font-family: 'Noto Sans' !important;}
.ff_lato {font-family: 'Lato' !important;}
.ff_mont {font-family: 'Montserrat' !important;}
.ff_source {font-family: 'Source Sans Pro' !important;}
.ff_roboto {font-family: 'Roboto' !important;}
.ff_dosis {font-family: 'Dosis' !important;}

.after_div {*zoom:1;}
.after_div:after { clear:both; content:""; display:block;}
.float_l { float:left;}
.float_r { float:right;}
.clear {*zoom:1;}
.clear:after { clear:both; content:""; display:block;}
.fl { float:left;}
.fr { float:right;}
.clear_fl {clear:both;float:left;}
.dn{display:none;}

/*** Á¤·Ä ***/
.ta_left {text-align:left !important;}
.ta_center {text-align:center !important;}
.ta_right {text-align:right !important;}

.va_top {vertical-align:top !important;}
.va_middle {vertical-align:middle !important;}
.va_bottom {vertical-align:bottom !important;}

/*** ÆùÆ® Ä÷¯ ***/
.fc_point {color:#fa2e14 !important;}
.fc_basic {color:#333;}

/*** ÆùÆ® ±½±â ***/
.fw_t {font-weight:300;}
.fw_n {font-weight:400;}
.fw_b {font-weight:500;}
.fw_eb {font-weight:800;}

/*** border ***/
.border_top_non {border-top:0 none !important;}
.border_top_000 {border-top:1px #000 solid;}
.border_rig_non {border-right:0 none !important;}
.border_rig_000 {border-right:1px #000 solid !important;}
.border_bot_non {border-bottom:0 none !important;}
.border_bot_000 {border-bottom:1px #000 solid !important;}
.border_left_non {border-left:0 none !important;}
.border_left_000 {border-left:1px #000 solid !important;}

/*** background Ä÷¯ ***/
.back_ff {background-color:#fff !important;}
.back_fb {background-color:#fbfbfb !important;} 

/*** display ***/
.dis_block {display:block !important;}
.blind {display:none !important;}
.dis_none {display:none !important;}
.dis_inblock {display:inline-block !important;}
.dis_table {display:table !important;}
.dis_tablerow {display:table-row !important;}
.dis_tablecell {display:table-cell !important;}

.relative {position:relative !important;}
.absolute {position:absolute !important;}

.border_box {box-sizing:border-box;}

.ti_0 {text-indent:0 !important;}

/*
::-webkit-input-placeholder {}
::-moz-placeholder {}
:-ms-input-placeholder {}
:-moz-placeholder {}
*/

.w_custom {width: calc(100% - 20px);margin-left:10px;margin-right:10px;}



/*¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡

	 ÁÂÃø ¸Þ´º

¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡*/

.menu_on {height:100%; overflow:hidden;}
.menu_off {height:auto; overflow:initial;}

#mask {position:absolute;background-color:rgba(0,0,0,0.6);opacity:0.7;width:100%;height:100%;top:0;bottom:0;left:0;z-index:1000;display:none;-webkit-transition:opacity 300ms;-moz-transition:opacity 300ms;-ms-transition:opacity 300ms;-o-transition:opacity 300ms;transition:opacity 300ms}
.hd_close {display:none;position: absolute;top: 0;z-index: 9999;top: 18px;left: calc(100% - 75px);width: 17px;height: 18px;background: url(/design/artsand/m_image/ico_ct_close.png) no-repeat center center;background-size: 17px auto;text-indent: -9999px;}

aside {display:none; position:absolute; width:calc(100% - 90px); height:100%; top:0px;display:none;left:0; bottom:0; overflow-y:auto; background-color:#fff; -webkit-overflow-scrolling: touch; z-index:1001;}/**/

aside .cate_cont {text-align:center;}
aside .cate_cont div.cate_logo {position:relative;height:58px;text-align:right;background:#fff;border-bottom:1px #ccc solid;margin:0 15px;width: calc(100% - 30px);box-sizing:border-box;padding:12px 0;}
aside .cate_cont div.cate_logo h2 {margin:7px 0 0 0px;float:left;}
aside .cate_cont div.cate_logo h2 img {height:23px;width:auto;}
aside .cate_cont div.cate_logo .black a {display:inline-block;float:right;width:98px;height:34px;line-height:34px;text-align:center;font-size:16px;color:#fff;background:#333;}

aside .cate_cont div.cate_member {padding:10px 0 20px 0;margin:0 15px;width: calc(100% - 30px);font-size:0;}
aside .cate_cont div.cate_member p {vertical-align:top;display:inline-block;text-align:left;line-height:17px;font-size:14px;color:#777;width: calc(100% - 98px);letter-spacing:-0.01em;}
aside .cate_cont div.cate_member p em {font-weight:400;font-style:italic;}
aside .cate_cont div.cate_member a {vertical-align:top;display:inline-block;background:#fff;color:#333;border:1px #333 solid;box-sizing:border-box;font-size:16px;height:34px;line-height:34px;text-align:center;padding:0;border-radius:0;margin:0;width:98px;box-sizing:border-box;}
aside .cate_cont .cate_btn {padding:0 15px 18px 15px;}
aside .cate_cont .cate_btn ul {margin:0;padding:0;}
aside .cate_cont .cate_btn ul:after {clear:both; content:""; display:block;}
aside .cate_cont .cate_btn ul li {float:left; width: calc(25% - 6px);box-sizing:border-box;position:relative;padding:0;height:75px;text-align:center;color:#666;font-size:15px;font-weight:400;}
aside .cate_cont .cate_btn ul li + li {margin-left:8px;}
aside .cate_cont .cate_btn ul li a {font-size:13px; color:#666;font-weight:400;line-height:25px;display:inline-block;width:100%;padding:50px 0 0px 0;}
aside .cate_cont .cate_btn ul li:first-child a {background:#fff url("/design/artsand/m_image/category_01.png") no-repeat 50% 0px; background-size:auto 50px;}
aside .cate_cont .cate_btn ul li:nth-child(2) a {background:#fff url("/design/artsand/m_image/category_02.png") no-repeat 50% 0px; background-size:auto 50px;}
aside .cate_cont .cate_btn ul li:nth-child(3) a {background:#fff url("/design/artsand/m_image/category_03.png") no-repeat 50% 0px; background-size:auto 50px;}
aside .cate_cont .cate_btn ul li:last-child a {background:#fff url("/design/artsand/m_image/category_04.png") no-repeat 50% 0px; background-size:auto 50px;}

aside .cate_search {position:relative; padding:0 6% 7% 6%;}
aside .cate_search .MS_search_word {margin:0;padding:0;width:100%;box-sizing:border-box;border:1px #b3b3b3 solid;height:40px;line-height:40px;box-sizing:border-box;padding:0 0 0 10px;color:#555;font-size:15px;font-family:"Noto Sans KR";font-weight:400;float:left;}
aside .cate_search .btn_search {position:absolute;right:6%; top:0;display:inline-block;width:40px;height:40px;font-size:0;background:url(/design/artsand/m_image/m_btn_search.png) no-repeat 50% 50%;background-size:19px auto;}

aside .asideTop {padding:0 6%;}
aside .asideTop .nav {display: block;height:45px;width:100%;overflow: hidden;}
aside .asideTop .nav:after {clear:both;content:"";display:block;}
aside .asideTop .nav li {display: block;text-align:center;width:50%;height:45px;vertical-align:middle;border:1px #eee solid;border-bottom:1px #333 solid;background:#eee;height: 45px;box-sizing:border-box;float: left;}
aside .asideTop .nav li a {display:block;line-height: 43px;background:#eee;color:#777;font-size:16px;font-family:'Noto Sans KR';font-weight:400;box-sizing:border-box;text-align:center;}
aside .asideTop .nav li.act{border: 1px #333 solid;border-bottom: 1px #fff solid;}
aside .asideTop .nav li.act a {background:#fff; color:#333;font-weight:500;}
aside .asideTop .nav li + li a {border-left:0;}





aside nav {padding:0 5%;}
aside nav li {padding:0px;position:relative;}
aside nav > ul > li:last-child {border-bottom:0;}
aside nav li a {position:relative; display:block; padding:11px 0; line-height:22px;color:#333;font-size:14px;font-weight:400;color:#333;font-size: 16px;padding: 11px 0;}
aside nav li .fa {position: absolute;right: -15px;top: 0;height:44px !important;width: 44px !important;background: url(/design/artsand/m_image/m_icon_cate_plus.png) no-repeat 50% 50%;background-size: 15px auto;}
aside nav li .fa:before {content:"";}
aside nav li .fa.fa-rotate-180 {position: absolute;right: -15px;top: 0;height:44px !important;width: 46px !important;background: url(/design/artsand/m_image/m_icon_cate_minus.png) no-repeat 50% 50%;background-size: 15px auto;}
aside nav li > ul {display:none;border-top: 1px solid #ccc;}
aside nav li > ul > li {background: #eee;border-top:0px;}
aside nav li > ul > li .fa{display:none;}
aside nav li > ul > li a {color: #777 !important;padding-left: 20px;font-size:14px;}
aside nav li > ul > li > ul {border-top:0px none; border-top:1px solid #ccc;}
aside nav li > ul > li > ul > li {border-bottom:0px none;}
aside nav li > ul > li > ul > li a {font-weight:400;padding:0 0 0 40px; margin:0;}

.cate_cs {text-align:center;margin:0 15px;padding:10px 0 20px 0;width: calc(100% - 30px);}
.cate_cs span,
.cate_cs em,
.cate_cs a {display:inline-block;width:100%;text-align:center;color:#333;}
.cate_cs span {line-height:22px;height:22px;font-family:'Work Sans', sans-serif;font-size:14px;font-weight:400;letter-spacing:0.15em;}
.cate_cs em {line-height:30px;height:30px;font-family:'Nunito', sans-serif;font-size:22px;font-weight:200;letter-spacing:0.02em;margin-bottom:10px;}
.cate_cs a {height:40px;line-height:38px;background:#eee;border:1px #ccc solid;box-sizing:border-box;font-family:'Noto Sans KR';font-weight:400;font-size:14px;}


/* //Ä«Å×°í¸® */


  
/*----------------------------------------------
°øÅë CSS ½ÃÀÛ
----------------------------------------------*/

#container {padding-top:0px;}

/*----------------------------------------------
°øÅë CSS ³¡
----------------------------------------------*/




/*----------------------------------------------
»ó´Ü CSS ½ÃÀÛ
----------------------------------------------*/

#header_wrap header.h_on {position:fixed; top:0; left:0;}
#header_wrap {background:#fff;}
#header_wrap header {border-bottom:0;width:100%; min-width:320px; background:#fff; z-index:300;}
#header_wrap header .header_box {border-bottom:0;}
#header_wrap .hd_sec01 {position:relative; height:60px; padding:0 10px; }
#header_wrap .hd_sec01 h1 {position:absolute; left:50%; top:15px; transform:translateX(-50%);}
#header_wrap .hd_sec01 h1 img {width:auto; height:32px;}
#header_wrap .hd_sec01 h2.hd_cate {position:absolute; left:0px; top:5px;}
#header_wrap header .header_box .hd_sec01 h2.hd_cate .side_menu {display:inline-block; box-sizing:border-box;height:50px;padding:15px 10px; margin-left:0px; vertical-align:top;}
#header_wrap header .header_box .hd_sec01 h2.hd_cate .side_menu span {display:inline-block; width:20px; height:17px; font-size:0; background:url('/design/artsand/m_image/btn_category.png') no-repeat 50% 50%; background-size:auto 100%; vertical-align:top;}
#header_wrap .hd_sec01 h2.hd_cart {position:absolute;right:0px;top:17px;width:45px;height:23px;background:url("/design/artsand/m_image/btn_cart.png") no-repeat 50% 100%;background-size:auto 18px;}
#header_wrap .hd_sec01 h2.hd_cart a {margin:0 auto;display:block; width:25px; height:23px;}
#header_wrap .hd_sec01 h2.hd_cart em {position:absolute;right:12px;font-style:normal;top:2px;display:block;width:12px;height:12px;line-height:12px;padding:2px;text-align:center;font-family:'Work Sans', sans-serif;color:#222;font-size:11px;font-weight:500;}

#header_wrap .hd_sec02 .hd_search {width:100%; height:42px; background:#eee;position:relative;}
#header_wrap .hd_sec02 .hd_search input {outline:0px;width:100%; height:42px; line-height:42px; border:0 none; padding:0 35px; color:#aaa; text-align:center; background:#eee; box-sizing:border-box;font-size:15px;}
#header_wrap .hd_sec02 .hd_search .h_search_btn {width:32px;height:32px;position:absolute;right:2px;top:4px;background:url("/design/artsand/m_image/btn_search.png") no-repeat 50% 50%;background-size:auto 16px;font-size:0;border:0 none;margin:0;padding:0;}
#header_wrap .hd_sec02 .hd_search ._header_search {}
#header_wrap .hd_sec02 .hd_search ._header_search .layer_search_box {background:#eee;}
#header_wrap .hd_sec02 .hd_search ._header_search .layer_search_box dl {padding:0px;}
#header_wrap .hd_sec02 .hd_search ._header_search .layer_search_box dl dt {display:none;}
#header_wrap .hd_sec02 .hd_search ._header_search .layer_search_box dl dd {width:100%;}
#header_wrap .hd_sec02 .hd_search ._header_search .layer_search_box dl dd .keyword_box {position:relative;}
#header_wrap .hd_sec02 .hd_search ._header_search .layer_search_box dl dd .keyword_box input {width:100%; height:42px; line-height:42px; border:0 none; padding:0 35px; color:#aaa; text-align:center; background:#eee; box-sizing:border-box;}
#header_wrap .hd_sec02 .hd_search ._header_search .layer_search_box dl dd .keyword_box button {position:absolute; top:9px; right:10px; display:inline-block; width:21px; height:21px; background:url('../../img/icon/icon_x.png') no-repeat center; background-size:21px; font-size:0; border:none;}
#header_wrap .hd_sec02 .hd_search ._header_search .layer_search_box .h_search_btn {width:32px;height:32px;position:absolute;right:2px;top:4px;background:url("/design/artsand/m_image/btn_search.png") no-repeat 50% 50%;background-size:auto 16px;font-size:0;border:0 none;margin:0;padding:0;}
#header_wrap .hd_sec02 .hd_search ._header_search .layer_search_box .h_search_close_btn,
#header_wrap .hd_sec02 .hd_search ._header_search .ly_ct {display:none;}
#header_wrap .hd_sec02 .hd_search .ly_head {background:none;border:none;padding:0;width:100%;height:28px;line-height:28px;text-align:left;text-indent:20px;}
#header_wrap .hd_sec02 .hd_search .ly_head input.js-auto-focus {width:100%; height:30px; line-height:30px;}

#header_wrap .hd_sec02 {width:100%; height:42px;}
#header_wrap .hd_sec02 ul.hd_lnb {width:100%;height:38px;overflow:hidden;}
#header_wrap .hd_sec02 ul.hd_lnb li {float:left; height:38px; line-height:38px; text-align:center;box-sizing:border-box;}
#header_wrap .hd_sec02 ul.hd_lnb li a {vertical-align:top;color:#333; font-size:14px; font-weight:600; font-family: 'Lato';display:inline-block;width:100%;height:38px;line-height:37px;border-bottom:1px #ccc solid;box-sizing:border-box;position:relative;}
#header_wrap .hd_sec02 ul.hd_lnb li.first {font-size:0;background:url(/design/artsand/m_image/btn_home.png) no-repeat 50% 10px;background-size:auto 20px;}
#header_wrap .hd_sec02 ul.hd_lnb li.first a {font-size:0;}
#header_wrap .hd_sec02 ul.hd_lnb li:first-child {width:14.5%;}
#header_wrap .hd_sec02 ul.hd_lnb li:last-child {width:20%;}
#header_wrap .hd_sec02 ul.hd_lnb li:nth-of-type(2) {width:20.375%;}
#header_wrap .hd_sec02 ul.hd_lnb li:nth-of-type(3) {width:19.75%;}
#header_wrap .hd_sec02 ul.hd_lnb li:nth-of-type(4) {width:25.375%;}
#header_wrap .hd_sec02 ul.hd_lnb li:last-child a {text-align:right;padding-right:12px;}
#header_wrap .hd_sec02 ul.hd_lnb li > ul {display:none;}
#header_wrap .hd_sec02 ul.hd_lnb li > button.gnb-arr {display:none;}

/*----------------------------------------------
»ó´Ü CSS ³¡
----------------------------------------------*/





/*----------------------------------------------
ÇÏ´Ü CSS ½ÃÀÛ
----------------------------------------------*/

#footer {margin-top:10px; padding:5px 0 0 0; border-top:solid 1px #222;}


#footer .ft_info {padding:0 20px 30px 15px; text-align:left;}
#footer .ft_info .tit {display:inline-block; font-family:'Work Sans', sans-serif; font-size:18px;color:#333;font-weight:300;margin:20px 0 10px;}
/*#footer .ft_info .tit:after {display:inline-block; content:""; width:15px; height:1px; background:#bbb; vertical-align:middle; margin:0 15px;}*/
#footer .ft_info .tel {display:inline-block; font-family:'Nunito', sans-serif; font-size:22px;color:#666;font-weight:200;}
#footer .ft_info .bank{overflow:hidden;}
#footer .ft_info .bank + .bank{margin-top:10px;}
#footer .ft_info .bank dt{float:left;margin-right:15px;font-size:16px;color:#666666;line-height:21px;}
#footer .ft_info .bank dd{float:left;font-size:21px;color:#666666;font-family:'Nunito', sans-serif;line-height:21px;font-weight:300;}

#footInfo {display:table;width: calc(100% - 20px);margin:0 10px;border-collapse:collapse;}
#footInfo .info_section {position:relative;display:table-cell;width:50%;padding:11px 10px;text-align:left;border:1px #ccc solid;border-top:2px #333 solid;border-collapse:collapse;}
#footInfo .info_section .tit {display:block;font-size:13px;font-weight:500;font-family: 'Lato', sans-serif;color:#333;line-height:18px;letter-spacing:0.1em;}
#footInfo .cs_list {}
#footInfo .cs_list .tel {display:block;font-size:18px;font-family: 'Lato', sans-serif;font-weight:600;color:#333;line-height:32px;}
#footInfo .cs_list .date {display:block;line-height:16px;font-size:12px;font-family: 'Lato', sans-serif;font-weight:500;color:#777;}
#footInfo .cs_list .date em {padding:0 6px 0 0;display:inline-block;line-height:16px;font-size:12px;font-weight:400;color:#555;font-family:'Noto Sans KR';font-weight:400;}
#footInfo .cs_list .msg {display:block;margin-top:7px;border-top:1px #ccc solid;padding:8px 0 0 0;line-height:16px;font-size:12px;font-family:'Noto Sans KR';font-weight:400;color:#888;}
#footInfo .bank_list {padding:4px 0 0 0;}
#footInfo .bank_list .bank_name {display:block;font-size:12px;font-family:'Noto Sans KR';font-weight:400;color:#888;line-height:16px;margin-top:4px;}
#footInfo .bank_list .number {display:block;font-size:13px;font-family: 'Lato', sans-serif;font-weight:500;color:#333;line-height:16px;}
#footInfo .bank_list .name {display:block;font-size:12px;font-family:'Noto Sans KR';font-weight:400;color:#888;line-height:16px;margin-top:4px;}

#footer .sns_link {width: calc(100% - 20px);padding:0 0 15px;text-align:left;font-size:0;margin:0 auto;}
#footer .sns_link a {display:inline-block;line-height:22px;height:22px;}
#footer .sns_link a + a {margin-left:10px;}
#footer .sns_link a img {height:22px;width:auto;vertical-align:middle;}
#footer .foot_copy {text-align:left;padding:0 0 0 0;background:#eee;}
#footer .foot_copy ul {margin:0;display:table; width:100%; height:36px;background:#eee;box-sizing:border-box; font-size:0;}
#footer .foot_copy ul li {position:relative; display:inline-block; width:22%; text-align:center; font-size:13px;color:#666;font-weight:400; height:36px;line-height:36px;font-family:'Work Sans', sans-serif;}
#footer .foot_copy ul li a {font-family:'Work Sans', sans-serif;font-size:13px;color:#666;font-weight:400;display:inline-block; width:100%;text-align:center;height:36px;line-height:36px;}
#footer .foot_copy ul li a strong {font-family:'Work Sans', sans-serif;}
#footer .foot_copy ul li:nth-child(1) {width:31%;}
#footer .foot_copy ul li:nth-child(2) {width:25%; color:#333;}
#footer .foot_copy ul li:nth-child(2) a {font-size:13px;color:#333;font-weight:400;}
#footer .foot_copy ul li + li:before {display:block; content:""; width:1px; height:10px; position:absolute; top:50%; left:0; transform:translateY(-50%); background:#aaa;}
#footer .foot_copy address {color:#555;font-size:13px;line-height:21px; font-weight:300; letter-spacing:-0.02em;padding:6px 0 8px 0;text-align:left;margin:0 10px;width: calc(100% - 20px);font-family:"Noto Sans KR";}
#footer .foot_copy address a {color:#555;}
#footer .foot_copy address span {display:inline-block;height:21px;line-height:21px;font-size:13px;vertical-align:top;position:relative;color:#888;}
#footer .foot_copy address strong {font-weight:400; color:#555;}
#footer .foot_copy p.copy {padding:0 0 16px 0; color:#aaa;font-size:13px; line-height:1.5em; font-weight:300; letter-spacing:0;text-align:left;font-family:"Noto Sans KR";margin:0 10px;width: calc(100% - 20px);}

.foot_cont ul.foot_nav {margin-left:-2%; padding-top:18px; padding-bottom:15px;}
.foot_cont ul.foot_nav:after {display:block; content:""; clear:both;}
.foot_cont ul.foot_nav li {float:left; width:31.333%; margin-left:2%;}
.foot_cont ul.foot_nav li a {display:inline-block; width:100%; height:38px; line-height:35px; background-color:#fff; box-sizing:border-box; border:1px solid #444; font-size:15px; color:#333;text-align:center;}
.foot_cont address {font-size:13px; color:#888; line-height:21px; padding:0 10px 12px 10px;text-align:left;}
.foot_cont ul.foot_agree {letter-spacing: -0.04em;display:inline-block;font-size:0;text-align:center;margin:0 auto;width:100%;}
.foot_cont ul.foot_agree li {display:inline-block; background:url("/design/artsand/m_image/foot_navline.gif") no-repeat left center; background-size:1px 10px; padding:0 10px;}
.foot_cont ul.foot_agree li:first-child {background:none;}
.foot_cont ul.foot_agree li a {font-size:15px; color:#333;}
.foot_cont p {font-size:12px; color:#aaa; padding-top:7px;text-align:center;}
.foot_cont dl {width:100%; text-align:center; padding-top:14px; padding-bottom:34px;}
.foot_cont dl dd {display:inline-block; width:12%; margin:0 1.8%;}

/* ¹Ù·Î°¡±â */
#footer .shortcut {text-align:center; background:#2f2f2f;}
#footer .shortcut a {display:block; padding:12px 0 12px 0;}
#footer .shortcut a span {position:relative; display:inline-block; color:#e0e0e0; height:36px; line-height:36px; padding:0 0 0 46px; background-size:36px; background-repeat:no-repeat;}
#footer .shortcut a span em {color:#ff353b; font-style:normal;}

/*----------------------------------------------
ÇÏ´Ü CSS ³¡
----------------------------------------------*/


/*----------------------------------------------
¸ÞÀÎ CSS ½ÃÀÛ
----------------------------------------------*/

.main_tit, .main_tit_best {position: relative;font-size:20px; font-family:'Work Sans', sans-serif; color:#222;font-weight:300; padding:45px 0 12px 0; font-family:'Lato';line-height:24px;text-align:center;margin:0 10px;width: calc(100% - 20px);}
.main_tit a {position:absolute; right:0; top:49px; width:16px;height:16px; }
.main_tit em {font-weight:500;}

.main_visual {}
.main_visual .slider-wrap {}
.main_visual .slider-wrap ul.slick-dots {left:0; bottom:10px; text-align:center; width:100%;}
.main_visual .slider-wrap ul.slick-dots li {margin:0 3px; vertical-align:middle;}
.main_visual .slider-wrap ul.slick-dots li button {background:url("/design/artsand/m_image/m_visual_off.png") no-repeat; background-size:8px 8px; width:8px; height:8px; opacity:1;}
.main_visual .slider-wrap ul.slick-dots li.slick-active button {background:url("/design/artsand/m_image/m_visual_on.png") no-repeat; background-size:12px 12px; }
.main_banner {}
.main_banner ul {padding:10px 10px 0 10px;}
.main_banner ul:after {display:block; content:""; clear:both;}
.main_banner ul li {float:left; width: calc(50% - 5px);}
.main_banner ul li + li {margin-left:10px}
.main_banner ul li span {color:#777;letter-spacing:0.2em;font-size:11px;font-family:'Lato';font-weight:400;display:inline-block;width:100%;text-align:center;line-height:15px;padding:9px 0 0 0;}
.main_banner ul li em {font-family:'Work Sans', sans-serif; color:#555;font-size:15px;font-weight:400;display:inline-block;width:100%;text-align:center;line-height:23px;padding:0 0 8px 0;}
.main_banner ul li em strong {font-family:'Work Sans', sans-serif; color:#333;font-weight:500;}
.main_banner ul li em strong i {font-size:10px; font-style:normal;}

.main_new {position:relative;z-index:5;}
.main_new .bx-viewport{height:250px !important;}
.main_new .bx-controls-direction {}
.main_new .bx-controls-direction .bx-prev,
.main_new .bx-controls-direction .bx-next {position:absolute;top:54px;font-size:0;z-index:99;display:inline-block;width:22px;height:9px;}
.main_new .bx-controls-direction .bx-prev {left:10px;background:url(/design/artsand/m_image/m_bx_prev.png) no-repeat 0 0;background-size:100% auto;}
.main_new .bx-controls-direction .bx-next {right:10px;background:url(/design/artsand/m_image/m_bx_next.png) no-repeat 0 0;background-size:100% auto;}

div.main_best {padding:0 0 50px 0;}
/*div.main_best div.main_tit {height:0 !important;font-size:0 !important;padding:0 !important;margin:0 !important;}
div.main_best div.main_tit a {top:-79px !important;}*/
div.main_best .best_box {position:relative;}
div.main_best .best_box:after {display:none !important;position:absolute;right:0;top:1px;height:36px;width:36px;background:#fff url(/design/artsand/m_image/m_arrow_next.png) no-repeat 50% 50%;background-size:auto 18px;content:"";display:inline-block;z-index:50;}
div.main_best .best_box .best_tab_wrap {position:relative;background:#fff;width:100%;border-top:1px #ccc solid;text-align:left;height:39px;line-height:38px;box-sizing:border-box;overflow:hidden;}
div.main_best .best_box .best_tab_wrap:after {bottom:0px;background:#ccc;width:100%;height:1px;margin:0;padding:0;display:inline-block;content:"";position:absolute;left:0;right:0;z-index:1;}
div.main_best .best_box .best_tab_wrap .tab_wrap {width:100%;height:45px;line-height:45px;position:relative;z-index:10;}
div.main_best .best_box .main_best_tab {vertical-align:top;width:100%;text-align:left;font-size:0;}
div.main_best .best_box .main_best_tab em {vertical-align:top;height:37px;line-height:36px;margin:0 0 0 0;cursor:pointer;display:inline-block;padding:0 16px 0 17px;position:relative;z-index:10;width:20%;box-sizing:border-box;text-align:center;}
div.main_best .best_box .main_best_tab em:first-child {padding-left:10px;}
div.main_best .best_box .main_best_tab em.last {padding-right:0;}
div.main_best .best_box .main_best_tab em.active,
div.main_best .best_box .main_best_tab em.active span {color:#222;font-weight:600;}
div.main_best .best_box .main_best_tab em span {font-family:'Work Sans', sans-serif;display:inline-block;position:relative;line-height:37px;height:37px;z-index:10;font-size:14px;font-weight:400 !important;color:#555;}
div.main_best .best_box .main_best_tab em.active span:after {content:"";display:inline-block;background:#333;height:2px;width:100%;position:absolute;left:0%;bottom:-1px;z-index:10;}
div.main_best .best_box .main_best_tab em + em {}
div.main_best .best_box .main_best {background:#fff;border:1px #ccc solid;box-sizing:border-box;}
div.main_best .best_box .main_best .item-display-wrap {}
div.main_best .best_box .w_custom.wrppers {border:1px #ccc solid;background:#fff;box-sizing:border-box;}
div.main_best .best_box .main_best_wrap {padding:10px 0 0 0;background:#eee;}

.main_md {}

.main_insta {padding:34px 10px 10px 10px;}
.main_insta .main_tit {padding:0 0 20px 0 !important;text-align:center !important;line-height:24px !important;height:44px !important;box-sizing:border-box;}
.main_insta .main_tit img {width:auto;height:24px;vertical-align:top;}
.main_insta ul {margin-left:0;}
.main_insta ul:after {display:block; content:""; clear:both;}
.main_insta ul li {float:left; width:33.333%; margin:0;position:relative;overflow:hidden;}
.main_insta ul li > div {margin:0;padding:0;}
.main_insta ul li img {width:100%;height:auto;}


/*----------------------------------------------
¸ÞÀÎ CSS ³¡
----------------------------------------------*/


.goods-gallery-item { display: inline-block; letter-spacing: 0px; vertical-align: top; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 10px; margin: 20px 0 0; position:relative;z-index:1;}
.goods-gallery-num2 {overflow: hidden; padding: 0; font-size: 0; letter-spacing: -4px;}
.goods-gallery-num2 .goods-gallery-item {width: 50%;}

/*** »óÇ° °øÅëÈ°¿ë ***/
#container .tags,
#container .goods-nm,
#container .goods-br,
#container .goods-price {text-align:left;}
#container .goods-price span.red {font-family:'Work Sans', sans-serif; font-weight:400 !important;}
#container .tags img {float:none;}
#container .goods-nm {display:inline-block;color:#333;font-weight:400;font-size:14px;margin-bottom:0;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height: 14px;}
#container .goods-br {font-size: 13px;color:#777;font-weight:400;padding-bottom:4px;width:100%;}
#container .goods-br.short_desc {display:block !important; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#container .goods-br.price_sp {text-decoration:line-through; display:inline-block !important; }
#container .goods-price {padding-top:5px;font-size:15px;font-family:'Work Sans', sans-serif;font-weight:400;line-height: 15px;}
#container .goods-price em.price_sale {display:inline-block;text-decoration:line-through;margin-right:4px;color:#777;font-size:12px;font-family:'Work Sans', sans-serif;}
#container .goods-price span {font-family:'Work Sans', sans-serif;font-weight:500; color:#333;}
/*°¶·¯¸®Çü*/
#container .goods-gallery-item .item_img {display:block;}

#container .goods-gallery-item .goods-gallery-img,
#container .goods-gallery-item .goods-gallery-img a,
#container .goods-gallery-item .goods-gallery-img a img {vertical-align:top;box-sizing:border-box;height:auto;}
#container .goods-gallery-item .goods-gallery-img a {padding:0;margin:0;display:block;border:0 none;}
#container .goods-gallery-item .goods-gallery-img a img {border:0 none;width:100%;height:auto;}
#container .goods-gallery-item .goods-gallery-content {}
#container .goods-gallery-item .goods-gallery-content .goods-list-info {}
#container .goods-gallery-item .goods-gallery-content .goods-list-info .tags {position:absolute;right:5px;top:5px;}
#container .goods-gallery-item .goods-gallery-content .goods-list-info .tags img {margin-left:2px;}
#container .goods-gallery-item .goods-gallery-content .goods-list-info .goods-nm {/* padding-top:10px; */}
#container .goods-gallery-item .goods-gallery-content .goods-list-info .goods-br {margin-bottom:5px;line-height: 10px;height: 13px;width:100%;padding:0;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap:break-word;}
#container .goods-gallery-num {margin:0 0 0 -4%; padding:0; text-align:center;}
#container .goods-gallery-num .goods-gallery-item {margin:0 0 0 4%; padding:0 0 7% 0; width:46%;}
#container .goods-gallery-num .goods-gallery-item .goods-gallery-img a {border:none;}
#container .goods-gallery-num .goods-gallery-item .goods-price em.price_sale {color:#666; text-decoration:line-through;}
/*¸®½ºÆ®Çü*/
#container .goods-list-item {padding:10px 0;position: relative; overflow: hidden;border-top:1px #ccc solid;border-bottom:1px #ccc solid;background:#fff;}
#container .goods-list-item + .goods-list-item {border-top:0 none;}
#container .goods-list-item .tags,
#container .goods-list-item .goods-nm,
#container .goods-list-item .goods-br,
#container .goods-list-item .goods-price {text-align:left;}
#container .goods-list-item .goods-list-img {position: relative;width: calc(47% - 30px); float: left;margin: 0 20px 0 10px;}
#container .goods-list-item .goods-list-img a {border:none;display:inline-block;width:100%;height:auto;}
#container .goods-list-item .goods-list-img img {width:100%;height:auto;}
#container .goods-list-item .goods-list-img h4 {position:absolute; left:0; top:0;}
#container .goods-list-item .goods-list-img div.sale {display:none !important;position:absolute; right:-10px; top:0; z-index:10; color:#fff; letter-spacing:0; font-size:20px; font-weight:600; background:url("../img/da_image/timesale_percent.png") no-repeat; background-size:48px 48px; width:48px; height:48px; text-align:center; line-height:48px;}
#container .goods-list-item .goods-list-img div.sale span {font-weight:400; font-size:14px;}
#container .goods-list-item .goods-list-content {float: right; width: calc(53% - 10px); overflow: hidden; margin:0 10px 0 0;}
#container .goods-list-item .goods-list-info {position:absolute; width:50%; top:50%; left:47%; transform:translateY(-50%); z-index:2;}
#container .goods-list-item .goods-nm {font-size:14px;box-sizing:border-box;line-height:20px;padding:0 0 10px;text-align:left;font-weight:500;display:inline-block;position:relative;}
#container .goods-list-item .goods-nm:after {display:inline-block;width:20px;height:1px;background:#222;position:absolute;left:0;bottom:0;content:"";}
#container .goods-list-item .goods-br {margin:5px 0 10px 0;line-height:17px;height:17px;font-size:13px; color:#777; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#container .goods-list-item .goods-price {font-size:14px; }
#container .goods-list-item .goods-price em.price_sale {font-size:14px;color:#666; text-decoration:line-through;}
/*¼­ºê»óÇ°*/
#container .goods-content .goods-list-item {padding:4%;}
#container .goods-content .goods-gallery-num {padding:4%;}
#container .related-goods .goods-gallery-num {padding:4%;}
#container .goods-list-recom .goods-gallery-num {padding:4%; padding-bottom:0;}



/* »óÇ°Áø¿­ */
.list_array {line-height:31px;margin-bottom:10px;background:#f9f9f9;border-top:none;border-bottom:none;}
.list_array:after {clear:both;content:"";display:block;}
.list_array .list_arrayLeft {float:left;width:48.5%;}
.list_array .list_arrayLeft select {height:31px;box-sizing:border-box;border:1px #ccc solid;color:#777;width:100%;background:#fff;box-sizing:border-box;}
.list_array .list_arrayRight {float:right;widtH:48.5%;text-align:right;font-size:0;}
.list_array .list_arrayRight a {display:inline-block;border:1px #ccc solid;background:#fff;height:31px;box-sizing:border-box;}
.list_array .list_arrayRight a.on {border:1px #333332 solid;background:#333332;}
.list_array .list_arrayRight a:first-child {border-right:0;}
.list_array .list_arrayRight a:last-child {border-left:0;}
.list_array .list_arrayRight img {margin:0px;width:auto;height:19px;}
.list_shopping1x {text-align:center;}
.list_shopping1x ul {width:100%; display:table; table-layout: fixed; box-sizing: border-box; text-align:left; font-size:0;}
.list_shopping1x li {width:100%;padding:10px 0;position: relative; overflow: hidden;border-bottom:1px #ccc solid;border-top:none;background:#fff;}
.list_shopping1x li a {display: block; padding:0; position:relative; overflow:hidden; zoom:1;}
.list_shopping1x li:first-child {border:0px none;border-top:1px #ccc solid;border-bottom:1px solid #ccc;}
.list_shopping1x li:first-child a {padding:0 4px 18px 4px;}
.list_shopping1x li img.listPic {position: relative;width: calc(47% - 30px); float: left;margin: 0 20px 0 10px;}
.list_shopping1x .list_shoppingInfo {float: right; width: calc(53% - 10px); overflow: hidden; margin:0 10px 0 0;}
.list_shopping1x .list_shoppingInfo .info_box{position:absolute; width:50%; top:50%; left:47%; transform:translateY(-50%); z-index:2;}
.list_shopping2x {text-align:left;}
.list_shopping2x ul {width:100%; box-sizing: border-box; padding:0 10px;  text-align:center; font-size:0;}
.list_shopping2x li {width:48%; float:left; vertical-align: top; text-align:left;}
.list_shopping2x li:nth-child(2n){margin-left:2%;}
.list_shopping2x li a {display: block; padding:0;}
.list_shopping2x li img.listPic {width:100%;}
.list_shopping2x .list_shoppingInfo {padding:0 ; margin-top:0; text-align:left; font-size:12px;}
.list_shopping3x {text-align:center;}
.list_shopping3x ul {width:100%; display:table; table-layout: fixed; box-sizing: border-box; padding:0 2px; text-align:left; font-size:0;}
.list_shopping3x li {width:33.33%; display:inline-block; vertical-align: top;}
.list_shopping3x li a {display: block; padding:2px;}
.list_shopping3x li img.listPic {width:100%;}
.list_shopping3x .list_shoppingInfo {margin-top:10px; text-align:center; font-size:12px;}
.listName {display:inline-block; color:#333; font-weight:400; font-size:14px; margin-bottom:0; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;padding-top: 10px;}
.list_shopping1x .listName{font-size:14px;box-sizing:border-box;line-height:20px;padding:0 0 10px;text-align:left;font-weight:500;display:inline-block;position:relative;}
.list_shopping1x .listName:after{display:inline-block;width:20px;height:1px;background:#222;position:absolute;left:0;bottom:0;content:"";}
.listDiscount {color:#b5b5b5;}
.listPrice {padding-top:5px; font-size:15px;font-family:'Work Sans', sans-serif;font-weight:400;}
.listPrice strong {font-size:17px;font-weight:700;font-family:'Open Sans', sans-serif;}
.listSoldout {color:#D22525; margin-bottom:4px;}
.listReplace {color:#1b1b1b; margin-bottom:4px;}
.listReview {color: #DB2E2E; margin-bottom:4px;}
.listReserve {color:#7d7d7d; font-size:0.917em;}
.listPoint {color:#7d7d7d; font-size:0.917em;}
/* //»óÇ°Áø¿­ */


/*** ºÐ·ù,°Ë»ö ½ÃÀÛ ***/
.srlst_bx { position: relative; overflow: hidden; }
.srlst_bx .lst { padding: 10px; line-height:26px; margin: 0; font-size:0; vertical-align:middle;}
.srlst_bx .lst li { display:inline-block; width: auto;position: relative; line-height:26px; vertical-align:middle;}
.srlst_bx .lst li a { border: none; color: #666; height: 26px; line-height: 26px;padding:0 8px 0 9px;position: relative; z-index: 1; overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;font-size: 13px; }
.srlst_bx .lst li:first-child a {padding-left:0px;}
.srlst_bx .lst li + li:before {content:"";display:inline-block;width:1px;height:11px;background:#aaa;vertical-align:middle;position:absolute;left:0px;top:50%;margin-top:-5px;}
.srlst_bx .lst li.on a {color:#222;}

.shopbrand, main#search {}
.shopbrand h2, main#search h2 {text-align:center; font-size: 1.25em; font-weight:bold; padding-top:10px;}
.shopbrand .MK_product_list,
main#search .MK_product_list {background-color:#f9f9f9; border-bottom:1px solid #4a4a4a; border-top: 1px solid #4a4a4a;}
.shopbrand .MK_product_list .items,
main#search .MK_product_list .items {padding: 10px 0;}
.shopbrand .MK_product_list .items #MK_best_product li,
main#search .MK_product_list .items #MK_best_product li {width:33.33%;}
.shopbrand .MK_product_list .items .paging-num,
main#search .MK_product_list .items .paging-num {text-align: center; clear: both; margin:20px 0;}
.shopbrand .MK_product_list .items .paging-num a,
main#search .MK_product_list .items .paging-num a {background-color:#fff; border:1px solid #393939; padding:5px 10px; margin:0 10px;}
.shopbrand .list_group,
main#search .list_group {padding:10px 3%;text-align:center;line-height:30px;padding:10px 3%; margin:0px;background: #F9F9F9;border-bottom: solid 1px #EDEDED;}
.shopbrand .list_group:after,
main#search .list_group:after {clear:both;content:"";display:block;}
.shopbrand .list_group select,
main#search .list_group select {float:left;width:48.5%;height:30px;border:1px #d3d3d3 solid;color:#888;box-sizing:border-box;background:#fff;}
.shopbrand .list_group select:last-child,
main#search  .list_group select:last-child {float:right;}
.shopbrand .more .more-title,
main#search .more .more-title {color: #3b3b3b;}
.shopbrand .more .more-num,
main#search .more .more-num {color: #aaaaaa;}
.shopbrand .shopbrandTitle img,
main#search .shopbrandTitle img {max-width: 100%;}
.shopbrand .list_array .list_arrayRight img,
main#search .list_array .list_arrayRight img {width:auto;height:28px;}
/*** ºÐ·ù,°Ë»ö ³¡ ***/


.sub_navi{font-size:15px;color:#333333;line-height:38px;text-align:center;font-weight:500;position:relative;border-bottom:1px solid #cccccc;box-sizing:border-box;}
.sub_navi .back{position:absolute;left:10px;top:50%;margin-top:-7px;}
.sub_navi .back img{height:13px;}

.content_sub{width:93.86%;margin:0 auto 0;}
.content_sub table{width:100%;}
.content_sub .sub_slide{margin:10px 0 25px 0;}
.content_sub .sub_slide img{width:100%;}
.content_sub .sub_slide .slick-arrow{display:none !important;}
.content_sub {}
.content_sub .sub_slide {}
.content_sub .sub_slide ul.slick-dots {margin:15px 0 0; text-align:center; width:100%;}
.content_sub .sub_slide ul.slick-dots li {margin:0 3px;vertical-align:middle;display: inline-block;}
.content_sub .sub_slide ul.slick-dots li button {width:4px;height:4px;font-size: 0px;opacity:1;background: none;border: none;background:#aaaaaa;border-radius:100px;border:none;display:inline-block;vertical-align:middle;}
.content_sub .sub_slide ul.slick-dots li.slick-active button {background:#333333;width:7px;height:7px;}

.content_sub .thin_txt{font-size:12px;color:#666666;line-height:200;font-family: 'Work Sans','Nanum Barun Gothic',Malgun Gothic,"¢¬¨ùÀ¨ÿýÿýÿýÿýÿýÿý ¡Æÿýÿýÿýÿýÿýÿýÿýÿý",AppleGothic,Dotum,"µ¢¬¢ÿýÿýÿýÿýÿýÿýÿý",sans-serif;line-height:17px;display:block;font-weight:400;}
.sub_company{}
.sub_company dl{overflow:hidden;overflow:hidden;text-align:center;}
.sub_company dl + dl{margin-top:50px;}
.sub_company dl dt{font-size:18px;color:#073e64;line-height:18px;width:100%;margin-bottom:22px;}
.sub_company dl dd{}
.sub_company dl dd .txt{font-size:12px;color:#666666;line-height:17px;font-weight:400;display:block;}
.sub_company dl dd .thin_txt{margin-top:21px;padding-top:11px;position:relative;}
.sub_company dl dd .thin_txt:before{content:"";display:block;position:absolute;top:0px;left:50%;width:17px;height:1px;background:#999999;margin-left:-9px;}

.bus_table{width:100%;display:block;}
.bus_table thead{}
.bus_table thead tr{border-top:1px solid #dddddd;border-bottom:1px solid #dddddd}
.bus_table thead tr th{padding:8px 0 8px 17px;font-size:13px;line-height:13px;color:#333333;font-weight:600;text-align:left;}
.bus_table tbody tr{border-bottom:1px solid #dddddd;}
.bus_table tbody tr th,
.bus_table tbody tr td{font-size:12px;color:#666666;line-height:13px;text-align:left;}
.bus_table tbody tr th{padding:9px 0 9px 17px;}
.bus_table tbody tr td{padding:9px 0 9px 17px;word-break:keep-all;}

.history_list {position:relative;margin-top:30px;}
.history_list:after {display:block;position:absolute;left:0;top:0;width:64px;height:100%;border-right:1px dashed #88c4ee;content:'';}
.history_list .box {position:relative;z-index:1;}
.history_list .box .year {float:left;width:86px;height:24px;background:url('/design/artsand/m_image/history_dot.png') no-repeat 42px  top;background-size:auto 12px;font-size:13px;color:#333333;font-weight:700;line-height:13px;font-family:'Lato', sans-serif;text-align:left;}
.history_list .box .list {float:left;/* width:550px; */padding-bottom: 25px;padding-left: 20px;}
.history_list .box .list .li {padding-bottom:10px;font-size:12px;color:#888888;line-height:14px;position: relative;padding-left: 30px;text-align: left;}
.history_list .box .list .li span {display:inline-block;width:25px;font-size:12px;color:#333333;font-weight:700;line-height:12px;font-family:'Lato', sans-serif;position: absolute;left: 0px;top: 0px;}
.history_list .box:last-of-type .list {padding-bottom:10px;}


.company_table{width:100%;border-top:1px solid #ddd;}
.company_table tbody tr{border-bottom:1px solid #dddddd;}
.company_table tbody tr th,
.company_table tbody tr td{font-size:12px;color:#666666;line-height:12px;}
.company_table tbody tr th{padding:8px 0 8px 10px;font-size:12px;color:#333333;font-weight:600;text-align:left;}
.company_table tbody tr td{padding:8px 0 8px 10px;text-align:left;}


/* contri */
.sub_contri{}
.sub_contri dl{overflow:hidden;overflow:hidden;}
.sub_contri dl + dl{margin-top: 52px;}
.sub_contri dl dt{font-size: 18px;color:#244a26;line-height: 18px;margin: 0 0 20px 0;text-align: center;}
.sub_contri dl dd{text-align: center;}
.sub_contri dl dd .txt{font-size: 12px;color:#666666;line-height: 17px;font-weight: 400;display:block;width: 70%;margin: 0 auto;word-break: keep-all;}
.sub_contri dl dd .thin_txt{margin-top:34px;padding-top:35px;position:relative;}
.sub_contri dl dd .thin_txt:before{content:"";display:block;position:absolute;top:0px;left:0px;width:14px;height:1px;background:#999999;}

.sub_contri dl dd .contri_li{}
.sub_contri dl dd .contri_li p{font-size: 12px;color:#333333;line-height: 12px;padding-bottom: 12px;margin-bottom: 10px;position:relative;}
.sub_contri dl dd .contri_li p b{font-weight:normal;}
.sub_contri dl dd .contri_li p:after{content:"";display:block;background:#999;width:14px;height:1px;position:absolute;left: 50%;bottom:0px;margin-left: -7px;}
.sub_contri dl dd .contri_li span {font-size: 12px;color:#666666;line-height: 12px;display:block;}
.sub_contri dl dd .contri_li span + span{margin-top: 5px;}

.sub_contri dl dd .contri_li ul li + li{margin-top: 25px;}

.sub_contri dl dd .contri_li ul li:nth-child(2n) span{position:relative;padding-left: 0;}
.sub_contri dl dd .contri_li ul li:nth-child(2n) span:before{content:"";width:2px;height:2px;position:absolute;left:0px;top:50%;margin-top:-2px;display: none;background:#666666;}

/* brand */
.brand{text-align:center;}
.brand .logo1{margin: 7px 0 32px;font-size: 18px;color:#333333;line-height: 18px;text-align:center;}
.brand .logo1 img{margin: 7px auto 0;display:block;height: 18px;}

.brand .logo2{font-size: 12px;color:#666666;text-align:right;width: 200px;margin:7px auto 0;padding-left: 90px;box-sizing:border-box;position:relative;line-height: 18px;}
.brand .logo2 img{position:absolute;left:0px;top:0px;height: 24px;}
.brand .logo2 span{}
.brand .logo2 span.pink{color:#d76969;}
.brand .logo2 span.green{color:#25840b;}
.brand .logo2 span.blue{color:#265e92;}

.brand .txt{font-size: 12px;color:#666666;line-height: 19px;word-break: keep-all;}
.brand .txt ul li{}
.brand .txt ul li + li{padding-top:10px;}
.brand .thin_txt{position:relative;}
.brand .thin_txt:before{content:"";display:block;position:absolute;width:14px;height:1px;left:50%;margin-left:-7px;top:0px;background:#999999;}
.brand .thin_txt b{color:#333333;font-weight:400;}

.brand .logo2 + .thin_txt{padding-top: 20px;width: 75%;margin: 10px auto 47px;word-break: keep-all;}
.brand .txt + .thin_txt{padding-top: 20px;word-break: keep-all;width: 80%;margin: 17px auto 0;}

.brand02{}
.brand02 .logo1{}
.brand02 .logo1 strong{display:block;font-size: 15px;color:#333333;font-family: 'Work Sans','Nanum Barun Gothic',Malgun Gothic,"¢¬¨ùÀ¨ÿýÿýÿýÿýÿýÿýÿýÿý ¡Æÿýÿýÿýÿýÿýÿýÿýÿýÿýÿý",AppleGothic,Dotum,"µ¢¬¢ÿýÿýÿýÿýÿýÿýÿýÿýÿý",sans-serif;line-height: 22px;font-weight: 900;}
.brand02 .logo1 span{font-size: 12px;color: #244a26;display:block;font-family: 'Work Sans','Nanum Barun Gothic',Malgun Gothic,"¢¬¨ùÀ¨ÿýÿýÿýÿýÿýÿýÿýÿý ¡Æÿýÿýÿýÿýÿýÿýÿýÿýÿýÿý",AppleGothic,Dotum,"µ¢¬¢ÿýÿýÿýÿýÿýÿýÿýÿýÿý",sans-serif;line-height: 12px;}

/* cs center */
.cs_menu{overflow:hidden;margin: 0 0 10px 0;background: #fff;border-left: 1px solid #ddd;}
.cs_menu li{float:left;width:33.3%;box-sizing:border-box;text-align:center;position:relative;padding: 11px 0;border: 1px solid #ddd;border-left: 9px;}
.cs_menu li:before{content:"";display:block;position:absolute;left:0px;top:50%;margin-top:-10px;background:#666666;width:1px;height:20px;display: none;}
.cs_menu li:last-child:after{content:"";display:block;position:absolute;right:0px;top:50%;margin-top:-10px;background:#666666;width:1px;display: none;height:20px;}
.cs_menu li a{box-sizing:border-box;display:block;line-height: 12px;font-size: 12px;color:#333333;font-weight:500;text-align: center;}
.cs_menu li a img{display: inline-block;vertical-align:middle;text-align: center;height: 30px;margin: 0 0 10px 0;}

.cs_table{background:#fff;border:1px solid #ddd;border-bottom:0px;width:100%;}
.cs_table tr{border-bottom:1px solid #ddd;}
.cs_table tr th{padding: 11px 0;text-align:center;font-size:12px;color:#333333;vertical-align: top;}
.cs_table tr td{padding:11px;text-align:left;font-size:12px;color:#888888;}