.xans-mall-faq .cont { padding:10px 10px 10px 0px; color:#9e9e9e; line-height:20px; }
.xans-mall-faq .cont h3 { margin:0 0 20px; color:#000; font-size:11px; font-weight:normal }
@charset "utf-8";

/* **************************** //필수 CSS 수정 및 삭제 불가 **************************** */

/* tag reset */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
html { width:100%; height:100%; }
body,code { font:0.75em 'Lato', 'Noto Sans KR', sans-serif; color:#000; background:#fff; letter-spacing:1px}
body { padding:0; margin:0;  min-width:0 }
body{   /* Safari */}
body#popup { min-width:0; }
li { list-style:none; }
img,fieldset { border:none; vertical-align:top; }
table { width:100%; border:0; border-spacing:0; border-collapse:collapse; }
caption { display:none; }
th,td { border:0; vertical-align:top; }
input,select,textarea { font-size:100%; font-family:'Lato', 'Noto Sans KR', sans-serif; color:#353535; vertical-align:middle;    border:1px solid #dfdfdf   }
input[type=radio],
input[type=checkbox] { width:13px; height:13px; border:0; }
input[type=text],
input[type=password] { height:18px; line-height:20px; padding:2px 4px;  color:#353535; font-size:12px; }
input[type=radio] + label, input[type=checkbox] + label { margin:0 4px 0 2px; }
select::-ms-expand {  display: none;}
select {    padding: 3px 16px 3px 5px;
  font-family: inherit;  /* 폰트 상속 */
  background: url("//jp.polyc.co.kr/artfinger/img/select.png") no-repeat 95% 50%; /* 네이티브 화살표 대체 */  
  border-radius: 0px; /* iOS 둥근모서리 제거 */
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
  background-color:#FFF;
  border:1px solid #dfdfdf    
}
b,strong,h1,h2,h3 {font-weight:700}
textarea { padding:5px 6px; border:1px solid #DFDFDF; line-height:1.5; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#c1c1c1; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#c1c1c1; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#c1c1c1; opacity:1; }
legend { visibility:hidden; position:absolute; left:-9999px; top:-9999px; width:0; height:0; line-height:0; }
button { overflow:visible; padding:0; margin:0; border:0; cursor:pointer; }
hr.layout { display:none; }
a { text-decoration:none; color:#inherit; color:#000;}
a:-webkit-any-link {color:#000;}    
a:hover { text-decoration:none;  }
a:active { text-decoration:none; }
.objHidden { visibility:hidden; position:absolute; left:-1000px; top:-1000px; height:0; width:0; }
table tr.radioType input,
span.noBorder input { border:none !important; width:auto !important; height:auto !important; margin:0 3px 0 0 !important; vertical-align:middle !important; background:none !important; }
#content_CONTAINER table, #bi_inquire_content_CONTAINER table { border:0; margin:0 0 -1px; }
#content_CONTAINER table:before, #bi_inquire_content_CONTAINER table:before { display:none; }
#content_CONTAINER td, #bi_inquire_content_CONTAINER td { width:auto !important; padding:0; }
table.nneditor-table { width:auto !important; }

.gLabel { display:inline-block; }
.gLabel label { margin-right:20px; line-height:22px; }
.fWidthFull input[type=text] { width:100%; height:24px; -webkit-box-sizing:border-box; -moz-webkit-box:border-box; box-sizing:border-box; }
.fWidthFull textarea { width:100%; -webkit-box-sizing:border-box; -moz-webkit-box:border-box; box-sizing:border-box; }
.fList.typeHor .gLabel { margin-right:20px; }
.fList.typeVer .gLabel { display:block; }

/* 결제진행바 */
#progressPaybarBackground { position:absolute; z-index:99; left:0; top:0; width:100%; height:100%; }
#progressPaybarView { position:absolute; z-index:100; top:160px; left:20px; width:471px; font-size:12px; }
#progressPaybarView .box { height:180px; background:url(//img.cafe24.com/images/ec_hosting/popup/layer_guide/bg_layer_box1.gif) 0 0 no-repeat; }
#progressPaybarView .box .graph { padding:15px 0 0 0; text-align:center;}
#progressPaybarView .box .graph span { display:block; text-align:center; margin:20px 0; }
#progressPaybarView .box .txt { text-align:center; padding:15px 0 0; color:#555555; }
div.layerProgress { filter:alpha(opacity=40); opacity:0.4; -moz-opacity:0.4; background-color:#999; }

/* contents */
#skipNavigation {position:absolute; top:0; left:0; z-index:100; width:100%; height:0;}
#skipNavigation p, #skipNavigation ul, #skipNavigation ul li {height:0;}
#skipNavigation p a {position:absolute; left:0; top:0; display:block; overflow:hidden; width:1px; height:1px; margin-left:-1px; margin-bottom:-1px; text-align:center; color:#000; white-space:nowrap;}
#skipNavigation p a:focus, #skipNavigation p a:hover, #skipNavigation p a:active {width:100%; height:auto; padding:10px 0; background:#c4122f; color:#fff; z-index:100;}

.displaynone { display:none; }



.dimmed { position:fixed; top:0; left:0; z-index:99; width:100%; height:100%; background:#fff; opacity:0.8; filter:alpha(opacity=80); }

/* **************************** 필수 CSS 수정 및 삭제 불가 **************************** */
@charset "utf-8";
.progress_loading {position:fixed; background-color:#fff; left:0px; top:0px; width:100%; height:100%; z-index:44;  }  
/* Layout */
.return-top { right:12px; bottom:32px; position:fixed; z-index:9999; width:20px; height:20px; }
.return-top > .icono-caretUp {text-align:center; }
.return-top > .icono-caretUp i {line-height:35px; font-size:20px; color:#000; font-weight:normal;}
#menu_full {display:none; right:2px; z-index:4444;}
#menu_full li a {display:block; width:20px; height:20px; background-color:#dfdfdf;}
.img_pb.img_main {display:none;}
.section a {display:none; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.section a.show {display:block;}
.xans-board-title  h2.hid_ti2 { display:block; padding:0 0 20px 0px; font-weight:normal; color:#000; font-size:12px; *display:inline; *zoom:1;  }
#header {position:fixed; width:100%; top:0px; z-index:99 }
#wrap { position:relative; width:100%; margin:0px auto 0; }
#container {  margin:0 auto 100px;  *zoom:1; }
#container:after { content:""; display:block; clear:both; }
#contents {margin:130px auto 0; padding:0 200px 0 280px; min-height:72vh}
#contents_ {margin:0px auto 0; padding:0 40px 0 280px; min-height:72vh}
#container_detail { padding:0 40px 0 270px;  *zoom:1; }     

#footer { width:100%; margin:150px auto 0}

.main_img {position:relative; margin:0 auto 100px; text-align:center; width:100%}
.main_img img {max-width:100%; display:block;}
.main_img span {position:absolute; top: 50%; right:3%; user-select: none;  transform: translateX(-10%) translateY(-50%); -ms-user-select: none;    max-width: calc(var(--content) * 23);   text-align: right;    font-family: 'Merriweather', serif;   width: 100%;}

/* 탐색경로바 */
.path { display:none; overflow:hidden; height:30px; line-height:30px; *zoom:1; }
.path span { overflow:hidden; position:absolute; width:0; height:0; white-space:nowrap; text-indent:100%; }
.path ol { float:right; }
.path li { float:left; padding:0 0 0 12px; margin:0 0 0 8px; color:#757575; background:url("//img.echosting.cafe24.com/skin/base/layout/ico_path.gif") no-repeat 0 10px; }
.path li:first-child { background:none; }
.path li a { color:#757575; }
.path li strong,
.path li strong a { color:#2e2e2e; }

/* 타이틀 */
.titleArea { min-height:30px; margin:10px 0 20px;  }
.titleArea h2 { display:inline-block; padding:0 0 00px; color:#2e2e2e; font-size:11px;      *display:inline; *zoom:1; }
.titleArea h2 i {padding-right:8px; font-size:20px; vertical-align:middle}
.titleArea p { display:inline-block; margin:0 0 0 6px; padding:0 0 0 10px; color:#939393; background:url("//img.echosting.cafe24.com/skin/base/common/ico_bar.gif") no-repeat 0 0; *display:inline; *zoom:1; }
.titleArea ul { padding:5px 0; color:#939393; line-height:18px; }
.titleArea ul li { padding:0 0 0 9px; background:url("//img.echosting.cafe24.com/skin/base/common/ico_square2.gif") no-repeat 4px 7px; }

/* 퀵뷰 모달 */
#modalBackpanel { display:none; position:absolute; top:0; left:0; z-index:10000; width:100%; height:100%; background:#000; }
#modalContainer { display:none; position:absolute; top:100px; left:100px; z-index:10001; width:975px; height:720px; border:1px solid #333; background:#fff; }
#modalContainer #modalContent { width:100%; height:100%; }


/*  reactive 소스 */
@media all and (max-width : 640px) {  /*아이폰 5이하 */
   #container { padding:0 30px;  *zoom:1; }
   #contents {margin:80px auto 0; padding:0!important}
   #contents_ {margin:80px auto 0; padding:0!important}
            }

@media all and (min-width : 641px) and (max-width : 802px) and (orientation : landscape)  {  /*아이패드 탭 데스크탑 -모드*/
    #container { padding:0 30px;  *zoom:1; }
    #contents {margin:130px auto 0; padding:0 40px 0 200px!important}
    #contents_ {margin:0px auto 0; padding:0 40px 0 200px!important}
            }
@media all and (min-width : 641px) and (max-width : 802px) and (orientation : portrait)  {  /*아이패드 탭 |모드*/
     #container {padding:0 30px;*zoom:1; }
     #contents {margin:130px auto 0; padding:0 40px 0 200px!important}
     #contents_ {margin:0px auto 0; padding:0 40px 0 200px!important}
            }

@media all and (min-width : 803px) and (max-width : 1440px)  {  
    #container { padding:0 30px;  *zoom:1; }
    #contents {margin:130px auto 0; padding:0 40px 0 200px!important}
    #contents_ {margin:0px auto 0; padding:0 40px 0 200px!important}
            }
 


/* Font */
.txtInfo { color:#707070; }
.txtWarn { color:#f76560; }
.txtEm { color:#000; }
.txtDel, .strike, .discount { text-decoration:line-through; font-weight:normal; }
.strike strong, .discount strong { font-weight:normal; }
.txtNormal { font-weight:normal; font-style:normal; }
.txtNum { display:inline-block; font-size:11px; color:#000; word-break:normal; }
.txt11 { font-size:11px; }
.txt12 { font-size:11px; }
.txt14 { font-size:11px; }
.txt16 { font-size:11px; }
.txt18 { font-size:11px; letter-spacing:-1px; }
.txtIcon { font-size:11px; font-style:normal; }
.txtBreak { word-break:break-all; word-wrap:break-word; }
  /* JP, TW, CN */
  html:lang(ja) .txt11,
  html:lang(zh) .txt11,
  html:lang(zh-tw) .txt11 { font-size:11px; }

/* grid */
.gBlank5 { display:block; margin-top:5px; }
.gBlank10 { display:block; margin-top:10px; }
.gBlank20 { display:block; margin-top:20px; }
.gBlank30 { display:block; margin-top:30px; }
.gIndent10 { margin-left:10px; }
.gIndent20 { margin-left:20px; }
.gSpace10 { margin-right:10px; }
.gSpace20 { margin-right:20px; }
.gMerge { position:relative; z-index:1; margin-top:-1px; }

/* ec-base-qty */
.ec-base-qty { position:relative; display:inline-block; width:50px; margin:0 1px 0 0; text-align:left; }
.ec-base-qty input[type="text"] { width:22px; height:23px; padding:0 0 0 5px; line-height:25px; border:0!important;  }
.ec-base-qty .up { position:absolute; left:27px; top:0; }
.ec-base-qty .down { position:absolute; left:27px; bottom:0; }

/* ec-base-chk */
.ec-base-chk { display:inline-block; position:relative; margin:0 8px 0 0; width:22px; height:22px; vertical-align:top; cursor:pointer; }
.ec-base-chk input { z-index:1; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.ec-base-chk .checkbox { position:absolute; top:0; left:0; width:100%; height:100%; background:url("//img.echosting.cafe24.com/skin/base/common/bg_join_check.png") no-repeat 0 0; }
.ec-base-chk input:checked + .checkbox { background-position:-34px 0; }
/* 공통 css */
.ec-base-tooltip { display:none; z-index:2; position:absolute; top:24px; padding:15px; border:1px solid #565960; background:#fff;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
}
.ec-base-tooltip h3 { margin:0 0 8px; padding:0 10px; font-size:12px; border-bottom:0; background:url("//img.echosting.cafe24.com/skin/base/common/ico_layer_title.gif") no-repeat 0 50%; }
.ec-base-tooltip h3 + p { margin:0 5px 10px; }
.ec-base-tooltip h4 { margin:15px 10px 8px 5px; font-size:12px; }
.ec-base-tooltip h4:before { display:inline-block; content:""; margin:0 5px 0 0; width:3px; height:3px; background:#666; vertical-align:middle; }
.ec-base-tooltip .btnClose { position:absolute; right:14px; top:14px; }
.ec-base-tooltip .edge { z-index:20; position:absolute; left:50%; top:-6px; display:block; margin:0 0 0 -5px; width:10px; height:6px; }
.ec-base-tooltip .edge:before,
.ec-base-tooltip .edge:after { display:inline-block; content:""; position:absolute; top:0; width:0; height:0; border:solid transparent; }
.ec-base-tooltip .edge:before { margin:1px 0 0; border-bottom-color:#565960; border-width:0 5px 5px 5px; }
.ec-base-tooltip .edge:after { left:1px; margin:2px 0 0; border-bottom-color:#fff; border-width:0 4px 4px 4px; }
.ec-base-tooltip table th,
.ec-base-tooltip table td { padding:8px 10px 7px 10px; border:1px solid #e8e8e8; line-height:1.5em; }
.ec-base-tooltip table th { padding-right:0; background:#fbf9fa; }
.ec-base-tooltip table thead th { text-align:center; }
.ec-base-tooltip table tbody th { text-align:left; }
.ec-base-tooltip table .left { text-align:left; }
.ec-base-tooltip table .center { text-align:center; }
.ec-base-tooltip table .right { text-align:right; }
.ec-base-tooltip table .info { padding:0; color:#757575; }
.ec-base-tooltip table p.info:before,
.ec-base-tooltip table ul.info li:before { display:inline-block; content:""; margin:0 3px 0 0; width:4px; height:1px; background:#757575; vertical-align:middle; }
.ec-base-tooltip .info { padding:10px 10px 0; margin:5px 0 0; }
.ec-base-tooltip p.bullet,
.ec-base-tooltip ul.bullet { margin:8px 10px; }
.ec-base-tooltip p.bullet:before,
.ec-base-tooltip ul.bullet li:before { display:inline-block; content:""; margin:-3px 3px 0 0; width:0; height:0; border:solid transparent; border-left-color:#333; border-width:2px 0 2px 2px; vertical-align:middle; }
.ec-base-tooltip ul.bullet li { line-height:1.5em; }
.ec-base-tooltip .txtEm { color:#008bcc; }
.ec-base-tooltip .txtWarn { color:#f65b54; }

/* typeUpper */
.ec-base-tooltip.typeUpper { top:auto; bottom:34px; }
.ec-base-tooltip.typeUpper .edge { top:auto; bottom:-6px; }
.ec-base-tooltip.typeUpper .edge:before { margin:0 0 -5px; border-top-color:#565960; border-width:5px 5px 0 5px; }
.ec-base-tooltip.typeUpper .edge:after { left:1px; margin:0 0 -4px; border-top-color:#fff; border-width:4px 4px 0 4px; }
/* 빨간느낌표 */
span.ec-base-help,
p.ec-base-help,
ul.ec-base-help li { margin:2px 9px; padding:1px 0 1px 20px; line-height:1.4; background:url('//img.echosting.cafe24.com/skin/base/common/ico_info.gif') no-repeat 0 2px; }

/* 블록 공통 */
div.ec-base-help { margin:20px 0; border:1px solid #dfdfdf; line-height:18px; }
div.ec-base-help > h2,
div.ec-base-help > h3 { padding:30px 0 0px 20px; color:#101010; font-size:12px; background:#fff; }
div.ec-base-help .inner { padding:0 9px 30px; }
div.ec-base-help h4 { margin:22px 0 -4px 10px; color:#101010; font-size:12px; font-weight:normal; }
div.ec-base-help h4:first-child { margin-top:13px; }
div.ec-base-help p { margin:15px 0 0 10px; color:#9e9e9e; }
div.ec-base-help ul,
div.ec-base-help ol { margin:15px 0 0 11px; }
div.ec-base-help li { color:#9e9e9e; display:block; width:100%}


/* 대쉬형 */
div.ec-base-help ul li { padding:0 0 0 0px; }
.ec-base-help.typeDash li { padding:0 0 0 11px }
.ec-base-tooltip .ec-base-help.typeDash li { margin:2px 0; }
/* 공통 */
.ec-base-product {  margin:0px 0 0;   /*overflow-x: hidden;*/}
.ec-base-product .title { margin:0 0 17px; }
.ec-base-product .title h2 { font-weight:normal; font-size:15px; color:#000; text-align:center; margin-bottom:50px}
.ec-base-product .title h3 { font-weight:normal; font-size:20px; color:#2e2e2e; text-align:center; }
.ec-base-product img { vertical-align:middle; }
.ec-base-product a[href^='/product/detail.html'] > img { border:1px solid #ececec; }

.ec-base-product .prdList {  margin-bottom:50px; font-size:0;  line-height:0;  margin-right:-1%; margin-left:-1%; letter-spacing:0 }
.ec-base-product .prdList::after {content:""; display:block; clear:both;}
.ec-base-product .prdList > li { position:relative; display:inline-block;  margin:0px 0 10px; color:#757575; vertical-align:top; }

.ec-base-product .prdList .thumbnail { position:relative; margin:0px 0px 20px; text-align:center; }
.ec-base-product .prdList .thumbnail .prdImg { position:relative; }
.ec-base-product .prdList .thumbnail .prdImg:hover .color {display:block;}
.ec-base-product .prdList .thumbnail .color { display:none; position:absolute; bottom:5px; right:5px; }
.ec-base-product .prdList .thumbnail .chips { display:inline-block; width:15px; height:15px; border-radius:7px; margin:0 2px 2px; border:1px solid #f4f4f4; font-size:0; line-height:0;}

.ec-base-product .prdList .thumbnail a img { max-width:100%; box-sizing:border-box; }
.ec-base-product .prdList .thumbnail .wish { position:absolute; right:3px; bottom:4px; z-index:1; cursor:pointer; }
.ec-base-product .prdList .thumbnail .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; }
.ec-base-product .prdList .icon {text-align:left; margin:10px 0 0;  vertical-align:middle; }
.ec-base-product .prdList .icon:after { content:""; display:block; clear:both; }
.ec-base-product .prdList .promotion { text-align:left;margin:0 0 20px;  }
.ec-base-product .prdList .option {  text-align:center; margin:0 0 20px;  }
.ec-base-product .prdList .promotion img { margin:0 4px 0 0; }


.ec-base-product .prdList .thumbnail .prdImg:hover .button {display:block;}
.ec-base-product .prdList .thumbnail .button li {display:block;   margin:2px 0; cursor:pointer;}
.ec-base-product .prdList .thumbnail .button { display:none; position:absolute; top:50%; margin-top:-48px; right:5px;}
.ec-base-product .prdList .thumbnail .button img { cursor:pointer;  text-align:center; vertical-align:middle;  width:30px; padding:2px 0 }
.ec-base-product .prdList .thumbnail .button .option { display:inline; position:relative; }
.ec-base-product .prdList .thumbnail .button .likeButton { display:inline-block; margin:0 5px; }
.ec-base-product .prdList .thumbnail .button .likeButton button { font-family:verdana; color:#9a9a9a; letter-spacing:-1px; background:none; }
.ec-base-product .prdList .thumbnail .button .likeButton button img { margin-bottom:0; vertical-align:middle; }
.ec-base-product .prdList .thumbnail .button .likeButton button strong {height:16px; vertical-align:middle; }
.ec-base-product .prdList .thumbnail .button .likeButton.selected button { color:#353535; }

.ec-base-product .prdList .description { margin:0; padding:0 0px; font-size:12px;  text-align:left; }
.ec-base-product .prdList .description .name { display:block;  text-align:left;  font-weight:normal; margin-bottom:7px; letter-spacing:1px; line-height:100%;}
.ec-base-product .prdList .description .name a { color:#2e2e2e;  line-height:100%}
.ec-base-product .prdList .description .mileage { display:block; }
.ec-base-product .prdList .description .summary {color:#9e9e9e; display:block}
.ec-base-product .prdList .description span.grid { display:block; }

/* 진열방식 */
.ec-base-product ul.grid1 > li { width:100%; padding:0 }
.ec-base-product ul.grid2 > li { width:48%;padding:0 1% }
.ec-base-product ul.grid3 > li { width:31.3%; padding:0 1% }
.ec-base-product ul.grid4 > li { width:24.5%;  padding:0 0.25% }
.ec-base-product ul.grid5 > li { width:20%; }
.ec-base-product ul.grid3 > li .color { max-width:230px; }
.ec-base-product ul.grid4 > li .color { max-width:190px; }
.ec-base-product ul.grid5 > li .color { max-width:130px; }

/* 다른이미지 오버  */
#mainrecoment-1 {}
.mainrecoment-1-1 {}
.mainrecoment-1-2 { opacity: 0; transition: opacity 0.5s; position: absolute;top:0; max-width: 100%; left: 0px;}
#mainrecoment-1:hover > .mainrecoment-1-2 { opacity:1;}

/* 우측진열 */
/*.ec-base-product ul.grid2 li:after { content:""; display:block; clear:both; }
.ec-base-product ul.grid2 li .thumbnail { float:left; width:220px; text-align:left; margin:0; }
.ec-base-product ul.grid2 li .description { float:left; width:247px; padding:0 20px; }
.ec-base-product ul.grid2 li .description .chk { position:static; text-align:left; }*/

/* module="product_ListItem" */
.ec-base-product .spec { margin:0; }
.ec-base-product .spec li { line-height:180% ; letter-spacing:1px}
.ec-base-product .spec li .title { font-weight:normal; vertical-align:top; }
.ec-base-product .spec li .title span { vertical-align:top; }
.ec-base-product .spec li .color { overflow:hidden; display:inline-block; margin:10px 0 0 0; }
.ec-base-product .spec li .chips { float:left; width:12px; height:12px;  border:1px solid #ddd; margin:0 2px 2px; font-size:0; line-height:0; }
.ec-base-product .spec li .chips:hover {opacity:0.6}

/* 할인기간 레이어 */
.ec-base-product .discountPeriod { display:inline-block; z-index:10; position:relative; width:55px; height:19px; vertical-align:middle; }
.ec-base-product .layerDiscountPeriod { left:50%; top:26px; width:247px; margin:0 0 0 -124px; }
.ec-base-product .layerDiscountPeriod strong.title { display:block; margin:0 0 12px; padding:0 35px 0 0; font-weight:bold; color:#2e2e2e; }
.ec-base-product .layerDiscountPeriod .content p { margin:2px 0 0; font-size:11px; line-height:16px; color:#757575; letter-spacing:-1px; }
.ec-base-product .layerDiscountPeriod .content p strong { font-weight:normal; font-size:12px; color:#2e2e2e; }
.ec-base-product .layerDiscountPeriod .content p strong span { font-size:11px; }

/* 배송비레이어 */
.ec-base-product .prdList .shippingFee { position:relative; display:inline-block; }
.ec-base-product .prdList .shippingFee .button { display:inline-block; float:none; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip { z-index:11; display:block; margin:0 0 0 -170px; width:360px; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip table th { width:40px; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip table th,
.ec-base-product .prdList .shippingFee .ec-base-tooltip table td { padding:7px 10px 8px 10px; }

/* 배송비 차등부과 레이어 */
.ec-base-product .btnTooltip { position:relative; display:inline-block; }
.differentialShipping { display:none; overflow:hidden; position:absolute; left:50%; top:17px; z-index:100; width:350px; margin:0 0 0 -176px; }
.differentialShipping h3.title { margin:0; height:35px; padding:0 35px 0 19px; border:0; color:#fff; font-size:14px; line-height:35px; background:#495164; }
.differentialShipping .content { padding:12px 18px 14px 18px; border:1px solid #757575; border-top:0; text-align:center; background:#fff; }
.differentialShipping .close { position:absolute; right:14px; top:12px; }
.differentialShipping .close img { cursor:pointer; }
.differentialShipping .content ul { color:#757575; line-height:25px; }
.differentialShipping .content li { overflow:hidden; }
.differentialShipping .content li strong { float:left; font-weight:normal; }
.differentialShipping .content li span { float:right; color:#2e2e2e; }
.differentialShipping .content .info { margin:7px 0 0; padding:7px 0 0; border-top:1px dotted #b0b1b3; color:#80aeef; text-align:right; }

/* 썸네일 아이콘 위치 */
.ec-product-bgLT { background-position:left top; }
.ec-product-bgLC { background-position:left center; }
.ec-product-bgLB { background-position:left bottom; }
.ec-product-bgRT { background-position:right top; }
.ec-product-bgRC { background-position:right center; }
.ec-product-bgRB { background-position:right bottom; }
.ec-product-bgCT { background-position:center top; }
.ec-product-bgCC { background-position:center center; }
.ec-product-bgCB { background-position:center bottom; }


/*  reactive 소스 */
@media all and (max-width : 640px) {  /*아이폰 5이하 */
     .ec-base-product ul.grid1 > li { width:100%; }
     .ec-base-product ul.grid3 > li { width:100%; padding:0 0 3% }
     .ec-base-product ul.grid3_ > li { width:100%; }
            }

@media all and (min-width : 641px) and (max-width : 802px) and (orientation : landscape)  {  /*아이패드 탭 데스크탑 -모드*/
     .ec-base-product .prdList {   margin:0px 0 50px; font-size:0; margin-left:-1%; margin-right:-1%; line-height:0; }
     .ec-base-product ul.grid1 > li { width:100%; }
     .ec-base-product ul.grid3 > li {  width:100%; padding:0 0 3% }
     .ec-base-product ul.grid3 > li { width:50%;}/*리스트타입2*/
            }
@media all and (min-width : 641px) and (max-width : 802px) and (orientation : portrait)  {  /*아이패드 탭 |모드*/
     .ec-base-product .prdList {   margin:0px 0 50px; font-size:0;margin-left:-1%; margin-right:-1%; line-height:0; }
     .ec-base-product ul.grid1 > li { width:100%; }
     .ec-base-product ul.grid3 > li {  width:100%; padding:0 0 3%  }
     .ec-base-product ul.grid3_ > li { width:50%; }/*리스트타입2*/
            }

@media all and (min-width : 803px) and (max-width : 925px)  {  
	 .ec-base-product ul.grid1 > li { width:100%; }
     .ec-base-product ul.grid3 > li { width:48%; padding:0 1% }
     .ec-base-product ul.grid3_ > li { width:50%; }/*리스트타입2*/
      .ec-base-product .prdList {   margin:0px 0 50px; font-size:0; margin-left:-1%; margin-right:-1%; line-height:0; }
     
            }

@media all and (min-width : 926px)  and (max-width : 1430px)  {  /*맥 */
      .ec-base-product ul.grid3 > li  { width:31.33%; padding:0 1% }
      .ec-base-product ul.grid3_ > li  { width:33.33%;  } /*리스트타입2*/
      .ec-base-product .prdList {   margin:0px 0 50px; font-size:0; margin-left:-1%; margin-right:-1%; line-height:0; }
     
            }
 
@media all and (min-width : 1431px) {
    .ec-base-product .prdList {   margin:0px 0 50px; font-size:0; margin-left:-1%; margin-right:-1%; line-height:0; }
            }


/* 공통 css */
.ec-base-paginate { margin:0px auto 30px; text-align:center; font-size:10PX; line-height:0; }
.ec-base-paginate ol { display:inline-block; font-size:0; line-height:0; padding:0 10px; vertical-align:top; *display:inline; *zoom:1; *margin:0; }
.ec-base-paginate li { display:inline-block; text-align:center;margin:0 2px; font-size:13px; color:#9e9e9e; vertical-align:middle; *display:inline; *zoom:1; }
.ec-base-paginate li:first-child { margin-left:0; }
.ec-base-paginate img { vertical-align:top; }
.ec-base-paginate li a { display:block; width:25px; height:14px; padding:9px 0; color:#9e9e9e;  line-height:14px;  }
.ec-base-paginate li a:hover { text-decoration:none; }
.ec-base-paginate li a.this {  color:#000;   }
.ec-base-paginate a.nolink { cursor:default; }
.ec-base-paginate i {font-size: 9px; vertical-align:middle; line-height:34px; padding:0px;  color:#000; }
/* typeSub */
.ec-base-paginate.typeSub ol { margin:0 15px; }
.ec-base-paginate.typeSub li { font-size:12px; border:0; }
.ec-base-paginate.typeSub img { vertical-align:middle; }
.ec-base-paginate.typeSub li a {width:10px; height:10px; padding:12px 0 5px; color:#9e9e9e;  line-height:10px;}
.ec-base-paginate.typeSub li a.this {border:0; border-bottom:1px solid #555; color:#000; }
.ec-base-paginate.typeSub .first { margin-right:3px; }
.ec-base-paginate.typeSub .last { margin-left:3px; }
/* 공통 css */
.ec-base-tab { position:relative; }
.ec-base-tab .menu {
    margin:0 0 20px; 
    box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
}
.ec-base-tab .menu:after { content:""; display:block; clear:both; }
.ec-base-tab .menu li { float:left; }
.ec-base-tab .menu li a { display:block; margin:0 0 0 -1px; padding:12px 20px 11px;  color:#9e9e9e; text-decoration:none; outline:0; text-align:center; }
.ec-base-tab .menu li:first-child a { margin-left:0; }
.ec-base-tab .menu li.selected a { position:relative; top:-1px; left:-2px; margin:0 0 -1px; border-bottom:1px solid #000;  color:#000; font-weight:bold; }
.ec-base-tab .menu li.selected:first-child a { left:-1px; }
.ec-base-tab > .right { position:absolute; top:8px; right:10px; line-height:24px; color:#909090; }
  /* 밝은형 타입 */
  .ec-base-tab.typeLight .menu li.selected a { margin:0 0 -2px; border-bottom:1px solid #fff; color:#404040; background:#fff; }
  /* 넓이 가변형 grid(2~7) : 메뉴갯수만큼 grid 뒤의 숫자를 바꿔주세요 */
  .ec-base-tab[class*="grid"] .menu { display:table; table-layout:fixed; width:100%; }
  .ec-base-tab[class*="grid"] .menu li { float:none; display:table-cell; vertical-align:middle; }
  .ec-base-tab[class*="grid"] .menu li a { display:inline-block; width:100%; min-width:0; margin:0; padding:11px 0; border:0; }
  .ec-base-tab[class*="grid"] .menu li.selected { position:relative; top:0; right:-1px; border:1px solid #292929; border-bottom:0; background:#4a5164; }
  .ec-base-tab[class*="grid"] .menu li:first-child.selected { right:0; }
  .ec-base-tab[class*="grid"] .menu li.selected a { position:static; background:none; }
    .ec-base-tab.grid2 .menu li { width:50.5%; }
    .ec-base-tab.grid3 .menu li { width:34%; }
    .ec-base-tab.grid4 .menu li { width:25.5%; }
    .ec-base-tab.grid5 .menu li { width:20.5%; }
    .ec-base-tab.grid6 .menu li { width:17%; }
    .ec-base-tab.grid7 .menu li { width:14.8%; width:15% \0/; }
    .ec-base-tab.grid7 .menu li:first-child { width:13% \0/; }
/* 공통 */
.ec-base-button { padding:20px 0; text-align:center; }
.ec-base-button.justify { position:relative; }
.ec-base-button:after { display:block; content:""; clear:both; }
.ec-base-button .gLeft {padding:20px 0; float:left; text-align:left; }
.ec-base-button .gRight {padding:20px 0; float:right; text-align:right; }
.ec-base-button.justify .gLeft { position:absolute; left:0; }
.ec-base-button.justify .gRight { position:absolute; right:0; }
.ec-base-button .text { margin:0 6px 0 10px; color:#353535; line-height:24px; }
/* type */
.ec-base-button.typeBorder { margin-top:-1px; padding:30px 0px;}
.ec-base-button.typeBG { padding:10px 0px; }


/* 제작버튼 */
 
 
/* base */
.ec-base-box {  margin-left:auto; margin-right:auto;  color:#404040; }
.ec-base-box.gHalf { position:relative; padding:20px 0; }
.ec-base-box.gHalf:before { position:absolute; top:0; left:50%; display:block; content:""; width:1px; height:100%; background-color:#fff; }
.ec-base-box.typeBg { background-color:#fbfafa; }
.ec-base-box.typeThin { border-width:1px; border-color:#dfdfdf; }
.ec-base-box.typeThinBg { border-width:1px; border-color:#dfdfdf;   }

/* 약관 */
.ec-base-box.typeThinBg > .agree {    background:#fff;  color:#9e9e9e;}
.ec-base-box.typeThinBg > .agree p { padding:0 0 17px; color:#9e9e9e; line-height:20px }
.ec-base-box.typeThinBg > .agree a { color:#9e9e9e;}

/* typeMember */
.ec-base-box.typeMember { padding:0; }
.ec-base-box.typeMember .information { display:table; table-layout:fixed; padding:10px 0; width:100%; box-sizing:border-box; }
.ec-base-box.typeMember .information > .title, .ec-base-box.typeMember .information > .thumbnail { display:table-cell; padding:0 15px; width:70px; text-align:center; vertical-align:middle; }
.ec-base-box.typeMember .information > .title { vertical-align:middle; }
.ec-base-box.typeMember .information > .thumbnail img { max-width:70px; }
.ec-base-box.typeMember .information .description { display:table-cell; padding:0 10px; width:auto; line-height:1.5em; vertical-align:middle; }
    .ec-base-box.typeMember.gMessage { border:0 }
.ec-base-box .message { display:block; padding:10px 0 10px 35px; border-bottom:1px solid #e8e7e7; background:#fbfbfb url("//img.echosting.cafe24.com/skin/base/common/ico_info.gif") no-repeat 10px center; }

/* typeProduct */
.ec-base-box.typeProduct { display:table; table-layout:fixed; padding:15px 0; width:100%; box-sizing:border-box; }
.ec-base-box.typeProduct .thumbnail, .ec-base-box.typeProduct .information { display:table-cell; padding:0 20px; vertical-align:middle; }
.ec-base-box.typeProduct .thumbnail { width:100px; }
.ec-base-box.typeProduct .thumbnail img { max-width:90px;  }
.ec-base-box.typeProduct .information { padding-left:0; }
/* 공통 css */
.ec-base-table table { position:relative; margin:10px 0 0; border-top:1px solid #d7d5d5; border-right:1px solid #FFF; border-left:1px solid #FFF; border-bottom:1px solid #d7d5d5; color:#fff; line-height:1.5; }
  .ec-base-table.gLayoutFixed table { table-layout:fixed; }
  .ec-base-table.gLayoutFixed .gLayoutAuto table { table-layout:auto; }
/*.ec-base-table table:before { position:absolute; top:0; left:0; display:block; content:""; width:100%; height:1px; background:#fff; }*/
.ec-base-table thead th { padding:11px 0 10px;  border-bottom:1px solid #dfdfdf; color:#353535; vertical-align:middle; font-weight:normal; background:#fff; FONT-SIZE:11PX }
.ec-base-table tbody th { padding:11px 0 10px 18px; border:1px solid #dfdfdf; border-bottom-width:0; color:#353535; text-align:left; font-weight:normal; background-color:#fff; }
.ec-base-table th { word-break:break-all; word-wrap:break-word; }
.ec-base-table th:first-child { border-left:0; }
.ec-base-table td { padding:11px 10px 10px; border-top:1px solid #dfdfdf; color:#353535; vertical-align:middle; word-break:break-all; word-wrap:break-word; }
.ec-base-table td.clear { padding:0 !important; border:0 !important; } /* 여백, 테두리 상쇄 */

/* 가로형 */
  /* 쓰기 타입 */
    .ec-base-table.typeWrite td { padding:8px 10px 7px; }
    .ec-base-table.typeWrite img { max-width:100% !important; height:auto !important; }

/* 세로형 */
  /* 목록 타입 */
    .ec-base-table.typeList table { border-top:1px solid #d7d5d5; }
    .ec-base-table.typeList table:before { display:none; }
    .ec-base-table.typeList td { padding:15px 10px 14px; }
    .ec-base-table.typeList tfoot td { padding:15px 10px 17px; background:#fff;  }
  /* 내역 없음 */
    .ec-base-table .message { border-top:1px solid #d7d5d5; padding:40px 0 0; text-align:center; color:#9e9e9e;}
    .ec-base-table table + .message { margin:-1px 0 0; }
    .ec-base-table table td.message { padding:50px 0; }
    .ec-base-table .scroll .message { border:0; }
  /* 세로 스크롤 */
    .ec-base-table.typeList .head td { padding:11px 0 10px; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; color:#353535; vertical-align:middle; text-align:center; background:#fff; }
    .ec-base-table.typeList .head td:first-child { border-left:0; }
    .ec-base-table.typeList .scroll { position:relative; overflow-x:hidden; overflow-y:scroll; max-height:185px; min-height:100px; border:1px solid #d7d5d5; border-top-width:0; margin-top:-1px; }
    .ec-base-table.typeList .scroll table { border:0; margin:0; }
    .ec-base-table.typeList .scroll table:before { display:none; }
    .ec-base-table.typeList .scroll .message { border: 0; }
  /* thead - blind */
    .ec-base-table thead.blind,
    .ec-base-table thead.blind th { display:none; }
    .ec-base-table thead.blind + tbody tr:first-child th,
    .ec-base-table thead.blind + tbody tr:first-child td { border-top-width:0; }
  /* 라인형 */
    .ec-base-table.typeList.gLine table { border-width:0; border-bottom-width:1px; }

/* 공통 */
  /* 테두리, 배경 없는 타입 */
    .ec-base-table.typeClear table:before { display:none; }
    .ec-base-table.typeClear table,
    .ec-base-table.typeClear th,
    .ec-base-table.typeClear td { border:0 none; background:none; }
    .ec-base-table.typeClear th { font-weight:bold; }
  /* 셀 테두리 */
    .ec-base-table.gBorder td { }
    .ec-base-table.gBorder td:first-child { border-left:0; }
    .ec-base-table.gBorder td.gClearLine { border-left:0; }
    .ec-base-table.typeList.gBorder tbody td { border-color:#eee; }
  /* ì •ë ¬ */
    .ec-base-table .left { text-align:left; }
    .ec-base-table .center { text-align:center; }
    .ec-base-table .right { text-align:right; }
    .ec-base-table.typeList .center td,
    .ec-base-table.typeList td.center { padding-left:0; padding-right:0; }
    .ec-base-table.typeList .center td.left { padding-left:10px; }
    .ec-base-table.typeList .center td.right { padding-right:10px; }
    .ec-base-table .top th, .ec-base-table th.top,
    .ec-base-table .top td, .ec-base-table td.top { vertical-align:top; }
    .ec-base-table .middle th, .ec-base-table th.middle,
    .ec-base-table .middle td, .ec-base-table td.middle { vertical-align:middle; }
  /* 폼태그 */
    .ec-base-table img { vertical-align:middle; }

@media print {
  .ec-base-table table:before { display:none; }
}
.ec-base-desc { overflow:hidden; text-align:left; }
.ec-base-desc:after { content:""; display:block; claer:both; }
.ec-base-desc dt, .ec-base-desc .term { float:left; width:100px; margin:0 0 2px; padding:0 4px 0 0; line-height:22px;-webkit-box-sizing:border-box; -moz-webkit-box:border-box; box-sizing:border-box; font-weight:normal; }
.ec-base-desc dd, .ec-base-desc .desc { display:block; margin:0 0 2px; padding:0 5px 0 100px; min-height:22px; line-height:22px; word-wrap:break-word; word-break:break-all; }
.ec-base-desc dd:after, .ec-base-desc .desc:after { content:""; display:block; clear:left; }

/* size */
.ec-base-desc.gSmall dt, .ec-base-desc.gSmall .term { width:30%; }
.ec-base-desc.gSmall dd, .ec-base-desc.gSmall .desc { padding-left:30%; }
.ec-base-desc.gMedium dt, .ec-base-desc.gMedium .term { width:40%; }
.ec-base-desc.gMedium dd, .ec-base-desc.gMedium .desc { padding-left:40%; }
.ec-base-desc.gLarge dt, .ec-base-desc.gLarge .term { width:50%; }
.ec-base-desc.gLarge dd, .ec-base-desc.gLarge .desc { padding:0 0 0 50%; }

/* align */
.ec-base-desc.centerDT dt, .ec-base-desc.centerDD dd, .ec-base-desc.centerDT .term, .ec-base-desc.centerDD .desc,
.ec-base-desc.center, .ec-base-desc .center { text-align:center; }
.ec-base-desc.rightDT dt, .ec-base-desc.rightDD dd, .ec-base-desc.rightDT .term, .ec-base-desc.rightDD .desc,
.ec-base-desc.right, .ec-base-desc .right { text-align:right; }
.ec-base-desc.rightDD dd, .ec-base-desc.rightDD .desc { padding-right:0; }

/* typeBullet */
.ec-base-desc.typeBullet dt,
.ec-base-desc.typeBullet .term { padding:0 4px 0 10px; background:url("//img.echosting.cafe24.com/skin/base/common/ico_arrow.png") no-repeat 0 7px; }

/* typeDot */
.ec-base-desc.typeDot dt,
.ec-base-desc.typeDot .term { padding: 0 4px 0 6px; background: url("//img.echosting.cafe24.com/skin/base/common/ico_square3.gif") no-repeat left 10px; }
/*장바구니*/
.artfinger_button_basket_delete,
.artfinger_button_basket_clear,
.artfinger_button_basket_userform {display:inline-block; border: 1px solid #dfdfdf; padding:2px 10px; transition: all 0.3s;}

.artfinger_button_basket_delete:hover,
.artfinger_button_basket_clear:hover,
.artfinger_button_basket_userform:hover { border: 1px solid #000; background-color:#000; color:#dfdfdf; }

.artfinger_button_basket_allorder {display:inline-block;}
.artfinger_button_basket_allorder > a {padding:8px 20px; display:block; border : 1px solid #000;  background:#000;  color:#fff; transition: all 0.3s;}
.artfinger_button_basket_allorder:hover > a {border : 1px solid #000; background:#fff; color:#000}

.artfinger_button_basket_selectorder {display:inline-block;}
.artfinger_button_basket_selectorder > a {padding:8px 20px; display:block;  border : 1px solid #dfdfdf;  transition: all 0.3s;}
.artfinger_button_basket_selectorder:hover > a  {background:#dfdfdf; color:#000}

.ec-base-qty input[type="text"] {  width: 22px; height: 23px; padding: 0 0 0 5px; line-height: 25px;  border: 1px solid #d4d8d9;  border-radius: 0px 0 0 0px;}


/*게시판*/
.artfinger_button_board_search {display:inline-block; border: 1px solid #dfdfdf; padding:4px 20px; box-sizing: border-box;  transform: translateY(1px); transition: all 0.3s; }
.artfinger_button_board_search:hover { border: 1px solid #000; background-color:#000; color:#dfdfdf; }

.artfinger_button_board_move {display:inline-block; border: 1px solid #dfdfdf; padding:0px 20px; box-sizing: border-box; line-height:23px; transform: translateY(1px); transition: all 0.3s; }
.artfinger_button_board_move:hover { border: 1px solid #000; background-color:#000; color:#dfdfdf; }

.artfinger_button_board_copy {display:inline-block; border: 1px solid #dfdfdf; padding:0px 10px; box-sizing: border-box; line-height:23px;  transform: translateY(1px); transition: all 0.3s; }
.artfinger_button_board_copy:hover { border: 1px solid #000; background-color:#000; color:#dfdfdf; }

.artfinger_button_board_list {display:inline-block; }
.artfinger_button_board_list > a { border: 1px solid #dfdfdf; padding:5px 20px; box-sizing: border-box;  transform: translateY(1px); transition: all 0.3s;}
.artfinger_button_board_list:hover > a { border: 1px solid #9e9e9e; background-color:#9e9e9e; color:#fff; }

.artfinger_button_board_write {display:inline-block; }
.artfinger_button_board_write > a {  border : 1px solid #000;  background:#000;  color:#fff;  padding:5px 30px; box-sizing: border-box;  transform: translateY(1px); transition: all 0.3s;}
.artfinger_button_board_write:hover > a { border: 1px solid #000; background-color:#fff; color:#000; }

.artfinger_button_board_cancle {display:inline-block; }
.artfinger_button_board_cancle > a { border: 1px solid #dfdfdf; padding:5px 20px; box-sizing: border-box;  transform: translateY(1px); transition: all 0.3s;}
.artfinger_button_board_cancle:hover > a { border: 1px solid #000; background-color:#000; color:#dfdfdf; }

.artfinger_button_board_enter {display:inline-block; }
.artfinger_button_board_enter > a {  border : 1px solid #000;  background:#000;  color:#fff; border: 1px solid #000; padding:5px 20px; box-sizing: border-box;  transform: translateY(1px); transition: all 0.3s;}
.artfinger_button_board_enter:hover > a { border: 1px solid #000; background-color:#fff; color:#000; }

.artfinger_button_board_comment_submit {display:inline-block; }
.artfinger_button_board_comment_submit > a { border: 1px solid #000; background-color:#000; color:#fff; padding:16px 27px; box-sizing: border-box;  transform: translateY(1px); transition: all 0.3s;}
.artfinger_button_board_comment_submit:hover > a { border: 1px solid #000; background-color:#fff; color:#000; }


/*주문서작성*/
.artfinger_button_order {margin:0px 10px 0 0;}
.artfinger_button_order > a {padding:8px 20px;    margin: 0 auto;  width:167px; display:block; border : 1px solid #000;  background:#000;  color:#fff; transition: all 0.6s;}
.artfinger_button_order:hover > a {border : 1px solid #000; background:#fff; color:#000}
 

/*회원가입*/
.artfinger_button_join_join {display:block; }
.artfinger_button_join_join > a { display:block; border: 1px solid #000; background:#000; color:#FFF!important;  height: 38px;    line-height: 38px; width:100%; box-sizing: border-box;  transform: translateY(1px); transition: all 0.3s;}
.artfinger_button_join_join:hover > a { border: 1px solid #000; background-color:#FFF; color:#000!important; }
 
/*로그인*/
.artfinger_button_login_nomemberpur {display:block; margin-top:10px; }
.artfinger_button_login_nomemberpur > a { display:block; border: 1px solid #9e9e9e; background:#9e9e9e; color:#fff; text-align:center;  line-height:36px; margin:0 auto; box-sizing: border-box;  transform: translateY(1px); transition: all 0.3s;}
.artfinger_button_login_nomemberpur:hover > a { border: 1px solid #000; background-color:#fff; color:#000; box-sizing: border-box; }
 
.artfinger_button_login_nomemberjo1 {width:100%; height:20px; margin:10px auto; padding:0 0;}
.artfinger_button_login_nomemberjo2 {    border: 1px solid #9e9e9e; background: #9e9e9e; color: #fff; text-align: center;  line-height: 36px; width:400px;  margin: 30px auto; box-sizing: border-box; transform: translateY(1px); transition: all 0.3s;}
.artfinger_button_login_nomemberjo2:hover {border: 1px solid #000; background-color:#fff; color:#000; box-sizing: border-box; }

/*제품상세페이지*/
.artfinger_button_detailboard_write { display:inline-block; border: 1px solid #dfdfdf; color:#fff!important;  background:#000;  text-align:center;  font-size:10px;  padding:6px 20px 6px; margin:0 auto; box-sizing: border-box;  transform: translateY(1px); transition: all 0.3s;}
.artfinger_button_detailboard_write:hover {border: 1px solid #000; background-color:#fff; color:#000!important; box-sizing: border-box; }
.artfinger_button_detailboard_list { display:inline-block; border: 1px solid #dfdfdf;   color:#000; text-align:center;  font-size:10px;   padding:6px 15px 6px; margin:0 auto; box-sizing: border-box;  transform: translateY(1px); transition: all 0.3s;}
.artfinger_button_detailboard_list:hover {border: 1px solid #ddd; background-color:#ddd; color:#000; box-sizing: border-box; }

/*써치, 로그인 크로스버튼 모달*/
#modalLayer{display:none; position:relative; z-index:999;}
#modalLayer .modalContent{width:100%; height:100vh;  position:fixed; left:0; top:0; right:0; bottom:0; z-index:999999; background:rgba(255,255,255,0.8);  }
#modalLayer .modalContent .close-btn {  position:absolute;  top:100px;  right:4%;  transform:translateY(-60%); width:70px;  height:70px; cursor:pointer;  transition: transform 0.3s;}
#modalLayer .modalContent .close-btn::before, 
#modalLayer .modalContent .close-btn::after {  content:"";  position:absolute;  top:50%;  left:50%; width:1px;  height:40px;  background-color:#000; transform:translateX(-50%) translateY(-50%) rotate(45deg);}
#modalLayer .modalContent .close-btn::after { transform:translateX(-50%) translateY(-50%) rotate(-45deg);}
#modalLayer .modalContent .close-btn:hover { transform:translateY(-60%) rotate(-90deg);}

/*반응형 메뉴 크로스*/
.leftcate_reactive_cont .btn-r {width:100px; height:100px; position:absolute; height:25px; top:20px; right:30px; margin:10px 0 0px; padding-top: 10px;  text-align:right;}
.leftcate_reactive_cont .leftcate_reactive_close {  position:absolute;  top:38px;  right:25%;  transform:translateY(-60%); width:70px;  height:70px; cursor:pointer;  transition: transform 0.3s;}
.leftcate_reactive_cont .leftcate_reactive_close::before, 
.leftcate_reactive_cont .leftcate_reactive_close::after {  content:"";  position:absolute;  top:50%;  left:50%; width:1px;  height:40px;  background-color:#000; transform:translateX(-50%) translateY(-50%) rotate(45deg);}
.leftcate_reactive_cont .leftcate_reactive_close::after { transform:translateX(-50%) translateY(-50%) rotate(-45deg);}
.leftcate_reactive_cont .leftcate_reactive_close:hover { transform:translateY(-60%) rotate(-90deg);}

/*어바웃페이지*/
.about_button { display:inline-block; border: 1px solid #dfdfdf; color:#fff!important;  background:#000;  text-align:center;  font-size:10px;  padding:6px 20px 6px; margin:0 auto; box-sizing: border-box;  transform: translateY(1px); transition: all 0.3s;}
.about_button:hover {border: 1px solid #000; background-color:#fff; color:#000!important; box-sizing: border-box; }
.about_button:hover i {color:#000!important; }
.about_button:hover a {color:#000}



.container2{    max-width: 1590px; margin: 0 auto; }

 

.container2 > .item1, .static {     box-sizing: border-box;  /*box-shadow: inset 0 30px 20px -20px rgba(0,0,0,0.2), inset 0 -30px 20px -20px rgba(0,0,0,0.2);*/}
.container2 > .item1 { display: inline-block; zoom: 1; *display: inline; vertical-align: top; width:55%;  min-height:100vh; padding-right:5%}
.container2 > .item2 {display:inline-block;     width:40%;  vertical-align:top; }
.container2 > .item1.float { display: block; border: 1px solid rgb(255,255,0); float: left;}
.container2 > .item1.float.right { float: right;}
.container2 > .item1.block { display: block; border: 1px solid rgb(0,255,255);}
.clearfix { overflow: hidden; display: block;}
.hidden { display: none;}

 
   
@font-face {
  font-family: 'themify';
  font-style: normal;
  font-weight: 400;
  src: url("//jp.polyc.co.kr/web/upload/font/themify.eot");
  src: url("//jp.polyc.co.kr/web/upload/font/themify.woff") format('woff'),
       url("//jp.polyc.co.kr/web/upload/font/themify.ttf") format('truetype');
}




.ti-shopping-cart-full::before {  content: "\e655"; }
/*  공통 소스 */
#sideber  { position:fixed; width:240px; left:0; top:0px; height:100%; z-index:4  }
#sideber > #sideber_wrap {padding:0 40px}
#sideber > #sideber_wrap > .inner li {line-height:2.0em}
#sideber > #sideber_wrap > .inner li a {transition: all 0.2s ease-out; }
#sideber > #sideber_wrap > .inner li a:hover {text-decoration:none; color:#9e9e9e}

/* toplogo */
#sideber > #sideber_wrap > .inner > .toplogo {margin-top:50px;  display: table;  }
#sideber > #sideber_wrap > .inner > .toplogo .xans-layout-logotop {  display: table-cell; vertical-align: middle; text-align: center; }
#sideber > #sideber_wrap > .inner > .toplogo .xans-layout-logotop a { display: inline-block; }
#sideber > #sideber_wrap > .inner > .toplogo .xans-layout-logotop img {  max-height:60px; max-width:150px; }
#sideber > #sideber_wrap > .inner > .toplogo .xans-layout-logotop a:hover { text-decoration:none;}

/*좌측카테고리*/
#sideber > #sideber_wrap > .inner { display:block; margin-top:30px;}
#sideber > #sideber_wrap > .inner .group_nav {    margin-top: 30px;} 
#sideber > #sideber_wrap > .inner .group_nav .xans-layout-category .menu_v {}
#sideber > #sideber_wrap > .inner .group_nav .xans-layout-category .menu_v ul.d1-wrap {} 
#sideber > #sideber_wrap > .inner .group_nav .xans-layout-category .menu_v ul.d1-wrap > li {position:relative;}   
#sideber > #sideber_wrap > .inner .group_nav .xans-layout-boardinfo li a,
#sideber > #sideber_wrap > .inner .group_nav .xans-layout-category .menu_v ul.d1-wrap > li a {position:relative; display:block; }
#sideber > #sideber_wrap > .inner .group_nav .xans-layout-category .menu_v ul.d1-wrap > li span.mid_dro {display:none; cursor:pointer;}
#sideber > #sideber_wrap > .inner .group_nav .xans-layout-category .menu_v ul.d1-wrap > li.be span.mid_dro {display:block; position:absolute; left:0; right:0; top:0; bottom:0;}
#sideber > #sideber_wrap > .inner .group_nav .xans-layout-category .menu_v ul.d1-wrap > li > ul.d2-wrap {display:none; padding: 10px 0 15px 10px;}     
#sideber > #sideber_wrap > .inner .group_nav .xans-layout-boardinfo {margin-top:0px;}
#sideber > #sideber_wrap > .inner .group_nav .xans-layout-boardinfo span {cursor:pointer;}
#sideber > #sideber_wrap > .inner .group_nav .xans-layout-boardinfo ul {display:none; padding: 10px 0 15px 10px;}
 
/*ETC 카테고리*/
#sideber > #sideber_wrap > .inner > .etccate {margin-top:0}
#sideber > #sideber_wrap > .inner > .etccate > ul > li a {font-size:12px; }

/*MEMBER 카테고리 */
#sideber > #sideber_wrap > .inner > .membercate { margin-top:50px;}
#sideber > #sideber_wrap > .inner > .membercate > ul > li {line-height:1.5}
#sideber > #sideber_wrap > .inner > .membercate > ul > li a {font-size:10px;}
#sideber > #sideber_wrap > .inner > .membercate > ul > li > a > i {font-size:18px; vertical-align:middle; padding-right:2px}

/*sns 카테고리 */
#sideber > #sideber_wrap > .inner > .snscate {position:absolute; bottom:40px;}
#sideber > #sideber_wrap > .inner > .snscate li {display:inline-block; line-height:2.0em; }
#sideber > #sideber_wrap > .inner > .snscate li a {font-size:15px; padding-right:7px; display:none}
#sideber > #sideber_wrap > .inner > .snscate li a.show {display:block;}
/* 룩북 좌측카테고리 */
.sidebar_lookbook {position:fixed; width:100%; left:100px; top:45%; transform: translate(0,-50%);    -ms-transform: translate(0,-50%);    -moz-transform: translate(0,-50%);    -webkit-transform: translate(0,-50%); z-index:9 }

/*reacitive area action*/
.leftcate_reactive_open {width: 50px; height: 50px; position: fixed; left: 10px; top: 17px; z-index: 1; letter-spacing:1px; background-size: 50%; background-repeat: no-repeat; background-position: center; cursor: pointer;}
.leftcate_reactive_open .line1 {height: 2px; background-color: #000; width: 50%; display: block; margin: 0 auto; position: relative; top:6px; transition: all 0.2s;}
.leftcate_reactive_open .line2 {height: 2px; background-color: #000; width: 50%; display: block; margin: 0 auto; position: relative; top:11px}
.leftcate_reactive_open .line3 {height: 2px; background-color: #000; width: 50%; display: block; margin: 0 auto; position: relative; top:16px; transition: all 0.2s;}
.leftcate_reactive_open:hover .line1 {height: 2px; background-color: #555; width: 50%; display: block; margin: 0 auto; position: relative; top:3px}
.leftcate_reactive_open:hover .line2 {height: 2px; background-color: #555; width: 50%; display: block; margin: 0 auto; position: relative; top:11px}
.leftcate_reactive_open:hover .line3 {height: 2px; background-color: #555; width: 50%; display: block; margin: 0 auto; position: relative; top:19px}
 
/*reacitive area*/
.leftcate_reactive_cont {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:999999;}
.leftcate_reactive_cont .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,10); filter:alpha(opacity=10);}
.leftcate_reactive_cont .pop-layer {display:block;}
.leftcate_reactive_cont #artfinger_slide { position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); }
.leftcate_reactive_cont #artfinger_slide .artfinger_slide_wrap { }

/*reacitive 카테고리 리스트-멤버쉽 */
.leftcate_reactive_cont .leftcate_membership {}
.leftcate_reactive_cont .leftcate_membership li {position:relative; display:block; text-align:left; padding:3px 0px}
.leftcate_reactive_cont .leftcate_membership li a {font-size:11px; transition: all 0.2s ease-out; }
.leftcate_reactive_cont .leftcate_membership li a:hover {color:#9e9e9e}

/*reacitive 카테고리 리스트 */
.leftcate_reactive_cont .xans-layout-category {margin-top:20px; }
.leftcate_reactive_cont .xans-layout-category ul { display:none; }
.leftcate_reactive_cont .xans-layout-category li.selected > ul { display:block; }

/*reactive  게시판 리스트 */
 .leftcate_reactive_cont .menu_v {}
.leftcate_reactive_cont .menu_v {position:relative;}
.leftcate_reactive_cont .menu_v li.active ul{display:block;}
.leftcate_reactive_cont .menu_v li.active > a > span {font-weight:600;}
.leftcate_reactive_cont .menu_v li {display:block; width:100%;  text-align:left;  }
.leftcate_reactive_cont .menu_v > ul > li > ul a { display: block; padding:5px 0; color: #000; font-size:11px;  text-align:left; font-weight:normal; transition: all 0.2s ease-out; }
.leftcate_reactive_cont .menu_v > ul > li > ul a:hover { color:#9e9e9e}
.leftcate_reactive_cont .menu_v ul li ul {padding:10px 0}
.leftcate_reactive_cont .menu_v > ul > li {}
.leftcate_reactive_cont .menu_v > ul > li a { margin-left:0px; display:block; margin-right: 0px;  padding:8px 0px;  word-wrap: break-word; color: #000; font-size: 14px;  font-weight:600; line-height: 1.5;}
.leftcate_reactive_cont .menu_v > ul > div > li {font-weight: normal;  line-height:35px;    font-size:11px;  }
.leftcate_reactive_cont .menu_v > ul > li > ul > li {line-height:20px;}
.leftcate_reactive_cont .menu_v .com_indi {position: absolute; right: 0px; top: -8px; height: 39px;  width: 20px;}
.leftcate_reactive_cont .menu_v .com_indi::after {width: 6px; height: 6px; border-right: 1px solid #555; border-bottom: 1px solid #555; position: absolute; right: 8px; content: " "; top: 22px;
    transform: rotate(-45deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;}

.rightcate_reactive_search {width: 25px; height: 50px; position: absolute; right: 15px; top: 42px; outline:0;}
.rightcate_reactive_search .xi-search {font-size:22px;padding:0px 0 0; transition:font-size 0.1s; }
.rightcate_reactive_search .xi-search:hover {font-size:26px;padding:0px 0 0 }

/*reactive sns 카테고리 */
.leftcate_reactive_cont  .snscate {margin-top:20px;}
.leftcate_reactive_cont  .snscate li {position:relative; display:inline-block;text-align:left; padding:3px 0px}
.leftcate_reactive_cont  .snscate li a { font-size:15px; padding-right:10px; color: #000; text-align:left; font-weight:normal; transition: all 0.2s ease-out;}


/*reactive 나머지 카테고리 */
.leftcate_reactive_cont .etccate {margin-top:0}
.leftcate_reactive_cont .etccate > ul > li {}
.leftcate_reactive_cont .etccate > ul > li a { margin-left:0px;  display:block; margin-right: 0px;  padding:8px 0px;  word-wrap: break-word; color: #000; font-size: 14px;  font-weight:600; line-height: 1.5;}

/*  reactive 소스 */
@media all and (max-width : 640px) {  /*아이폰 5이하 */
    #sideber { display:none; }   
    .toplogo {margin:0 auto; text-align:center; padding:0px 30px; position:fixed; top: 17px; left:0; right:0;   z-index: 1;}
     #header > #header_wrap {padding:0 10px}
    .leftcate_reactive_open { display:block;}  
    .rightcate_reactive_search { display:block;}
    .sidebar_lookbook { display:none;}
    .xans-product-menupackage .menuCategory_  { display:block;} 
            }

@media all and (min-width : 641px) and (max-width : 802px) and (orientation : landscape)  {  /*아이패드 탭 데스크탑 -모드*/
      #header > #header_wrap {padding:0 30px}
    .leftcate_reactive_open { display:none;}
    .rightcate_reactive_search { display:none;} 
    .sidebar_lookbook { display:none;}
    .toplogo  { display:none;}
    .xans-product-menupackage .menuCategory_  { display:block;} 
            }
@media all and (min-width : 641px) and (max-width : 802px) and (orientation : portrait)  {  /*아이패드 탭 |모드*/
    #header > #header_wrap {padding:0 30px}
    .leftcate_reactive_open { display:none;}
    .rightcate_reactive_search { display:none;} 
    .sidebar_lookbook { display:none;}
    .toplogo  { display:none;} 
    .xans-product-menupackage .menuCategory_  { display:block;} 
            }

@media all and (min-width : 803px) and (max-width : 920px)  {  
	#header > #header_wrap {padding:0 30px}
    .leftcate_reactive_open { display:none;}
    .rightcate_reactive_search { display:none;} 
    .sidebar_lookbook { display:none;}
    .toplogo  { display:none;}
    .xans-product-menupackage .menuCategory_  { display:block;}
            }

@media all and (min-width : 921px)  {  /*맥 */
    .leftcate_reactive_open { display:none;}   
    .rightcate_reactive_search { display:none;} 
    .xans-product-menupackage .menuCategory_  { display:none;} 
    .toplogo  { display:none;} 
            }
 




.xans-layout-multishoplist.list {margin-top:30px }
.xans-layout-multishoplist.list .toggle { display:block; height:30px;  color:#666; line-height:30px; font-size:10px; background:none; border:0}
.xans-layout-multishoplist.list .toggle span { padding:0 25px 0 0; }
.xans-layout-multishoplist.list .toggle span > img { vertical-align:middle }
/*.xans-layout-multishoplist.list .toggle:after{     width: 5px;
    height: 5px;
    border-right: 1px solid #555;
    border-bottom: 1px solid #555;
    position: absolute;
    right:24px;
    content: " ";
    top: 10px;
    transform: rotate(45deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;}
*/
.xans-layout-multishoplist.list > ul {  }
.xans-layout-multishoplist.list > ul li {display:inline-block; position:relative; margin:-1px 0 0; text-align:left;      height: 25px;    line-height: 25px; }
.xans-layout-multishoplist.list > ul li.select {color:#000; font-weight:bold}
/*.xans-layout-multishoplist.list > ul li:after{     width: 1px; background:#bbb;
    height: 7px;
    position: absolute;
    right:24px;
    content: " ";
    top: 9px;
    transform: rotate(15deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;}*/
.xans-layout-multishoplist.list > ul li:first-child:after { display:none; }
.xans-layout-multishoplist.list > ul li a { display:block; color:#000; font-size:10px; white-space:nowrap; text-decoration:none; text-overflow:ellipsis;}
.xans-layout-multishoplist.list > ul li.selected a {  }
.xans-layout-multishoplist.list > ul li a .name strong { font-weight:normal; }
.xans-layout-multishoplist.list.show > ul { display:block; }

.xans-layout-multishoplist.thumb { position:absolute; left:40px; top:25px; z-index:9999}
.xans-layout-multishoplist.thumb > ul { overflow:hidden; }
.xans-layout-multishoplist.thumb > ul li { float:left; width:20px; margin:0 4px 0 0; }
.xans-layout-multishoplist.thumb > ul li img {width:20px;}
.xans-layout-multishoplist.thumb > ul li a { text-decoration:none; }
.xans-layout-multishoplist .multiOption a { display:inline-block; height:24px; line-height:24px; color:#666; }
.xans-layout-multishoplist .multiOption a:hover { text-decoration:none; }
.xans-layout-multishoplist .multiOption .ship,
.xans-layout-multishoplist .multiOption .language { margin:0 15px 0 0; }
.xans-layout-multishoplist .multiOption .language img { margin:0 6px 0 1px; }

/*search_*/
.modalContentWrap { position: absolute;  top:30%;width:50% ; transform:translateX(-50%) translateY(-50%);  left: 50%;}
.modalContentWrap > .title {margin:0 auto; text-align:center  }
.modalContentWrap > .title > h2 { margin:0 auto; text-align:center;}
.modalContentWrap > .title > p {margin:0 auto 30px; text-align:center;margin-top:10px; color:#9e9e9e; font-size:13px}
#searchBarForm::after {content:""; display:block; clear:both;}
.xans-layout-searchheader {  width: 100%; float:right; margin:0px 0 0; }
.xans-layout-searchheader fieldset {position:relative;  margin:0 auto; width:60%;  height:60px ; border-bottom:1px solid #000;     }
.xans-layout-searchheader #keyword  { font-weight:bold; color:#000; margin: 14px 0 0 10px; font-size:30px; width:71%; height:33px; padding:0 0 0 0px; border:0!important; line-height:28px;    background:none;     outline: 0; }
.searchBut2 { float: right; line-height: 60px; margin-right:14px; font-size: 14px;   height: 60px; font-weight:normal; box-sizing: border-box;}

a.xans-search-form { margin:0 0 20px; }
.btn_red2 {border:1px solid #000; background:#fff;}
/* .searchbox */
.xans-search-form .searchbox { margin:21px 0 20px;  }
.xans-search-form .title {margin:0 auto; text-align:center  }
.xans-search-form .title > h2 { margin:0 auto; text-align:center;}
.xans-search-form .title > p {margin:0 auto 30px; text-align:center;margin-top:10px; color:#9e9e9e; font-size:13px}
.xans-search-form .searchbox .item { margin:5px 0 0; color:#353535; line-height:20px; *zoom:1; }
.xans-search-form .searchbox .item:after { content:""; display:block; clear:both; }
.xans-search-form .searchbox .item strong { float:left; width:160px; padding:2px 10px 0 0; text-align:right; }
.xans-search-form .searchbox .item input { padding-left:10px; }
.xans-search-form .searchbox .popular { margin:6px 0 0 170px; font-size:11px; line-height:18px; *zoom:1; }
.xans-search-form .searchbox .popular.xans-search-hotkeyword { margin-bottom:17px; }
.xans-search-form .searchbox .popular:after { content:""; display:block; clear:both; }
.xans-search-form .searchbox .popular strong { float:left; min-width:113px; padding:0 10px 0 0; color:#6b6b6b; text-align:right; }
.xans-search-form .searchbox .popular p a { margin:0 3px 0 0; padding:0 0 0 8px; color:#757575; background:url("//img.echosting.cafe24.com/skin/base/product/bg_popular_search.gif") no-repeat 0 3px; }
.xans-search-form .searchbox .popular p a:first-child { padding-left:0; background:none; }
.xans-search-form .searchbox .popular a:hover { color:#fe7b05; text-decoration:none; }
.xans-search-form .searchbox .button { margin:30px 0 0 170px;}
.xans-search-form .noData { padding:0px 0; text-align:center; line-height:6.8em; }
.xans-search-form .noData > strong { display:block; color:#9e9e9e; font-weight:normal; }
.xans-search-form .noData > strong.warning { display:block; color:#bbb; font-size:15px}
.xans-search-form .noData ul { margin:10px 0 0; }

/* Input Size */
.xans-search-form .searchbox #category_no,
.xans-search-form .searchbox #order_by { width:400px; }
.xans-search-form .searchbox #search_type { width:120px; }
.xans-search-form .searchbox #keyword { width:260px; }
.xans-search-form .searchbox #exceptkeyword { width:200px; }
.xans-search-form .searchbox #product_price1 { width:130px; }
.xans-search-form .searchbox #product_price2 { width:130px; }

/* searchResult */
.xans-search-form .searchResult { overflow:hidden;   text-align:center; line-height:38px; }
.xans-search-form .searchResult .record { float:left; padding:0 0 0 8px; color:#008bcc; }
.xans-search-form .searchResult .listType { display:inline; margin:0 4px 0 0; }
.xans-search-form .searchResult .listType li { display:inline; padding:0 10px 0 10px; color:#2e2e2e; cursor:pointer;   }
.xans-search-form .searchResult .listType li:hover { color:#555; text-decoration:none; }
.xans-search-form .searchResult .listType li:first-child { background:none; }
/*footer 간격*/
#footer { position:relative; width:100%; margin:50px auto 0; display:block;  padding:0px 0 0px;   }
#footer .footer_inner {padding:50px 50px 50px 280px;  }
#footer .inner1 {display:flex;     justify-content: space-between;}
#footer .inner1::after { content:""; display:block; clear:both; }
#footer .inner1 .f-g-0 {flex:1}
#footer .inner1 .f-g-1 {flex:1}
#footer .inner1 .f-g-2 {flex:2}
#footer .inner1 div {vertical-align:middle;     line-height:18px;   }
#footer .inner1 div {font-size:10px; color:#333; /*text-transform: uppercase;*/}
#footer .inner1 div a {position: relative; font-size:10px; color:#333; /*text-transform: uppercase;*/}
#footer .inner1 div a:hover {color:#9e9e9e}

/*sns 카테고리 */
#footer .inner1 div.snscate {z-index:99999999}
#footer .inner1 div.snscate li { display:block;text-align:left;  line-height:18px}
#footer .inner1 div.snscate li a {color:#333;}
#footer .inner1 div.snscate li a:hover {color:#9e9e9e}



/*  reactive 소스 */
@media all and (max-width : 640px) {  /*아이폰 5이하 */
#footer .inner1 div {float:none!important;}
#footer .footer_inner {padding:50px 50px 50px 50px;  }    
 
    
            }

@media all and (min-width : 641px) and (max-width : 920px) and (orientation : landscape)  {  /*아이패드 탭 데스크탑 -모드*/
#footer .inner1 div {float:none!important;}
#footer .footer_inner {padding:50px 50px 50px 200px;  }  
     
            }
@media all and (min-width : 641px) and (max-width : 921px) and (orientation : portrait)  {  /*아이패드 탭 |모드*/
 #footer .inner1 div {float:none!important;}
 
   
            }

@media all and (min-width : 803px) and (max-width : 925px)  { 
#footer .inner1 div {float:none!important;}
 
 
            }







.xans-layout-conversionpc { background:#fff; padding:45px; text-align:center; }
.xans-layout-conversionpc a {
    margin:20px; padding:20px 0px; width:90%; display:block;
    font-size:32px; color:#63666e; text-decoration:none; text-align:center;
    border:2px solid #9d9db0; border-radius:3px; }