/* BASIC css start */
/* BASIC css start */
/* 다찾다 자동완성*/
.search-auto-complete-list { display:none; z-index:1; position:absolute; top:43px; left:0; width:100%; line-height:14px; background:#fff; box-shadow:0px 0px 5px 0px rgb(0 0 0 / 20%); }
.search-auto-complete-list ul { width:100%; padding:8px 5px 10px 5px; border-bottom:1px solid #ddd; display: flex; flex-wrap: wrap;}
.search-auto-complete-list ul li { text-align:center; margin: 3px; }
.search-auto-complete-list ul li a { display:block; padding:8px 14px; color:#000; border: 1px solid #eee; border-radius: 10px; background:none; font-family:'malgun gothic'; font-size:11px; letter-spacing:-1px; } 
.search-auto-complete-list ul li a strong { color:#ab3e41; }
.search-auto-complete-list ul li a:hover { background:#f2f2f2; }
.search-auto-complete-list ul li a:hover span {}
.search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#666; font-size:11px; }


/* 다찾다 검색 파인더 - 레이어 */
#allfinder-ctr { z-index: 100; position: fixed; right:0; bottom:50%; }
#allfinder-ctr a { display:block; width:77px; height:64px; background:url('/images/common/allfinder_ctrl_mo.png') no-repeat 0 0; background-size:100% 100%; border:none; outline:none; font-size:0; }

.all-finder-layer { z-index:200; position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; overflow-y:auto; }
.all-finder-layer .finder-hd { z-index:1; position:fixed; top:0; left:0; width:100%; height:60px; border-bottom:1px solid #e7e7e7; background:#fff; }
.all-finder-layer .finder-hd .fa-close { position:absolute; top:17px; right:10px; font-size:26px; color:#000; }
.all-finder-layer .finder-hd .finder-tit { height:60px; line-height:60px; padding:0 10px; font-size:16px; font-weight:bold; color:#000; letter-spacing:-2px; }
.all-finder-layer .finder-search { position:relative; margin:0 10px 20px; border:2px solid #000; border-radius:3px; }
.all-finder-layer .finder-search .fa-search { display: inline-block; width: 40px; height: 42px; line-height: 42px; text-align: center; font-size: 18px; }
.all-finder-layer .finder-search .txt-input { width:85%; height:42px; line-height:42px; margin:0; padding:0; font-size:14px; outline:none; border:none; color: #000; vertical-align:top; letter-spacing:-1px; }
.all-finder-layer .finder-search .txt-input::-webkit-input-placeholder { color:#b1b1b1; }
.all-finder-layer .finder-search dd { background:#FFF; }
.all-finder-layer .finder-opt { padding:60px 0 55px; color:#000; }
.all-finder-layer .finder-opt dl dt { position:relative; height:53px; line-height:53px; padding:0 10px; border-top:1px solid #e7e7e7; font-size:14px; font-weight:bold; color:#000; letter-spacing:-1px; }
.all-finder-layer .finder-opt dl dt .fa { position:absolute; top:50%; right:10px; margin-top:-13px; font-size:25px; color:#b2b2b2; }
.all-finder-layer .finder-opt dl dt > .finder-tooltip-btn { display:inline-block; width:20px; height:20px; line-height:20px; margin-top:0; border:1px solid #cecece; border-radius:20px; color:#666; font-size:11px; background:#fff; text-align:center; outline:none; }
.all-finder-layer .finder-opt dl dt .finder-comm-layer { display:none; position:absolute; top:43px; left:10px; width:70%; padding:0 15px 11px; border:1px solid #000; background:#fff; text-align:left; font-weight:normal; color:#000; z-index:1 }
.all-finder-layer .finder-opt dl dt .finder-comm-layer .finder-btn-close { display:inline-block; position:absolute; top:10px; right:14px; margin:0; font-size:19px; color:#000; outline:none; }
.all-finder-layer .finder-opt dl dt .finder-comm-layer .finder-layer-tit { padding:13px 0; border-bottom:1px solid #e5e5e5; font-size:14px; font-weight:bold; line-height:14px; }
.all-finder-layer .finder-opt dl dt .finder-comm-layer .finder-layer-cnt { padding-top:13px; line-height:1.5; font-size:13px; }
.all-finder-layer .finder-opt dl dd { display:none; padding:10px 5px 0; border-top:1px solid #e7e7e7; background:#f4f4f4; font-size:0; }
.all-finder-layer .finder-opt dl dd label { display:inline-block; width:33.3333%; text-align:center; line-height:18px;}
.all-finder-layer .finder-opt .finder-color label { width:12.5%; }
.all-finder-layer .finder-opt .finder-price .finder-price-input { padding:0 5px 10px; text-align:right; font-size:12px; }
.all-finder-layer .finder-opt .finder-price .finder-price-input:after { clear: both; content: ""; display: block; }
.all-finder-layer .finder-opt .finder-price .finder-price-input span { float:left; display:inline-block; height:34px; line-height:34px; }
.all-finder-layer .finder-opt .finder-price .finder-price-input label { display: inline-block; width: 33%; padding: 0 8px; border: 1px solid #ccc; border-radius:3px; color: #666; background:#fff; }
.all-finder-layer .finder-opt .finder-price .finder-price-input label .txt-input { display: inline-block; width: 84%; height: 32px; line-height: 32px; padding: 0; border: none; background: none; color: #000; outline:none; text-align:right; }
.all-finder-layer .finder-opt .finder-child-category { padding:0; }
.all-finder-layer .finder-opt .finder-child-category .mobile-select-category { padding:15px; margin-bottom:9px; border-bottom:1px solid #e7e7e7; font-size:14px; font-weight:bold; color:#9a9a9a; background:#fff; word-break:break-all; letter-spacing:-1px; }
.all-finder-layer .finder-opt .finder-child-category .mobile-select-category .pd-2px { padding:0 2px; }
.all-finder-layer .finder-opt .finder-child-category .mobile-select-category .fc-black { color:#000; }
.all-finder-layer .finder-opt .finder-child-category .mobile-select-category .fa { margin-left:2px; color:#000; }
.all-finder-layer .finder-btn-c { z-index:1; position:fixed; bottom:0; left:0; width:100%; height:55px; text-align: center; font-size:0; }
.all-finder-layer .finder-btn-c a.reset { display: inline-block; width: 30%; height: 55px; line-height: 55px; background: #999; color: #fff; font-size: 16px; font-weight: bold; letter-spacing: 1px; border:none; }
.all-finder-layer .finder-btn-c button { display: inline-block; width: 70%; height: 55px; line-height: 55px; background: #000; color: #fff; font-size: 16px; font-weight: bold; letter-spacing: -0.5px; border:none; }
.all-finder-layer .finder-btn-c button span.fa-search { margin-right:5px; margin-top:-2px; vertical-align:middle; font-size:0.750em; }
.all-finder-layer .finder-btn-c button span.finder-count { display:inline-block; color:#ffd800; font-size:18px; vertical-align:middle; }

.all-finder-layer .finder-opt .finder-options { display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:80%; height:22px; padding: 5px 5%; line-height:22px; border: 1px solid #ccc; word-break:break-all; border-radius: 20px; background:#fff; color:#000; text-align:center; font-size:12px; }
.all-finder-layer .finder-opt .finder-options.on { font-weight: bold; border: 1px solid #000; box-shadow:2px 2px 3px #d2d2d2; }
.all-finder-layer .finder-opt .finder-option-color em { display: inline-block; width: 33px; height: 33px; border-radius:20px; font-size:0; vertical-align:middle; }
.all-finder-layer .finder-opt .finder-option-color.color-picker { width:33px; height:33px; padding: 0; border: none; } 
.all-finder-layer .finder-opt .finder-option-color.color-picker .fa-check { display:none; width:33px; height:33px; margin-top:-25px; color:#fff; text-align:center; font-size:16px; }
.all-finder-layer .finder-opt .finder-option-color.color-picker.on .fa-check { display:block; }
.all-finder-layer .finder-opt .finder-option-color.color-picker.on.finder-option-color-white .fa-check { color:#000; }

.finder-option-color.finder-option-color-black em { background-color: #000; }
.finder-option-color.finder-option-color-white em { background-color: #FFF; width: 20px; height: 20px; border: 1px solid #e5e5e5; }
.finder-option-color.finder-option-color-gray em { background-color: #808080; }
.finder-option-color.finder-option-color-beige em { background-color: #e5d0b2; }
.finder-option-color.finder-option-color-brown em { background-color: #aa6810; }
.finder-option-color.finder-option-color-navy em { background-color: #425583; }
.finder-option-color.finder-option-color-blue em { background-color: #0000ff; }
.finder-option-color.finder-option-color-light-blue em { background-color: #62acff; }
.finder-option-color.finder-option-color-red em { background-color: #ff0000; }
.finder-option-color.finder-option-color-orange em { background-color: #ffa500; }
.finder-option-color.finder-option-color-yellow em { background-color: #ffff00; }
.finder-option-color.finder-option-color-pink em { background-color: #ffc0cb; }
.finder-option-color.finder-option-color-purple em { background-color: #800080; }
.finder-option-color.finder-option-color-jaju em { background-color: #a63f7f; }
.finder-option-color.finder-option-color-khaki em { background-color: #2f5e2f; }
.finder-option-color.finder-option-color-green em { background-color: #008000; }
.finder-option-color.finder-option-color-light-green em { background-color: #72dd95; }
.finder-option-color.finder-option-color-silver em { background-color: #dfdfdf; }
.finder-option-color.finder-option-color-gold em { background-color: #cfbc4e; }
.finder-option-color.finder-option-color-apricot em { background-color: #fbceb1;  }

.all-finder-layer .search-auto-complete-list { display:none; z-index:1; position:absolute; top:43px; left:0; width:100%; line-height:14px; background:#fff; box-shadow:0px 0px 5px 0px rgb(0 0 0 / 20%); }
.all-finder-layer .search-auto-complete-list ul { width:100%; padding:8px 5px 10px 5px; border-bottom:1px solid #ddd; display: flex; flex-wrap: wrap;}
.all-finder-layer .search-auto-complete-list ul li { text-align:center; margin: 3px; }
.all-finder-layer .search-auto-complete-list ul li a { display:block; padding:8px 14px; color:#000; border: 1px solid #eee; border-radius: 10px; background:none; font-family:'malgun gothic'; font-size:11px; letter-spacing:-1px; } 
.all-finder-layer .search-auto-complete-list ul li a strong { color:#ab3e41; }
.all-finder-layer .search-auto-complete-list ul li a:hover { background:#f2f2f2; }
.all-finder-layer .search-auto-complete-list ul li a:hover span {}
.all-finder-layer .search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#666; font-size:11px; }



.fbold {font-weight:bold !important; }
/*.tfclr { color:#000 !important; }
.tbclr {background:#000 !important; color:#000 !important; border-color:#000 !important }*/
.clear:after { content:""; display:block; clear:both}

#couponLayer {z-index:99999 !important; }
.app-smart-popup {border:0!important;}
.app-smart-popup-slider-dotted.app-smart-popup-slider:after {content:''; width:100%; height:100%; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8);}
.app-smart-popup-slider-list {z-index:1000;}
.app-smart-popup-slider-dots {z-index:1001;}
.app-smart-popup-slider-dots {bottom:10px!important;}
.app-smart-popup-slider-dots li {margin:0 5px!important;}
.app-smart-popup-slider-dots li button {width:8px!important; height:8px!important;}
.app-smart-popup .smart-popup-btns {border:0!important; position:relative; z-index:1000; margin-top:10px;}
.app-smart-popup .smart-popup-btns button.smart-popup-close {width:calc(50% - 5px)!important; height:40px!important; border:1px solid #fff; border-left:1px solid #fff!important; font-size:14px; font-family:"Pretendard"; background:transparent!important; color:#fff!important; }
.app-smart-popup .smart-popup-btns button.smart-popup-close.smart-popup-today {margin-right:10px;}

/**
 * HEADER
 */
#header {box-sizing:border-box; position:relative; top:0; left:0; width:100%;  z-index:999; }
#header .header {vertical-align:top;  transition: height ease 7s 0s; position:relative; }
#header #topArea { position:relative; text-align:center; padding:23px 16px 17px; background:#fff; z-index:100}
#header #topArea .xans-layout-multishoplist {position:absolute; top:calc(50% - 16px); left:50px; height:40px;}
#header #topArea .xans-layout-multishoplist img {width:100%;}
#header #topArea .xans-layout-multishoplist button {position:relative; width:47px; height:32px; line-height:32px; padding-right:15px;}
#header #topArea .xans-layout-multishoplist button:after {content:"\e943"; color:#000; font-family:xeicon; font-size:10px; position:absolute; right:0; line-height:32px; top:0;}
#header #topArea .xans-layout-multishoplist .xans-layout-multishoplistitem {display:none; position:absolute; top:30px; left:0; background:#fff; padding:8px; border:1px solid #eee; z-index:100;}
#header #topArea .xans-layout-multishoplist .xans-layout-multishoplistitem li {font-size:0; margin-bottom:8px; width:32px;}
#header #topArea h1 { text-align:left; margin-left:40px; }
#header #topArea h1 a {display:inline-block;}
#header #topArea h1 img {height:15px; vertical-align:middle; }
#header #topArea .menu_btn  {position:absolute; top:calc(50% - 16.5px); left:12px; font-size:30px; line-height:1.5}
#header #topArea .menu_btn  img {height:32px}
#header #topArea .menu_right {position:absolute; top:calc(50% - 9px); right:10px; display:flex;align-items: center;}
#header #topArea .menu_right > span {display:inline-block; margin-right:14px;position:relative; font-size:20px; line-height:1  }
#header #topArea .menu_right > span:last-child {margin-right:0}
#header #topArea .menu_right span img {height:26px}
#header #topArea .menu_search  #searchBarForm{ position:absolute; top:32px; right:0}
#header #topArea .xans-layout-orderbasketcount a.btnBasket { position:relative; display:block; font-size:24px; }
#header #topArea .xans-layout-orderbasketcount a.btnBasket .count {position: absolute; top:10px; left:5px; max-width: 40px; min-width: 14px; height: 14px; border-radius: 100px; line-height: 14px; text-align: center; text-indent: 0; font-size: 10px; color:#fff; }
#header #topArea .menu_right span.menu_mypage {font-size:24px; }
#header #topArea .menu_right .menu_mypage .join_tip { line-height:1; z-index: 110; font-size: 10px; letter-spacing: -1px; color: #ffffff; font-weight: normal; position: absolute; top: 0;  padding: 3px 5px; margin: -17px  0 -0px; display: block; width: 50px; text-align: center; color: #000; background: #fee100; border-radius: 5px;}
#header #topArea .menu_right .menu_mypage .join_tip:before { color: #fff; content: ""; position: absolute; bottom: -8px; left: 7px; border-width: 4px; border-style: solid; border-color: #fee100 transparent transparent transparent; }

#header #btmArea  {  background:#fff; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; position:relative; }
#header #btmArea .menu_swiper {padding:5px 48px 5px 16px; height: 32px;}
#header #btmArea .menu_swiper .swiper-slide {width:auto; margin-right:16px }
#header #btmArea .menu_swiper .swiper-slide a {display:inline-block; width:100%; line-height:32px; font-size:14px; padding-right:0px; font-weight:bold;   }
#header #btmArea .show_menu {position:absolute; top:0; right:0; width:42px; height:42px; z-index:10; background:#fff; border:1px solid #eee; box-sizing:border-box; font-size:15px;     display: flex; align-items: center; justify-content: center;}
#header #btmArea .show_menu i {color:#333; font-weight:600; transition: all .4s}
#header #btmArea .show_menu.on {background: #333; border-color: #333}
#header #btmArea .show_menu.on i {transform: rotate(180deg); color: #fff}
#header #btmArea .menu_hide_box { display:none; background:#fff;  padding: 20px; box-sizing: border-box;}
#header #btmArea .menu_hide_con {margin-bottom:20px; }
#header #btmArea .menu_hide_con:last-child {margin-bottom:0; }
#header #btmArea .menu_hide_con .menu_tit {font-size: 13px; font-weight: 600; color: #333; margin-bottom: 10px;}
#header #btmArea .menu_hide_con .menu_list {display: flex;  flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
#header #btmArea .menu_hide_con .menu_list li { display: inline-block; width: 24%; border: 1px solid #ddd; box-sizing: border-box; margin: .5%; vertical-align: top}
#header #btmArea .menu_hide_con .menu_list li a {    font-size: 11px; display: block; line-height: 15px; text-align: center; font-weight: 500; word-break: break-all; padding: 8px 0}

#header .topBanner {position: relative; width: 100%; margin: 0 auto; overflow: hidden; font-size: 0; background: #000; height: 40px; line-height: 40px; text-align:center;  }
#header .topBanner a {display: block; height: 40px; color: #fff; line-height: 40px; font-size: 13px;}


#header.headroom--not-top  {position:fixed; }
#header.headroom--not-top .topBanner{display:none !important;}
#header .animated { -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
#header.slideDown .animated { -webkit-animation-name: slideDown;animation-name: slideDown;}
#header.slideUp .animated { -webkit-animation-name: slideUp; animation-name: slideUp;}
#header.slideUp .animated  #btmArea {border-bottom:1px solid #eee;}


/* SlideDown for headroom */ 
@-webkit-keyframes slideDown { 
    0% {-webkit-transform:translateY(-0px)} 
    100% {-webkit-transform:translateY(0)} 
} 
@keyframes slideDown{ 
    0% {transform:translateY(-0px)} 
    100% {transform:translateY(0)} 
} 

/* SlideUp for headroom */ 
@-webkit-keyframes slideUp{ 
    0% {-webkit-transform:translateY(0)} 
    100% {-webkit-transform:translateY(-64px)} 
} 
@keyframes slideUp{ 
    0% {transform:translateY(0)} 
    100% {transform:translateY(-64px)} 
} 

/* SlideDown for headroom */ 

/**
 * 검색
 */

/* 검색창 */
.search_section {display:none;  position:fixed; top:0; left:0; width:100%; height:100%; box-sizing:border-box; z-index:999; padding:62px 20px 0; }
.search_section .bg {position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; box-sizing:border-box;}
.search_section .searchclose {position:fixed; top:26px; right:16px; color:#000; font-weight:600; font-size:24px}
.search_section .tit {  font-weight: 500; font-size: 18px; color: #000; margin-bottom:20px; }

.search_section .search_form { position:relative;  width: 100%;  box-sizing: border-box;}
.search_section .search_form fieldset {display: flex; align-items: center;}
.search_section .search_form #keyword {width: 100%; height: 57px;  box-sizing:border-box;  border: 2px solid #000; padding: 0 20px; padding-right: 50px; font-size: 14px; }
.search_section .search_form a {font-size: 26px;  line-height: 57px; border: 0; background: none; position: absolute; right: 0; width: 50px;    text-align: center;  } 
.search_section .search_form button.btnDelete  {display:none; }

/* 인기검색어 */ 
.search_section .hotkeyword_box { position:relative;  margin: 30px auto 20px; text-align: left;}
.search_section .hotkeyword_list li {display:inline-block; vertical-align:top; font-size:0; }
.search_section .hotkeyword_list li a {  background: #f1f1f1; color: #000; display: inline-block; font-size: 13px; padding: 7px 8px; margin: 0 10px 10px 0px; }



/**
 * 모바일쇼핑몰 슬라이딩메뉴
 */
#aside {position:fixed; top:0; right:-100%; width:80%; height:100%;  transition: all 0.5s; animation-direction: reverse; z-index: 1001; -webkit-overflow-scrolling: touch; box-sizing: border-box;}
.aside_warp { position:relative; height:100%;  width:100%; display:inline-block; }
.aside_right {position: absolute; top:20px; left:-40px;}
.aside_right a {display:block; width:32px; margin-bottom:16px; font-size:21px; color:#fff  }
.aside_inner {width:100%; height:100%; position:relative; background: #fff;  box-sizing:border-box; padding:30px; overflow-y: auto; }
.aside_top {text-align:right; }
.aside_top .btnBasket {font-size: 15px; color: #333; letter-spacing: -0.5px;    display: flex; justify-content: flex-end; align-items: center;}
.aside_top .btnBasket .count { display: inline-block; width: 15px;  height: 15px; line-height: 15px; margin-left: 3px; font-size: 10px; color: #fff; background: #222; border-radius: 100%; vertical-align: top; text-align: center; border: 0 }
.aside_con .tit {position: relative; display: block; height: 43px; font-size: 18px; font-weight: 550; line-height: 45px; color: #333; letter-spacing: -0.5px;}
.aside_con .tit a {display:block; }
.aside_con .tit span {position:absolute; top:calc(50% - 0.5px); right:34px; background:#000; width:8px; height:1px; }
.aside_con .tit span:after {content: ""; display:none;  position: absolute; left:3.5px; top: -3px; width: 1px; height: 7px; background: #000; transition: all 0.2s;}
.aside_con.shop .tit span, .aside_con.shop .tit span:after {background:#ccc}
.aside_con.hide .tit span { transform: rotate(180deg);transition: all 0.2s;}
.aside_con.hide .tit span:after {display:block; }

.aside_con .list { padding: 10px 0 10px 10px; width: 100%}
.aside_con .list li { position: relative; padding-left: 2px }
.aside_con .list li a { position: relative; height: 30px; font-size: 13px; font-weight: 500; line-height: 31px;  color: #000; letter-spacing: 0.5px; padding: 0; transition: all 0.5s; }

.aside_btm {
    margin: 30px 0 20px;
    display: flex;
}

.aside_btm a {
    display: inline-block;
    margin-right: 12px;
    font-size: 13px;
    color: #555;
    letter-spacing: -0.5px;
    font-weight: bold;
}

.aside_btm a:last-child {
    margin-right: 0;
}



/**
 * FOOTER
 */
#footer { }
.footer_list {border-bottom: 1px solid #bdbdbd;}
.footer_list li {}
.footer_list li h3 {border-top: 1px solid #bdbdbd;  padding: 18px 0; padding-left: 20px; font-size: 15px; display: block;  position: relative;font-weight: 500;}
.footer_list li h3 a {display: block; }
.footer_list li h3 i {position: absolute; right: 15px; top:20px; font-size: 19px;}
.footer_hide {display:none; padding: 25px 30px; line-height: 20px; font-size: 13px;}
.footer_hide > div {margin-bottom:20px; }
.footer_hide > div:last-child {margin-bottom:0; }
.footer_hide > div .phone {font-size: 18px; font-weight: 700; margin-bottom:10px; }
.footer_hide > div .tit {font-size:13px; font-weight:600;}
.footer_hide > div .txt {font-size:13px; color: #171717; letter-spacing: -0px; line-height: 24px;}
.footer_hide > div .txt span {display:block; margin-top:10px; }
.footer_hide .cs_btn {display: flex; align-items: center; justify-content: space-between;}
.footer_hide .cs_btn a {display: flex; justify-content: center; align-items: center; border: 1px solid #d2d2d2; box-sizing:border-box; height:36px; width:calc(50% - 6px); margin-right:12px;     font-size: 12px; }
.footer_hide .cs_btn a:last-child {margin-right:0; }
.footer_hide .cs_btn a i {margin-left:10px; }
.footer_info {padding:30px 4%; box-sizing:border-box; }
.footer_info .logo {margin-bottom:20px; }
.footer_info .logo img {height:15px; }
.footer_info .company {font-size:10px; line-height:1.5; color:#000; letter-spacing: -0.5px; }
.footer_info .company .info_partition {margin:0 2px; }
.footer_copyright {margin-top:20px;font-size:10px;  color:#000;  letter-spacing: -0.5px;  }
#footer .copyright_box { display: flex; align-items: center; justify-content: space-between; }

.guide_menu { background: #000;color: #fff; height: 35px; line-height: 35px; text-align: center; display: flex; align-items: center; justify-content: center;}
.guide_menu li { display: inline-block;  }
.guide_menu li a { color: #fff; font-size: 12px; padding: 0 7px; position: relative;}
.guide_menu li a.line:after { display: block; content: ""; position: absolute; top: 3px; right: -3px; width: 1px; height: 11px; background: #fff;}

#btnTop.hide {display:none !important; }
#btnTop {display:none ; position: fixed;bottom:70px; right:15px; z-index: 101;}
#btnTop a {display: flex; text-align: center; line-height: 35px; width: 35px; height: 35px; background-color:rgba(255,255,255,.8); border: 1px solid #ddd; border-radius: 1px; color: #888; font-size: 18px; align-items: center; justify-content: space-evenly;}
#btnTop a:last-child {margin-bottom:0; border-top:0}
#btnTop a.sns {width:40px; height:40px; border:none; background:transparent; margin-bottom:7px; }

/* conatiner */
#container { position:relative; overflow:hidden;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);}


.progress { overflow:hidden; text-align:center; border-bottom:10px solid #f3f4f8; height:80px; box-sizing:border-box; padding:0 14px }
.progress ol {height:100%; }
.progress li { position:relative; float:left;  width:calc(33.33% - 12px);  margin-right:17px; height:100%; line-height:56px; background-color:#fff; box-sizing:border-box; list-style-type:none;  font-size:15px; color:#94989c; font-weight:400; padding:0}
.progress li div.icon {display:block; width:24px; height:21px; margin:0 auto 8px;}
.progress li div.icon img {max-width:100%; line-height:1}
.progress li:first-child { padding:0;  }
.progress li:first-child:before { display:none; }
.progress li:before {display:none; }
.progress li:after {content:""; display:inline-block; width:8px; height:13.5px; position:absolute; right:-12px; top:calc(50% - 6px); background:url(/design/comsonnot1/renewSkin/img/ic_arrow_next.png)no-repeat center/100% 100%; box-sizing:border-box; z-index:1;  }
.progress li:last-child {margin-right:0}
.progress li:last-child:after { display:none; }
.progress li strong {color:#000; font-weight:400}
.progress li.done {background:none; }

.xans-member-join { }
.xans-member-join .agreeAll h3 {font-size:16px; color:#2a2a2a; padding:15px 0; padding-left:15px; border-bottom:1px solid #2a2a2a; font-weight:500;}
.xans-member-join .agreeAll p {padding-left:10px; padding-top:10px; font-size:14px;}
.xans-member-join .agreeAll label {margin-right:0; }
.xans-member-join .agreeAll label strong {font-size:14px; color:#2a2a2a; font-weight:400}
.xans-member-join .agreeArea {margin-bottom:20px;}
.xans-member-join .agreeArea .title {border:0; padding:0 10px; position:relative;}
.xans-member-join .agreeArea .title h3 {font-size:14px;}
.xans-member-join .agreeArea .ec-base-chk {margin-right:6px; }
.xans-member-join .agreeArea label:last-child, .xans-member-join .agreeArea  input[type=radio] + label:last-child, .xans-member-join .agreeArea input[type=checkbox] + label:last-child {font-size:14px;  color:#2a2a2a; font-weight:400}
.xans-member-join .title {border-top:none; border-bottom:1px solid #e7e7e7}
.xans-member-join .title h3 label.check span {margin-left:2px; color:#94989c; font-size:14px; }
.xans-member-join .title h3 .label_hidden label {display:none;}
.xans-member-join .title h3 label.check span.red {color:#f74e4d; }
.xans-member-join .title a.btnMore {color:#94989c; font-size:14px;  }
.xans-member-join .optionBox {padding:0 10px}
.xans-member-join .optionBox .title {border-bottom:none}
.xans-member-join .optionBox .title h3 {padding:10px 0}
.xans-member-join .optionBox a.btnMore {right:4px}
.xans-member-join .additional {background:#f2f3f5; padding:15px 10px; box-sizing:border-box;  border:none; margin-top:10px;}
.xans-member-join .additional  ul {font-size:0; margin-bottom:10px;}
.xans-member-join .additional li {padding-top:0; display:inline-block; margin-right:10px;}
.xans-member-join .additional li input[type=radio] + label { background:none; font-size:12px !important; margin-left:0;}
.xans-member-join .additional li  input[type="checkbox"] {background:#d5d6e0 url(/design/comsonnot1/renewSkin/img/ic_chk.png)no-repeat center/11px auto; border:1px solid #e4e4e4 }
.xans-member-join .additional li  input[type="checkbox"]:checked  { background:#434857 url(/design/comsonnot1/renewSkin/img/ic_chk.png)no-repeat center/ 11px auto; }
.xans-member-join .showOption {display:block; background:#f2f3f5; ; border-radius:0 0 7px 7px; padding-top:4px;  padding:14px 14px 14px !important; margin-top:-4px; }
.xans-member-join .showOption p {font-weight:400;   font-size:14px; color:#828a9a; margin-bottom:8px; line-height:1.3; word-wrap: break-word;  word-break: keep-all; }
.xans-member-join .showOption p:last-child {margin-bottom:0}
.xans-member-join .ec-base-button[class*="gColumn"] {margin-top:25px; padding:18px 10px 0; }
.xans-member-join .ec-base-button[class*="gColumn"] a, .xans-member-join  .ec-base-button[class*="gColumn"] button {font-size:14px; font-weight:400 } 
.xans-member-join .ec-base-button[class*="gColumn"] .btnSubmit {background:#000; border:1px solid #000; color:#fff}
.xans-member-join .contents {display:block; z-index:-1; height:0; padding:0;  visibility: hidden; transition: all  0.3s ease-in-out; }
.xans-member-join .contents .fr-view  { padding:14px}
.xans-member-join .agreeArea.show .contents { opacity:1; z-index:1; height:90px;;  visibility: visible;}
.xans-member-join .agreeArea.show .showOption {height:135px; }

.xans-member-join .ec-custom-table .birthday dd input { width:calc(33.33% - 20px);}
.xans-member-join .ec-base-button {margin-top:24px; }


.agreementBox  .title {border-top:1px solid #e7e7e7; border-bottom:0}
.agreementBox .agreeAll {border-bottom:0}
.agreementBox .agreeArea .contents {background:#f2f3f5; ; border-radius:0 0 7px 7px; padding-top:4px; }
.agreementBox .agreeArea .contents * {color:#828a9a; word-wrap: break-word;  word-break: keep-all;}



#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:2; background:rgba(0,0,0,0.7); }
#dimmedSlider { display:none; position:fixed; left:0px; top:0; right:0px; bottom:0px; z-index:1000; background:rgba(0,0,0,0.3); }

.category select {height:40px; font-size:14px; border-color:#ddd}

/* 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-qty .qtyUp,
.ec-base-qty .qtyDown { display:inline-block; }

/* 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; }



/* page */
.pagenate { margin:20px 0 42px; ; display: flex; align-items: center;justify-content: center; }
.pagenate p {display:inline-block; margin-right:4px; }
.pagenate p:last-child {margin-right:0}
.pagenate ol { display: flex; align-items: center; justify-content: center;}
.pagenate ol li { margin-right:4px; }
.pagenate ol li:last-child {margin-right:0}
.pagenate a {display:inline-block; font-size:14px; width:20px; height:20px; text-align:center; color:#aaa }
.pagenate a.this {color:#000}


/**
 * 공통
 */
.scrollX {overflow-x: auto; overflow-y:hidden; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none; }
.scrollX::-webkit-scrollbar { display: none;}
.swiper {overflow:hidden; position:relative}
.wrapper {height:100%; width:100%; margin:0 auto; position:relative; box-sizing:border-box; padding:0 10px}
.txt_left {text-align:left !important; }
.txt_center {text-align:center !important; }
.txt_right {text-align:right !important; }
.dn {display:none !important; }
#contents {z-index:1;}
#wrap { overflow: hidden;position: relative; min-height: 100%; width: 100%;}
body.fix {overflow: hidden;}


#titleArea {padding: 16px 10px; box-sizing:border-box; text-align:center; position: relative; background:#fff; }
#titleArea h2 {font-size:16px; font-weight:600; text-align:center; letter-spacing: 1px}
#titleArea > span {display:none; position:absolute; top: calc(50% - 16px); left:7px; }
#titleArea > span a {display:inline-block; width:32px; height:32px; background:url(/design/comsonnot1/renewSkin/img/icon_back.png)no-repeat center/24px}
#titleArea > span a img {display:none; }

#titleArea.fixArea {position:fixed; z-index:999; top:0; left:0; box-sizing:border-box; width:100%; text-align:center; height:47px; padding:0; border-bottom:1px solid #d7d5d5}
#titleArea.fixArea .inner {position:relative; }
#titleArea.fixArea .inner a {display:inline-block; }
#titleArea.fixArea .inner h2 {font-size:24px; font-weight:500; line-height:47px;}
#titleArea.fixArea .inner .home {position:absolute; right:16px; top:calc(50% - 14px); width:28px; box-sizing:border-box; padding:2px}
#titleArea.fixArea .inner .mp {position:absolute; right:46px; top:calc(50% - 14px); width:28px; box-sizing:border-box; padding:2px}

/* form */
input, textarea, select { max-width:100%; font-size:12px; vertical-align:middle; outline:0; border-radius:0; }
input[type=text], input[type=password], input[type=number], input[type=tel], textarea { padding:10px; font-size:14px; line-height:20px; font-weight:inherit; color:#353535; 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:40px; }
input[type="file"] { overflow:hidden; max-width:100%; }
input[type="button"], input[type="text"], input[type="password"], input[type="tel"], input[type="image"], textarea { -webkit-appearance:none; }
select { max-width:100%; height:40px; margin:0; padding:0 26px 0 10px; line-height:40px; font-size:14px; color:#000; word-break:break-all; font-weight:inherit; border:1px solid #d7d5d5; background:#fff url("/design/comsonnot1/renewSkin/img/icon_arrow_dw.png") no-repeat center left 94%; background-size:auto 20px; -webkit-appearance:none; }
select:disabled { color:#bcbcbc; }
textarea.disabled, textarea:disabled { color:#bcbcbc; }
textarea { resize:none; line-height:1.2em; }
textarea.disabled { background-color:#ffffff; color:#bfbfbf; }
input[type="checkbox"] { width:18px; height:18px; border:0; background:#d5d6e0 url(/design/comsonnot1/renewSkin/img/ic_chk.png)no-repeat center/ 11px auto; -webkit-appearance:none; border-radius: 5px; }
input[type="checkbox"]:checked {background:#434857 url(/design/comsonnot1/renewSkin/img/ic_chk.png)no-repeat center/11px auto}
input[type="radio"] { border:0; -webkit-appearance:none; background-image:url(/design/comsonnot1/renewSkin/img/radio_box_off.png); width:19px; height:19px; background-size:100% 100%; margin-top:-2px }
input[type="radio"]:checked {background-image:url(/design/comsonnot1/renewSkin/img/radio_box_on.png)}
label { display:inline-block; margin:0 7px 0 0; min-height:20px; line-height:20px; font-size:14px; 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; }
input::-webkit-input-placeholder {line-height:normal;}
.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; }

/* ec-base-radio */
.ec-base-radio.typeCS{display: -webkit-flex;display: -ms-flex;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;flex-direction: column;}
.ec-base-radio.typeCS .ec-base-label {margin: 0 0 10px 0;border: 1px solid #b5b5b5;box-sizing: border-box;border-radius: 2px;position:relative;}
.ec-base-radio.typeCS .ec-base-label label {position: relative;height: 100%;line-height: 20px;padding: 10px 10px 9px;box-sizing: border-box;font-size: 14px;color: #666;word-break: break-all;word-wrap: break-word;display: block;text-align: center;margin: 0;}
.ec-base-radio.typeCS .ec-base-label input {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;margin: 0;}
.ec-base-radio.typeCS .ec-base-label input:checked + label {border-color: #000;font-weight: bold;color: #fff;background: #000;}


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


/* button */
.btnNormal, .btnStrong, .btnBasic, .btnSubmit, .btnEm { display:inline-block; letter-spacing:0; text-align:center; -moz-box-sizing:border-box; box-sizing:border-box; }
.btnNormal, .btnStrong, .btnBasic {line-height:24px; padding:0 10px; vertical-align:middle; font-size:12px; box-sizing:border-box;}
.btnNormal { color:#1b1b1b; border:1px solid #000; background:#fff; color:#000;}
.btnStrong { color:#fff; background:#000; border:1px solid #000;}
.btnStrong span {display:inline-block;}
.btnSubmit { height:36px; line-height:36px; padding:0 10px; font-size:12px; color:#fff; border:1px solid #000; background:#000; box-sizing: border-box;}
.btnEm { height:36px; line-height:36px; padding:0 10px; font-size:12px; border:1px solid #ddd; background:#fff; color:#000;}
.btnBasic { color:#1b1b1b; border:1px solid #d7d5d5; background:#fff; line-height:24px; font-size:12px}
/* mini */
[class*="btn"].mini { font-size:12px; }

/* 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 }
.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 {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 .gCenter { text-align:center; display:block;}
.ec-base-button .gRight { float:right; }
/* gColumn */
.ec-base-button[class*="gColumn"] { display:flex; margin:10px 0 10px 0; }
.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; }
.ec-base-button[class*="gColumn"] a:first-child, .ec-base-button[class*="gColumn"] button:first-child {margin-left:0;}
/* 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 {padding-bottom: calc(constant(safe-area-inset-bottom) - 5px); padding-bottom: calc(env(safe-area-inset-bottom) - 5px);  /*display: block !important;*/ position:fixed; z-index:100; left:0; bottom:0; max-width:100%; width:100%; margin:0; padding:8px 12px; box-sizing:border-box; background-color:#fff; -webkit-box-shadow: 0 8px 6px 6px #7e7e7e; -moz-box-shadow: 0 8px 6px 6px #7e7e7e; box-shadow: 0 8px 6px 6px #7e7e7e;}
.ec-base-button.gFixed .btnStrong {line-height:36px;}
.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:#000; font-weight:bold; }
.ec-base-button.gFixed 
@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-fold { position:relative; border-bottom:1px solid #ddd; }
.ec-base-fold > .title { position:relative; z-index:1; overflow:hidden; padding:14px 43px 14px 10px; cursor:pointer; font-size:12px; 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:14px; line-height:1.3; font-weight:bold;  }
.ec-base-fold > .title h3, .ec-base-fold > .title p { color:#757575; }
.ec-base-fold > .title:after { content:""; position:absolute; top:0; right:0; width:40px; height:100%; background:url("//img.echosting.cafe24.com/skin/mobile/layout/ico_arrow_gray.png") no-repeat 50% 50%; background-size:20px auto; -webkit-transition:.3s ease-out; transition:.3s ease-out; }
.ec-base-fold .contents { display:none; background:#fff; }
.ec-base-fold .ec-base-fold { border-width:1px 0 0; }
.ec-base-fold + .ec-base-fold { margin-top:0; }
.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 {color:#000; background:#fff; }

/* theme2 */
.ec-base-fold.theme2 > .title { padding-right:34px; color:#1b1b1b; background:#f0f0f0; }
.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:#1b1b1b; background:#f9f9f9; }
.ec-base-fold.theme3 > .title h3 { font-weight:bold; color:#1b1b1b; }
.ec-base-fold.theme3 .contents { padding:0 14px 14px; background:#f9f9f9; }

/* theme4 */
.ec-base-fold.theme4 { margin:14px 7px 29px; font-size:13px; }
.ec-base-fold.theme4 dt { position:relative; padding:13px 30px 13px 14px; line-height:1.2; font-size:12px; cursor:pointer; background-color:#fff; }
.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 #d7d5d5; }
.ec-base-fold.theme4 dd { display:none; padding:10px 10px; font-size:12px; line-height:1.5; border-top:1px solid #d7d5d5; background-color:#f5f5f6; }
.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 {position: absolute; bottom: 10px; right: 0; font-size:13px;}
.ec-base-fold .ec-base-prdInfo .prdTotal strong {font-size:16px;font-weight:600;}
/* ec-base-table */
.ec-base-fold > .contents .ec-base-table,
.ec-base-fold .ec-base-fold > .contents .ec-base-table { border:0; }

.ec-base-help { margin:8px 4px; font-size:12px; color:#757575; }
p.ec-base-help,
div.ec-base-help,
ul.ec-base-help li,
ol.ec-base-help li { padding:0 0 0px 18px; line-height:1.5; text-align:left; background:url("//img.echosting.cafe24.com/skin/mobile/common/ico_help.png") no-repeat 0 6px; background-size:14px auto; font-size:13px; }
/* 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;  color:#999; font-size:12px}
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; }


#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:#f1f1f1;
    -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column;
}
.ec-base-layer h1 { width:100%; height:42px; text-align:center; font-size:15px; line-height:36px; color:#fff; box-sizing:border-box; background:#000; }
.ec-base-layer .wrap { -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; height:100%; padding:14px; font-size:12px; 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:5px; -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);}
.ec-base-layer.typeModal h1 { padding:0 14px; line-height:42px; font-size:14px; text-align:left;  color:#1b1b1b; background:#fff; border-radius:5px 5px 0 0; }
.ec-base-layer.typeModal .wrap { padding:0; background:#fff; font-size:14px;}
.ec-base-layer.typeModal .btnClose { background:url("//img.echosting.cafe24.com/skin/mobile/common/btn_close_black.png") center center no-repeat; background-size:14px 14px; }
/* 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:14px 10px; border-top:1px solid #ddd; border-radius:0 0 5px 5px; box-sizing:border-box;  background:#fff; }
.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; }

.xans-product-optionselectlayer .inner {max-height:420px}
.xans-product-optionselectlayer .inner .thumbnail { margin-bottom:16px;  }
.xans-product-optionselectlayer .inner .name {font-size:14px;  }
.xans-product-optionselectlayer .inner .ec-base-table tbody th {padding:16px 0; border-bottom:1px solid #ddd;  font-size:14px; }
.xans-product-optionselectlayer .inner .ec-base-table tbody td {padding:16px 0; border-bottom:1px solid #ddd;  font-size:14px;}
.xans-product-optionselectlayer .inner p.ec-base-help { background-position:0 3px;   padding: 0 0 2px 22px; }
.xans-product-optionselectlayer .inner #totalPrice {padding: 20px 0 0; display: flex;  align-items: center; justify-content: space-between;}
.xans-product-optionselectlayer .inner #totalPrice  span { display:inline-block; font-size:12px !important; color:#888 !important;  margin-left:10px;  font-weight: 400;}
.xans-product-optionselectlayer .inner #totalPrice .price {font-size:18px; color:#000; font-weight:bold; margin-right:5px; }

.ec-base-paginate { text-align:center; }
/* typeList */
.ec-base-paginate.typeList { padding:14px 0; font-size:0; line-height:0; background:#fff; }
.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:28px; height:28px; font-size:12px; line-height:28px; color:#1b1b1b; vertical-align:middle; background:#fff; box-sizing:border-box; position:relative;  }
.ec-base-paginate.typeList ol li .this { color:#222; }
.ec-base-paginate.typeList ol li .this:after {  content: ""; display: block; position: absolute;  left: 0; bottom: 0; width: 80%; height: 1px; background: #999; margin-left: 12%}
.ec-base-paginate.typeList [class*='btn'] { box-sizing:border-box;   display:inline-block; overflow:hidden; width:28px; height:28px; font-size:1px; line-height:0; text-indent:-9999em; vertical-align:middle; background:#fff; background-repeat:no-repeat; background-position:50% 50%; background-size:5px auto; }
.ec-base-paginate.typeList .btnPrev { background-image:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_prev.png"); }
.ec-base-paginate.typeList .btnNext { background-image:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_next.png"); }

/* typeMoreview */
.typeMoreview { margin:24px 16px 20px; text-align:center;  }
.typeMoreview a {display: flex; padding:15px 0; font-size:12px; border: 1px solid #eee; color: #999; font-weight:400; width:100%; background: #fff; align-items: center; justify-content: center;  margin: 0 auto; box-sizing:border-box; letter-spacing: 0.5px;}
.typeMoreview a img {width:8px; margin-left:5px; }
.typeMoreview .icoMore { display:inline-block; margin:0 0 0 8px; width:13px; height:8px; font-size:0; line-height:0; vertical-align:baseline; background:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_more.png") no-repeat 0 50%; background-size:13px 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:8px; height:8px; border:0; border-radius:8px; cursor:pointer; background:rgba(51,51,51,0.25); }
.ec-base-paginate.typeSwipe button.circle.selected { background:#333; }
.ec-base-paginate.typeSwipe span { overflow:hidden; font-size:0; line-height:0; color:transparent;  }
.ec-base-paginate.typeSwipe button.prev,
.ec-base-paginate.typeSwipe button.next { width:31px; font-size:15px; 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:#000; }

.ec-base-prdInfo { position:relative; box-sizing:border-box; }
.ec-base-prdInfo .prdCheck { display:inline-block; margin-bottom:7px; }
.ec-base-prdInfo .prdBox { margin-top:7px; position:relative;}
.ec-base-prdInfo .prdBox .orderLink {position:absolute; top:0; left:0; right:0; bottom:0; z-index:1;}
.ec-base-prdInfo .prdBox .gRight {position:relative; z-index:2;}
.ec-base-prdInfo .thumbnail { overflow:hidden; width:100%;  box-sizing:border-box; margin-bottom:10px; }
.ec-base-prdInfo .thumbnail a {display:inline-block; width:100%; height:100%}
.ec-base-prdInfo .thumbnail img { width:100%; }
.ec-base-prdInfo .description {-webkit-flex:1; -ms-flex:1; flex:1;}
.ec-base-prdInfo .description .prdName { display:block; margin:0 0 20px; font-size:14px; }
.ec-base-prdInfo .description .prdName a {font-weight:normal;  line-height:1.5}
.ec-base-prdInfo .description .prdName .ec-set-product-name { display:block; margin:0 0 3px; }
.ec-base-prdInfo .description .info { margin:0 0 0px; }
.ec-base-prdInfo .description .info li { margin:0 0 7px; font-size:12px; color:#999 }
.ec-base-prdInfo .description .info li.type { color:#ff6b13; font-size:12px}
.ec-base-prdInfo .description .info li .mileage { display:inline-block; }
.ec-base-prdInfo .description .info li .ec-base-qty {font-size:12px; }
.ec-base-prdInfo .description .info .price,
.ec-base-prdInfo .description .info .price li { font-size:14px; color:#000; font-weight:bold;  }
.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 .description  p.option {font-size:12px; color:#888}
.ec-base-prdInfo .description  p.status {font-size:12px;}

.ec-base-prdInfo .prdFoot {color:#000; text-align:center; display: flex; justify-content: space-between; align-items: center; font-size:14px; margin-top:16px}
.ec-base-prdInfo .prdFoot .btnStrong {border:1px solid #000; color:#000; font-size:14px; background:#fff; padding:0 20px; line-height:28px   }
/*
.ec-base-prdInfo p.option { margin:0 14px; padding:8px 0;  font-size:13px; color:#999}
.ec-base-prdInfo .option { padding:0; color:#000; }
.ec-base-prdInfo .option > li { border-top:1px solid #ececec; }
.ec-base-prdInfo .option > li .name { display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; min-height:29px; margin:7px 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 .name > select { max-width:80%; }
.ec-base-prdInfo .option > li .optionDesc { word-break:break-all; font-size:12px }
.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 #d7d5d5; background-color:#f3f4f8; position:absolute; left:0; right:0; z-index:1000;}
.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:32px; font-size:13px; color:#757575; line-height:32px; 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:16px 0 0 ; }*/

.ec-base-prdInfo .prdOption {background:#f5f5f5; padding:12px 10px; margin-top:16px; }
.ec-base-prdInfo .prdOption li {display: flex; align-items: center; justify-content: space-between;}
.ec-base-prdInfo .prdOption li .btnBasic  {line-height:24px; font-size:12px; background:#fff; border:none; color:#5f5f5f; border:1px solid #d7d5d5 }
.ec-base-prdInfo .prdOption li span {font-size:13px}
.ec-base-prdInfo .prdOption li .lb {display:inline-block; color:#979da3; margin-right:8px; }
.ec-base-prdInfo .prdOption li.show {display:block; }
.ec-base-prdInfo .prdOption li.show .changeOption {display:none; }
.ec-base-prdInfo .prdOption li.show .optionItem {width:60px; color:#999 }
.ec-base-prdInfo .prdOption li.ec-basketOptionModifyLayer-options {margin-top:8px}
.ec-base-prdInfo .prdOption li.show select {height:32px; line-height: 32px; font-size:12px; width:100%; border:1px solid #d7d5d5; color:#999}
.ec-base-prdInfo .prdOption li.show .btnStrong, .ec-base-prdInfo .prdOption li.show .btnNormal {height:30px; line-height:30px; font-size:12px}
.ec-base-prdInfo .prdOption li.show .btnStrong  { background:#c8c8c8; color:#fff; border-color:#c8c8c8}
.ec-base-prdInfo .prdOption li.show .btnNormal {color: #999;border-color: #c8c8c8;}



/* admin icon */
.ec-admin-icon.cart { height:23px; cursor:pointer; }

.ec-base-product {}
.ec-base-product h2 {overflow:hidden;}
.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; margin-right:4px;}

.ec-base-product [class*="grid"],
.ec-base-product[class*="grid"] { display:table; table-layout:fixed; width:100%; box-sizing:border-box; font-size:0; line-height:0}
.ec-base-product[class*="grid"] > div > ul { font-size:0; }
.ec-base-product [class*="grid"] > li,
.ec-base-product[class*="grid"] > div > ul > li { 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; background: #f0f0f0;}
.ec-base-product .thumbnail a { display:block; position:relative; padding-bottom:150%;}
.ec-base-product .thumbnail a img { display:block; width:100%; vertical-align:top; position:absolute; top:0; left:0; }

.ec-base-product .thumbnail .wish { display:none; position:absolute; right:5px; top:3px; z-index:10;}
.ec-base-product .thumbnail .wish img {width:20px;}
.ec-base-product .grid2 .thumbnail .wish img, 
.ec-base-product.grid2 .thumbnail .wish img {width:30px;}

.ec-base-product .thumbnail .thumb_icon {position:absolute; left:0; bottom:0; font-size:0; width:100%;}
.ec-base-product .thumbnail .thumb_icon span.prdIcon {padding:0 0 1px 1px; float:left;}
.ec-base-product .thumbnail .thumb_icon span.prdIcon img {width:25px;}


.ec-base-product.number ul.prdList {
    counter-reset: number;
}
.ec-base-product.number ul.prdList[data-page="2"] {
    counter-reset: number 50;
}

.ec-base-product.number ul.prdList[data-page="3"] {
    counter-reset: number 100;
}

.ec-base-product.number ul.prdList[data-page="4"] {
    counter-reset: number 150;
}

.ec-base-product.number ul.prdList[data-page="5"] {
    counter-reset: number 200;
}

.ec-base-product.number ul.prdList[data-page="6"] {
    counter-reset: number 250;
}

.ec-base-product.number ul.prdList[data-page="7"] {
    counter-reset: number 300;
}

.ec-base-product.number ul.prdList[data-page="8"] {
    counter-reset: number 350;
}

.ec-base-product.number ul.prdList li .thumbnail a:before {
    counter-increment: number;
    content: counter(number);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 110;
    color: #fff;
    line-height: 24px;
    width: auto;
    min-width: 18px;
    padding:0 3px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    background: #000;
}
.ec-base-product.number ul.prdList li:nth-child(1) .thumbnail a:before {
    background:#fd7d65;
}
.ec-base-product.number ul.prdList li:nth-child(2) .thumbnail a:before {
    background:#fd7d65;
}
.ec-base-product.number ul.prdList li:nth-child(3) .thumbnail a:before {
    background:#fd7d65;
}


.ec-base-product .icon {margin-top:4px; }
.ec-base-product .icon img {margin-right:6px; margin-bottom:4px;  }
.ec-base-product .basket { width: auto !important; position:absolute; right:0; top:-3px; z-index:10; }

.ec-base-product .description {margin-top:15px;}
.ec-base-product .description > ul {line-height:1}
.ec-base-product .description .spec li{line-height:1; position:relative; display:inline-block;  }
.ec-base-product .description .spec li.priceWrap > span > span{position:absolute; right:0; top:0}
.ec-base-product .description .brand {margin-bottom: 8px; font-weight: 600; font-size: 10px;}
.ec-base-product .description .name { position:relative; margin-bottom:10px; }
.ec-base-product .description .name a {font-size: 13px; display:block; word-wrap: break-word; word-break:break-all; box-sizing: border-box; line-height:1.5}
.ec-base-product .description .desc {margin-bottom:5px; }
.ec-base-product .description .desc a {font-size: 11px;color: #999; font-weight: 300; display:block;word-wrap: break-word; word-break: keep-all;}
.ec-base-product .description .more{padding:10px 0 2px; font-size:14px; color:#000; font-size:12px; font-weight: bold; line-height: 15px;}
.ec-base-product .description .spec li.soldoutCheck {display:none;}
.ec-base-product .description .spec li.soldoutCheck.displaynone {display:block !important;}
.ec-base-product .description .price{display:inline-block; font-size:13px; font-weight:400; font-stretch: normal; font-style: normal; letter-spacing: -0.3px; line-height: 17px; vertical-align: middle; }
.ec-base-product .description .price.custom {font-size:9px; color:#bfb5b5; font-weight:500;}
.ec-base-product .description .price.sale > span {font-size:14px !important; color:#000 !important; font-weight:600 !important; vertical-align:top; line-height:1 }
.ec-base-product .description .price.sale {font-size:0px;}
.ec-base-product .description .price.sale .ec-sale-rate {font-size:17px; color:#000; font-weight:500; margin-right:4px;}
.ec-base-product .description .price.false {display:none;}
.ec-base-product .description .strike, .ec-base-product .description .mPriceStrike, .ec-base-product .description .pricesetitem { font-weight:200; text-decoration:line-through; font-size:13px; color:#000 !important; font-weight:normal;}
.ec-base-product .description .spec li.priceWrap, .ec-base-product .description .spec li.RNW_per { width:auto; }
.ec-base-product .description .spec li.RNW_per {}
.ec-base-product .description .spec li.RNW_per .sale {display:none; }
.ec-base-product .description .spec li.RNW_per .per {font-size: 14px;font-weight:bold; color: #ff4400;}
.ec-base-product .description .spec li.cus  {color: #979797 !important;font-weight: normal; font-size: 12px; text-decoration:line-through;}
.ec-base-product .description .spec li.custom_ {display:none; }
.ec-base-product .description .mPriceStrike {color: #979797 !important; font-weight: normal; font-size: 12px;}

.ec-base-product .description li.cart {display:none;  margin:0 0 3px; }
.ec-base-product .description .color { overflow:hidden; margin:0;  display:none;}
.ec-base-product .description .color .chips { float:left; width:8px; height:2px; margin:0 2px 2px 0; font-size:0; line-height:0; border: 1px solid #f1f2f3; }
.ec-base-product .description .summary {position:absolute; bottom:7px; right:10px;}
.ec-base-product .description .crema-product-reviews-count { margin-top:4px;  line-height: 12px; font-size: 10px; font-weight: 600; color: #ff4400;}


.xans-product-review .descriptions a .summary {font-size:15px; }



.ec-base-product .description .spec li .RNW_per.on {display:inline-block; margin-right:4px; margin-top:1px;  }
.ec-base-product .description .spec li .RNW_per .sale {display:none; }
.ec-base-product .description .spec li .RNW_per .per {display:inline-block; vertical-align:top; font-size:13px; color:#E62126   }

.ec-base-product .review {display:inline-block; vertical-align:top; font-size:10px; letter-spacing:-0.3px; font-weight:300; line-height:14px; font-size:14px; color:#000; line-height:20px;}
.ec-base-product .review.reviewtalk_count_display_0 {display:none;}

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


.ec-base-product .grid1 > li .description .brand a,
.ec-base-product.grid1 > div > ul > li .description .brand a {font-size:14px; line-height:19px;}
.ec-base-product .grid1 > li .description .name a,
.ec-base-product.grid1 > div > ul > li .description .name a{font-size:12px; line-height:17px; height:17px;}
.ec-base-product .grid1 > li .description .desc,
.ec-base-product.grid1 > div > ul > li .description .desc {margin-bottom:10px;}
.ec-base-product .grid1 > li .description .desc a,
.ec-base-product.grid1 > div > ul > li .description .desc a {font-size:12px; line-height:17px; height:17px;}
.ec-base-product .grid1 > li .description .price,
.ec-base-product.grid1 > div > ul > li .description .price {font-size:14px; line-height:19px;}


/* typeDesc */
.ec-base-product.typeDesc { margin:0; background:#fff; }
.ec-base-product.typeDesc .prdList {padding:16px 16px}
.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; 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:#000; font-size:13px; font-weight:bold; text-align:center; }
.ec-base-product .layerDiscountPeriod ul { margin:0 7px 14px; padding:0; border:1px solid #d7d5d5; 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%; }


/* grid */
.ec-base-product .grid1 > li,
.ec-base-product.grid1 > div > ul > li { width:100%; }
.ec-base-product .grid2 > li,
.ec-base-product.grid2 > div > ul > li { width:calc(50% - 2px); margin-right:4px;}
.ec-base-product .grid2 > li:nth-child(2n),
.ec-base-product.grid2 > div > ul > li:nth-child(2n) {margin-right:0;}
.ec-base-product .grid3 > li,
.ec-base-product.grid3 > div > ul > li { width:calc(33.333333% - 3px); text-align:left; margin-right:4px; }
.ec-base-product .grid3 > li:nth-child(3n),
.ec-base-product.grid3 > div > ul > li:nth-child(3n) {margin-right:0;}
.ec-base-product .grid4 > li,
.ec-base-product.grid4 > div > ul > li { width:25%; }
.ec-base-product .grid5 > li,
.ec-base-product.grid5 > div > ul > li { width:20%; }



.ec-base-product .xans-product-relationlist  li .name a {font-size:12px; display: inline-block; width:100%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.ec-base-product .xans-product-relationlist  li  { width:calc(33.333333% - 14px); margin:0 20px 20px 0 }
.ec-base-product .xans-product-relationlist  li .price {font-size:14px; }

@media (min-width: 750px) {
    .ec-base-product .description .likeButton button strong {font-size:10px;}
}



.xans-product-recentlist .ec-base-prdInfo { border: none;margin-right:0;line-height: 140%; padding:20px 10px; border-bottom:4px solid #fafafa; }
.xans-product-recentlist .ec-base-prdInfo .thumbnail { box-sizing: border-box; border: none;  width: 130px; height: auto; display:inline-block;margin:0; vertical-align:top; }
.xans-product-recentlist .ec-base-prdInfo .description {width:calc(100% - 135px); display:inline-block;  vertical-align:top; box-sizing:border-box; padding-left:10px; }
.xans-product-recentlist .ec-base-prdInfo .description .name {margin-bottom:8px; }
.xans-product-recentlist .ec-base-prdInfo .description .name a {font-size:13px;  line-height:1; margin-top:0;}
.xans-product-recentlist .ec-base-prdInfo .description .price_sale_price { display:inline-block;  font-size:14px; font-weight:600;}
.xans-product-recentlist .ec-base-prdInfo .description .price_sale_price .ec-sale-rate{ color: #000; font-weight: 500; margin-right: 4px;}

.xans-product-recentlist .ec-base-prdInfo .description .price { display:inline-block; margin-bottom:0;}
.xans-product-recentlist .ec-base-prdInfo .description .price {font-size:14px; font-weight:600;}
.xans-product-recentlist .ec-base-prdInfo .description .price.strike span { font-weight: normal;font-size:12px; color:#999;text-decoration: line-through; margin-left:4px}
.xans-product-recentlist .ec-base-prdInfo .description .btnArea {margin-top:15px;}
.xans-product-recentlist .ec-base-prdInfo .description .btnArea button {font-size:12px;}
.xans-product-recentlist .ec-base-button {margin:0}



/* ec-base-tab */
.ec-base-tab:after { content:""; display:block; clear:both; }
.ec-base-tab ul { display:flex; font-size:14px; line-height:42px; word-break:break-all; }
.ec-base-tab li { display:flex; flex:1; min-height:36px; text-align:center; background:#fff; position:relative; }
.ec-base-tab .gFlex2 { flex:2; }
.ec-base-tab a {  position:relative;  display:flex; flex-basis:100%; justify-content:center; flex-wrap:nowrap; align-items:center; font-size:14px; color:#999}
.ec-base-tab a:after {content: "";  display: block; position: absolute; top: 15px;  left: -2px; width: 1px; height: 10px; background: #ddd;}
.ec-base-tab li:nth-child(1) a:after {display:none; }
.ec-base-tab li.selected a { color:#000; font-weight:400}
.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:after {position:absolute; height:3px; background:#000; content:''; width:100%; bottom:0px; left:0;}
/* 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; }


/* ec-base-table */
.ec-base-table { border:1px solid #d7d5d5; word-break:break-all; word-wrap:break-word; color:#353535; 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; background:#fff; }
.ec-base-table th,
.ec-base-table td { border-top:1px solid #ececec; font-size:12px; vertical-align:top; }
.ec-base-table th { font-weight:normal; color:#757575; }
.ec-base-table td { padding:12px 10px 12px 0; }
.ec-base-table tbody th { padding:15px 10px 12px 10px; text-align:left; }
.ec-base-table td.clear { padding:0 !important; }
 
.ec-base-table.noline th,
.ec-base-table.noline td { border-top:0; font-size:16px; vertical-align:top; line-height:24px; }

table.notable tr {display:flex;}
table.notable tr th, table.notable tr td {display:inline-block; }

/* horizontal */
/* typeWrite */
.ec-base-table.typeWrite td { padding:7px 13px 6px; vertical-align:middle; line-height:18px; }
.ec-base-table.typeWrite tr td:first-child { padding:12px 0 0; }
.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 10px; }
.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; vertical-align: top; font-size:13px}
.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; background:#fafafa; }
.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; }
/* address */
.ec-base-table .ec-address { margin:-4px -13px -3px; }
.ec-base-table .ec-address > li { padding:4px 13px 3px; }
.ec-base-table .ec-address > li input[type="text"],
.ec-base-table .ec-address > li select { width:100%; }
.ec-base-table .ec-address .ec-base-help { margin-bottom:4px; }
.ec-base-table .ec-address .ec-address-area select:not(:first-child) { margin-top:4px; }
.ec-base-table .ec-address .ec-address-zipcode .btnBasic { margin-right:4px; }
.ec-base-table .ec-address .ec-address-zipcode .ec-base-label { margin:0; }
 
/* reset */
  .ec-base-table td.clear .ec-base-help { margin-left:13px; margin-right:13px; }

/*ios reset*/
@supports (-webkit-overflow-scrolling: touch) {
    .ec-base-table.typeWrite td { line-height:28px; }
}


/*  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; background-color:#fff; }
.ec-base-tooltip .title { display:block; padding:0 20px 0 0; font-size:14px; color:#000; line-height:43px; background:#fff; }
.ec-base-tooltip ul { color:#757575; font-size:16px!important;}
.ec-base-tooltip ul li { font-size:16px; }
.ec-base-tooltip .content table + .title { margin-top:14px; }
.ec-base-tooltip .content {font-size:16px;}
.ec-base-tooltip p { float:none; font-size:12px; text-align:left; }
.ec-base-tooltip p strong { font-weight:normal; font-size:16px; }
.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:0 !important; bottom:50px !important; width:200px; margin:0; padding:14px 28px 14px 14px; border:1px solid #ccc; border-radius:2px;
    -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; }

/* 배송비 레이어 */
    .shippingArea  {margin-top:6px}
    .shippingArea  .status {font-size:12px; color:#666}
    .shippingFee { display:inline-block; position:static; vertical-align:middle; font-size:12px; color:#666 }
    .shippingFee > a.btnNormal { margin:-3px 0 0 5px;  height: 24px; line-height: 24px; color:#666; border-color:#999}

    .shippingFee .wrap { display:none; z-index:999; width:96%; padding:0; 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; background-color:#f0f0f0; border-bottom:1px solid #d7d5d5; 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 { background:#fff; }
    .shippingFee .wrap th,
    .shippingFee .wrap td { padding:7px; border:1px solid #d7d5d5; }
    .shippingFee .wrap th { width:80px; border-right-width:0; color:#353535; }
    .shippingFee .wrap td { border-left-width:0; white-space:normal; }
    .shippingFee .wrap .txtEm { color:#008bcc; }
    .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; }
    .shippingFee .ec-base-tooltip {width:292px; left:auto !important; }
.xans-product-additional, .faq {background:#fff; }

.xans-product-detail .ec-base-product {padding:42px 10px}
.xans-product-detail .overview .prdImg img {border:none; }
.xans-product-detail .overview { padding:0; font-size:12px; }
.xans-product-detail .info_top { padding:18px 10px; }
.xans-product-detail .info_top .name {font-size:18px; font-weight:600; margin:0; margin-bottom:7px; }
.xans-product-detail .info_top .desc {margin-top:10px; font-size: 12px; color: #999; }
.xans-product-detail .info_top .price_box {position:relative; margin-top:10px }
.xans-product-detail .info_top .sale_box {display:inline-block; }
.xans-product-detail .info_top .sale_box span {display:block; font-weight:400}
.xans-product-detail .info_top .sale_box span .sale { }
.xans-product-detail .info_top .sale_box .title {font-size:14px;}
.xans-product-detail .info_top .sale_price { display:inline-block;}
.xans-product-detail .info_top #span_product_price_text   {font-size:14px; color:#999; text-decoration: line-through; }
.xans-product-detail .info_top #span_product_sale_price_text   {font-size:20px; color:#000; font-weight:600}
.xans-product-detail .info_top #span_product_sale_price_text span {display:none; } 
.xans-product-detail .info_top .membership_info {position:absolute; top:6px; right:0; font-size: 12px; padding-bottom: 1px;   border-bottom: 1px solid;}
.xans-product-detail .info_top .member_discount_box {display:none; position:absolute; right:0; top:0;border:1px solid #f0f0f0;border-radius: 4px; background: #fff;z-index: 1; width:198px; }
.xans-product-detail .info_top .member_discount_tt {font-size: 13px !important;padding: 10px 41px 10px 10px;display: block; background:#f0f0f0; position:relative}
.xans-product-detail .info_top .member_discount_tt a {position:absolute; right:10px;top: 10px;width: 15px;} 
.xans-product-detail .info_top .member_discount_list {padding:10px; }
.xans-product-detail .info_top .member_discount_list li:last-child {margin-bottom:0; border-bottom:none; }
.xans-product-detail .info_top .member_discount_list li:nth-child(1) {padding-top:0}
.xans-product-detail .info_top .member_discount_list li {margin-bottom:4px; font-size:0;display: flex; align-items: center; border-bottom: 1px solid #ddd; padding: 5px 0;}
.xans-product-detail .info_top .member_discount_list li span {font-size:12px; font-weight:500; color:#000;; display:inline-block; width:60% }
.xans-product-detail .info_top .member_discount_list li span:nth-child(1) {width:40%}


.xans-product-detail .prdDesc .ec-base-table tbody.priceArea { border:none;  }
.xans-product-detail .prdDesc .ec-base-table tbody.priceArea  th {display:none; }
.xans-product-detail .prdDesc .ec-base-table {padding:16px 10px 0; margin:0}
.xans-product-detail .prdDesc .ec-base-table th { padding:0px 0; font-size:12px; color:#000; vertical-align: middle;}
.xans-product-detail .prdDesc .ec-base-table td { padding:0px 0; font-size:12px; color: #3b3b3b;  vertical-align: middle; display: flex;align-items: center;}
.xans-product-detail .prdDesc .ec-base-table dl {margin-bottom:15px; position:relative;}
.xans-product-detail .prdDesc .ec-base-table dl #mobileShareLink {position:absolute; right:0; top:0; background: #f1f2f3; padding: 10px 15px; border-radius: 5px;}
.xans-product-detail .prdDesc .ec-base-table dl dt {}
.xans-product-detail .prdDesc .ec-base-table dl dt.table .table_cell.title {font-size:14px; color:#94989c; font-weight:400}
.xans-product-detail .prdDesc .ec-base-table dl dt.table .table_cell span {font-size:14px; color:#2a2a2a; font-weight:400}
.xans-product-detail .prdDesc .ec-base-table dl dt.table .table_cell span strong {font-weight: inherit}
.xans-product-detail .prdDesc .ec-base-table dl dt.table.mileage .mileageNoti {color:#000; margin-top:4px;}
.xans-product-detail .prdDesc .ec-sale-rate {font-size:17px; color:#000; font-weight:500; margin-right:4px;}
.xans-product-detail .xans-product-option .value {font-size:12px; color:#999; margin-top:6px;  }
.xans-product-detail .xans-product-option .value .ec-product-value {color:#000; font-weight:600}
.xans-product-detail .xans-product-option .ec-product-button.ec-product-preview li {margin-bottom:0; margin-right:6px; margin-bottom:4px }
.xans-product-detail .xans-product-option .ec-product-button.ec-product-preview li a {width:42px; min-width:42px; height:42px;}
.xans-product-detail .xans-product-option .ec-product-button li a {line-height:13px; font-size:10px;  }
.xans-product-detail .xans-product-option .ec-product-button .ec-product-disabled a span {background:#f0f0f0}
.ec-base-table.typeWrite.gClearCell td label {font-size:12px; }
.xans-product-detail .gFixed {padding:14px 10px; }
.xans-product-detail .ec-base-button {margin-top:0;  }
.xans-product-detaildesign {display:none; }

.xans-product-additional .btnMoreBack {display: flex; flex-direction: column; bottom: 72px; left: 0px; right: 0px; position: absolute; height: 200px; width: 100%; background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255, 0.8) 100%);}

.xans-product-additional .btnMore a {font-size:16px; font-weight:400 }
.xans-product-additional .btnMore a .more_down {margin-left:10px}
.xans-product-additional .btnMore a .more_down img {display:inline-block; width:15px !important}


#tabProduct { z-index:10; margin:20px 0 15px; border-bottom: 1px solid #f4f4f4;}
#tabProduct.Tact {position:fixed; top:0;; left:0; width:100%; margin-top:0;z-index:99999}
#tabProduct ul {margin:0 10px; }
#tabProduct .crema-product-reviews-count {margin-left:4px}

#prdDetail { background:#fff; padding-bottom:14px;  }
.xans-product-additional #prdDetail .button {display:none; }
#prdInfo { background:#fff;  padding:14px 0 0;  }
#prdInfo  h2 { border-top:6px solid #f3f4f8; padding:14px 12px; font-size:19px; font-weight:500}
#prdInfo ul li { padding:14px 12px; border-top:1px solid #e9e9e9}
#prdInfo ul li a {font-size:17px; font-weight:400; display:block;  background:url(/design/comsonnot1/renewSkin/img/icon_arrow_dw.png)no-repeat center right/15px auto }

.xans-product-relation h2 { padding:0px 12px 10px; height:auto; line-height:1; font-size:13px; font-weight:400;}
.xans-product-relation h2 span {font-size:14px; color:#888; font-weight:400}
.xans-product-relation .thumbnail {padding:0; margin:0;  box-sizing:border-box; border-radius:3px}
.xans-product-relation .information {margin:7px 0}
.xans-product-relation .name {margin-bottom:5px}
.xans-product-relation .name a {font-size:14px; color:#2a2a2a; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; display: inline-block; width: 100%;}
.xans-product-relation .price {font-size:13px; font-weight:600; font-family:inherit}
.xans-product-relation .strike {font-size:12px; color:#949494; text-decoration: line-through; font-weight:400; line-height:1;  margin-bottom:4px}
.xans-product-relation .strike span { color:#979da3;  text-decoration: line-through; margin-left:4px}
.xans-product-relation > ul[class*="grid"] {padding:0 10px}
.xans-product-relation > ul[class*="grid"] > li {margin-right:4px; }
.xans-product-relation .grid3 li {width:calc(33.33% - 3px)}
.xans-product-relation .grid3 li:nth-child(3n) {margin-right:0}


#prdQnA,
#prdReview {background:#fff;}
#prdQnA .board > .ec-base-button,
#prdReview .board > .ec-base-button{padding:0 14px; background:#fff; }
#prdQnA h3,
#prdReview h3{display:block; border-top:6px solid #f3f4f8; padding:14px 12px; font-size:14px; font-weight:500} 
#prdQnA .btnSubmit, 
#prdReview .btnSubmit { background:#fff; color:#000 }
#prdQnA .btnSubmit span,
#prdReview .btnSubmit span{margin-left:16px;  display:inline-block;  position:relative;}
#prdQnA .btnSubmit span img,
#prdReview .btnSubmit span img{width:8px; position:absolute; top:calc(50% - 6px); right:-16px }
#prdQnA .nodata, 
#prdReview .nodata {margin-top:16px; }
.xans-product-qna .descriptions a .summary {font-size:13px; }

#prdMore h2 {display:block; border-top:6px solid #f3f4f8; padding:14px 12px; } 
#prdMore .ec-base-product {padding:0}

#recopick_widget_jiXKqacK {border-top: 6px solid #f3f4f8; }
.infoBox {background:#fff; padding-top:16px;}


#fixedActionButtonClone  .ec-base-button[class*="gColumn"] {margin:0}

.xans-product-detail .prdDesc .ec-base-table table {border:none; }
.ec-base-table.typeWrite.gClearCell td {padding-right:0}
.ec-base-table.typeWrite.gClearCell td select, #mCafe24Order select {background:#fff url(/design/comsonnot1/renewSkin/img/icon_arrow_dw.png)no-repeat center right 6px/18px}
.totalPrice {margin:0; padding:16px 14px 20px; border:none;}
.totalPrice strong {font-weight:400;; font-size:14px;  }
.totalPrice .total strong {font-size:20px; font-weight:600}
.ec-custom-table {position:relative;}
.ec-custom-table dl {margin-bottom:16px;}
.ec-custom-table dl dt {font-size:14px; margin-bottom:6px; font-weight:600;}
.ec-custom-table dl dd {font-size:14px; position:relative;}

.ec-custom-table dl dd p {color:#3b9b00; margin-top:5px;}
.ec-custom-table dl dd p.error {color:#999; font-size:12px; }
.ec-custom-table dl .ec-address li {margin-bottom:5px;}


#divCpn {display:none;}
#totalProducts  {padding:0 14px}
#totalProducts tbody td {padding:0; text-align:left; }
#totalProducts tbody td p.product {margin-right:30px;}
#totalProducts tbody td p.option, #totalProducts tbody td p.product {padding:10px 0; font-size:14px; }
#totalProducts input.quantity_opt, #totalProducts input[readonly] {padding:0 6px; width:34px}

#fixedActionButton {padding:0 14px}
#fixedActionButton .ec-base-button[class*="gColumn"] a, #fixedActionButton .ec-base-button[class*="gColumn"] button { line-height:40px;font-size:14px; }

#mCafe24Order .ec-base-layer.typeWide h1 {height:36px; font-size:16px; line-height:36px; }



#popCustom {
    position: fixed;
    top: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
    overflow: hidden;
}

#popCustom.active {
    top: 0;
    transition: .3s ease;
}

#popCustom .popWrapper {
    position: relative;
    background: #fff;
    padding: 18px 0;
    height: 100%;
}

#popCustom .popWrapper .wrapper {
    max-width: 640px;
    margin: 0 auto;
}

#popCustom .popWrapper .wrapper .titleWrap {
    margin-bottom: 10px;
}

#popCustom .popWrapper .popContents > img {
    max-width: 100%;
}

#popCustom .popWrapper .popContents .faq.infoBox {padding:30px 20px;}
#popCustom .titleWrap h2.titleTxt {
    font-size: 18px;
    letter-spacing: -0.36px;
    text-align: left;
    line-height: 21px;
    padding: 0 20px;
}

#popCustom .popWrapper .popContents {
    position: relative;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: calc((var(--vh,1vh) * 100) - 49px);
}

#popCustom .popWrapper .popCloseBtn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    cursor: pointer;
}

#popCustom .popWrapper .popCloseBtn img {
    max-width: 100%;
    width: 13px;
}

#popCustom.normal {
    transition: 0s ease;
}

#popCustom.normal.active {
    top: 0;
}

#popCustom.normal .popWrapper {
    padding-top: 0;
}

#popCustom.normal .popWrapper .popContents {
    height: calc(100vh - 48px);
}

#popCustom.normal .titleWrap {
    position: relative;
}

#popCustom.normal .titleWrap h2.titleTxt {
    font-size: 18px;
    letter-spacing: -0.36px;
    text-align: center;
    line-height: 47px;
    padding: 0;
    border-bottom: 1px solid #e3e3e3;
}

#popCustom.normal .popWrapper .popCloseBtn {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 20px;
    right: none;
    width: 16px;
    height: 16px;
    line-height: 16px;
    cursor: pointer;
}

.ec-multi-popup.ec-multi-popup-swipe .ec-multi-popup-inner ul li a {display:inline-block; width:100%; height:100%}


.addOrderCustomLayerButton {margin: 14px 20px 30px;}
.addOrderCustomLayerButton #addOrderCustom {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 52px;
    border: 1px solid #000;
    border-radius: 6px;
    font-weight: 600;
    font-size: 16px;
    background-color: #fff;
    color: #000;
}

#addOrderCustomLayer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: 10000;
}

#addOrderCustomLayer.active {
    display: block;
}

#addOrderCustomLayer.active .dimmed {
    display: block;
}
#addOrderCustomLayer .formBoxWrap {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
    z-index: 100000;
}

#addOrderCustomLayer .formBox {
    margin: 0 24px;
    padding: 19px 24px;
    background-color: #fff;
    width: calc(100% - 48px);
    box-sizing: border-box;
    border-radius: 12px;
}
#addOrderCustomLayer .formBox dl dd {font-size:16px;}
#addOrderCustomLayer .formBox dl dd span {margin-top:5px; display:inline-block;}
#addOrderCustomLayer .formBox dl dd .ec-base-label {width:45%; margin-right:0; margin-top:4px;}
#addOrderCustomLayer .formBox dl dd .ec-base-label label {font-size:16px;}
#addOrderCustomLayer .formBox p.help {font-size: 12px; color: #999; line-height: 1.5;}
#addOrderCustomLayer .formBox h3 {
    font-size: 22px;
    font-weight: 300;
    line-height: 30px;
    padding-bottom: 14px;
}

#addOrderCustomLayer .formBox textarea{
    width:100%;
    height:100px;
    resize:none;
}


#addOrderCustomLayer .formBox .btnArea {
    justify-content: center;
    padding: 24px 0 16px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
#addOrderCustomLayer .formBox .btnArea button {
    width: 100%;
    line-height: 48px;
}

#addOrderCustomLayer .formBox .btnArea button:not(:first-child) {
    margin-left: 8px;
}


#NaverChk_Button .npay_type_MA_1 {/*  width:100% !important;  */}
#NaverChk_Button .npay_button_box { background:none !important; }
.xans-layout-footerpackage { border:none; }

/*제품 진열*/
#prdviewContainer ul {font-size:0; display:inline-block;}
#prdviewContainer ul li {display: inline-block;  width: 23px; height: 23px; vertical-align: middle; margin-left:6px; background-color: #ddd; background-repeat: no-repeat; background-position: center;}
#prdviewContainer ul li.active { background-color: #222; }
#prdviewContainer ul li.display2 {background-image:url('/design/comsonnot1/renewSkin/img/icon_btn_prd2.png')}
#prdviewContainer ul li.display3 {background-image:url('/design/comsonnot1/renewSkin/img/icon_btn_prd3.png')}

/* 상품 상세 */
.omi-detail{
    text-align:center;
}
.omi-detail-style1{
    margin-bottom:0px;
}
.omi-text{
    color:#fff;
    padding:60px 15px;
    line-height: 26px;
    font-size: 18px;
}
.omi-logo {
    margin-bottom:30px;
}
.omi-logo img{
    width:132px !important;
    max-width:30% !important;
}
.box-omi-text{
    margin:25px 0;
}
.box-omi-text strong{
    display:inline-block;
    margin-bottom:5px;
    font-weight:600;
}
.box-omi-text:last-child{
    margin-bottom:0;
}
.box-omi-text pre{
    color:#fff;
    line-height:1.4em;
}


#ch-plugin .Launcherstyled__LauncherButtonWrapper-ch-front__sc-oef45p-0 {bottom:60px !important}
/* BASIC css end */


/* BASIC css end */