#contents { padding: 0  0 8px; }
.xans-mall-company {
   
    /*원래는 65 auto 0;*/
    padding-top: 56px;
    padding-bottom: 1px;
   
    text-align: center; 
    font-size:11px; 
    background-color :#f0f1ec;
    background-repeat: repeat;
    
}

.xans-mall-company img {
    display: block;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto;
	box-sizing: border-box; 
    background-color:#f0f1ec;
}
.xans-mall-company h2 {
    /*
	border-bottom-style:solid; 
    border-bottom-color:orange; 
    border-bottom-width:1px;
    border-width: 30%;
    보더 지정하는 테스트
    */
    
    margin: 17px 0 0 ;
    /*  원래 7 */
    line-height: 34px; 
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .02em; }

.xans-mall-company pre {
	margin: 0 0 0; 
    line-height: 20px;
    color: #ff0000; 
    /*#333이 원래임 */
    font-size: 12px;
    letter-spacing: .04em; }
.xans-mall-company .about_txt>img {
    display: block;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto; }

.xans-mall-company div {
  /* 배경화면 색 지정 */
  background-color ::#f0f1ec;
  }

/*하단버튼*/
.xans-mall-company .aboutbutton {border-top: 1px solid #d5d5d5; vertical-align: middle; margin:0 20px 0; }
.xans-mall-company .aboutbutton img {padding: 20px 0; }
.xans-mall-company .aboutbutton img:hover {
        opacity: 0.75;
        -webkit-transition: all .5s;
        transition: all .5s; }

#popupBanner {
    position: relative;
    display: none;
    width: 100%;
    padding: 11px 0 10px;
    text-align: center;
    font-size: 12px; 
    transition: all .2s;
    z-index: 999;
}

#popupBanner a {
    letter-spacing: .04em;
    text-decoration: none;
}

.popupClose {
    position: absolute;
    top: 50%; 
    right: 10px; 
    transition: .35s ease;
    transform:translateY(-50%);  }
.popupClose > a { 
    font-size: 10px !importnat; 
    margin-left: 7px;
    vertical-align: middle; } 
.popupClose > a:first-child { margin-left: 0; } 

#popupBanner #slideTextList ul {
    left: 0;
    right: 0; 
    text-align: center; }

#popupBanner #slideTextList ul li {
    padding: 0 6% !important; 
    white-space: nowrap;
    overflow: hidden; 
    text-overflow : ellipsis; }
#popupBanner #slideTextList ul li a { 
    white-space: nowrap;
    overflow: hidden; 
    text-overflow : ellipsis; }
/**
 * 모바일쇼핑몰 슬라이딩메뉴
 */

body { position:relative; height:100%; }
#wrap { min-height:100%; }

/* 확장 */
html.expand body { position:fixed; top:0; left:0; width:100%; }
html.expand #container { -webkit-transform: translate(-87%, 0); -moz-transform: translate(-87%, 0); -ms-transform: translate(-87%, 0); -o-transform: translate(-87%, 0); transform: translate(-87%, 0); }
html.expand #btnFoldLayout { z-index:405; }
html.expand #aside { z-index:0; overflow-x:hidden; overflow-y: auto;}

/* aside */
#aside { 
    z-index:-1;
    visibility:hidden;
    position:absolute; 
    right:0px; 
    top:0px; 
    bottom:0; 
    overflow:auto;
    overflow-x:hidden; 
    min-width:225px; 
    width:87%;
    font-size:12px; 
    background-color:#fff; }
#aside .member { padding:0 0 0 14px; border-bottom:1px solid #c8c7cc; font-size:12px; line-height:41px; font-weight:normal;
background: -webkit-linear-gradient(#f7f7f7,#eff0f0,#e8e9e9); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#f7f7f7,#eff0f0,#e8e9e9); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#f7f7f7,#eff0f0,#e8e9e9); /* For Firefox 3.6 to 15 */
background: linear-gradient(#f7f7f7,#eff0f0,#e8e9e9); /* Standard syntax */
}
#aside .member  strong { color:#333; text-decoration:underline; }
#aside .member.xans-layout-statelogoff a { display:inline-block; width:auto; line-height:27px; padding:0 7px; margin:0 3px 0 0; border:1px solid #d5d5d5; border-bottom-color:#b5b5b5; border-radius:3px; color:#1b1b1b; background-color:#fff; }
#aside .member a.btnLogin { border:1px solid #4a5164; border-bottom-color:#3b4150; color:#fff; background-color:#4a5164; }
#aside .btnClose { position:absolute; top:0; right:0; }
#aside .btnClose { display:block; padding:13px; }
#aside .membership { padding:0 14px 11px; }
#aside .membership li { display:inline-block; margin:0 15px 0 0; padding:10px 0 0; }
#aside .membership li a { color:#508bed; }
#aside .membership li.like a { color:#333; }
#aside .membership li.like a span { color:#508bed; }

#aside .xans-myshop-main { background-color:#fff; }
#aside .xans-myshop-main a {
    float:left; width:33.3%; padding:34px 0 8px; color:#fff; text-align:center; border:1px solid #404757; border-right:0; background-color:#4a5164;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-sizing:border-box;
    -o-sizing:border-box;
    box-sizing:border-box;
}
#aside .xans-myshop-main a:first-child { border-left:0; }
#aside .xans-myshop-main:after { content:""; display:block; clear:both; }
#aside .xans-myshop-main a.wishList { background:#4a5164 url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_wish_list.png") no-repeat 50% 15px; background-size:20px 18px; }
#aside .xans-myshop-main a.recentList { background:#4a5164 url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_recent_list.png") no-repeat 50% 15px; background-size:20px 18px; }
#aside .xans-myshop-main a.orderList { background:#4a5164 url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_order_list.png") no-repeat 50% 13px; background-size:16px 21px; }


/*슬라이드메뉴*/

#aside #slide_nav {
    position: relative;
    width: 80%;
    margin: 40px auto 85px;
    vertical-align: middle;}

#aside #slide_nav .navTop {
	padding: 35px 0 0;}
/*내가고침 원래는 45임 */

#aside #slide_nav .navTop .navLogo { text-align: right; }
#aside #slide_nav .navTop .navLogo a {
	font-size: 21px;
    line-height: 15px;
    /*내가고침 원래는  line-height: 30px;임 */
	font-weight: 700;
	letter-spacing: .02em;
	text-decoration: none; }
#aside #slide_nav .navTop .navLogo a img { box-sizing: border-box; }


/* snsLink */
.snsLink {
    position: relative;
    margin: 14px 0 0 ;
    text-align: left; }
.snsLink:before {
    display: block;
    width: 24px;
    height: 2px;
    content: "";
    margin: 0 0 22px; 
    background: #555; }
.snsLink li {
    display: inline-block;
    margin-right: 14px;
    line-height: 24px; }
.snsLink li:last-child { margin-right: 0; }
.snsLink li a {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04em; }
.snsLink li a img {
    width: auto;
    height: 21px;
    box-sizing: border-box; }


/* 타이틀 */
#slideCateList h2 { position:relative; padding:0 34px 0 14px; line-height:28px; color:#333; font-weight:bold; font-size:11px; cursor:pointer; }
#slideCateList h2.selected  .icoCategory { background-image:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_snb_1depth_on.gif"); }
#slideCateList h2 .icoCategory { overflow:hidden; position:absolute; right:3px; top:0; width:30px; height:29px; padding:0; border:0; text-indent:100%; white-space:nowrap; cursor:pointer; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_snb_1depth.gif") no-repeat 7px 50%; background-size:13px 8px; }

/* 카테고리 리스트 */
#aside .categoryList { 
    font-size:12px; 
    font-weight:normal; 
    text-align: right; 
    margin: 35px 0;}
#aside .categoryList ul { display:none; }
#aside .categoryList li { position:relative; line-height: 28px; }
#aside .categoryList li.selected > ul { display:block; margin: 0 0 18px; }
#aside .categoryList li.selected > a.cate { color:#333; }
#aside .categoryList li.noChild > a.cate { background-image:none !important; }
#aside .categoryList li.noChild:first-child > a.cate { border-top:0; }
#aside .categoryList li.selected.noChild { }
#aside .categoryList > li.selected .slideSubMenu li { }
#aside .categoryList > li {  }
#aside .categoryList > li:first-child { border-top:0; }
#aside .categoryList > li > a.cate {  }
#aside .categoryList > li.selected > a.cate { }
#aside .categoryList > li > ul > li > a.cate { }
#aside .categoryList > li > ul > li.selected > a.cate {  }
#aside .categoryList > li > ul > li > ul > li > a.cate { }
#aside .categoryList > li > ul > li > ul > li.selected > a.cate {  }
#aside .categoryList > li > ul > li > ul > li > ul > li a.cate {  }
#aside .categoryList a.cate { }
#aside .categoryList a.view { 
    display: none; 
    margin: 7px 0 0 ;
    color:#333; 
    font-weight:normal;  }
#aside .categoryList li.selected a.view { display: block; }
#aside .categoryList li.noChild > a.view { display: none; }

/* 즐겨찾기 리스트 */
#aside .bookmarkCategory { font-size:13px; }
#aside .bookmarkCategory li { position:relative; border-bottom:1px solid #cccccc; border-top:1px solid #fff; }
#aside .bookmarkCategory li:first-child { border-top:0; }
#aside .bookmarkCategory li.selected { background-color:#000; }
#aside .bookmarkCategory li a { display:block; margin-right:35px; padding:11px 10px 11px 17px; word-wrap:break-word; }
#aside .bookmarkEmpty { padding:8px 0 6px 12px; border-bottom:1px solid #cccccc; color:#798490; font-size:11px; line-height:16px; }
#aside .bookmarkEmpty img { width:11px; height:11px; vertical-align:-1px; }

/* 즐겨찾기 아이콘 */
#aside .xans-layout-category li .icoBookmark,
#aside .bookmarkCategory li .icoBookmark { display: none; overflow:hidden; position:absolute; right:1px; top:0; width:30px; height:41px; padding:0; border:0; text-indent:100%; white-space:nowrap; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/ico_bookmark.png") no-repeat 5px 14px; background-size:13px 13px; cursor:pointer; }
#aside .xans-layout-category li .icoBookmark.selected,
#aside .bookmarkCategory li .icoBookmark.selected { background-image:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/ico_bookmark_on.png"); }

/* 배송국가 */
#aside .multishop .xans-layout-multishoplistmultioptioncountry li a { padding:9px 10px 11px 17px; font-size:13px; }

/* 멀티쇼핑몰 */
.xans-layout-multishoplist.list {
    position: absolute;
    top: -58px;
    right: 0; 
    z-index:10; }
.xans-layout-multishoplist.list .toggle { 
    position: relative;
    padding: 0 16px 0 0 ;
    line-height: 34px; 
    border: 0; 
    background: url("//m.namuhotel.com/web/upload/creactual/btnMore.png") no-repeat 100% 55%;
    background-size: auto 10px; }
.xans-layout-multishoplist.list .toggle span {
    font-size: 12px; 
    letter-spacing: .04em;
	vertical-align: middle; }

.xans-layout-multishoplist.list > ul { display:none; position:absolute; left:0; top:34px; }
.xans-layout-multishoplist.list > ul li { position:relative; line-height: 22px; }
.xans-layout-multishoplist.list > ul li a:before {display: inline-block; content: ''; width: 4px; height: 1px; vertical-align: middle; background: #333; }
.xans-layout-multishoplist.list > ul li a { display:block; font-size: 10px; letter-spacing: .04em; text-decoration:none; }
.xans-layout-multishoplist.list > ul li.selected a { color: #ff2b2b; font-weight: 700; } 
.xans-layout-multishoplist.list > ul li a .name strong { font-weight:normal; }
.xans-layout-multishoplist.list > ul li a .unit {  }
.xans-layout-multishoplist.list.show > ul { display:block; }


/* 로그인,로그아웃 */
#aside .loginState { padding:8px 0 8px 14px; min-height:50px; }
#aside .loginState p { display:inline-block; width:auto; padding:5px 7px; border:1px solid #d5d5d5; border-radius:3px; }
#aside .loginState p a { color:#333; }

/* conatiner */
#container {
    z-index:100; position:relative; overflow:hidden; margin-top:-1px; margin-left:-1px; background-color:#fff; 
    -webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; -o-transition:300ms; transition:300ms;
    -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;
}

/* btnFoldLayout */
#btnFoldLayout {
    display:none; position:absolute; left:-87%; top:0; right:0; bottom:0; width:100%; height:100%; opacity:0;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0); and -webkit-focus-ring-color:rgba(0, 0, 0, 0);
}

#aside #slide_nav .xans-layout-mobilenavigation ul { 
    display: block;
	margin: 25px 0 0;
    text-align: left;
    overflow:hidden; }
#aside #slide_nav .xans-layout-mobilenavigation ul li { 
    display: inline-block;
	padding-right: 14px;}
#aside #slide_nav .xans-layout-mobilenavigation ul li:last-child {padding-right: 0;}
#aside #slide_nav .xans-layout-mobilenavigation ul li a {
    display:block; 
    font-size:11px; 
    line-height:24px; 
    color:#333; 
    letter-spacing: .047em;
	text-decoration: none;}
.accordion-menu {
    margin: 45px 0 0; }

.accordion-menu ul { }
.accordion-menu li.open > ul {
    display: block; }
.accordion-menu li > ul {
    /* position: absolute; */
    display: none;
    height: 0;
    overflow: hidden;
    transition: height 450ms ease 0s;}
.accordion-menu ul.is-visible {
    display: block;
    /* height: auto; */ }
.accordion-menu li > ul > li {
    padding-left: 10px;
    line-height: 32px;
    font-size: 13px; 
	font-weight: 600; 
    letter-spacing: .04em; }
.accordion-menu li > ul > li:first-child { padding: 4px 0 0 10px; }
.accordion-menu li > ul > li:last-child { padding: 0 0 14px 10px; }

.accordion-menu li { 
    position: relative;
    line-height: 42px;
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap; 
    letter-spacing: .07em;
    overflow: hidden;
    transition: all 450ms ease; }

.accordion-menu a {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-decoration: none; }
.accordion-menu * {
    box-sizing: border-box; }
.accordion-menu li a svg { display: none; }
.xans-layout-footerpackage {
    font-size:12px; 
    line-height:1.5em;
    color:#333; 
    background-color:#f0f1ec;
    /*이게 우리 theme 칼라임 */
    padding-top: 5px;
    padding-bottom: 30px;
	margin: 0 0 0;}


/* policy */
.xans-layout-footerpackage .footerMenu {
	margin: 0 0 0;}
.xans-layout-footerpackage .footerMenu .policy { 
    padding:0 0; 
	text-align: center; }
.xans-layout-footerpackage .footerMenu .policy li { 
    position:relative; 
    display: inline-block; 
    padding:0 7px 0 8px; 
    line-height:18px;
	letter-spacing: 0.070em;}
.xans-layout-footerpackage .footerMenu .policy li a {
    font-size:11px;
    text-decoration: none;} 


/* CS, BANK */
.xans-layout-footerpackage .footerCS {
    margin: 0 0;
    text-align: center;
    letter-spacing: 0.075em; }

.xans-layout-footerpackage .footerCS p {
    margin: 0 0 14px;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0.130em;}

.xans-layout-footerpackage .footerCS pre { 
    font-size: 12px;
    line-height: 18px;}


/* company info */
.xans-layout-footerpackage address { 
    padding: 10px 0; 
    word-break: keep-all; 
	text-align: center;}
.xans-layout-footerpackage address .footerInfo { 
    width:100%; 
	line-height: 18px;
    font-size: 12px;
    letter-spacing: 0.075em;}
.xans-layout-footerpackage address .footerInfo a {text-decoration: none;}

/* copy */
.xans-layout-footerpackage .copyright { 
    margin: 14px 0 0; 
    text-align:center; 
    line-height:18px; 
    font-size:12px; }
.xans-layout-footerpackage .copyright a {text-decoration: none;}


/* pc_btn */
.xans-layout-footerpackage .util {
    padding: 4% 0 2%;
	text-align: center;}
.xans-layout-footerpackage .util .btnUtil {
    width: 25%;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
	text-decoration: none;
	color: #838383;
    border: 1px solid #d5d5d5;
    display: block;}
.xans-layout-multishopshipping.ec-base-layer { display:none; top:200px; width:300px; }
.xans-layout-multishopshipping .worldshipLayer { text-align:center; line-height:1.5em; }
.xans-layout-multishopshipping .worldshipLayer .select { margin:14px 0 0; }
.xans-layout-multishopshipping .worldshipLayer .select select { width:100%; }
@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); }
html { width:100%; height:100%; }
body, code { 
    min-width:320px;
    font: 0.75em;
    font-family: 'Quicksand', 'Noto Sans KR', sans-serif; 
    line-height:1.2em; 
    color:#333; 

    -webkit-text-size-adjust:none; }
code { background:none; display:block; }
pre {
    font-family: 'Quicksand', 'Noto Sans KR', sans-serif; 
    line-height:1.2em; 
    color:#333; } /*예금주*/
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:#333; }
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; }
button {
    font-family: 'Quicksand', 'Noto Sans KR', sans-serif; 
    background: #fff; }
button:focus { outline: none;}
button::-moz-focus-inner { padding:0; border:0; }

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



@charset "utf-8";

/*picgallery*/

.picgallery { 
    padding-top:56px;
    background: #f0f1ec;
}
.picgallery img {
    display:block;
    vertical-align:bottom;
    width:100%; 
    height:auto;
    }

/* layout */

#header {
    position: relative;
    width: 100%; 
    /*원래 18 14가 맞는데 이걸 고치면 위에만 내려가게 된다 */ 
    /*background-image: url('//ecimg.cafe24img.com/pg52b17924392031/hotelnamu/web/upload/category/editor/2021/08/28/40bdead4af99f2283f7d3c46ff997722.jpg');*/
   /* background-color:#f0f1ec;
    /*opacity: 0.8;*/
     
    /*더블헤더*/
    
}

#header .header { 
    position: relative;
    width: 100%;
    margin: 0 auto;
    vertical-align:top; }
/*이건 버튼의 패딩임*/


#header #nav {
    position: absolute;
    width: 100%;
    top:0;
    left: 0;
    padding: 14px 0; 
	z-index: 99; }

.fixed {
    position: fixed !important; }


#header #topArea { 
    position: relative;
    margin: 0 4%; }

#header h1 {
    line-height: 24px; 
    text-align: left; }
#header h1 a { 
    color: #333; /*원래 333*/
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .02em; }
#header h1 a img {
    box-sizing: border-box;
    max-width: 100%;
    vertical-align:middle; }

#header .category {
    position:absolute;
    right: 0;
    top: 0;}
#header .category a { 
    width: 30px;
    height: 60px;
    text-indent:100%;
    white-space:nowrap; }
#header .category a img {vertical-align: middle;}

#header .search { position:absolute; right:41px; top:-5px; width:34px; height:43px; vertical-align:middle; }
#header .search button { display:inline-block; overflow:hidden; width:100%; height:100%; padding:0; text-indent:100%; text-align:left; white-space:nowrap; cursor:pointer; border:0; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/btn_search.png") no-repeat 0 0; background-size:34px 43px; }

#header .xans-layout-orderbasketcount { position:absolute; left:0; top:0; width:41px; height:43px; vertical-align:middle; }
#header .xans-layout-orderbasketcount a.btnBasket { position:relative; display:inline-block; overflow:hidden; width:100%; height:100%; padding:0; text-indent:100%; text-align:left; white-space:nowrap; cursor:pointer; border:0; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/btn_basket.png") no-repeat 0 0; background-size:48px 43px; }
#header .xans-layout-orderbasketcount a.btnBasket .count { position:absolute; top:7px; right:10px; max-width:41px; border:1px solid #d01818; border-radius:7px; padding:0 1px; text-indent:0; line-height:1.2; color:#fff; font-weight:bold; font-size:10px; background-color:#e52728; }

#main #header h1 { height:86px; line-height:86px; }
#main #header h1 img { max-height:36px; }

#layout #header .header { text-align:left; }

#layout #topArea .searchWrap {  }
#layout #header .search { top:0; }

#contents { 
    position:relative;
    width: 100%;
    padding: 0!important;
	margin: 0!important;}


#container_box {
	position: relative;}
#container_inner {
	position: relative;
    width: 96%;
    margin: 85px auto 0;}


.btnTop { display:none; position:fixed; top:0; left:50%; z-index:100; margin:0 0 0 -36px; border:1px solid #d6d6d7; border-top:0; border-radius:0 0 3px 3px; opacity:0.9; background:#616161 url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_btntop.png") no-repeat 90% 7px; background-size:12px 12px; }
.btnTop a { display:inline-block; height:29px; padding:0 26px 0 10px; line-height:29px; color:#fff; }

#mobileQuickLink { z-index:301 !important; }
#mobileBtnQuickLink { z-index:100 !important; }

.dimmed { display:none; position:fixed; left:0px; top:0; right:0px; bottom:0px; z-index:150; background:rgba(0,0,0,0.7); }
#dimmedSlider { display:none; position:fixed; left:0px; top:0; right:0px; bottom:0px; z-index:500; background:rgba(0,0,0,0.7); }

/* 메인 검색 */
#main .searchWrap { position:relative; height:38px; padding:5px 41px 0 47px; }
#main .searchWrap .searchForm { position:relative; padding:0 28px 0 33px; border:1px solid #ccc; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_search.png") no-repeat 5px 5px; background-size:20px 20px; }
#main .searchWrap .btnDelete { position:absolute; right:3px; top:5px; width:20px; height:20px; border:0; cursor:pointer; overflow:hidden; text-indent:100%; font-size:0; white-space:nowrap; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/btn_delete.png") no-repeat 0 0; background-size:20px 20px; }
#main .searchWrap #keyword { width:100%; padding:0; border:0; }

/* 메인 카테고리*/
#main #header #topArea .xans-layout-mobilemaincategory { position:relative; height:43px; border-bottom:1px solid #e3e3e3;  }
#main #header #topArea .xans-layout-mobilemaincategory ul { display:inline-block; width:100%; padding:0; text-align:left; font-size:0; line-height:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
#main #header #topArea .xans-layout-mobilemaincategory ul li { display:inline-block; width:33.3%; font-size:13px; text-align:center; }

/* 메인 스와이프 */
#main #header #topArea .xans-layout-mobilemaincategory .afterNone { display:none; }
#main #header #topArea .xans-layout-mobilemaincategory > ul { display:table; }
#main #header #topArea .xans-layout-mobilemaincategory > ul > li { width:100%; }
#main #header #topArea .xans-layout-mobilemaincategory > ul > li > ul { padding:0 40px; }
#main #header #topArea .xans-layout-mobilemaincategory > ul > li > ul li { border-bottom:3px solid #fff; width:33%; }
#main #header #topArea .xans-layout-mobilemaincategory > ul > li > ul li.selected { border-bottom-color:#217bdb; }
#main #header #topArea .xans-layout-mobilemaincategory > ul > li > ul li a { display:inline-block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:22px 0 18px; font-weight:bold; color:#9a9a9a; }
#main #header #topArea .xans-layout-mobilemaincategory > ul > li > ul li.selected a { color:#217bdb; }
#main #header #topArea .xans-layout-mobilemaincategory > ul > li > ul li a img { max-height:40px; }
#main #header #topArea .xans-layout-mobilemaincategory p { position:absolute; top:0; }
#main #header #topArea .xans-layout-mobilemaincategory p.btnPrev { left:0; display:none; }
#main #header #topArea .xans-layout-mobilemaincategory p.btnNext { right:0; display:none; }
#main #header #topArea .xans-layout-mobilemaincategory p a { display:inline-block; padding:13px 14px; }


/***** arrow *****/
#btn_scroll {
    position: fixed;
    display: scroll;
    bottom: 28px;
    right: 2%;
	z-index: 99;}
#btn_scroll li {
    opacity:0.5;
	transition: all .35s; }
#btn_scroll li:first-child { margin: 0 0 7px; }
#btn_scroll li:hover {opacity: 1;}
#btn_scroll li a {
    display: block;
    padding: 2px 4px; 
    border: 1px solid #333; 
    box-sizing: border-box;
	background: #fff; }
#btn_scroll li img {
    width: 20px;
    height: auto; }


/* 메인 배너 */
#main .mainBanner { position:relative; }
#main .mainBanner a img { max-height:290px; }
#main .mainBanner .ec-base-paginate { position:absolute; bottom:8px; z-index:10; width:100%; }
#main .mainBanner .afterNone { display:none; }

/* 타이틀 */
#titleArea { position:relative; border-bottom:0; }
#titleArea h2 {
    padding:0 2px;
    line-height:43px;
    font-size:13px;
    color:#333;
    text-align:center;
    letter-spacing: 0.070em; }
#titleArea span { position:absolute; top:6px; left:14px; }

/* 마이쇼핑 메인 */
.myshopMain { padding:14px 7px; font-size:11px; }

/* paging */
.mPagenate {
    margin: 25px 0;
    text-align:center; 
    vertical-align:top;
    font-weight:normal; }
.mPagenate a{ 
    display:block; 
    color:#999;
    font-weight: normal;
    font-size:11px; 
    height:17px; 
    padding:5px;
    line-height:14px; }
.mPagenate a.this { color: #333; font-weight: 700; }
.mPagenate a { color:rgb(131,131,131); outline:none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
.mPagenate ol { vertical-align:top; }
.mPagenate ol, .mPagenate li, .mPagenate p { display:inline-block; }
.mPagenate li, .mPagenate p { 
    letter-spacing: .04em;
    min-width:22px;
    height:22px;
    margin:0 1px; 
    background:rgb(255,255,255); }
.mPagenate p { }
.mPagenate p.first { 
    background-position:50% 2px; 
    font-weight:normal;}
.mPagenate p.prev { 
    background-position:50% -13px; 
    font-weight:normal;}
.mPagenate p.next { 
    background-position:50% -28px; 
    font-weight:normal;}
.mPagenate p.last { 
    background-position:50% -43px; 
    font-weight:normal;}

.mPagenate p span { 
    display:block; 
    width:22px; 
    height:22px; 
    font-weight:normal;}


/* font */
.txtWarn { color:#f45b55; }
.txtEm { color:#333; }

/* 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; }
.gBreak5 { display:block; margin-bottom:5px; }
.gBreak7 { display:block; margin-bottom:7px; }
.gMerge { position:relative; z-index:1; margin-top:-1px; }

/* ec-base-qty */
.ec-base-qty [type="text"] { width:49px; }
.ec-base-qty [type="tel"] { width:49px; text-align:right; }
.ec-base-qty button { margin:0; padding:0; border:0; vertical-align:top; background:transparent; }

/* ec-base-field */
.ec-base-field { display:-webkit-flex; display:-ms-flex; display:flex; }
.ec-base-field input[type="text"] { -webkit-flex:1; -ms-flex:1; flex:1; }
.ec-base-field input ~ [class*='btn'] { margin-left:5px; }

/* form */
input, textarea, select {
    max-width:100%;
    font-size:10px; 
    font-family: 'Mukta Vaani', 'Noto Sans KR', sans-serif;
    color:#333; 
    vertical-align:middle;
    outline:0; }
input[type=text], input[type=password], input[type=number], input[type=tel], textarea {
    padding:10px; 
    font-size:11px;
    line-height:13px;
    font-weight:inherit;
    color:#333; 
    border:1px solid #d7d5d5; 
    outline-style:none;
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box; 
    box-sizing:border-box;
}
input[type=text], input[type=password], input[type=number], input[type=tel] { height:26px; }
input[type="file"] { overflow:hidden; max-width:100%; border-radius: 0; }
input[type="button"], input[type="text"], input[type="password"], input[type="tel"], input[type="image"], textarea { -webkit-appearance:none; }
select { 
    max-width:100%;
    height:29px; 
    margin:0;
    padding:0 20px 0 8px; 
    line-height:29px; 
    font-size: 11px;
    color:#333; 
    word-break:break-all; 
    font-weight:inherit;
    border:1px solid #d5d5d5; 
    background: url("//img.echosting.cafe24.com/skin/mobile/common/ico_select.gif") no-repeat 100% 49%; 
    background-size:auto 40px;
    -webkit-appearance:none; }
select.disabled, select:disabled,
textarea.disabled, textarea:disabled { color:#bcbcbc; }
textarea { resize:none; line-height:1.2em; }
textarea.disabled { color:#bfbfbf; }
input[type="checkbox"] { width:13px; height:13px; border:0; border-radius: 0; background:url("//m.namuhotel.com/web/upload/creactual/btn_checkbox.png") no-repeat 0 0; background-size:13px 13px; -webkit-appearance:none; }
input[type="radio"] { width:13px; height:13px; border:0; border-radius: 0; background:url("//m.namuhotel.com/web/upload/creactual/btn_checkbox.png") no-repeat 0 0; background-size:13px 13px; -webkit-appearance:none; }
input[type="checkbox"]:checked { background-image:url("//m.namuhotel.com/web/upload/creactual/btn_checkbox_check.png"); -webkit-appearance:none; }
input[type="radio"]:checked { background-image:url("//m.namuhotel.com/web/upload/creactual/btn_checkbox_check.png"); -webkit-appearance:none; }
label { display:inline-block; margin:0 7px 0 0; min-height:20px; line-height:20px; font-size:11px; vertical-align:middle; cursor:pointer; }
input[type=radio] + label,
input[type=checkbox] + label { margin:0 7px 0 4px; }
label input[type=radio],
label input[type=checkbox] { margin:0 4px 0 0; }
label:last-child,
input[type=radio] + label:last-child,
input[type=checkbox] + label:last-child { margin-right:0; }

.ec-base-label { display:inline-block; margin:0 7px 0 0; }
.ec-base-label input[type=radio] + label,
.ec-base-label input[type=checkbox] + label { margin-right:0; }

.fList.typeHor .gLabel { margin-right:20px; }
.fList.typeVer .gLabel { display:block; }
@charset "utf-8";


  .ec-base-paginate { text-align:center; }
  /* typeList */
    .ec-base-paginate.typeList { padding:14px 0; font-size:0; line-height:0; }
    .ec-base-paginate.typeList ol { margin:0 14px; }
    .ec-base-paginate.typeList ol,
    .ec-base-paginate.typeList ol li { display:inline-block; vertical-align:middle; }
    .ec-base-paginate.typeList ol li:not(:first-child) { margin:0 0 0 7px; }
    .ec-base-paginate.typeList ol li a { 
        display:inline-block;
        width:31px; 
        height:27px; 
        border: 0; 
        font-size:11px; 
        line-height:27px;
        color:#d5d5d5; 
        vertical-align:middle; }
    .ec-base-paginate.typeList ol li .this { 
        color:#777;
		font-weight: 700;}
    .ec-base-paginate.typeList [class*='btn'] {
        display:inline-block;
        overflow:hidden; 
        width:31px;
        height:27px; 
        font-size:11px;
        line-height:27px;
        vertical-align:middle; }
    .ec-base-paginate.typeList .btnPrev {color: rgb(131,131,131);}
    .ec-base-paginate.typeList .btnNext {color: rgb(131,131,131);}

  /* typeMoreview */
    .ec-base-paginate.typeMoreview { margin:0 auto; }
    .ec-base-paginate.typeMoreview .btnMore { 
        display:block;
        padding:12px 0; 
        color:#939393;
        font-size: 10px;
        letter-spacing: 0.130em;
        font-weight:normal; }
    .ec-base-paginate.typeMoreview .icoMore {
        display:inline-block;
        margin:0 0 0 8px;
        width:13px;
        height:8px;
        font-size:0; 
        line-height:0; 
        opacity: 0.65;
        vertical-align:baseline; 
        background:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_more.png") no-repeat 0 50%; 
        background-size: 8px auto; }

  /* typeSwipe */
    .ec-base-paginate.typeSwipe { font-size:0; line-height:0; }
    .ec-base-paginate.typeSwipe button.circle { overflow:hidden; margin:0 3px 0 4px; width:10px; height:10px; border:0; border-radius:13px; cursor:pointer; background-color:#d5d5d5; }
    .ec-base-paginate.typeSwipe button.circle.selected { background-color:#777; }
    .ec-base-paginate.typeSwipe span { overflow:hidden; font-size:1px; line-height:0; color:transparent; text-indent:-150%; }
    .ec-base-paginate.typeSwipe button.prev,
    .ec-base-paginate.typeSwipe button.next { width:31px; font-size:12px; line-height:1.2em; border:0; cursor:pointer; background:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_prev.png") no-repeat 50% 50%; background-size:7px auto; }
    .ec-base-paginate.typeSwipe button.next { background:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_next.png") no-repeat 50% 50%; background-size:7px auto; }
    .ec-base-paginate.typeSwipe .prev,
    .ec-base-paginate.typeSwipe .next { display:none; }

  /* typeZoom */
    .ec-base-paginate.typeZoom .btnPrev,
    .ec-base-paginate.typeZoom .btnNext { overflow:hidden; width:31px; height:27px; border:1px solid #d9d9d9; border-radius:2px; font-size:1px; line-height:0; color:transparent; text-indent:-150%; background:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_prev.png") no-repeat 50% 50%; background-size:7px auto; }
    .ec-base-paginate.typeZoom .btnNext { background:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_next.png") no-repeat 50% 50%; background-size:7px auto;  }

  /* typeTotal */
    .paginate.typeTotal { color:#696969; }
    .paginate.typeTotal > span { margin:0 8px;font-weight:bold; }
    .paginate.typeTotal p { display:inline-block;vertical-align:middle; }
    .paginate.typeTotal .icoPrev,
    .paginate.typeTotal .icoNext { width:7px; height:13px; font-size:15px; line-height:1.2em; background:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_prev.png") no-repeat 50% 50%; background-size:7px auto; }
    .paginate.typeTotal .icoNext { background:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_next.png") no-repeat 50% 50%; background-size:7px auto; }
    .paginate.typeTotal p span { overflow:hidden; display:block; width:29px; text-indent:-999px; }
    .paginate.typeTotal strong { color:#333; }


.ec-base-help { margin:8px 4px; font-size:11px; color:#757575; }
p.ec-base-help,
div.ec-base-help,
ul.ec-base-help li,
ol.ec-base-help li { padding:0 0 2px 18px; line-height:1.5; text-align:left; background:url("//img.echosting.cafe24.com/skin/mobile/common/ico_help.png") no-repeat 0 2px; background-size:14px auto; }
  /* Ordered List */
    ol { list-style:none; }
    ol.ec-base-help { counter-reset:rank 0; }
    ol.ec-base-help li { position:relative; padding:0 0 0 13px; background:none; }
    ol.ec-base-help li:before { counter-increment:rank 1; content:counter(rank)'.'; position:absolute; top:0; left:0; }
  /* typeDash */
    p.ec-base-help.typeDash,
    ul.ec-base-help.typeDash li { position:relative; padding:0 0 0 10px; background:none; }
    p.ec-base-help.typeDash:before,
    ul.ec-base-help.typeDash li:before { content:""; position:absolute; top:9px; left:0; width:5px; height:1px; background:#757575; }
/* admin icon */
.ec-admin-icon.cart { height:26px; cursor:pointer; }

.ec-base-product { padding:0; }

.ec-base-product .mainprd_tittle {
    margin: 75px 0 25px;
    display: block;
    text-align: center;
    font-size: 12px;
    letter-spacing: 0.230em;
    font-weight: bold;
    color: #333;}

.ec-base-product h2 { max-height:43px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; line-height:43px; padding:0 42px 0 14px; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_title_close.gif") no-repeat right 14px top 50%; background-size:13px 8px; cursor:pointer; }
.ec-base-product h3 { margin-bottom:14px; }
.ec-base-product img { max-width:100%; }
.ec-base-product > ul { padding: 0; }
.ec-base-product li { vertical-align:top; }
.ec-base-product [class*="grid"] { display:table; table-layout:fixed; width:100%; box-sizing:border-box; padding:0 4px; font-size:0; line-height:0; }
.ec-base-product [class*="grid"] > li { position: relative; display:inline-block; margin:0 0 28px; vertical-align:top; text-align:center; font-size:12px; line-height:1.4; }
.ec-base-product .thumbnail { position:relative; margin:0 4px 8px; }
.ec-base-product .thumbnail a { display:block; }
.ec-base-product .thumbnail a img { display:block; width:100%; vertical-align:top; box-sizing: border-box; }
.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 .wish { position:absolute; right:3px; bottom:3px; z-index:10; }

.ec-base-product .description {
    margin:0 4px; 
    text-align: center; 
    font-size: 11px; }
.ec-base-product .description .spec { margin: 7px 0 0; }
.ec-base-product .description .spec > li { line-height: 18px; word-break: keep-all; }
.ec-base-product .description .spec > li .discountPeriod { display: none; }
.ec-base-product .description .name { margin:0 0 7px; line-height: 16px; word-break: keep-all; }
.ec-base-product .description .name a { font-size:12px; color:#333; font-weight: 400; letter-spacing: .07em; }
.ec-base-product .description .icon { margin:3px 0 7px; }
.ec-base-product .description .icon img { margin: 0 4px 4px 0 ; } 
.ec-base-product .description .price { font-size:11px; margin:0px; }
.ec-base-product .description .summary { color: #838383;}
.ec-base-product .description .strike,
.ec-base-product .description .mPriceStrike { text-decoration:line-through; }
.ec-base-product .description li.cart { margin:0 0 7px; }
.ec-base-product .description .color { display: inline-block; overflow:hidden; margin: 2px 0 0; }
.ec-base-product .description .color .chips { float:left; width:20px; height:9px; margin:0 1px 2px; border: 1px solid #dfdfdf; box-sizing: border-box; font-size:0; line-height:0; }
.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:#333; }

.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; }
.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:11px; }
.ec-base-product.typeDesc .description .price.sale { color:#333; font-size:11px; }
.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; 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:#333; font-size:13px; font-weight:bold; text-align:center; }
.ec-base-product .layerDiscountPeriod ul { margin:0 7px 14px; padding:0; border:1px solid #d5d5d5; }
.ec-base-product .layerDiscountPeriod ul li { position:relative; padding:14px 13px 14px 100px; border-top:1px solid #ececec; color:#333; }
.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%; }

/* Thumbnail icon position */
.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%; }
.ec-base-product .grid2 > li { width:50%; }
.ec-base-product .grid3 > li { width:33.333%; }
.ec-base-product .grid4 > li { width:25%; }
.ec-base-product .grid5 > li { width:20%; }

@media all and (max-width:480px) {
  .ec-base-product .prdList.grid1 > li { width:100%; }
  .ec-base-product .prdList.grid2 > li { width:50%; }
  .ec-base-product .prdList.grid3 > li { width:33.333%; }
  .ec-base-product .prdList.grid4 > li { width:25%; }
  .ec-base-product .prdList.grid5 > li { width:20%; }

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

@media all and (min-width:481px) and (max-width:767px) {
  .ec-base-product .prdList.grid2 > li { width:33.333%; }
  .ec-base-product .prdList.grid3 > li,
  .ec-base-product .prdList.grid4 > li,
  .ec-base-product .prdList.grid5 > li { width:25%; }

  .ec-base-product [class*="grid"] li .name { font-size:11px; }
}

@media all and (min-width:768px) {
  .ec-base-product .prdList.grid2 > li { width:25%; }
  .ec-base-product .prdList.grid3 > li,
  .ec-base-product .prdList.grid4 > li,
  .ec-base-product .prdList.grid5 > li { width:20%; }

  .ec-base-product [class*="grid"] li .name { font-size:11px; }
}


/* lb grid */
.ec-base-product .grid1.lb > li { width:100%; margin: 0; }
.ec-base-product .grid2.lb > li { width:50%; margin: 0; }
.ec-base-product .grid3.lb > li { width:33.333%; margin: 0; }
.ec-base-product .grid4.lb > li { width:25%; margin: 0; }

.ec-base-product .grid1.lb .thumbnail { margin: 1.5%; }
.ec-base-product .grid2.lb .thumbnail { margin: 1.5%; }
.ec-base-product .grid3.lb .thumbnail { margin: 1.5%; }
.ec-base-product .grid4.lb .thumbnail { margin: 1.5%; }

.ec-base-product .grid1.lb li .name,
.ec-base-product .grid2.lb li .name,
.ec-base-product .grid3.lb li .name,
.ec-base-product .grid4.lb li .name {
    position: absolute;
    top: 50%;
    left: 50%;
    line-height: 20px;
    margin: 0; 
    text-align: center;
    transform:translate(-50%,-50%); }

.ec-base-product .grid1.lb li .name a,
.ec-base-product .grid2.lb li .name a,
.ec-base-product .grid3.lb li .name a,
.ec-base-product .grid4.lb li .name a {
	color: #fff;
	font-size: 16px;
	font-weight: 700; 
	letter-spacing: .07em;
	text-shadow: rgba(0,0,0,.5) 2px 2px 8px; }


@media all and (min-width:768px) {
  .ec-base-product .prdList.grid2.lb > li,
  .ec-base-product .prdList.grid3.lb > li { width:33.33%; }
  .ec-base-product .prdList.grid4.lb > li { width:20%; }
}
/* button */
  .btnNormal, .btnStrong, .btnBasic, .btnSubmit, .btnEm { 
      display:inline-block; 
      height: 30px;
      line-height: 28px; 
      text-align:center;
      font-family: 'Mukta Vaani', 'Noto Sans KR', sans-serif;
      font-size:11px;
      font-weight: 500;
      letter-spacing: .07em; 
      -moz-box-sizing:border-box;
      box-sizing:border-box; }
  .btnNormal, .btnStrong, .btnBasic { padding:0 10px; vertical-align:middle; }
  .btnNormal { color:#333; border:1px solid #999; }
  .btnStrong { color:#333; border:1px solid #999; }
  .btnSubmit { padding:0 10px; color:#333; border:1px solid #999; }
  .btnEm { padding:0 10px; color:#333; border:1px solid #999; }
  .btnBasic { color:#333; border:1px solid #999; }
  /* midi */
    [class*="btn"].large { height:36px; line-height:34px; }
  /* mini */
    [class*="btn"].mini { height:26px; line-height:24px; }

/* 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:10px auto; text-align:right; }
  .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; padding:0 3px; 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:0 7px; box-sizing:border-box; 
      -webkit-box-shadow: 0px -4px 4px 0px rgba(120, 120, 120, 0.5);
      -moz-box-shadow: 0px -4px 4px 0px rgba(120, 120, 120, 0.5);
      box-shadow: 0px -4px 4px 0px rgba(120, 120, 120, 0.5);
    }
    .ec-base-button.gFixed .state + .ec-base-button { margin-top:3px; }
    .ec-base-button.gFixed .state { overflow:hidden; margin:0 auto; font-size:11px; }
    .ec-base-button.gFixed .state .count { float:left; padding:7px 0; }
    .ec-base-button.gFixed .state .price { float:right; padding:7px 0; }
    .ec-base-button.gFixed .price strong { font-weight:normal; }
    .ec-base-button.gFixed .count strong,
    .ec-base-button.gFixed .price em { color:#333; font-weight:bold; }

@media all and (min-width:768px) {
  .btnSubmit { height:46px; line-height:44px; font-size:11px; }
  .btnEm { height:46px; line-height:44px; font-size:11px; }
}
/* base */
.ec-base-box { padding:14px; margin:14px; border:1px solid #d5d5d5; line-height:1.6; color:#757575; }
.ec-base-box.center { text-align:center; }
#popup { height:100%; background:transparent; }
.popup .ec-base-layer { position:relative; }
/* ec-base-layer */
.ec-base-layer { 
    position:fixed; 
    z-index:300; 
    top:0;
    bottom:0;
    left:0;
    right:0;
    min-width:320px; 
    width:100%;
    height:100%;
    display:-webkit-flex;
    display:-ms-flex;
    display:flex; 
    background:#fff;
    -webkit-flex-direction:column; 
    -moz-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;}
.ec-base-layer h1 { 
    width:100%; 
    height:36px;
    text-align:center;
    font-size:12px;
    line-height:36px;
    color:#fff; 
    border-bottom: 1px solid #d5d5d5;
    box-sizing:border-box; 
    background:#c7bdb3; }
.ec-base-layer .wrap { 
    -webkit-flex:1;
    -moz-flex:1; 
    -ms-flex:1;
    flex:1;
    height:100%;
    padding:14px;
    font-size:11px; 
    overflow-x:auto;
    overflow-y:auto;
    box-sizing:border-box;
    -webkit-overflow-scrolling:touch; }
.ec-base-layer .btnClose { 
    overflow:hidden;
    position:absolute;
    right:0;
    top:0; 
    z-index:510;
    width:36px;
    height:36px; 
    border:0;
    padding:0; 
    font-size:0; 
    text-indent:-150%; 
    background:url("//img.echosting.cafe24.com/skin/mobile/common/btn_close_white.png") center center no-repeat; 
    background-size:14px 14px; }
  /* theme */
    .ec-base-layer[class*="theme1"] .wrap { background:#fff; }
  /* gClearFlex */
    .ec-base-layer.gClearFlex { display:block; padding:0 0 94px; box-sizing:border-box; }
    .ec-base-layer.gClearFlex .wrap { -webkit-flex:none; -moz-flex:none; -ms-flex:none; flex:none; height:auto; }
  /* typeModal */
    .ec-base-layer.typeModal { 
        overflow:hidden;
        z-index:500; 
        top:50px; 
        bottom:auto; 
        left:0;
        right:0;
        min-width:280px; 
        max-width:600px;
        width:92%;
        height:auto; 
        margin:auto;
        border-radius:0px;
        -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.25);
        -moz-box-shadow:    0px 0px 10px 2px rgba(0, 0, 0, 0.25);
        box-shadow:         0px 0px 10px 2px rgba(0, 0, 0, 0.25);}
    .ec-base-layer.typeModal h1 { 
        padding:0 14px;
        line-height:36px; 
        margin: 0; 
        font-size:12px; 
        text-align:left;
        letter-spacing: 0.130em;
        border-bottom:1px solid #d5d5d5; 
        color:#333; 
        border-radius: 0; }
    .ec-base-layer.typeModal .wrap { max-height:200px; min-height:100px; padding:14px; background:#fff; }
    .ec-base-layer.typeModal .ec-base-button.gColumn {margin: 0 auto 10px;}
	.ec-base-layer.typeModal .ec-base-button.gColumn .btnEm {
        display: inline-block;
        border-radius:0px; 
        vertical-align: top;
        height:24px; 
        line-height:24px; 
        padding:0 10px; 
        font-size:11px; 
        color:#333; 
        border:1px solid #ccc; 
		text-decoration: none;}
	.ec-base-layer.typeModal .ec-base-button.gColumn .btnSubmit {
        display: inline-block;
        border-radius:0px; 
        vertical-align: top;
        height:24px; 
        line-height:24px; 
        padding:0 10px; 
        font-size:11px; 
        color:#333; 
        border:1px solid #ccc; 
		text-decoration: none;}
	.ec-base-layer.typeModal .ec-base-button.gColumn .btnSubmit_wish {
        display: inline-block;
        border-radius:0px; 
        vertical-align: top;
        height:22px; 
        line-height:24px; 
        padding:0 10px; 
        font-size:11px; 
        color:#333; 
        border:1px solid #ccc; 
		text-decoration: none;}
    .ec-base-layer.typeModal .btnClose { background:url("//img.echosting.cafe24.com/skin/mobile/common/btn_close_black.png") center center no-repeat; background-size:12px 12px; }


  /* typeWide */
    .ec-base-layer.typeWide { background:#e3e4e7; }
    .ec-base-layer.typeWide h1 { height:56px; padding:0 42px; line-height:56px; font-size:20px; font-weight:normal; box-sizing:border-box; }
    .ec-base-layer.typeWide .wrap { padding:0; font-size:16px; line-height:1.4em; letter-spacing:-0.4px; }
    .ec-base-layer.typeWide .btnClose { top:10px; right:10px; background-image:url("//img.echosting.cafe24.com/skin/mobile/order/btn_close.png"); background-size:21px 21px; }
    .ec-base-layer.typeWide > .ec-base-button.gFull { padding:15px 14px 8px; }   
 
/* ec-base-button */
  .ec-base-layer .wrap + div > .ec-base-button,
  .ec-base-layer .wrap + .ec-base-button,
  .ec-base-layer > .ec-base-button { margin:0; padding:7px 14px 7px 10px; border-radius:0 0 5px 5px; box-sizing:border-box; }
  .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 > .ec-base-button { padding:0; }
/* ec-base-tab */
.ec-base-tab:after { content:""; display:block; clear:both; }
.ec-base-tab ul {
    width: 96%;
    margin: 0 auto;
    display:flex;
    border-top: 0; 
    border-bottom:0;
    font-size:11px;
    word-break:break-all; }
.ec-base-tab li { 
    display:flex; 
    flex:1;
    min-height:38px;
    text-align:center; 
	letter-spacing: .04em; }
.ec-base-tab .gFlex2 { flex:2; }
.ec-base-tab a { 
    display:flex;
    margin: 0 2px;
    padding: 0 4px;
    color: #d5d5d5; 
    border-bottom: 2px solid #d5d5d5;
    border-radius: 0;
    box-sizing: border-box;
    flex-basis:100%;
    justify-content:center;
    flex-wrap:nowrap; 
    align-items:center; }
.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 { }
.ec-base-tab li.selected a {
    color:#777;
    border-bottom: 2px solid #777;
    font-weight: 700; }

/* 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 { border-left:1px solid #c8cdd2; }
.ec-base-tab.typeSub .selected a { margin:0 0 -1px; color:#333; background:#fff; }
/*  tooltip */
  .ec-base-tooltip-area { display:inline-block; vertical-align:top; }
  .ec-base-tooltip-area.show { z-index:301; }
  .ec-base-tooltip-area .btnTip { overflow:hidden; padding:0 0 0 5px; margin:0; border:0; white-space:nowrap; width:14px; height:14px; font-size:1px; line-height:0; vertical-align:middle; color:transparent; text-indent:-150%; cursor:pointer; background:url("//img.echosting.cafe24.com/skin/mobile/common/ico_help.png") right center no-repeat; background-size:14px 14px; }
  /* ec-base-tooltip */
    .ec-base-tooltip { display:none; z-index:2; position:absolute; top:inherit !important; left:0 !important; right:0 !important; width:88%; margin:3px auto 0; padding:0 14px 14px; text-align:left; border:1px solid #ccc; border-radius:2px; letter-spacing:normal; }
    .ec-base-tooltip .title { display:block; padding:0 20px 0 0; font-size:15px; color:#333; line-height:43px; }
    .ec-base-tooltip ul { color:#757575; }
    .ec-base-tooltip ul li { font-size:13px; }
    .ec-base-tooltip .content table + .title { margin-top:14px; }
    .ec-base-tooltip p { float:none; font-size:12px; text-align:left; }
    .ec-base-tooltip p strong { font-weight:normal; font-size:13px; }
    .ec-base-tooltip .btnClose { overflow:hidden; position:absolute; right:10px; top:10px; width:25px; height:25px; margin:0 !important; font-size:1px; line-height:0; text-indent:150%; white-space:nowrap; border:0; background:url("//img.echosting.cafe24.com/skin/mobile/common/btn_close.png") no-repeat 50% 50%; background-size:13px 13px; }
    /* typeUpper */
      .ec-base-tooltip.typeUpper { position:absolute; left: 7px !important; bottom:33px !important; width:200px; margin:0; padding:14px 28px 14px 14px; border:1px solid #ccc; border-radius:2px; 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.typeUpper:before { content:""; position:absolute; left:40%; bottom:-5px; display:inline-block; width:0; height:0; margin:-3px 0 0; border-left:5px solid transparent; border-top:5px solid #ccc; border-right:5px solid transparent; }
      .ec-base-tooltip.typeUpper:after { content:""; position:absolute; left:40%; bottom:-4px; display:inline-block; width:0; height:0; margin:-3px 0 0; border-left:5px solid transparent; border-top:5px solid #fff; border-right:5px solid transparent; }

/* 배송비 레이어 */
  .shippingFee { display:inline-block; position:static; vertical-align:middle; }
  .shippingFee > a.btnNormal { margin:-3px 0 0 5px; }

  .shippingFee .wrap { display:none; z-index:999; position:fixed; left:2%; width:96%; top:100px; margin:0; border:1px solid #d5d5d5; border-radius:5px; box-sizing:border-box;
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
  }
  .shippingFee .wrap h3 { padding:0 14px; font-size:13px; line-height:36px; border-bottom:1px solid #d5d5d5; border-radius:5px 5px 0 0; }
  .shippingFee .wrap .content { padding:14px; }
  .shippingFee .wrap h4 { position:relative; margin:0 7px 7px; }
  .shippingFee .wrap h4:before { display:inline-block; content:""; margin:0 5px 0 0; width:3px; height:3px; background:#666; vertical-align:middle; }
  .shippingFee .wrap table + h4 { margin-top:14px; }
  .shippingFee .wrap p strong { font-weight:normal; font-size:13px; }
  .shippingFee .wrap table { }
  .shippingFee .wrap th,
  .shippingFee .wrap td { padding:7px; border:1px solid #d5d5d5; }
  .shippingFee .wrap th { width:80px; border-right-width:0; color:#333; }
  .shippingFee .wrap td { border-left-width:0; }
  .shippingFee .wrap .txtEm { color:#333; }
  .shippingFee .wrap .info { margin:0; color:#757575; font-size:11px; }
  .shippingFee .wrap .btnClose { overflow:hidden; position:absolute; right:0; top:0; width:36px; height:36px; font-size:0; border:none; background:transparent url("//img.echosting.cafe24.com/skin/mobile/common/btn_close.png") center center no-repeat; background-size:14px 14px; }
/* ec-base-table */
.ec-base-table { border:1px solid #d5d5d5; word-break:break-all; word-wrap:break-word; color:#333; background:#fff; }
.ec-base-table table { position:relative; }
.ec-base-table table:after { position:absolute; top:0; left:0; display:block; content:""; width:100%; height:1px; }
.ec-base-table th,
.ec-base-table td { border-top:1px solid #ececec; font-size:11px; vertical-align:top; }
.ec-base-table th { font-weight:normal; color:#757575; }
.ec-base-table td { padding:12px 13px; }
.ec-base-table tbody th { padding:12px 0 12px 13px; text-align:left; }
.ec-base-table td.clear { padding:0 !important; }
 
/* horizontal */
  /* typeWrite */
    .ec-base-table.typeWrite td { padding:7px 13px 6px; }
    .ec-base-table.typeWrite tr td:first-child { padding:12px 13px; }
    .ec-base-table.typeWrite img { max-width:100% !important; height:auto !important; }
  /* gCellNarrow */
    .ec-base-table.gCellNarrow tbody th { padding:7px 0 7px 13px; }
    .ec-base-table.gCellNarrow td { padding:7px 13px; }
  /* gClearBorderTop */
    .ec-base-table.gClearBorderTop { border-top-width:0; }
  /* gClearBorder */
    .ec-base-table.gClearBorder { border-width:0; }
  /* gClearCell */
    .ec-base-table.gClearCell { padding:4px 0; }
    .ec-base-table.gClearCell table:after { display:none; }
    .ec-base-table.gClearCell th,
    .ec-base-table.gClearCell td,
    .ec-base-table.typeWrite.gClearCell th { border-width:0; padding-top:6px; padding-bottom:6px; }
    .ec-base-table.typeWrite.gClearCell td { padding-top:3px; padding-bottom:4px; }
  /* gLineTop */
    .ec-base-table .gLineTop { border-top:1px solid #ececec !important; }
    .ec-base-table.gClearCell tbody.gLineTop tr:first-child th,
    .ec-base-table.gClearCell tbody.gLineTop tr:first-child td { padding-top:10px; }
 
/* vertical */
  /* typeList */
    .ec-base-table.typeList { border-width:0; }
    .ec-base-table.typeList table:after { display:none; }
    .ec-base-table.typeList thead th { text-align:center; }
    .ec-base-table.typeList th,
    .ec-base-table.typeList td { padding:9px 10px; vertical-align:middle; border:1px solid #d7d5d5; }
    .ec-base-table.typeList.gClearBorderTop thead th { border-top-width:0; }
 
/* common */
  /* align */
    .ec-base-table .left { text-align:left; }
    .ec-base-table .center { text-align:center; }
    .ec-base-table .right { text-align:right; }
    .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; }
  /* form */
    .ec-base-table img { vertical-align:middle; }
 
/* reset */
  .ec-base-table td.clear .ec-base-help { margin-left:13px; margin-right:13px; }
.ec-base-fold { position:relative; }
.ec-base-fold > .title { position:relative; z-index:1; overflow:hidden; padding:14px 43px 14px 14px; cursor:pointer; font-size:13px; line-height:1.3; -webkit-tap-highlight-color:rgba(255,255,255,0);
display:-webkit-flex; display:-ms-flex; display:-moz-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; -moz-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; -ms-justify-content:space-between; -moz-justify-content:space-between; justify-content:space-between; }
.ec-base-fold > .title h2,
.ec-base-fold > .title h3 { display:inline-block; font-size:11px; letter-spacing: 0.120em; line-height:1.3; }
.ec-base-fold > .title h3, .ec-base-fold > .title p { color:#757575; font-size:11px;}
.ec-base-fold > .title:after { content:""; position:absolute; top:0; right:0; width:40px; height:100%; background:url("//m.namuhotel.com/web/upload/creactual/btnMore.png") no-repeat 50% 50%; background-size:15px auto; -webkit-transition:.3s ease-out; transition:.3s ease-out; }
.ec-base-fold .contents { display:none; }
.ec-base-fold .ec-base-fold { border-width:1px 0 0; }
.ec-base-fold + .ec-base-fold { margin-top:7px; }
.ec-base-fold .ec-base-fold + .ec-base-fold { margin-top:0; }
   .ec-base-fold.selected > .title:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform:rotate(180deg); }
   .ec-base-fold.selected > .contents { display:block; }

/* theme1 */
.ec-base-fold.theme1 > .title { margin:-1px; color:#333; }

/* theme2 */
.ec-base-fold.theme2 > .title { padding-right:34px; color:#333; }
.ec-base-fold.theme2 > .title:after,
.ec-base-fold.theme3 > .title:after {background-image: url("//img.echosting.cafe24.com/skin/mobile/layout/ico_arrow_gray.png"); }

/* theme3 */
.ec-base-fold.theme3 > .title { color:#333; }
.ec-base-fold.theme3 > .title h3 { font-weight:bold; color:#333; }
.ec-base-fold.theme3 .contents { padding:0 14px 14px; }

/* theme4 */
.ec-base-fold.theme4 { margin:14px 7px 29px; font-size:11px; }
.ec-base-fold.theme4 dt { position:relative; padding:13px 30px 13px 14px; line-height:1.2; font-size:11px; cursor:pointer; }
.ec-base-fold.theme4 dt:after { content:""; position:absolute; right:10px; top:0; width:20px; height:100%; background:url("//img.echosting.cafe24.com/skin/mobile/layout/ico_arrow_gray.png") no-repeat 0 50%; background-size:20px auto; -webkit-transition:.3s ease-out; transition:.3s ease-out; }
.ec-base-fold.theme4 dd + dt { border-top:1px solid #d5d5d5; }
.ec-base-fold.theme4 dd { display:none; padding:10px 10px; font-size:11px; line-height:1.5; border-top:1px solid #d5d5d5; }
.ec-base-fold.theme4 dd.selected { display:block; }
.ec-base-fold.theme4 dt.selected:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform:rotate(180deg); }

/* ec-base-prdInfo */
.ec-base-fold .ec-base-prdInfo { margin:0; border:0; }
.ec-base-fold .ec-base-prdInfo .option { margin:0; }
.ec-base-fold .ec-base-prdInfo .prdFoot { margin:0 -14px -6px; }
.ec-base-fold .ec-base-prdInfo .prdTotal { margin:0 -14px -6px; }

/* ec-base-table */
.ec-base-fold > .contents .ec-base-table,
.ec-base-fold .ec-base-fold > .contents .ec-base-table { border:0; }
.ec-base-prdInfo { 
    position:relative; 
    margin:0 0 7px; 
    padding:14px 14px 6px;
    border:1px solid #d5d5d5;
    box-sizing:border-box; }
.ec-base-prdInfo .prdCheck { display:inline-block; margin-bottom:7px; }
.ec-base-prdInfo .prdBox { display:-webkit-flex; display:-ms-flex; display:flex; min-height:90px; margin-top:7px; }
.ec-base-prdInfo .thumbnail { overflow:hidden; width:75px; height:85px; margin-right:15px; box-sizing:border-box; }
.ec-base-prdInfo .thumbnail img { width:100%; }
.ec-base-prdInfo .description { overflow:hidden; -webkit-flex:1; -ms-flex:1; flex:1; overflow:hidden; }
.ec-base-prdInfo .description .prdName { display:block; margin:0 0 10px; font-size:13px; }
.ec-base-prdInfo .description .prdName a { color:#4a5164; }
.ec-base-prdInfo .description .prdName .ec-set-product-name { display:block; margin:0 0 3px; }
.ec-base-prdInfo .description .info { margin:0 0 14px; }
.ec-base-prdInfo .description .info li { margin:0 0 7px; font-size:11px; color:#757575; }
.ec-base-prdInfo .description .info .price { font-size:11px; color:#333; }
.ec-base-prdInfo .description .info .price .refer { font-weight:normal; font-size:11px; }
.ec-base-prdInfo .description .info .price .discount { font-weight:normal; text-decoration:line-through; }
.ec-base-prdInfo .description .info .price .strike { font-weight:normal; text-decoration:line-through; }
.ec-base-prdInfo .description .info .price .strike strong { font-weight:normal; }
.ec-base-prdInfo .description .price .quantity { position:relative; display:inline-block; margin:0 0 0 10px; padding:0 0 0 14px; font-size:13px; }
.ec-base-prdInfo .description .price .quantity:before { display:block; content:""; position:absolute; top:1px; left:0; width:1px; height:13px; background:#989899; }
.ec-base-prdInfo .description input[type="number"] { max-width:51px; }
.ec-base-prdInfo .description .info .amount button { margin:0; padding:0; border:0; } /* gift > quantity */
.ec-base-prdInfo .description .info .amount { width:50px; }
.ec-base-prdInfo .description .info input.amount { text-align:right; }
.ec-base-prdInfo .description  input[type="tel"] { text-align:right; }
.ec-base-prdInfo .description .quantity input[type="tel"] { width:51px; }

.ec-base-prdInfo .prdFoot { padding:6px 12px; font-weight:bold; line-height:26px; color:#333; text-align:center; }
.ec-base-prdInfo .prdFoot:after { content:''; display:block; clear:both; }
.ec-base-prdInfo .prdFoot .gLeft { 
    float:left;
    text-align:left;
    font-size: 11px; }
.ec-base-prdInfo .prdFoot .gLeft strong {font-weight: normal;}
.ec-base-prdInfo .prdFoot .gRight { float:right; text-align:right; }
.ec-base-prdInfo .prdFoot .store { color:#333; font-weight:normal; }
.ec-base-prdInfo .prdFoot .btnBasic { font-weight:normal; }
.ec-base-prdInfo .prdFoot span > span > span { font-size:11px; }
.ec-base-prdInfo  prdFoot span span.discount { text-decoration:line-through; }
.ec-base-prdInfo .prdFoot span span.discount strong {font-weight:normal; }


.ec-base-prdInfo p.option { margin:0 14px; padding:10px 0; border-top:1px solid #ececec; font-size:11px; }
.ec-base-prdInfo .option { padding:0; color:#333; }
.ec-base-prdInfo .option > li { font-size: 11px; }
.ec-base-prdInfo .option > li .name { 
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex; 
    min-height:29px;
    line-height: 32px;
    margin:0; 
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between; 
    -ms-justify-content:space-between; 
    justify-content:space-between;
    -webkit-align-items:center;
    -moz-align-items:center;
    -ms-align-items:center;
    align-items:center; }
.ec-base-prdInfo .option > li .optionDesc { word-break:break-all; }
.ec-base-prdInfo .option > li .change { margin:0 0 0 5px; white-space:nowrap; }
.ec-base-prdInfo .option .file a { margin:0 0 0 4px; padding:0 0 0 11px; color:#80aeef; text-decoration:underline; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/order/ico_attach.png") no-repeat 0 0; background-size:8px 13px; }
.ec-base-prdInfo .layerOptionModify { display:none; width:auto; margin:7px 0 14px; padding:14px; border:1px solid #d5d5d5; }
.ec-base-prdInfo .layerOptionModify .titleArea { margin-top:3px; display:none; }
.ec-base-prdInfo .layerOptionModify ul { padding:0; font-size:12px; }
.ec-base-prdInfo .layerOptionModify li { position:relative; margin:0 0 7px; padding:0 0 0 73px; }
.ec-base-prdInfo .layerOptionModify li .optionItem { display:block; position:absolute; top:0; left:0; width:73px; height:29px; font-size:13px; color:#757575; line-height:29px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ec-base-prdInfo .layerOptionModify select,
.ec-base-prdInfo .layerOptionModify input[type="text"] { width:100%; }
.ec-base-prdInfo .layerOptionModify .ec-base-button.gCenter { margin:0; }

/* orderList > ec-base-prdInfo  */
.orderList .ec-base-prdInfo { margin:-1px 0 0; border-width:1px 0 0 0; }
.orderList .ec-base-prdInfo .option { margin:0; }
.orderList .ec-base-prdInfo .prdFoot { margin:0 -14px -6px; }
/* order_result.html > orderArea > ec-base-prdInfo */
.orderArea .ec-base-fold .ec-base-prdInfo { border-bottom:1px solid #d5d5d5; }
.orderConfirmLayer .orderArea .ec-base-prdInfo { border-bottom:0; }
.orderArea .ec-base-prdInfo + .ec-base-prdInfo { border-top:1px solid #d5d5d5; }