@charset "euc-kr";

/* reset */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, button, p, blockquote, th, td { margin:0; padding:0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);font-family:'Hind Madurai', '맑은 고딕','Malgun Gothic', AppleGothic, sans-serif; font-size:11px; color:#535353; line-height:17px;}
html { width:100%; height:100%;}
body, code { min-width:320px; font-size:11px; line-height:1.2em; color:#535353; -webkit-text-size-adjust:none; }
code { background:none; display:block; }
ul li { list-style:none; }
ol { list-style-position:inside; }
img, fieldset{ border:none; }
img { vertical-align:middle; }
hr.layout { display:none; }
em, address { font-style:normal; }
ins { text-decoration:none; }
a { text-decoration:none; color:#535353; }
a:active { text-decoration:none; }
table { width:100%; table-layout:fixed; border:0 none; border-spacing:0; border-collapse:collapse; }
table caption { display:none; }
th, td { border:0; line-height:18px; }
legend { height:0; width:0; display:block; text-indent:-9999em; }
label { cursor:pointer; }


/* html5 */
object, del, sub, var { margin:0; padding:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* form */
input[type=text], input[type=password], input[type=number], input[type=tel], input[type=email], textarea {
    padding:7px; font-weight:inherit; border:1px solid #cccccc; border-radius:2px; outline-style:none; line-height:13px; color:#353535;
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
input[type="file"] { overflow:hidden; max-width:100%; }
input[type=text], input[type=password], input[type=number], input[type=tel] { height:29px; }
textarea, input, select { vertical-align:middle; }
textarea { resize:none; line-height:1.2em; }
select { max-width:100%; height:25px; margin:0; border:0; font-size:12px; padding:0 25px 0 5px; line-height:25px; color:#353535; word-break:break-all; font-weight:inherit; background:#dadada url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/ico_arrow_gray.png") no-repeat 95% center / 10px auto; 
-webkit-border-radius:1px; -webkit-appearance:none; }
select.disabled { color:#bfbfbf; background-image:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_selectbox_disabled.gif");}
input[type="button"], input[type="text"], input[type="password"], input[type="tel"], input[type="image"], textarea { -webkit-appearance:none; }
input:checked[type="checkbox"] { background-color:#fff; -webkit-appearance:checkbox; }
button::-moz-focus-inner { padding:0; border:0; }
label { margin:0; display:inline-block; min-height:29px; line-height:29px; vertical-align:middle; }
input[type="radio"],
input[type="checkbox"] { margin:0 7px 0 0; }
textarea.disabled { background-color:#ffffff; color:#bfbfbf; }
.fList.typeHor .gLabel { margin-right:20px; }
.fList.typeVer .gLabel { display:block; }


/********************************* common *********************************/

input:focus,button:focus { outline:none;} /* 크롬 파란테두리 빼기 */
input:-webkit-autofill { -webkit-box-shadow:0 0 0 30px #fff inset ; -webkit-text-fill-color:#000; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition:background-color 5000s ease-in-out 0s; } /* 크롬 노란테두리 빼기*/
.transition1s{-webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;transition-timing-function:ease; -webkit-transition-timing-function:ease;}
.transition2s{-webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;transition-timing-function:ease; -webkit-transition-timing-function:ease;}
.transition3s{-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;transition-timing-function:ease; -webkit-transition-timing-function:ease;}
.transition4s{-webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;transition-timing-function:ease; -webkit-transition-timing-function:ease;}
.transition5s{-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;transition-timing-function:ease; -webkit-transition-timing-function:ease;}
.transition6s{-webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;transition-timing-function:ease; -webkit-transition-timing-function:ease;}
.transition5s{-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;transition-timing-function:ease; -webkit-transition-timing-function:ease;}
.trandelay1s {transition-delay:0.1s;}
.trandelay2s {transition-delay:0.2s;}
.trandelay3s {transition-delay:0.3s;}
.trandelay4s {transition-delay:0.4s;}
.trandelay5s {transition-delay:0.5s;}
.trandelay6s {transition-delay:0.6s;}
.trandelay7s {transition-delay:0.7s;}
.trandelay8s {transition-delay:0.8s;}


/* 버튼 */
.btn_dark{background:#9c9a9a; color:#fff;}
.btn_dark2{background: #616161;border-bottom: 1px solid #fff;border-top: 1px solid #4a4a4ae8;}
.btn_gray{background:#e9e9e9; color:#535353;}
.btn_point{background:#008160; color:#fff;}
.btn_white{background:#fff; color:#959595; border:1px solid #d5d5d5;}
.btn_01{display:block; width:100%; padding:13px 0; text-align:center; font-size:10px; box-sizing:border-box;}
.btn_03{display:inline-block; padding:0 10px; height:20px; line-height:20px; font-size:10px; font-weight:normal; vertical-align:middle; box-sizing:border-box; border-radius:20px;}/* 뚱그리 */
.btn_04{display: block;width:100%;height: 41px;line-height: 41px;padding: 0 10px;font-size: 15px;font-weight: 300;color: #fff;border: 0;border-radius: 0;text-align:center;box-sizing:border-box;}
.btn_05{display: inline-block;height: 23px;line-height: 23px;padding: 0 10px;font-size: 10px;border: 1px solid rgb(199, 199, 199);border-radius: 5px;font-weight: 300;color: #5f5f5f;text-align: center;box-sizing: border-box;}



/********************************* layout *********************************/

#container { position:relative; background:#f1f1f1; overflow:hidden; padding-top:139px;}
#contents { position:relative; }
.dimmed { display:none; position:fixed; left:0px; top:0; right:0px; bottom:0px; z-index:150; background:rgba(66,66,66,0.8); }
#dimmedSlider { visibility:hidden;opacity:0;position:fixed; left:0px; top:0; right:0px; bottom:0px; z-index:501; background:rgba(66,66,66,0.8);-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out }


/* 멤버 페이지용 (배경) */
#contents.bg { background:url('/design/wannabef/onedesign/mobile/images/bg_loginpage.jpg') center bottom no-repeat; background-size:cover; padding:10% 0; background-attachment:fixed; }
/*#contents{position:relative; max-width:1600px; width:85%; margin:0 auto; box-sizing:border-box;min-height:1300px;}*/
/*.w_cont{width:1300px !important; margin:0 auto;}*/
/*.topBan{display:none; width:100%; height:50px; line-height:50px; color:#fefefe; text-align:center; background:#a59f9f;}*/



/********************************* 이외 기본 *********************************/

/* 타이틀 */
#titleArea { position:relative; text-align:center; background:#575757;height:50px;box-sizing:border-box;padding:18px }
#titleArea h2 {font-weight:300; font-size:14px; color:#fff}
#titleArea span {display:block; position:absolute; left:21px; top:15px;}

/* 타이틀 - 로그인페이지등 */
#titleArea2 { }
#titleArea2 h2 { display: block;padding: 35px 0;font-size: 15px;font-weight: 400;text-align:center;}

/* 마이페이지 서브타이틀 */
#titleArea3 { position: relative;margin: 17px 17px 0 17px;font-size: 14px;box-sizing: border-box;border-bottom: 1px solid #999;padding: 5px 0 13px 5px;}
#titleArea3 .tabMenu {position:absolute;right:0;top:8px;float:right;}
#titleArea3 .tabMenu li {float:left;padding-left:15px;display:inline-block;}
#titleArea3 .tabMenu li a {font-size:12px;color:#888}
#titleArea3 .tabMenu li.selected {}
#titleArea3 .tabMenu li.selected a {color:#000	}



/* 0 ~ 350px */
@media screen and (max-width:350px){
	/* 고객센터 */
	#footer .footCs ul li{padding:12px 8px;}

}

/* 페이징 */
.paging{padding:15px 0;color:#535353; text-align:center;}
.paging a{display:inline-block !important; vertical-align:middle; background:transparent; padding:3px; width:22px; height:22px; line-height:22px; border-radius:22px; color:#a9a9a9;}
.paging a.now{background:#f1f1f1; color:#535353;}
.paging .prev,
.paging .next{width:22px; font-size:15px; line-height:1.2em; background:url("/design/wannabef/onedesign/mobile/images/ico_arrowLeft.png") no-repeat 50% 46%; background-size:10px auto; margin:0 8px 0 0;}
.paging .next{background-image:url("/design/wannabef/onedesign/mobile/images/ico_arrowRight.png");  margin:0 0 0 8px;}


/********************************* ec-base-box *********************************/
/* base */
.ec-base-box { padding:14px; margin:14px; border:1px solid #d5d5d5; line-height:1.6; color:#757575; background:#fff; }
.ec-base-box.center { text-align:center; }

/********************************* ec-base-button *********************************/
/* 기본 버튼 디자인 */
  .btnNormal, .btnStrong, .btnBasic, .btnSubmit, .btnEm { display:inline-block; letter-spacing:0; text-align:center; -moz-box-sizing:border-box; box-sizing:border-box; line-height:1.2em; border:0;}
  .btnNormal, .btnStrong, .btnBasic { font-size:11px; padding:7px 10px; line-height:11px; border-radius:3px;}
  .btnNormal { background:#d9d9d9; color:#535353; }
  .btnStrong { background:#9c9a9a; color:#fff; }
  .btnSubmit { font-size:12px; padding:11px 0; width:49%; margin-left:1%; color:#fff; background:#9c9a9a; color:#fff; }
  .btnEm {font-size:12px; padding:11px 0; width:49%; margin-right:1%; background:#fff; color:#858585; border:1px solid #e5e5e5;line-height:18px;}
  .btnBasic {background:#fff; color:#959595; border:1px solid #d5d5d5;}
  /* mini */
    [class*="btn"].mini { }


/* btn */
.ec-base-button .soldout { cursor:default; }
.btnIcon { max-width:12px; max-height:12px; background-size:100% 100%; }

/* ec-base-button */
  .ec-base-button { margin-top:10px; text-align:right; font-size:0; line-height:0; letter-spacing:0;}
  .ec-base-button:after { content:""; display:block; clear:both; }
  /*  typeMulti */
    .ec-base-button.typeMulti { margin:0 auto; padding:7px; }
    .ec-base-button.typeMulti .gTop:after,
    .ec-base-button.typeMulti .gBottom:after { content:""; display:block; clear:both; }
    .ec-base-button.typeMulti .gBottom { margin:7px 0 0; padding:7px 0 0; border-top:1px solid #d5d5d5; clear:both; }
  /* align */
    .ec-base-button.gLeft { text-align:left; }
    .ec-base-button.gCenter { text-align:center; }
    .ec-base-button.gRight { text-align:right; }
    .ec-base-button .gLeft { float:left; text-align:left; }
    .ec-base-button .gRight { float:right; }
  /* gColumn */
    .ec-base-button[class*="gColumn"] { display:flex; margin:10px 0 10px -4px; }
    .ec-base-button[class*="gColumn"]:after { content:none; }
    .ec-base-button[class*="gColumn"] a,
    .ec-base-button[class*="gColumn"] button { flex:1; margin:0 0 0 4px; white-space:nowrap; }
    /* gFlex */
      .ec-base-button[class*="gColumn"] .gFlex2 { flex:2; }
      .ec-base-button[class*="gColumn"] .gFlex3 { flex:3; }
      .ec-base-button[class*="gColumn"] .gFlex4 { flex:4; }
  /* gFull */
    .ec-base-button.gFull { margin-bottom:3px; }
    .ec-base-button.gFull [class*="btn"], [class*="btn"].gFull { width:100%; }
    .ec-base-button.gFull [class*="btn"] { margin:0 0 7px; }
  /* gFixed */ /* 장바구니 픽스버튼 */
    .ec-base-button.gFixed { position:fixed; z-index:120; left:0; bottom:0; max-width:100%; width:100%; margin:0; padding:7px; box-sizing:border-box; background:rgba(255, 255, 255, 0.5);
      -webkit-box-shadow: 0px 2px 10px 0px rgba(66,66,66,0.2);
      -moz-box-shadow: 0px 2px 10px 0px rgba(66,66,66,0.2);
      box-shadow: 0px 2px 10px 0px rgba(66,66,66,0.2);
    }
	.ec-base-button.gFixed .ec-base-button{margin:0;}
	.ec-base-button.gFixed .btnNormal{background: #747474d9; color: #fff;}
	.ec-base-button.gFixed .btn_point{background: #008160;
    color: #fff;}

    .ec-base-button.gFixed .state + .ec-base-button { }
    .ec-base-button.gFixed .state { overflow:hidden; margin:0; font-size:11px; line-height:20px; padding:0 10px; }
    .ec-base-button.gFixed .state .count { float:left;}
    .ec-base-button.gFixed .state .price { float:right;}
    .ec-base-button.gFixed .price strong { font-weight:normal; }
    .ec-base-button.gFixed .count strong,
    .ec-base-button.gFixed .price em { color:#008160; font-weight:bold; }

@media all and (min-width:768px) {
  .btnSubmit { height:46px; line-height:44px; font-size:16px; }
  .btnEm { height:46px; line-height:44px; font-size:16px; }
}

/********************************* ec-base-help *********************************/

p.ec-base-help,
ul.ec-base-help li { margin: 14px 0 0;padding: 2px 0 2px 18px;font-size: 11px;line-height: 1.5;color: #757575;text-align: left;background: url(//img.echosting.cafe24.com/skin/mobile/common/ico_help.png) no-repeat 0 3px;background-size: 14px auto;}

/********************************* ec-base-layer *********************************/

/* ec-base-button */
  .ec-base-layer .ec-base-button { margin:0; padding:7px 14px 7px 10px; border-top:1px solid #ccc; border-radius:0 0 5px 5px; background:#f1f1f1; }
  .ec-base-layer .ec-base-button.gFull { padding:7px 14px 0; }
  .ec-base-layer .ec-base-button.gFixed .ec-base-button { padding:0; border-top:0; }
  .ec-base-layer .wrap + .ec-base-button { border-top:0; }


/* 메샵 기본 레이어 */
.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:80%; background-color: #fff; position: relative; box-shadow: 0px 1px 10px #dfdfdf; 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;}
.layer .btn_Black{margin-top:10px; padding:10px 0; background:#535353; color:#fff; border-radius:3px; text-align:center; display:block;}


/* 메샵 기본 팝업 */
.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: 80%; background-color: #fff; top:50%; left: 0; right: 0; margin: 0 auto; text-align: center; padding: 20px; box-shadow: 0 1px 10px #dfdfdf;}
#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;}
/* //팝업 */
  
/********************************* ec-base-product *********************************/

/* admin icon */
/* .ec-admin-icon.cart { height:26px; cursor:pointer; } */
.ec-base-product { padding:0 0 20px; }
.ec-base-product .title { box-sizing: border-box;padding:10px 10px 10px 10px;text-align:center;}
.ec-base-product .title:after { content:"";clear:both;display:block;}
.ec-base-product .title h4 { position: relative;display: inline-block;text-align: center;padding: 0 0 15px;font-size: 16px;font-weight: 400;color: #515151;background: none !important;line-height: 24px;letter-spacing: 1px;}
.ec-base-product .title .arrangeList { display:block;text-align:center;}
.ec-base-product .title .arrangeList a { cursor: pointer;width: 16px;color: #bbb;display: inline-block;margin: 0 4px;opacity: 1;background: rgba(105, 105, 105, 0.28);padding: 9px;border-radius: 6px;}
.ec-base-product .title .arrangeList a.active {color:#888;background:#a7a7a7}

.ec-base-product img { max-width:100%; }
.ec-base-product > ul { padding:14px 0 0; }
.ec-base-product li { vertical-align:top;position:relative; line-height:15px;}
.ec-base-product [class*="grid"] { display:table; table-layout:fixed; width:100%; box-sizing:border-box; padding:0 0px; font-size:0; line-height:0; }
.ec-base-product [class*="grid"] > li { display:inline-block; margin:0 0 14px; vertical-align:top; text-align:center; font-size:12px;  line-height:15px;}
.ec-base-product .thumbnail { position:relative; margin:0 0px 9px;overflow:hidden; }
.ec-base-product .thumbnail a { display:block; }
.ec-base-product .thumbnail a img { display:block; width:100%;vertical-align:top; }
.ec-base-product .thumbnail .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-size:30% auto; }
.ec-base-product .thumbnail .icon {position:absolute;left:5px;top:5px; }
.ec-base-product .thumbnail .icon img { margin:0 4px 0 0; height:13px !important; width:auto !important; }

.ec-base-product .description { min-height:10px;margin:0;line-height:1em;text-align:left;padding:0 10px;position:relative; }
.ec-base-product .description .name { display:block;padding-bottom:0;position:relative;line-height:21px;;word-wrap:break-word;margin:0 0 8px;}
.ec-base-product .description .name a { font-size:11px;color:#4a4a4a;font-weight:400;}
.ec-base-product .description .price { font-size:11px;font-family:nunito;display:block;color:#999;line-height:15px; }
.ec-base-product .description .price span span {display:none;}
.ec-base-product .description .strike,
.ec-base-product .description .mPriceStrike { text-decoration:line-through;padding-right:2px;color:#ccc }

.ec-base-product .description .price.custom{color:#999; margin-right:3px;}
.ec-base-product .description .display_custom{display:none !important;} /* 0원 */

.ec-base-product .description .price.percent {font-size:12px;font-weight:600;color:#d4601a;padding-right:5px;}
.ec-base-product .description li.cart { margin:0 0 7px; }
.ec-base-product .description .colorchip {padding:0px 0 0 ;} 
.ec-base-product .description .color { position:absolute;right:10px;top:3px;}
.ec-base-product .description .color .chips { float:left;width:8px;height:8px;margin:0 0 0 4px;font-size:0;line-height:0;border:0;border-radius:100%; box-sizing:border-box;}
.ec-base-product .description .color .chips.white { border:1px solid #ddd;}
.ec-base-product .description .likeButton button { border:0; background:none; }
.ec-base-product .description .likeButton button strong { margin:0 0 0 3px; font-size:11px; line-height:20px; color:#757575; }
.ec-base-product .description .likeButton.selected button strong { line-height:20px; color:#2e2e2e; }

/* 버튼액션 */
.ec-base-product .action {position:absolute;height:40px;bottom:-40px;left:0;width:100%;text-align:center;z-index:999;opacity:0;visibility:hidden;}
.ec-base-product .action ul {overflow:hidden;margin:0 auto;}
.ec-base-product .action li { cursor:pointer;display:inline-block;height:40px;}
.ec-base-product .action li img {height:30px;}
.ec-base-product .action.active { opacity:1;visibility:visible;bottom:4%;}
.ec-base-product .action.active ul {width:100%;}
.ec-base-product .action button { background:none;border:0;}
.ec-base-product .action li strong { display:none;}
.ec-base-product .action li.close i { color:#fff;width:30px;height:30px;line-height:30px;font-size:18px;}

.ec-base-product .more_view { margin:7px 4px 0; }
.ec-base-product .more_view a { display:block; padding:0 0 0 0; background:#d4d4d6; }
.ec-base-product .more_view a span { overflow:hidden; display:block; width:100%; height:30px; text-indent:120%; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/bg_togglebar_show.png") no-repeat 50% 50%; background-size:12px 12px; }

/* typeDesc */
.ec-base-product.typeDesc { margin:0; background:#fff; }
.ec-base-product.typeDesc .prdList:after { display:block; content:""; clear:both; }
.ec-base-product.typeDesc .prdList > li { margin:0; padding:14px; width:100%; box-sizing:border-box; border-top:1px solid #ececec; }
.ec-base-product.typeDesc .prdList > li:first-child { padding:0 14px 14px; border-top:0; }
.ec-base-product.typeDesc .prdList > li:after { display:block; content:""; clear:both; }
.ec-base-product.typeDesc .thumbnail { float:left; margin:0; padding:0; width:87px; }
.ec-base-product.typeDesc .thumbnail .wish { right:4px; }
.ec-base-product.typeDesc .description { padding:0 0 0 103px; }
.ec-base-product.typeDesc .description .price { color:#494949; font-size:13px; }
.ec-base-product.typeDesc .description .price.sale { color:#000; font-size:15px; }
.ec-base-product.typeDesc .description .color { margin:0 0 10px; }
.ec-base-product.typeDesc .description .summary { font-size:11px; color:#757575; margin:0 0 10px; }

/* typeGallery */
.ec-base-product.typeGallery { margin:0; }
.ec-base-product.typeGallery ul { display:table; table-layout:fixed; padding:0 14px 0 12px; font-size:0; line-height:0; }
.ec-base-product.typeGallery li { position:relative; display:inline-block; margin:0 0 2px; padding:0; vertical-align:top; overflow:hidden; font-size:13px; line-height:1.2em; }
.ec-base-product.typeGallery .thumbnail { margin:0 2px; }
.ec-base-product.typeGallery .thumbnail .wish { top:3px; bottom:auto; }
.ec-base-product.typeGallery .description { position:absolute; left:0; margin:0; padding:0 0 0 2px; width:100%; opacity:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.ec-base-product.typeGallery .description a { overflow:hidden; display:block; padding:5px 38px 5px 5px; width:100%; height:100%; color:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:rgba(0,0,0,0.6); }
.ec-base-product.typeGallery .description a .name:after { display:block; content:""; position:absolute; top:0; right:12px; width:20px; height:100%;background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/ico_arrow_white.png") 0 center no-repeat; background-size:20px 20px;-webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); transform:rotate(270deg); }
.ec-base-product.typeGallery .description a .name { display:inline-block; margin:0; width:100%; }
.ec-base-product.typeGallery .description a .name,
.ec-base-product.typeGallery .description a p { overflow:hidden; line-height:1.5; text-overflow:ellipsis; white-space:nowrap; }
.ec-base-product.typeGallery .description a .price { margin:0; font-weight:bold; }
.ec-base-product.typeGallery .description a .price span { display:none; }
.ec-base-product.typeGallery .description .likeButton { position:absolute; bottom:0; right:5px; background:rgba(255, 255, 255, 0.8); }

/* 할인기간 레이어 */
.ec-base-product .layerDiscountPeriod { display:none; position:absolute; z-index:100; left:0; width:100%; padding:11px 7px; box-sizing:border-box; }
.ec-base-product .layerDiscountPeriod .inner { border:1px solid #353535; background:#f1f1f1; border-radius:4px; }
.ec-base-product .layerDiscountPeriod .inner .title { display:block; padding:10px 14px; font-size:14px; background-color:#353535; color:#fff; }
.ec-base-product .layerDiscountPeriod .inner .timeleft { padding:14px; color:#008160; font-size:13px; font-weight:bold; text-align:center; }
.ec-base-product .layerDiscountPeriod ul { margin:0 7px 14px; padding:0; border:1px solid #d5d5d5; background:#fff; }
.ec-base-product .layerDiscountPeriod ul li { position:relative; padding:14px 13px 14px 100px; border-top:1px solid #ececec; color:#353535; }
.ec-base-product .layerDiscountPeriod ul li:first-child { border-top:0; }
.ec-base-product .layerDiscountPeriod ul li span { position:absolute; top:14px; left:13px; color:#757575; }
.ec-base-product .layerDiscountPeriod .btnClose { position:absolute; top:8px; right:4px; display:block; width:40px; height:40px; text-indent:-9999px; font-size:0; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/ico_close_white.png") center center no-repeat; background-size:50% 50%; }

/* 썸네일 아이콘 위치 */
.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; }

/* grid */
.ec-base-product .grid1 > li { width:100%; background:#fff;border-bottom:1px solid #ddd;padding-bottom:11px;margin-bottom:25px;}
.ec-base-product .grid2 > li {    width: calc(50% - 3px);
    margin-right: 6px;
    background: #fff;
    padding-bottom: 6px;
    margin-bottom: 6px;}
.ec-base-product .grid2 > li:nth-child(2n) {margin-right:0;}	
.ec-base-product .grid3 > li {    width: calc(33.33% - 4px);margin-right: 6px;margin-bottom: 7px;background: #fff;border-bottom: 1px solid #ddd;}
.ec-base-product .grid3 > li:nth-child(3n) {margin-right:0;}	
.ec-base-product .grid4 > li { width:25%; }
.ec-base-product .grid5 > li { width:20%; }

.ec-base-product .grid1 li .name { font-size:15px; }
.ec-base-product .grid2 li .name,
.ec-base-product .grid3 li .name, 
.ec-base-product .grid4 li .name { font-size:11px; }



/********** 그리드에 따른 css **********/
.ec-base-product .grid1 { padding:0 7px }
.ec-base-product .grid2 { padding:0 7px }
.ec-base-product .grid3 { padding: 0 8px;}


/* grid1 */
.ec-base-product .grid1 .description .price.sale span { font-size:13px !important;color:#4a4a4a;font-weight:400;}


/* grid2 */
.ec-base-product .grid2 .description {  padding: 6px 0 8px;text-align: left;}
.ec-base-product .grid2 .description .name a {font-size:11px;}
.ec-base-product .grid2 .description .color { position:relative;right:0;top:0;width:100%;}
.ec-base-product .grid2 .description .chips { float:none;display:inline-block;}
.ec-base-product .grid2 .description .price {font-size:12px;;}
.ec-base-product .grid2 .description .strike,
.ec-base-product .grid2 .description .mPriceStrike {padding-right:0;}
.ec-base-product .grid2 .description .color .chips {  width: 6px;height: 6px;margin: 0 0 0 0px;}
.ec-base-product .grid2 .description .color .chips:first-child {margin-right:0px;}
.ec-base-product .grid2 .description .price.percent {font-size: 12px;padding-right:3px;}


/* grid3 */
.ec-base-product .grid3 .thumbnail { margin-bottom:3px;}
.ec-base-product .grid3 .description { padding: 2px 0 3px 6px;}
.ec-base-product .grid3 .description .name { margin-bottom:3px;}
.ec-base-product .grid3 .description .name a { font-size:10px;}
.ec-base-product .grid3 .description .color { position:relative;right:0;top:0;width:100%;}
.ec-base-product .grid3 .description .chips { float:none;display:inline-block;}
.ec-base-product .grid3 .description .listPrice { font-size:10px;margin-bottom:3px;}
.ec-base-product .grid3 .description .listPrice span { font-size:10px !important}
.ec-base-product .grid3 .description .price.percent { font-size: 10px;padding-right:3px;}
.ec-base-product .grid3 .description .strike,
.ec-base-product .grid3 .description .mPriceStrike { padding-right:0;}
.ec-base-product .grid3 .description .color .chips { width: 6px;height: 6px;margin: 0 0px 0 0px;}
.ec-base-product .grid3 .description .color .chips:first-child { margin-right:0px;}






/********************************* ec-base-tab *********************************/

/* ec-base-tab */
.ec-base-tab{margin:15px 0;}
.ec-base-tab:after { content:""; display:block; clear:both; }
.ec-base-tab ul { display:flex; border-bottom:1px solid #ececec;  line-height:14px; word-break:break-all; }
.ec-base-tab li { display:flex; flex:1; }
.ec-base-tab .gFlex2 { flex:2; }
.ec-base-tab a { display:flex; flex-basis:100%; justify-content:center; flex-wrap:nowrap; align-items:center; padding: 10px 15px 9px;background: #f7f7f7;color: #c2c2c2;text-align: center;font-size: 11px;line-height: 14px;font-weight: 300;letter-spacing: 0.4px;}
.ec-base-tab a .number  { display:inline-block; padding-left:5px; }
.ec-base-tab li:first-child { border-left:0; }
.ec-base-tab li.selected a {background: #fff;color: #7a7a7a;border-bottom: 0;font-weight: 500;border: 1px solid #ececec;}

/* ec-base-tab typeSub  */
.ec-base-tab.typeSub ul { border-top:1px solid #c8cdd2; border-bottom:1px solid #c8cdd2; }
.ec-base-tab.typeSub ul > li { background:#f1f1f1; border-left:1px solid #c8cdd2; }
.ec-base-tab.typeSub .selected a { margin:0 0 -1px; color:#333; background:#fff; }



/* 탭-타입2(검색영역) */
.ec-base-tab2{margin-top:15px;}
.ec-base-tab2 ul{font-size:0; line-height:0; letter-spacing:0; text-align:left;}
.ec-base-tab2 ul li{display:inline-block; vertical-align:middle; width:80px;}
.ec-base-tab2 ul li a{display:block; width:100%; padding:7px 0; text-align:center; background:#eee; color:#999; text-align:center; font-size:10px;}
.ec-base-tab2 ul li.selected a{background:#fff; color:#535353;}


/* 탭-타입3(상세탭, 메인탭상품, 장바구니) */
.ec-base-tab3{margin-top:15px;}
.ec-base-tab3 ul{font-size:0; line-height:0; letter-spacing:0; text-align:center;}
.ec-base-tab3 ul li{display:inline-block; vertical-align:middle; width:25%;}
.ec-base-tab3 ul li a{display:block; width:100%; padding:12px 0; color:#999; text-align:center; line-height: 13px; font-size: 11px;}
.ec-base-tab3 ul li.selected a{background:#fff; color:#535353; font-weight:bold; border-radius:10px 10px 0 0; box-shadow:3px 2px 6px rgba(0,0,0,0.07);}


/* 탭-타입4(로그인 실선) */
.ec-base-tab4{margin:15px 0 ;border-bottom:1px solid #c7c7c7}
.ec-base-tab4 ul{font-size:0; line-height:0; letter-spacing:0; text-align:center;}
.ec-base-tab4 ul li{position:relative;display:inline-block; vertical-align:middle; width:calc(50% - 1px);}
.ec-base-tab4 ul li a{display:block; width:100%; padding:12px 0; color:#999; text-align:center; line-height: 13px; font-size: 11px;}
.ec-base-tab4 ul li.selected {    border: 1px solid #c7c7c7;
    border-bottom: 0;
    border-radius: 7px 7px 0 0;}
.ec-base-tab4 ul li.selected a{}
.ec-base-tab4 ul li.selected:after {
    content: "";
    position: absolute;
	left:0;
    bottom: -1px;
    height: 1px;
    background: #f1f1f1;
    width: 100%;
}
/********************************* ec-base-ui *********************************/


/* grid */
.gBlank5 { display:block; margin-top:5px; }
.gBlank7 { display:block; margin-top:7px; }
.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; }



/************************ 추가 ***********************/

/* 상품더보기 버튼 */
.paginate {text-align:center;width:100%;}
.paginate button{     display: inline-block;
    padding: 10px 37px 10px 41px;
    color: #008160;
    margin: 0 10px 20px 10px;
    font-family: apple gothic,맑은 고딕;
    border-bottom: 1px solid rgba(255,255,255,0.8);
    border: 1px solid #008160;
    clear: both;
    text-align: center;
    font-weight: normal;
    background: #fff;
    cursor: pointer;}


/***** 상품명,판매가,기타등 *****/

.ec-base-product .description { font-family: nunito;color: #999;line-height: 15px;}
.ec-base-product .description li {font-size:12px;display:block;padding-bottom:3px;}
.listCustomer,.listPrice {font-family:'nunito';}
.ec-base-product li.price,
.ec-base-product li.percent,.listCustomer,.listPrice,.listDiscount  {display:inline-block;}
.ec-base-product .listPrice {color:#999}
.ec-base-product .description .listSubname {    font-size: .8em;line-height: 14px;color: #7d7d7d;padding-bottom: 11px;}
.ec-base-product .description .listTerm {padding:11px 0 0px;color:#ccc;}
.ec-base-product .description li .MK-product-icons{display:none;}
.ec-base-product .description li .MK-product-icons img{max-height:13px !important; width:auto !important; margin-right:2px;}

/***** 기타 ******/

.none-data {text-align:center;padding:60px 0;}
.none-data i {display:block;padding-bottom:12px;} 

#m_preview_wrap {display:none !important;}