.xans-board-listpackage { background:#fff; }



/* 이벤트 탭 스타일 지정 */

.event_tab {width:100%; margin:0 auto;}
.event_tab ul { font-size:0; line-height:0; text-align:center; margin-bottom:17px;}
.event_tab ul > li {position:relative; display:inline-block; width:auto; font-size:14px; line-height:15px; vertical-align:top; margin: 11px 15px 7px 0; padding: 0; }
.event_tab ul > li > a { padding:0 15px 0 0; font-weight:normal; color:#777;  /*background:url("//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/images/check.png") no-repeat 100% 1px; background-size:15px;*/}
.event_tab ul > li:after {position:absolute; right:-1px; top:2px; content:""; display:block; width:1px; height:12px; background:#d6d5d5; }
.event_tab ul > li:last-child{margin-right:0;}
.event_tab ul > li:last-child > a {margin-right:0; padding-right:0;}
.event_tab ul > li:last-child:after{display:none; }
.event_tab ul > li.selected > a { color:#111; font-weight:bold; /* background:url("//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/images/checked.png") no-repeat 100% 1px; background-size:15px; */ }
.event_tab ul > li .count { font-weight:normal; }
.event_tab ul > li > ul { padding:6px 0 0 0; }
.event_tab ul > li > ul > li { margin:8px 0 0 0; line-height:14px; }
.event_tab ul > li > ul > li > a { color:#575a63; }
.event_tab ul > li > ul > li > a:hover,
.event_tab ul > li > ul > li.selected > a { color:#008bcc; }
.event_tab ul > li > ul > li > .button { display:inline-block; position:relative; width:9px; height:14px; margin:1px 0 0 3px; vertical-align:top; }


/* 글쓰기 버튼 */
/*.xans-board-listpackage .ec-base-button { padding:0 14px; }*/

/* ì •ë ¬ */
.xans-board-listpackage .boardSort { padding:0 14px; }
.xans-board-listpackage .boardSort:after { content:""; display:block; clear:both; }
.xans-board-listpackage .boardSort span { float:left; width:49%; font-size:13px; }
.xans-board-listpackage .boardSort span:first-of-type { padding:0 2% 0 0; }
.xans-board-listpackage .boardSort span select { margin:7px 0; width:100%; }

/* 공지사항 */
.xans-board-notice { margin:-1px 0 0; font-size:11px; border-top:1px solid #ececec; background:#fff; }
.xans-board-notice li { overflow:hidden; position:relative; padding:14px 0 14px 7px; min-height:50px; color:#757575; border-bottom:1px solid #ececec; background:#f9f9f9; }
.xans-board-notice .thumb { float:left; }
.xans-board-notice .thumb img { width:50px; max-height:50px; padding:0 7px; }
.xans-board-notice .summary { position:relative; padding:0 7px; }
.xans-board-notice .summary a { display:block; color:#757575; }
.xans-board-notice .summary > a > span { position:relative; padding:0 6px 0 0; }
.xans-board-notice .subject { display:block; padding:0 0 7px; font-size:15px; line-height:1.3em; color:#1b1b1b; }
.xans-board-notice .comment { color:#508bed; }
.xans-board-notice .subject img,
.xans-board-notice .point img { width:auto; height:11px; vertical-align:-1px; }
.xans-board-notice .view { position:absolute; right:14px; top:21px; width:30px; height:25px; margin:-7px 0 0; }
.xans-board-notice .view .btnToggle { display:inline-block; width:30px; height:30px; padding:0; margin:0; border:1px solid #d5d5d5; border-radius:3px; background:#fff; }
.xans-board-notice .view .btnToggle img { width:13px; height:8px; padding:11px 8px 11px 8px; }

/* 고정글 */
.xans-board-fixed { margin:-1px 0 0; font-size:11px; border-top:1px solid #ececec; background:#fff; }
.xans-board-fixed li { overflow:hidden; position:relative; padding:14px 0 14px 7px; min-height:50px; color:#757575; border-bottom:1px solid #ececec; }
.xans-board-fixed .thumb { float:left; }
.xans-board-fixed .thumb img { width:50px; max-height:50px; padding:0 7px; }
.xans-board-fixed .summary { position:relative; padding:0 7px; }
.xans-board-fixed .summary a { display:block; color:#757575; }
.xans-board-fixed .summary > a > span { position:relative; padding:0 6px 0 0; }
.xans-board-fixed .subject { display:block; padding:0 0 7px; font-size:15px; line-height:1.3em; color:#1b1b1b; font-weight:normal; }
.xans-board-fixed .comment { color:#508bed; }
.xans-board-fixed .subject img,
.xans-board-fixed .point img { width:auto; height:11px; vertical-align:-1px; }
.xans-board-fixed .view { position:absolute; right:14px; top:21px; width:30px; height:25px; margin:-7px 0 0; }
.xans-board-fixed .view .btnToggle { display:inline-block; width:30px; height:30px; padding:0; margin:0; border:1px solid #d5d5d5; border-radius:3px; background:#fff; }
.xans-board-fixed .view .btnToggle img { width:13px; height:8px; padding:11px 8px 11px 8px; }

/* 게시글 */
.xans-board-list { margin:-1px 0 0; font-size:11px; border-top:1px solid #ececec; background:#fff; }
.xans-board-list li { overflow:hidden; position:relative; padding:14px 0 14px 7px; min-height:50px; color:#757575; border-bottom:1px solid #ececec; display: flex; align-items: center;}
.xans-board-list .thumb { float:left; }
.xans-board-list .thumb img { width:50px; max-height:50px; padding:0 2px 0 7px; }
.xans-board-list .summary { position:relative; padding:0 7px; }
.xans-board-list .summary a { display:block; color:#757575; }
.xans-board-list .summary > a > span { position:relative; padding:0 6px 0 0; }
.xans-board-list .subject { display:block; padding:0 0 7px; font-size:13px; line-height:1.3em; color:#1b1b1b; font-weight:normal; }
.xans-board-list .comment { color:#508bed; }
.xans-board-list .point img { width:auto; height:11px; vertical-align:-1px; }
.xans-board-list .view { position:absolute; right:14px; top:21px; width:30px; height:25px; margin:-7px 0 0; }
.xans-board-list .view .btnToggle { display:inline-block; width:30px; height:30px; padding:0; margin:0; border:1px solid #d5d5d5; border-radius:3px; background:#fff; }
.xans-board-list .view .btnToggle img { width:13px; height:8px; padding:11px 8px 11px 8px; }

/* 상품후기 아코디언형 */
.xans-board-listpackage .contentView { margin:0; padding:14px; min-height:0; background:#f1f1f1; color:#757575; font-size:15px; word-wrap:break-word; }
.xans-board-listpackage .contentView img { margin:0 0 14px; max-width:100%; }

/* 게시글 없음 */
.xans-board-empty { padding:28px 0; text-align:center; font-size:12px; border-bottom:1px solid #d5d5d5; background:#fff; }

.xans-board-paging-4.ec-base-paginate.typeList { background:#fff; }

/* 공통 */
.xans-board-search { margin:0 0 29px; padding:14px; border-top:1px solid #ececec; border-bottom:1px solid #ececec; text-align:left; }
.xans-board-search input#search { width:100%; }
.xans-board-search .category { overflow:hidden; }
.xans-board-search .category select { margin:0 0 7px; }
.xans-board-search .category select#product_category_depth1, .xans-board-search .category select#product_category_depth3,
.xans-board-search .category select#search_date { float:left; width:49%; }
.xans-board-search .category select#product_category_depth2, .xans-board-search .category select#product_category_depth4,
.xans-board-search .category select#search_key { float:right; width:49%; }

/* 1:1맞춤상담 */
.xans-board-search.xans-board-search-9 { margin:0; padding:0; }
.xans-board-search.xans-board-search-9.boardSearch9 { margin:0 0 29px; padding:14px; }

#main-banner-div{ width: 100%; margin: 60px auto 0;}
#main-banner-div div.ban-ul {text-align: center; margin: 0; padding: 0; margin: 0 auto; width: 100%;}
#main-banner-div div.ban-ul:after {content: ''; display: block; clear: both;}
#main-banner-div div.ban-li { width:auto;  float: left; position: relative;}
#main-banner-div div.ban-li-center{}
#main-banner-div div.ban-li img {  width: 100%; height: 100%;}
#main-banner-div div.ban-li p.ban-thum:before {content: ""; position: absolute;top: 0;left: 0; right: 0; bottom: 0; background: linear-gradient(to top,rgba(0, 0, 0, 0.1),rgba(0, 0, 0, 0.1)); }
#main-banner-div div.ban-li span.ban-tit {position:absolute; left:0; top:0; display:table; width:100%; height:100%; color:#fff; font-size:21px; line-height:1.3;}
#main-banner-div div.ban-li span.ban-tit b {display:table-cell; width:100%; height:100%; vertical-align:middle; }

/* page: myshop/index.html 시작 */

.myshop_fix span.next_level  {vertical-align: middle;}

.memberlevel {margin: auto 8px;}
.memberlevel h3.memberlevel_info{  text-align: center;  font-size: 1.8em; font-weight: 600; color: #333; margin: 30px auto; }
.memberlevel .divTable{display: table; width: 100%; text-align: center; border-top: 3px solid #222;}
.memberlevel .divTableRow {display: table-row; }
.memberlevel .divTableHeading {  display: table-header-group; font-weight: 400; color: #5d5d5d;}
.memberlevel .divTableHead { padding: 17px 0; font-weight: 500; font-size: 1em; border-bottom: 1px solid #ddd;}
.memberlevel .divTableCell { border-bottom: 1px solid #ddd;}
.memberlevel .divTableCell, .divTableHead { display: table-cell; padding: 17px; vertical-align: middle; }
.memberlevel .divTableFoot {	background-color: #EEE;	display: table-footer-group; font-weight: bold; }
.memberlevel .divTableBody {	display: table-row-group; }
.memberlevel .divTableBody .divTableRow .divTableCell img {vertical-align: text-top; width:20px;padding-bottom: 5px;}
.memberlevel .divTableCell:nth-child(2), .divTableHead:nth-child(2) {  border-left: 1px solid #ddd;  border-right: 1px solid #ddd;}

/* page: myshop/index.html 끝 */


/* page: join.html 시작 */
.join-banner { word-break: keep-all;margin-left: 8px; margin-right: 8px;}
.join-banner .join-ban-icon{ justify-content: space-around; margin: 0 auto; }
.join-banner .join-ban-icon div{ padding: 0 8px; }
.join-banner p.join-bf { width: 82px;}
/* page: join.html 끝 */



/* .bottom_ban{  max-width: 1300px!important; } */
.bottom_ban>div {  width: 100%;  margin: 0 auto; }
.bottom_ban:after { content: '';  display: block;  clear: both;}

.zigzag_bg {
      background-color: #f8ecc9;
}

.men-joincoupon .zigzag_bg { background-color: #5b5b5b; }
.men-joincoupon p.bottom_ban_join a, .men-joincoupon .bottom_ban_txt { color: #fff;}

.bottom_ban_arrow{position: relative;}
.bottom_ban_arrow:after{display:block;content:"";position:absolute;width:2px;height:74px;background:#222;left:39px;}
.bottom_ban_arrow:before {display:block;content:"";position:absolute;width:2px;height:30px;background:#222;left:67px;} 
.bottom_ban_arrow:after {top:-2px; -webkit-transform: rotate(90deg);transform: rotate(90deg);}
.bottom_ban_arrow:before {top:9px;-webkit-transform: rotate(-45deg);transform: rotate(-40deg);}

.men-joincoupon .bottom_ban_arrow:after, .men-joincoupon .bottom_ban_arrow:before{background:#fff;}

.bottom_ban_txt { padding: 30px 20px 30px 20px; color: #222;}
p.bottom_ban_tit { font-size: 1.3em;}
p.bottom_ban_p { font-size: 1em; font-weight: 300; line-height: 2em;  padding-top: 20px;}
p.bottom_ban_p span { font-size: 2em; font-weight: 600;}
p.bottom_ban_join { font-size: 1em; padding-top: 40px; font-weight: 300;}
p.bottom_ban_join a { text-decoration: none; color: #222;}

.m_banner_header img{ width:100%;}

.xans-board-read .content img{ max-width: 100%; }


/* Popup 스타일수정 */
div#front_popup_area_2:before {content: ''; display: block; position: fixed; top: 0;right: 0; bottom: 0; left: 0; background-color: #000; opacity: .7;}
.ec-multi-popup-full .ec-multi-popup-visual{background: none;}
.ec-multi-popup-full .ec-multi-popup-option{background-color: #f3f3f3;}

/* Popup 스타일수정- 풀스크린형 */
/*.ec-multi-popup-full.ec-multi-popup-swipe .ec-multi-popup-visual li a{ width: 90%; margin: 0 auto;}
.ec-multi-popup-full .ec-multi-popup-option button {color: #000;}
.ec-multi-popup-full .ec-multi-popup-option .today{border-right: none; border-top: none; border-bottom: none; height: 40px; text-align: center;}
.ec-multi-popup-full .ec-multi-popup-option button{ font-size: 13px;}
.ec-multi-popup-full.option1 .paginate { bottom: 45px;}
.ec-multi-popup-full{height: 100%;}*/

/*Popup 스타일수정- 팝업형 */  
div#front_popup_area_2 { position: fixed; top: 0; right: auto; bottom: auto; z-index: 999; width: 100%;  height: 100%; left: 50%; transform: translateX(-50%); overflow: initial; }
.ec-multi-popup .ec-multi-popup-inner{right: 0px; border: none;}
.ec-multi-popup.ec-multi-popup-swipe .ec-multi-popup-inner ul{table-layout: auto!important; width: /*calc(100% - -325px)!important;*/}
.ec-multi-popup .ec-multi-popup-inner .ec-multi-popup-visual{left: 50%; margin: -223px 0 0 -162px;   background-color: #fff0; overflow: hidden!important; width: 325px!important; }
.ec-multi-popup .ec-multi-popup-inner .ec-multi-popup-option{color: #f3f3f3; background-color: #020202;text-align: center; width: 100%; padding: 0px; left: 50%; transform: translateX(-50%); position: relative;    max-width: 325px; }
.ec-multi-popup .ec-multi-popup-inner .ec-multi-popup-option button {color: #f3f3f3; font-size: 16px; padding: 10px; background: none; background-size: none;}
.ec-multi-popup .ec-multi-popup-inner .ec-multi-popup-option button.today{padding-right: 50px;}
.ec-multi-popup .ec-multi-popup-inner .ec-multi-popup-option button.close.close_popup{font-weight: 600;}
.ec-multi-popup .ec-multi-popup-inner .ec-multi-popup-option button.close.close_popup:before {content: '|'; display: block; position: absolute; right: 30%; top: 12px; color: #cacaca;}
.ec-multi-popup .ec-multi-popup-inner ul img{ display:block; width:100%;height: auto; max-width: 326px;}

.search_frame { width: 90%; margin: 0 auto; display: flex; justify-content: space-between; }

.searchBox { display: flex; position:absolute; top:-500px; left:0; right:0; z-index:10000;padding:70px 0 30px; background-color:rgba(255,255,255,1); border-bottom:1px solid #ddd; -o-transition:all 0.7s ease; -moz-transition:all 0.7s ease; -ms-transition:all 0.7s ease; -webkit-transition:all 0.7s ease;}
.searchBox .xans-layout-searchheader { width:calc(100% - 50px); }
.searchBox input { font-size: 14px; position:relative; width:100%; height:39px !important; margin:0 auto; padding:0; text-indent:15px;}
.searchForm {width:100%; margin:0 auto; position:relative;}
.searchForm > input {padding-right:60px;}

.keyword_title{width:90%; margin:30px auto 0; font-size:16px; color:#111;}
.xans-search-hotkeyword {width:90%; margin:14px auto 0; padding:18px 0; border-top:1px solid #ddd;}
.xans-search-hotkeyword ul {width:100%;}
.xans-search-hotkeyword ul:after {content:""; display:block; clear:both;}
.xans-search-hotkeyword ul li {width:50%; float:left; font-size:13px; padding: 7px 0;}

 .search_close {
    display:block; width:39px; height:39px; /*margin:10px auto 0;*/ padding:0;
    border:1px solid transparent;  outline-style:none; cursor:pointer;
    background:#222; font-size:25px; text-align:center; color:#fff; border-radius: 2px;
 }

.search_close img 
{ width: 27px; }


.search_button {position:absolute; right:15px; top:9px;}
.search_button button{background:none; border:0;}
.search_button button img {width:20px; margin-top:0px;}

.search_fix button { display:inline-block; overflow:hidden; width:100%; height:100%; padding:0; text-indent:100%; text-align:left; white-space:nowrap; cursor:pointer; border:0; background:url("//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/sovano/icon/header_search_hover.png") no-repeat; background-size:17px; margin-left:7px;}

.slide_search {position:relative; width:90%; margin:20px auto 0; }
.slide_search #keyword {width:100%; border:0; height:37px; background:#f3f3f3;}
.slide_search input[type="image"] { position: absolute; right: 10px; top: 8px; width: 20px;}

/**
 * 모바일쇼핑몰 슬라이딩메뉴
 */

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

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

/* aside */
#aside { z-index:-1; visibility:hidden; position:fixed; left:0px; top:0px; bottom:0; overflow:auto; overflow-x:hidden; min-width:225px; width:87%; font-size:11px; background-color:#f9f9f9; }
#aside .member { padding:0 0 0 14px; border-bottom:1px solid #c8c7cc; font-size:13px; line-height:41px; font-weight:normal;
background: -webkit-linear-gradient(#f7f7f7,#eff0f0,#e8e9e9); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#f7f7f7,#eff0f0,#e8e9e9); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#f7f7f7,#eff0f0,#e8e9e9); /* For Firefox 3.6 to 15 */
background: linear-gradient(#f7f7f7,#eff0f0,#e8e9e9); /* Standard syntax */
}
#aside .member  strong { color:#508bed; text-decoration:underline; }
#aside .member.xans-layout-statelogoff a { display:inline-block; width:auto; line-height:27px; padding:0 7px; margin:0 3px 0 0; border:1px solid #d5d5d5; border-bottom-color:#b5b5b5; border-radius:3px; color:#1b1b1b; background-color:#fff; }
#aside .member a.btnLogin { border:1px solid #4a5164; border-bottom-color:#3b4150; color:#fff; background-color:#4a5164; }
#aside .btnClose { position:absolute; top:0; right:0; }
#aside .btnClose { display:block; padding:13px; }
#aside .membership { padding:0 14px 11px; }
#aside .membership li { display:inline-block; margin:0 15px 0 0; padding:10px 0 0; }
#aside .membership li a { color:#508bed; }
#aside .membership li.like a { color:#000; }
#aside .membership li.like a span { color:#508bed; }
#aside .xans-myshop-main { background-color:#4a5164; }
#aside .xans-myshop-main a {
    float:left; width:33.3%; padding:34px 0 8px; color:#fff; text-align:center; border:1px solid #404757; border-right:0; background-color:#4a5164;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-sizing:border-box;
    -o-sizing:border-box;
    box-sizing:border-box;
}
#aside .xans-myshop-main a:first-child { border-left:0; }
#aside .xans-myshop-main:after { content:""; display:block; clear:both; }
#aside .xans-myshop-main a.wishList { background:#4a5164 url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_wish_list.png") no-repeat 50% 15px; background-size:20px 18px; }
#aside .xans-myshop-main a.recentList { background:#4a5164 url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_recent_list.png") no-repeat 50% 15px; background-size:20px 18px; }
#aside .xans-myshop-main a.orderList { background:#4a5164 url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_order_list.png") no-repeat 50% 13px; background-size:16px 21px; }

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

/* 카테고리 리스트 */
#aside .categoryList { font-size:13px; font-weight:bold; }
#aside .categoryList ul { display:none; }
#aside .categoryList li { position:relative; background-color:#f1f1f1; }
#aside .categoryList li.selected > ul { display:block; }
#aside .categoryList li.selected > a.cate { color:#508bed; }
#aside .categoryList li.noChild > a.cate { border-top:1px solid #ebebeb; background-image:none !important; }
#aside .categoryList li.noChild:first-child > a.cate { border-top:0; }
#aside .categoryList li.selected.noChild { background-color:#f1f1f1; }
#aside .categoryList > li.selected .slideSubMenu li { background-color:#ffffff; }
#aside .categoryList > li { border-bottom:1px solid #cccccc; border-top:1px solid #fff; }
#aside .categoryList > li:first-child { border-top:0; }
#aside .categoryList > li > a.cate { background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_snb_1depth.gif") no-repeat 15px 50%; background-size:13px 8px; }
#aside .categoryList > li.selected > a.cate { background-image:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_snb_1depth_on.gif"); }
#aside .categoryList > li > ul > li > a.cate { padding-left:42px; border-top:1px solid #ebebeb; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_snb_2depth.gif") no-repeat 22px 50%; background-size:13px 13px; }
#aside .categoryList > li > ul > li.selected > a.cate { border-bottom:1px solid #ebebeb; background-image:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_snb_2depth_on.gif"); background-size:13px 2px; }
#aside .categoryList > li > ul > li > ul > li > a.cate { padding-left:49px; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_snb_2depth.gif") no-repeat 29px 50%; background-size:13px 13px; }
#aside .categoryList > li > ul > li > ul > li.selected > a.cate { border-bottom:1px solid #ebebeb; background-image:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_snb_2depth_on.gif"); background-size:13px 2px; }
#aside .categoryList > li > ul > li > ul > li > ul > li a.cate { padding-left:56px; }
#aside .categoryList a.cate { display:block; padding:12px 94px 11px 34px; word-wrap:break-word; }
#aside .categoryList a.view {
    position:absolute; right:32px; top:8px; padding:0 7px; border:1px solid #d5d5d5; line-height:24px; color:#676767; font-size:11px; font-weight:normal; background-color:#ffffff;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
#aside .categoryList li.noChild > a.view { display:none; }

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

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

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

/* 멀티쇼핑몰 */
#aside .xans-multishop-listitem li { border-bottom:1px solid #cccccc; border-top:1px solid #fff; background-color:#f1f1f1; }
#aside .xans-multishop-listitem li:first-child { border-top:0; }
#aside .xans-multishop-listitem li a { display:block; padding:6px 10px 6px 14px; word-wrap:break-word; }
#aside .xans-multishop-listitem li a .name { margin:0 0 0 5px; font-size:13px; vertical-align:middle; }

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

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

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

.footer {width:100%; font-size:12px; margin-top:0px; background:#f3f2f2; color:#000000; padding-bottom:59px; }
.footer a {color:#222;}
.footer .policy {/*width:100%;*/ text-align:left; padding:7px 0 0px; margin:0 auto; border-bottom:solid 1px rgba(85,85,85,.5);}
.footer .policy li {display:inline-block; width:auto; box-sizing:border-box; line-height:30px; margin-left:21px; }
.footer .policy li a{font-size:12px; font-weight:400; color:#000000; position: relative; }
.footer .policy li a:after { content: ""; clear: both; display: block; width: 10px; height: 11px; border-right: 1px solid #ccc; position: absolute; top:3px; right: -12px; }
.footer .policy li:last-child a:after { display: none; }

.footer .policy:after{content:""; display:block; clear:both;}

.footer .footerInfo dl dt.copy {font-weight:700;}

/*로고영역*/
.footer .foot_logo {display:block;width:100%;margin:auto;text-align:left;padding:35px 20px 0;box-sizing:border-box;list-style:none;font-size:25px;font-weight:bold;}
.footer .foot_logo > img {width:140px;}

.footer h3 {color:#222;}


/* CS 센터 영역 */
.bank {width:100%; box-sizing:border-box; border-left:1px solid #ddd; text-align:left; padding:17px; }
.bank h3 {padding-bottom:10px; padding-top:10px;}
.bank h3:first-child {padding-bottom:10px; padding-top:0;}
.bank p {margin-top:0px; font-size:12px; color:#888; font-weight:400; line-height: 20px;}

/* 하단정보 영역 */
.footer .footerInfo { box-sizing:border-box; padding:21px 20px; text-align:left;}
.footer .footerInfo dl dt, .footer .footerInfo dl dd{display:inline; line-height:1.6; font-size:12px; font-weight:400;}
.footerInfo dl dd {font-family:'Noto Sans KR';}
.footer .footerInfo h3 {padding-bottom:8px; padding-top:18px; color:#000; font-size:16px; font-weight:600;}


/* pc 버전 바로가기 영역 */
.pc_link {width:100%; text-align:center; padding:10px 0;}
.pc_link a {display:inline-block; width:100px; height:30px; line-height:30px; border:1px solid #444; }

/* sns 영역 */
.sns_wrap {text-align:center; border:1px solid #ddd; border-right:0; border-left:0; margin:21px 0 0; padding:5px 0;}
.sns_wrap a{display:inline-block; margin:0 10px;}

/* cs 영역 */
.footer .cs {width:100%; box-sizing:border-box; text-align:left; padding:21px 20px;}
.footer .cs h3{text-align:left; padding-bottom:10px;}
.footer .cs h2{font-size:21px;}
.footer .cs p { margin-top:0px; font-size:12px; color:#888; font-weight:400; line-height: 20px;}




/* local 영역 */
.footer .contact{width:50%; box-sizing:border-box; text-align:center; padding:21px 10px; border-left:1px solid #ddd;}
.footer .contact h3{padding-bottom:10px;}
.footer .contact ul li{padding:2px 0;}


/* copyright 영역 */
.copyright {clear:both; text-align:center; width:100%; line-height:30px; border-top:1px solid #444; background:none; font-size:11px;}


.footer_bottom { width:100%; border-top:solid 1px #9d9d9d; margin-top:10px; padding-bottom:4px;}
.footer_bottom .footer_bottom_inner { width:100%; margin:0 auto; text-align:right; padding:10px 5%; box-sizing:border-box; display: flex; align-items: center; justify-content: flex-end; font-size:11px; color:#ababab;}
.footer_bottom .footer_bottom_inner a { display:inline-block; width:134px; height:19px; background:url("//m.sonangu.com/web/upload/kment/img/footer_svg.svg") center no-repeat; background-size:100% auto; }

.copyright_foot {font-size:9px; color:#787878; text-align:left; /*width:100%;*/ margin:0 auto; margin-left: 5%; }
.copyright_foot a { color:#787878; font-weight:900; margin-left:4px;}

.copyright_foot .link {text-align:center; display:inline-flex; align-items:center; margin-bottom:8px;}
.copyright_foot .link > li {margin-right:10px;}
.copyright_foot .link > a {position:relative; display:inline-block; width:40px; height:40px; margin-right:7px;}
.copyright_foot .link > a span { display:block; width:100%; height:100%; }
.copyright_foot .link > a:last-child { margin-right:0; }
.copyright_foot .link > a span:first-child {opacity:1;}
.copyright_foot .link > a span:last-child { position:absolute; top:0; left:0; opacity:0; z-index:100; transition:all 0.5s; }

/* icon_background */
.copyright_foot .link > a span.kakao { background-size:cover; background:url('//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/sovano/icon/footer_face_ico.png') no-repeat center; image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;}
.copyright_foot .link > a span.naver { background-size:cover; background:url('//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/sovano/icon/footer_insta_ico.png') no-repeat center; image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;}
.copyright_foot .link > a span.facebook { background-size:cover; background:url('//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/sovano/icon/footer_youtube_ico.png') no-repeat center; image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;}


.footer .client {position:relative; width:100%; height:80px; }
.footer .client .swiper-wrapper{box-sizing:border-box; align-items: center; }
.footer .client .swiper-slide {width:100% !important; height:auto !important; display:inline-block !important; margin:0; display:flex; text-align:center;}
.footer .client .swiper-slide img{width:auto !important; height:auto !important; display:inline !important; vertical-align:middle !important;}

.footer .client .swiper-button-prev, .footer .client .swiper-button-next{width:30px; height:30px; right:0; top:50%; margin:0; margin-top:-15px; outline:none;}
.footer .client .swiper-button-prev{background:rgba(255,255,255,.3) url('//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/icon/bottom_prev.png') center no-repeat; left:0;  background-size:14px 14px;}
.footer .client .swiper-button-next{background:rgba(255,255,255,.3) url('//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/icon/bottom_next.png') center no-repeat; background-size:14px 14px;}

.kakao_chat { background:rgba(255,255,255,.7) url("//m.sonangu.com/web/upload/kment/img/plus9_icon.svg") no-repeat -8px -246px!important; margin:10px 0; border:0!important; width:40px!important; height:40px!important; /*border:solid 1px #ddd!important;*/ border-radius:100%!important; background-size: 400px !important; }
.topDown { position:fixed; right:10px; bottom:57px; z-index:500; display:none!important;}
.topDown a { display:block; text-align:center; width:37px; height:37px; border-radius:5px; background:rgba(255,255,255,1); transition:.4s; -webkit-transition:.4s; -o-transition:.4s; -ms-transition:.4s; -moz-transition:.4s; text-decoration:none;}
.topDown .fix_top { margin:10px 0 10px 2px; background:url('//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/img/top_button_2.png') no-repeat center; background-size:cover; border-radius: 7px; image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
#ch-plugin .jQPSEh {bottom:80px!important;}
.quick_area { position:fixed; right:15px; bottom:120px; display:none; z-index:99; }
.quick_area > div {     margin: 10px 0 10px 2px;
    background: rgba(255,255,255,.95) url(//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/icon/right_button.png) no-repeat center;
    background-size: auto;
    border-radius: 100%;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
    box-shadow: 0 3px 5px rgb(102 102 102 / 10%);
    transform: rotate(-90deg);
    border: solid 1px #f3f3f3;display: block;
    text-align: center;
    width: 40px;
    height: 40px;}
.xans-layout-multishopshipping.ec-base-layer { display:none; top:200px; width:300px; }
.xans-layout-multishopshipping .worldshipLayer { text-align:center; line-height:1.5em; }
.xans-layout-multishopshipping .worldshipLayer .select { margin:14px 0 0; }
.xans-layout-multishopshipping .worldshipLayer .select select { width:100%; }
@charset "euc-kr";

@font-face {
    font-family: 'GmarketSans';
    font-weight: 700; 
    font-style: normal; 
    src: url(//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/font/GmarketSansTTFBold.woff) format('woff');
    unicode-range: U+0030-0039;
}
@font-face {
    font-family: 'GmarketSans';
    font-weight: 500; 
    font-style: normal; 
    src: url(//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/font/GmarketSansTTFMedium.woff) format('woff');
    unicode-range: U+0030-0039;
}
@font-face {
    font-family: 'GmarketSans';
    font-weight: 400; 
    font-style: normal; 
    src: url(//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/font/GmarketSansTTFLight.woff) format('woff');
    unicode-range: U+0030-0039;
}

@font-face {
    font-family: 'Arial';
    font-weight: 500; 
    font-style: normal; 
    src: url(//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/font/arial.woff) format('woff');
    unicode-range: U+0041-005A, U+0061-007A;
}

@font-face {
    font-family: 'Arial';
    font-weight: 700; 
    font-style: normal; 
    src: url(//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/font/arialb.woff) format('woff');
    unicode-range: U+0041-005A, U+0061-007A;
}

@font-face {
    font-family: 'Arial';
    font-weight: 800; 
    font-style: normal; 
    src: url(//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/font/arialk.woff) format('woff');
    unicode-range: U+0041-005A, U+0061-007A;
}

@font-face {
    font-family: 'Noto Sans KR';
    font-weight: 900; 
    font-style: normal; 
    src: url(//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/font/NotoSansKRBlack.woff) format('woff');
    unicode-range: U+AC00-D7A3
}

@font-face {
    font-family: 'Noto Sans KR';
    font-weight: 700; 
    font-style: normal; 
    src: url(//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/font/NotoSansKRBold.woff) format('woff');
    unicode-range: U+AC00-D7A3
}

@font-face {
    font-family: 'Noto Sans KR';
    font-weight: 500; 
    font-style: normal; 
    src: url(//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/font/NotoSansKRMedium.woff) format('woff');
    unicode-range: U+AC00-D7A3
}

@font-face {
    font-family: 'Noto Sans KR';
    font-weight: 400; 
    font-style: normal; 
    src: url(//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/font/NotoSansKRRegular.woff) format('woff');
    unicode-range: U+AC00-D7A3
}

@font-face {
    font-family: 'Noto Sans KR';
    font-weight: 300; 
    font-style: normal; 
    src: url(//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/font/NotoSansKRLight.woff) format('woff');
    unicode-range: U+AC00-D7A3
}


/* reset */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, button, p, blockquote, th, td { margin:0; padding:0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
p, a, h1, h2, h3, h4, h5, h6, ul, li, tr, td, input, select, textarea, button, figure, blockquote { transform: skew(-0.1deg); }
html { width:100%; height:100%; }
body, code { min-width:320px; font-size:13px; line-height:1.2em; color:#1b1b1b; background:#fff; -webkit-text-size-adjust:none;  font-family: 'Arial','GmarketSans','Noto Sans KR', sans-serif;}
code { background:none; display:block; }
ul li { list-style:none; }
ol { list-style-position:inside; }
img, fieldset{ border:none; }
img { vertical-align:middle; }
hr.layout { display:none; }
em, address { font-style:normal; }
ins { text-decoration:none; }
a { text-decoration:none; color:#000; }
a:active { text-decoration:none; }
table { width:100%; table-layout:fixed; border:0 none; border-spacing:0; border-collapse:collapse; }
table caption { display:none; }
th, td { border:0; line-height:18px; }
legend { height:0; width:0; display:block; text-indent:-9999em; }
label { cursor:pointer; }
button::-moz-focus-inner { padding:0; border:0; }

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


@charset "utf-8";

.head_black {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:999; display:none;}
.swiper-button-prev:after, .swiper-button-next:after { display:none; }

/* layout */
/*body.overflow {overflow:hidden;}*/
#header { position:fixed; top:0; left:0; width:100%; z-index:430; }
#header.on {background:#fff!important; box-shadow:0 3px 10px rgba(102,102,102,0.1);}
#header.background_add {background:#fff!important; box-shadow:0 3px 10px rgba(102,102,102,0.1)!important;}
#header .header { z-index:300; position:relative; width:100%; height:55px; text-align:center; vertical-align:top;  }
#header h1 { height:55px; text-align:center; font-size:0; line-height:55px; }
#header h1 img { width:130px; max-width:100%; box-sizing:border-box; vertical-align:middle; font-size:0; margin-left:0px; }
#header .searchWrap { width:100%; height:70px; }

#header .head_right {position:absolute; right:4%; top:14px; width:auto; float:right; z-index:1;}
#header .head_right>div {width:22px; height:22px; display:inline-block; vertical-align:middle; margin-left:0px;}
#header .head_right>div a {display:block;}
#header .head_right>div a.cart { background:url("//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/icon/cart_svg.svg")no-repeat center; background-size:24px; width:24px; height:24px; position:relative; }
#header.background_add .head_right > div a.cart { background:url("//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/icon/cart_svg.svg")no-repeat center!important; background-size:cover!important; }
#header .head_right>div:nth-child(2) {position:relative; width:23px;}
#header .head_right>div:nth-child(2) img {margin:1px;}
#header .head_right>div:last-child {width:21px;}
#header .head_right>div>a img {width:100%;}

#header .count { font-weight: 400; width: 10px; height: 10px; background: #3b693b; line-height: 10px; border-radius: 50%; border: 1px solid transparent; color: #fff; display: block; text-align: center; font-size: 6px; position:absolute; right:-5px;}

#contents { position:relative; min-width:320px; }

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

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

#header .header { position:relative; left:0; top:-1px; width:100%; height:50px; text-align:left; vertical-align:top; background:rgba(255,255,255,0); z-index:10000;}
#header .header_banner { width:100%; font-size:13px; background:#000; color:#fff; font-weight:300; text-align:center;}
#header .header_banner .header_banner_inner {position:relative; width:100%; height:auto; line-height:auto; margin:0 auto; padding:8px 0; box-sizing:border-box;}
#header .header_banner .header_banner_inner  a {position:relative; color:#fff;}
#header .header_banner .header_banner_inner  a img {width:100%; height:auto;}
#header .header_banner .lb_close {position:absolute; right:21px; top:50%; transform:translate(0,-50%); width:12px; height:12px; z-index:1; }
#header .header_banner .lb_close span {position:absolute; left:0; top:50%; display:block; width:100%; height:1px; background:#fff; transform:rotate(45deg); }
#header .header_banner .lb_close span:last-child {transform:rotate(-45deg); }

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

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

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

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

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

/* 메인 기능버튼 */
#main .funcArea { margin:0 0 10px 0; padding:6px; border-bottom:1px solid #c2c2c2; text-align:right; background-color:#fff; }
#main .funcArea .btnSearchdata { width:33px; height:29px; font-size:0; line-height:0; cursor:pointer; border:0; outline:0; background:url(//img.echosting.cafe24.com/skin/mobile/layout/btn_searchdata.gif) no-repeat 0 0; background-size:33px 29px; }

/* 타이틀 */
#titleArea { position:relative; /*border-bottom:1px solid #d1d1d1;*/  }
#titleArea h2 { padding:0 61px; line-height:56px; font-size:24px; color:#2e2e2e; text-align:center; font-weight:600; }
#titleArea span { position:absolute; top:6px; left:14px; display:none; }
#titleArea ul { padding:10px 0; color:#939393; line-height:18px; text-align:center; font-size:13px;}
#titleArea ul li { position:relative; padding:0 20px 0 20px; }


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

/* slide_menu */
.slideMenu { position:fixed; top:0; left:-100%; width:80%; padding-top:0; box-sizing:border-box; z-index:999; background-color:rgba(255,255,255,1); opacity:0; -o-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; padding-bottom:25px;}
.slideMenu.on { left:0; z-index:100000000; opacity:1; height:100%; overflow-y:scroll;}
.slideMenu .slideMenuIn { box-sizing:border-box; padding-bottom:20px;}
.slideMenu .slideMenuIn .cateWrap {padding-top:18px; position:relative; width:90%; margin:17px auto 0; border-top:1px solid #ddd;}
/*.slideMenu .slideMenuIn .cateWrap>div:after { content: ''; font-size: 20px; font-weight:600; position: absolute; transition: transform .25s ease-out; top:15px; right: 3px; background:url(//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/icon/slide_arrow.png) no-repeat; width:15px; height:17px;}*/
.slideMenu .slideMenuIn .cateWrap>div.none_after:after {display:none;}

.slideMenu .slideMenuIn .cateWrap div.on:after {transform: rotate(180deg);}

.slideMenu .cateWrap > div { padding:15px 0 15px; box-sizing:border-box; position:relative;}
.slideMenu .cateWrap > div:first-child {}
.slideMenu .cateWrap > div > span { color:#222; font-size:16px; font-weight:500; display:flex; justify-content:space-between; }
.slideMenu .cateWrap > div > span img { -o-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
.slideMenu .slideMenuIn .cateWrap div.on span img {transform: rotate(180deg);}
.slideMenu .cateWrap > div > ul {padding-top: 10px; line-height: 30px; display:none; text-indent:10px;}

.slideMenu .slideMenuIn .cateWrap>div:nth-child:after(2){transform: rotate(0deg);}
.slideMenu .cateWrap > div > ul.show{display:block;}

.slideMenu .cateWrap > div > ul a {display:block; color:#777; line-height: 35px; font-size: 14px; font-weight:400;}
.slideMenu .cateWrap > div > ul a > div {display:inline-block; vertical-align:middle; width:50px; height:50px;}
.slideMenu .cateWrap > div > ul a > div img { vertical-align:middle; width:100%;}
.slideMenu .cateWrap > div > ul a > span {display:inline-block; vertical-align:middle; color: #000; font-weight: 500; margin-left: 15px; line-height: 20px; width:calc(100% - 65px);}
.slideMenu .cateWrap > div > ul a > span > p {color: #aaa; font-weight: 300; font-size:12px;}
.slideMenu .cateWrap > div > ul a.smallCate {padding-left:20px; line-height:30px;}
.slideMenu .cateWrap > div > ul a.bigCate {color:#555; font-weight:600;}

.slideMenu ol { position:relative; }
.slideMenu ol > li { float:left; width:25%; text-align:center; height:40px; line-height:40px; box-sizing:border-box; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
.slideMenu ol > li:nth-child(4n) { border-right:0; }
.slideMenu ol > li > a { color:#000; }
.slideMenu ol > li > ul { position:absolute; width:100%; top:40px; left:0; display:none; }
.slideMenu ol > li > ul > li { float:left; width:25%; background-color:#ededed; text-align:center; height:40px; line-height:40px; box-sizing:border-box; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
.slideMenu ol > li > ul > li:nth-child(4n) { border-right:0; }
.slideMenu ol > li > ul > li a { display:block; }
.account.on { background:#ededed; }
.slideMenu ol > .country > ul > li { width:50%; }
.slideMenu ol > li.on { background:#ededed; }
.slideMenu .count {position:absolute; top:-6px; right:-6px; width:13px; height:13px; line-height:13px; border-radius:50%; border:1px solid transparent; background:#ff0000; color:#fff; display:block; text-align:center; font-size:10px;}
.slideMenu .myinfo { line-height:30px; float:left; margin-left:21px;}
.top_area {width:100%; margin-top:30px;}
.top_area>div {width:100%; box-sizing:border-box; padding:0 20px;}
.top_area>div > a {margin-right:10px; vertical-align: middle; font-size:14px;}
.top_area>div:after {content:""; display:block; clear:both;}
.top_area>div .right_list { float:right; margin-top:-3px;}
.top_area>div .right_list a:last-child {position:relative; margin-left:5px;}
.top_area>div .right_list a {display:inline-block; vertical-align:top;}
.top_area>div .right_list a.log {background:url("//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/icon/user.png")no-repeat center; background-size:40px; width:26px; height:26px;}
.top_area>div .right_list a.cart {background:url("//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/icon/cart.png")no-repeat center; background-size:40px; width:26px; height:26px;}
.top_area .member_button {display:inline-block; float:left; width:60px; height:30px; line-height:30px; background:#222; color:#fff; border-radius:15px; border:1px solid #111; text-align:center;}

#header .category {position:absolute; left:4%; top:50px; z-index:10001!important; width:22px; height:16px; vertical-align:middle;}
#header .category div { width:100%; height:100%; }
#header .category div ul { margin:0 auto; }
#header .category div ul li { width:22px; height:2px; background:#000; margin-bottom:5px; }
#header.background_add .category div ul li {background:#222!important;}
#header.on .category div ul li {background:#222;}
#header .category div ul li:last-child { margin-bottom:0; }
#header .category.click { z-index:100000000 !important; right:7%; left:auto;}
#header .category div.click ul li { margin-top:7px; background:#fff;}
#header.background_add .category div.click ul li {background:#fff!important;}
#header .category div.click ul li:nth-child(1) { transform:rotate(-225deg); }
#header .category div.click ul li:nth-child(2) { opacity:0; transform:rotate(-90deg);}
#header .category div.click ul li:nth-child(3) { margin-top:-16px; transform:rotate(225deg); }

.category_fix {height:36px; background:#fff; border-bottom:1px solid #ddd;}
.category_fix > ul:after {display:block; clear:both; content:"";}
.category_fix > ul > li {float:left; width:20%; line-height:34px;}

/* 정보영역 스타일 */
.quick_slide {width:90%; margin:0 auto; padding-top:30px; border-top:solid 1px #ddd;}
.quick_slide #cs ul li:nth-child(2), .quick_slide #cs ul li:nth-child(4){padding-bottom:10px;}
.quick_slide #cs ul li:nth-child(2) span, .quick_slide #cs ul li:nth-child(4) span {font-size:24px; font-weight:600; margin-top:4px;}
.quick_slide #cs ul li:last-child {font-size:14px; font-weight:500; line-height:1.4; color:#777;}
.quick_slide #cs{margin-left:0; margin-right:3%;}

.quick_slide #bank,.quick_slide #info {margin-top:30px; font-size:11px; font-weight:500; line-height:1.3;}


.quick_slide > div h3 {font-size:14px; color:#a7a8a9;padding-bottom:10px; font-weight:500;}
.quick_slide > div h3:nth-child(3) {margin-top:25px;}

.board_quick {width:95%; border-bottom:1px solid #ddd; padding-left:30px; margin:21px auto 0; box-sizing:border-box; background:url('//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/image/checked.png') 10px center no-repeat; background-size:12px auto; }
.board_quick>div {width:100%; height:30px;}
.board_quick>div>div>div {display:flex; width:100%; height:100%; align-items:center; font-size:12px;}

.cscenter_top {border-top:solid 1px #ddd; margin-top:10px; padding-top:20px!important;}
.slideMenu .slideMenuIn .cateWrap>div.cscenter_top:after {top:20px;}
.quick a {display:inline-block; margin-top:10px;}
.quick a div {width:34px; height:34px;}
.quick a:first-child div { background: url("//m.sonangu.com/web/upload/kment/img/plus9_icon.svg") no-repeat -5px -183px; background-size: 300px;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.quick a:nth-child(2) div  { background: url("//m.sonangu.com/web/upload/kment/img/plus9_icon.svg") no-repeat -55px -183px; background-size: 300px;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.quick a:nth-child(3) div  { background: url("//m.sonangu.com/web/upload/kment/img/plus9_icon.svg") no-repeat -105px -183px; background-size: 300px;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.quick a:nth-child(4) div  {background: url("//m.sonangu.com/web/upload/kment/img/plus9_icon.svg") no-repeat -155px -183px; border:solid 1px #ddd; box-sizing:border-box; border-radius:100%; background-size: 300px;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.quick a:nth-child(5) div  {background: url("//m.sonangu.com/web/upload/kment/img/plus9_icon.svg") no-repeat -205px -183px; background-size: 300px;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

.quick a span{display:none; width:100%; text-align:center; padding-top:5px;}


/* 메인배너 */
.mainBanner_container {position:relative; overflow:hidden; width:100%; height:calc(100vh - 63px);}
.mainBanner_container div { width:100%; }
.mainBanner_container div div { width:100%; }
.mainBanner_container .swiper-pagination2 {margin-right:15px; font-size:14px; margin-top:-5px;}
.mainBanner_container .swiper-pagination2 .swiper-pagination-current {font-size:14px; font-weight:600; margin-right:5px;}
.mainBanner_container .swiper-pagination2 .swiper-pagination-total {font-size:12px; margin-left:5px;}
.mainBanner_container .swiper-button-prev { width:48px; height:48px; background:url('//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/sovano/icon/main_left_button.png') no-repeat; background-size:100%; left:20px; }
.mainBanner_container .swiper-button-next { width:48px; height:48px; background:url('//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/sovano/icon/main_right_button.png') no-repeat; background-size:100%; right:20px; }
.mainBanner_container .swiper-pagination { width:150px; height:2px; bottom:27px; display:flex; justify-content:center; align-items:flex-end; }
.mainBanner_container .swiper-pagination .swiper-pagination-bullet { width:8px; height:8px; border:solid 1px rgba(255,255,255,.6); margin:0 8px 0 0; font-size:0; opacity:1; border-radius:100%; background:none; box-sizing:border-box;}
.mainBanner_container .swiper-pagination .swiper-pagination-bullet:last-child { margin-right:0; }
.mainBanner_container .swiper-pagination .swiper-pagination-bullet-active { background:#fff; }
.mainBan-wrap .main_title .main_button_wrap>div { display:inline-block; position:static; vertical-align:middle; }
.mainBanner_container .pro_bar_wrapper { width:180px; height:2px; margin:0 14px; background:#cccccc; }
.mainBanner_container .pro_bar_wrapper .pro_bar {width:0;height:100%;background: #252525; }
.pro_ani{ animation: proBar 3.5s forwards; width:100%; }

@keyframes proBar{
    0%{width:0;}
    100%{width:100%;}
}

.mainBanner_container .n_wrap { width:auto; position:absolute; bottom:30px; left:50%; transform:translate(-50%,0); z-index:999; white-space:nowrap; color:#fff; }
.mainBanner_container .n_wrap .p_area  { width:auto; display:inline-flex; justify-content:space-between; align-items:center; vertical-align:middle;  }
.mainBanner_container .n_wrap .p_area  .swiper-pagination { position:static; }
.mainBanner_container .play_wrapper { display:inline-block; width:35px; height:35px; border-radius:16px; margin-left:0px; vertical-align:middle; }
.mainBanner_container .play_wrapper span { display:none; justify-content:center; align-items:center; width:100%; height:100%; }
.mainBanner_container .play_wrapper span img { width:20px; margin-right:-1px; }
.mainBanner_container .play_wrapper span.show { display:flex; }
.mainBanner_container .play_wrapper:hover {cursor:pointer; }

.mainBanner_container div div { width:auto; display: flex; align-items: flex-end; justify-content: center;}
.mainBanner_container div div > ul {margin:0 5% 20%; text-align:center;}

.mainBanner_container div div > ul > h4 {color:#fff; font-size:14px; font-weight:400;}
.mainBanner_container div div > ul > h2 {color:#fff; font-size:24px; font-weight:500; margin:10px 0 20px; line-height:1.4;}
.mainBanner_container div div > ul > p {color:#fff; font-size:14px; font-weight:400; line-height:1.5; margin-bottom:30px;}

.mainBanner_container div div a {display:inline-block; border:solid 1px #fff; color:#fff; padding:8px 15px; box-sizing:border-box; font-size:11px;}

.mainBanner_container .custom_pagination { display:inline-block; width:auto; position:absolute; top:50%; right:150px; transform:translate(0,-50%); z-index:99; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#fff;}

/* 메인하단 이벤트 배너 */
.review_banner { width:100%; height:auto; margin-top:5px; }
.review_banner a { display:block; width:100%; height:auto; }
.review_banner a img { width:100%; height:auto; }
.review_banner div.swiper-button-prev { left:0px; background: url('//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/icon/slide_prev.png') no-repeat center; background-size:11px; transition:all .5s; }
.review_banner div.swiper-button-next { right:0px; background: url('//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/icon/slide_next.png') no-repeat center; background-size:11px; transition:all .5s; }

.review_banner .swiper-pagination {bottom:15px;}
.review_banner .swiper-pagination .swiper-pagination-bullet { width:8px; height:8px; border:solid 1px #777; margin:0 8px 0 0; font-size:0; opacity:1; border-radius:100%; background:none; box-sizing:border-box;}
.review_banner .swiper-pagination .swiper-pagination-bullet:last-child { margin-right:0; }
.review_banner .swiper-pagination .swiper-pagination-bullet-active { background:#777; }

/*신상슬라이드 영역*/

.newprd_slide .prdImg {font-size:11px;}
.newprd_slide .prdImg .slide_text {position:absolute; left:15px; bottom:20px; color:#000; max-width:90%;}
body .all_prd .all_prd_inner.newprd_slide_wrap ul.prdList > li {margin-bottom:25px;}
.best_prd .all_prd_inner > div { display:none; }
.best_prd .all_prd_inner > div.show { display:block; }
.newprd_slide .prdImg .slide_text > span {display:block; font-weight:500;}
.newprd_slide .prdImg .slide_text > span.new_price {font-size:16px; font-weight:500; margin-top:5px;}
.all_prd .all_prd_inner.newprd_slide_wrap {width:100%; padding-left:21px; box-sizing:border-box; margin-top:12px;}
.newprd_slide_wrap .swiper-pagination-progressbar { position:static; background:#dddddd; margin-top:0px; height:4px; width:calc(100% - 21px); }
.newprd_slide_wrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#333333; }


/* 메인하단링크 */
.main_bottom_link { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; }
.main_bottom_link div { width:calc(100%/3 - 1px); height:59px; border:1px solid #dddddd; margin-left:-1px; margin-top:-1px; }
.main_bottom_link div:last-child { width:calc((100%/3*2) - 1px); }
.main_bottom_link div a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; font-size:14px; font-weight:600; }
.main_bottom_link div b { font-weight:900; }

.prd_link { width:100%; height:auto; }
.prd_link ul{ margin:5px auto 3px; display:flex; }
.prd_link ul li { cursor: pointer; font-weight: 500; position:relative; width:calc(100%/4); height:calc(100vw/4); }
.prd_link ul li:after {content:""; position:absolute; right:0; width:1px; height:20px; background:#ccc; top: 0; bottom: 0; margin: auto;}
.prd_link ul li a { width:100%; height:100%; display:flex;flex-direction:column; justify-content:center; align-items:center; line-height:1.4; text-align:center; }
/*.prd_link ul li:nth-child(4n):after {display:none;}*/
.prd_link ul li a > img {display:block; margin-bottom:5px; width:50%; }
.prd_link ul li a > img:nth-of-type(2) {display:none;}
.prd_link ul li.light a {color:#a19400; font-weight:600;}
.prd_link ul li.light a > img {display:none;}
.prd_link ul li.light a > img:nth-of-type(2) {display:block;}
.all_prd .prd_link .swiper-button-prev { top:50%; left:0px; background:rgba(192,192,192,.5) url('//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/icon/slide_left.png') no-repeat center; transition:all .5s; }
.all_prd .prd_link .swiper-button-next {  top:50%; right:0px; background:rgba(192,192,192,.5) url('//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/icon/slide_right.png') no-repeat center; transition:all .5s; }


/* 추가배너내용 */
.add_banner { width:100%; height:auto; margin:39px auto; }
.add_banner img { width:100%; height:auto; }

/* 가장 인기있는 타임 특가 */

.time_prd { position:relative; margin:0 21px; margin-top:80px; }
.time_prd .time_prd_title { text-align:left; box-sizing:border-box;}
.time_prd .time_prd_title p { font-size: 13px; color: #888;}
.time_prd .time_prd_title h3 { font-size: 28px; display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 3px; font-weight: 500; color: #333; line-height: 1.5;}
.time_prd .time_prd_title h3 a { font-size:15px; color:#222222; margin-top:5px; font-weight:700; position:relative;}
.time_prd .time_prd_title h3 a:after {display:block; content:""; position:absolute; bottom:-3px; left:0; width:0%; height:2px; background:#222;}
.time_prd .time_prd_title h3 a:hover:after {width:100%; transition:all .5s;}
.time_prd .time_prd_title h3 a span { font-weight:500; /*font-family:'Noto Sans KR',sans-serif;*/ margin-left:15px; display:inline-block;}
.time_prd .time_prd_title h3 a span img {max-height:17px; vertical-align:middle;}
.time_prd .time_prd_wrap { }
.time_prd .time_prd_wrap .swiper-pagination-progressbar { position:static; background:#dddddd; margin-top:21px; }
.time_prd .time_prd_wrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#333333; }
.time_prd .time_prd_wrap .time_child { position:relative; margin-top:5px;}
.time_prd .time_prd_wrap .time_child .countdown { background:#f1f1f1; padding:0px 5px; border-radius:0px; z-index:1; width:auto; height:auto; height: 32px; line-height: 32px; }
.time_prd .time_prd_wrap .time_child .countdown .timer-holder { display:flex; justify-content:center; align-items:center; background: #f1f1f1; position:relative;}
.time_prd .time_prd_wrap .time_child .countdown .timer-holder .timer-wrap { display:flex; justify-content:center; align-items:center; }
.time_prd .time_prd_wrap .time_child .countdown .timer-holder .timer-wrap .timer-slot { font-size:12px; color:#333333; font-weight:900; line-height:1; }
.time_prd .time_prd_wrap .time_child .countdown .timer-holder .timer-wrap li { font-size:12px; color:#777; list-style:none; margin-left:3px; }
.time_prd .time_prd_wrap .time_child .countdown .timer-holder > li { margin:0 3px; list-style:none; }

.time_prd .time_prd_wrap ul li:hover .quick-icon {opacity:.6;}

 .end_event {text-align:center; font-weight:600; position:absolute; width:100%;}

.time_prd .time_prd_wrap ul.prdList {font-size:0;}
.time_prd .time_prd_wrap ul.prdList > li { position:relative; width:100%; display:flex; justify-content:space-between; align-items:center; margin-top:10px;}
.time_prd .time_prd_wrap ul.prdList > li:nth-of-type(3n) {margin-right:0;}
.time_prd .time_prd_wrap ul.prdList > li:hover .thumbnail:after, .time_prd .time_prd_wrap ul.prdList > li:hover .thumbnail:before {opacity:1; }
.time_prd .time_prd_wrap ul li .thumbnail { position:relative; width:35%; display:inline-block; overflow:hidden;  }
/*.time_prd .time_prd_wrap ul li .thumbnail:after {content:""; position:absolute; left:0; top:0; background:rgba(0,0,0,.45); width:100%; height:100%; cursor:pointer; opacity:0; transition:all .5s;}
.time_prd .time_prd_wrap ul li .thumbnail:before {content:"+"; position:absolute; left:0; top:0; width:68px; height:68px; border:solid 1px #fff; border-radius:100%; z-index:9; font-size:29px; color:#fff; text-align:center; line-height:68px; font-weight: 100; left: 50%; top: 50%; transform: translate(-50%, -50%); cursor:pointer; opacity:0; transition:all .5s;}*/
.time_prd .time_prd_wrap ul li .thumbnail .icon { position:absolute; top:18px; left:18px; }
.time_prd .time_prd_wrap ul li .thumbnail .icon .promotion img { width: 50px; image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; }
.time_prd .time_prd_wrap ul li .thumbnail .prdImg a img { width:100%; }

.time_prd .time_prd_wrap ul li .description { text-align:left; margin:0 5px; width:calc(65% - 36px); margin-left:21px; display:inline-block; }
.time_prd .time_prd_wrap ul li .description .brand { display:block; font-size:14px; color:#696969; font-weight:500; line-height:1.2;}
.time_prd .time_prd_wrap ul li .description .name { display:block; padding:2px 0 0px; word-break:keep-all; }
.time_prd .time_prd_wrap ul li .description .name a { width:100%; height:auto; font-size:15px !important; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display:block; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; margin-bottom:10px; text-align:right;}
.time_prd .time_prd_wrap ul li .description .spec li { display:inline-block; margin-right:7px; line-height:1.5; width:100%;}
.time_prd .time_prd_wrap ul li .description .product-price-info {position:relative;}
.time_prd .time_prd_wrap ul li .description .product-price-info .discount-rate {font-size:20px;}
.time_prd .time_prd_wrap ul li .description .spec li span {font-weight:800; font-size:12px !important; }

.time_prd .time_prd_wrap .button_wrap { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); min-width:1520px; height:0; z-index:100; box-sizing:border-box; width:100%;}
.time_prd .time_prd_wrap .button_wrap>div { width:52px; height:52px; top:50%; margin-top:-40px; box-shadow:5px 5px 7px 0px rgb(0 0 0 / 5%);}
.time_prd .time_prd_wrap .button_wrap>div:after {content:"";}
.time_prd .time_prd_wrap .button_wrap>div.swiper-button-prev { left:calc(10% - 26px); background:#fff url('//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/inscobee/icon/slide_left_arrow.png') no-repeat; background-size:100%; outline:none; border:solid 1px #ddd; border-radius:5px;}
.time_prd .time_prd_wrap .button_wrap>div.swiper-button-next { right:calc(10% - 26px); background:#fff url('//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/inscobee/icon/slide_right_arrow.png') no-repeat; background-size:100%; outline:none; border:solid 1px #ddd; border-radius:5px;}

.time_prd .time_prd_wrap .morebutton {margin:50px auto 0; text-align:center;}
.time_prd .time_prd_wrap .morebutton a { display: inline-block; border: solid 1px #333; color: #333; border-radius: 30px; padding: 13px 25px; box-sizing: border-box; font-size: 15px; margin:0 auto; font-weight:600;}
.time_prd .time_prd_wrap .morebutton a:hover {background:#333; color:#fff;}

/* 이벤트배너 */
.event_banner { width:100%; height:auto; margin-top:80px; }
.event_banner a { display:block; width:100%; height:auto; }
.event_banner a img { width:100%; height:auto; }
.event_banner div.swiper-button-prev { left:0px; background: url('//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/icon/slide_prev.png') no-repeat center; background-size:11px; transition:all .5s; }
.event_banner div.swiper-button-next { right:0px; background: url('//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/icon/slide_next.png') no-repeat center; background-size:11px; transition:all .5s; }

.theme_prd { width:calc(100% - 42px); margin:70px auto 0; }
.theme_prd .theme_child { width:100%; height:auto; margin-top:80px; }
.theme_prd .theme_child .theme_title { width:100%; height:auto; display:flex; justify-content:space-between; align-items:center; padding-bottom:5px; }
.theme_prd .theme_child .theme_title h3 { font-size:21px; }
.theme_prd .theme_child .theme_title a { font-size:11px; font-weight:500; position:relative; top:2px; }
.theme_prd .theme_child .theme_title a > img {max-width:20px;}
.theme_prd .theme_child .theme_sub { font-size: 20px; font-weight: 500; margin: 20px 0 25px;}
.theme_prd .theme_child .theme_thumb { width:100%; height:auto; overflow:hidden; }
.theme_prd .theme_child .theme_thumb a { display:block; }
.theme_prd .theme_child .theme_thumb a img { width:100%; height:auto; }
.theme_prd .theme_child .theme_thumb div.swiper-button-prev { left:0px; background: url('//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/icon/slide_prev.png') no-repeat center; background-size:11px; transition:all .5s; }
.theme_prd .theme_child .theme_thumb div.swiper-button-next { right:0px; background: url('//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/icon/slide_next.png') no-repeat center; background-size:11px; transition:all .5s; }
.theme_prd .theme_child .theme_list { width:100%; height:auto; margin-top:10px; }
.theme_prd .theme_child .theme_list > ul { width:100%; height:auto; }
.theme_prd .theme_child .theme_list > ul > li { width:100%; height:auto; display:flex; justify-content:space-between; align-items:center; padding:12px 0; border-bottom:1px solid #ddd;}
.theme_prd .theme_child .theme_list > ul > li .product-price-info .product-sale-price {font-weight:500;}
.theme_prd .theme_child .theme_list > ul > li .left_area { display:flex; justify-content:space-between; align-items:center; width:100%;}
.theme_prd .theme_child .theme_list > ul > li .left_area:hover { cursor:pointer; }
.theme_prd .theme_child .theme_list > ul > li .left_area .thumbnail { width:80px; height:auto; overflow:hidden; }
.theme_prd .theme_child .theme_list > ul > li .left_area .thumbnail .prdImg { width:100%; height:auto; }
.theme_prd .theme_child .theme_list > ul > li .left_area .thumbnail .prdImg img { width:100%; height:auto; }
.theme_prd .theme_child .theme_list > ul > li .left_area .description { margin-left:20px; word-break:keep-all; text-align:right; width:50%;}
.theme_prd .theme_child .theme_list > ul > li .left_area .description .name { line-height:1.5; }
.theme_prd .theme_child .theme_list > ul > li .left_area .description .spec { width:100%; height:auto; }
.theme_prd .theme_child .theme_list > ul > li .left_area .description .spec li { margin-top:7px; }
.theme_prd .theme_child .theme_list > ul > li .right_area { width:27px; height:auto; }
.theme_prd .theme_child .theme_list > ul > li .right_area img { width:100%; height:auto; opacity:.7; }
.theme_prd .theme_child .theme_list > ul > li .right_area:hover { cursor:pointer; }

/* NEW */
.new_prd .all_prd_inner > div { display:block !important; }
#series_wrap .all_prd_inner > div { display:block !important; }
#md_wrap .all_prd_inner > div { display:block !important; }

#md_wrap .all_prd_inner .all_prd_list ul.prdList > li { width: calc(100%/2 - 5px); margin-right:10px; display:inline-block; vertical-align:top; margin-bottom:40px;}
#md_wrap .all_prd_inner .all_prd_list ul.prdList > li:nth-child(2n) { margin-right:0; }



.all_prd { position:relative; margin-top:80px; }
.all_prd .title { text-align:left; padding:0 5%; box-sizing:border-box;}
.all_prd .title h3 { font-size:28px; display:flex; justify-content:space-between; align-items: flex-end; margin-bottom:3px; font-weight:500; color:#333; line-height:1.5;}
.all_prd .title p { font-size:13px; color:#888; }
.all_prd .title h3 a { font-size:15px; color:#222222; margin-top:5px; font-weight:700; position:relative;}
.all_prd .title h3 a:after {display:block; content:""; position:absolute; bottom:-3px; left:0; width:0%; height:2px; background:#222;}
.all_prd .title h3 a span { font-weight:500; /*font-family:'Noto Sans KR',sans-serif;*/ margin-left:15px; display:inline-block;}
.all_prd .title h3 a span img {max-height:17px; vertical-align:middle;}
.all_prd .all_prd_inner { width:calc(100% - 42px); margin:0 auto; } 
.all_prd .all_prd_inner .all_prd_list ul.prdList {font-size:0; margin-top:12px;}
.all_prd .all_prd_inner .all_prd_list ul.prdList > li { width: calc(100%/3 - 10px); margin-right:15px; display:inline-block; vertical-align:top; margin-bottom:40px;}
.all_prd .all_prd_inner .all_prd_list ul.prdList > li:nth-child(3n) { margin-right:0; }
/*.all_prd .all_prd_inner .all_prd_list ul.prdList > li:nth-of-type(2n) {margin-right:0;}*/
.all_prd .all_prd_inner .all_prd_list ul li .thumbnail { position:relative; width:100%; background:#f4f4f4; }
.all_prd .all_prd_inner .all_prd_list ul li .thumbnail:after {content:""; position:absolute; left:0; top:0; background:rgba(0,0,0,.45); width:100%; height:100%; cursor:pointer; opacity:0; transition:all .5s;}
.all_prd .all_prd_inner .all_prd_list ul li .thumbnail:before {content:"+"; position:absolute; left:0; top:0; width:90px; height:90px; border:solid 1px #fff; border-radius:100%; z-index:1; font-size:35px; color:#fff; text-align:center; line-height:90px; font-weight: 100; left: 50%; top: 50%; transform: translate(-50%, -50%); cursor:pointer; opacity:0; transition:all .5s;}
.all_prd .all_prd_inner .all_prd_list ul li .thumbnail .icon { position:absolute; top:18px; left:18px; }
.all_prd .all_prd_inner .all_prd_list ul li .thumbnail .icon .promotion img { width: 50px; image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; }
.all_prd .all_prd_inner .all_prd_list ul li .thumbnail .prdImg a img { width:100%; }

.all_prd .all_prd_inner .all_prd_list ul li .description { text-align:right; padding-top:15px; }
.all_prd .all_prd_inner .all_prd_list ul li .description .brand { display:block; font-size:14px; color:#696969; font-weight:500; line-height:1.2;}
.all_prd .all_prd_inner .all_prd_list ul li .description .name { display:block; padding:2px 0 8px; }
.all_prd .all_prd_inner .all_prd_list ul li .description .spec li { display:inline-block; width:100%;}
.all_prd .all_prd_inner .all_prd_list ul li .description .spec li:first-child {display:block;}
.all_prd .all_prd_inner .all_prd_list ul li .description .spec li span {font-weight:500;}

.all_prd .all_prd_inner .button_wrap { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); min-width:1520px; height:0; z-index:100; box-sizing:border-box; width:100%;}
.all_prd .all_prd_inner .button_wrap>div { width:52px; height:52px; top:50%; margin-top:-40px; box-shadow:5px 5px 7px 0px rgb(0 0 0 / 5%);}
.all_prd .all_prd_inner .button_wrap>div:after {content:"";}
.all_prd .all_prd_inner .button_wrap>div.swiper-button-prev { left:calc(10% - 26px); background:#fff url('//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/inscobee/icon/slide_left_arrow.png') no-repeat; background-size:100%; outline:none; border:solid 1px #ddd; border-radius:5px;}
.all_prd .all_prd_inner .button_wrap>div.swiper-button-next { right:calc(10% - 26px); background:#fff url('//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/inscobee/icon/slide_right_arrow.png') no-repeat; background-size:100%; outline:none; border:solid 1px #ddd; border-radius:5px;}

.all_prd .all_prd_inner .morebutton {margin:0 auto; text-align:center;}
.all_prd .all_prd_inner .morebutton a { display: inline-block; border: solid 1px #333; color: #333; padding:8px 15px; box-sizing: border-box; font-size: 11px; margin:0 auto; font-weight:600;}
.all_prd .all_prd_inner .morebutton a:hover {background:#333; color:#fff;}

.fixed_banner {background:url('//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/main/so_fixed.jpg')no-repeat center; background-size:cover; height:250px; width:100%; margin-top:60px; display: flex; align-items: center; text-align:center; justify-content: center;}
.fixed_banner > ul {padding-left:5%; box-sizing:border-box; color:#fff;}
.fixed_banner > ul > p {font-size:14px; line-height:1.5;}
.fixed_banner > ul > h2 {font-size:24px; line-height:1.5; font-weight:800; margin:10px 0 4px;}
.fixed_banner > ul > span {color:#cccccc; font-size:14px; display:block;}
.fixed_banner > ul > a {font-size:13px; color:#fff; letter-spacing:1.5px; margin-top:20px; display:block;}
.fixed_banner > ul > a > img {vertical-align:middle; margin-left:15px; margin-top:-2px; display:none;}

/*메인 슬라이드 영상배너*/
.main_slidemoviewrap { position:relative; margin:0 auto; padding:80px 5% 50px; box-sizing:border-box; background:url('//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/main/slide_bg.png')no-repeat center; background-size:cover;}
.main_slidemoviewrap .title { color:#000000; line-height:1; padding-bottom:50px; text-align:center; }
.main_slidemoviewrap .title h3 { font-size:36px; }
.main_slidemoviewrap .title p { font-size:19px; margin-top:17px; }
.main_slidemoviewrap .mainMedia { width: 100%; margin:0 auto; position: relative; white-space:nowrap; }
.main_slidemoviewrap .mainMedia > div { vertical-align:bottom; }
.main_slidemoviewrap .mainMedia .swiper-container img { width:100%; height:auto; }
.main_slidemoviewrap .mainMedia .mainMedia_child  { width:100%; overflow:hidden; }
.main_slidemoviewrap .mainMedia .mainMedia_child > div  { width:100%; }
.main_slidemoviewrap .mainMedia .mainMedia_child > .right_container { position:relative; right:100%; width:200%; }
/*.main_slidemoviewrap  .swiper-slide { width: 1100px !Important; }*/

.main_slidemoviewrap .mainMedia .mid_container { width:100%; white-space:normal; box-sizing:border-box; margin-top:20px;}
.main_slidemoviewrap .mainMedia .mid_container .mid_wrapper > div { /*overflow:hidden;*/ display:none; flex-direction:row-reverse; justify-content:center; flex-wrap:wrap; align-items:center; }
.main_slidemoviewrap .mainMedia .mid_container .mid_wrapper > div.show { display:block; }
.main_slidemoviewrap .mainMedia .mid_container .mid_wrapper > div > ul { width:calc(70% - 100px); height:470px; position:relative; text-align:left; }
.main_slidemoviewrap .mainMedia .mid_container .mid_wrapper > div > ul:nth-of-type(1) { width:100%; height:auto; box-sizing:border-box; }
.main_slidemoviewrap .mainMedia .mid_container .mid_wrapper > div > ul:nth-of-type(1) > h4 {font-size:14px; color:#333333; font-weight:400; margin-bottom:20px; margin-top:10px;}
.main_slidemoviewrap .mainMedia .mid_container .mid_wrapper > div > ul:nth-of-type(1) > h3 { font-weight:500; font-size:28px; color:#333; line-height:1.5;}
.main_slidemoviewrap .mainMedia .mid_container .mid_wrapper > div > ul:nth-of-type(1) > h2 { position: relative; color: #000; font-size: 13px; margin-top: 24px; font-weight:300; line-height: 1.4;}
.main_slidemoviewrap .mainMedia .mid_container .mid_wrapper > div > ul:nth-of-type(1) > hr {margin:10px 0 20px; width:40px; height:1px; background:#cccccc; border:0;}
.main_slidemoviewrap .mainMedia .mid_container .mid_wrapper > div > ul:nth-of-type(1) > p { color: #333; margin-top:5px; font-size:12px; margin-bottom: 0px; line-height: 1.4; font-weight:300;}
.main_slidemoviewrap .mainMedia .mid_container .mid_wrapper .more_button2 {margin-top:25px; display:block; text-align:center; }
.main_slidemoviewrap .mainMedia .mid_container .mid_wrapper .more_button2 a { display: inline-block; border: solid 1px #333; color: #333; padding:8px 15px; box-sizing: border-box; font-size: 11px; margin: 0 auto; font-weight: 600;}

.main_slidemoviewrap .mainMedia .mid_container .mid_wrapper > div > ul > img {width:100%; height:auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.main_slidemoviewrap .mainMedia .mid_container .mid_wrapper > div > ul > span img {}
.main_slidemoviewrap .mainMedia .mid_container .mid_wrapper > div .playButton {position:absolute; right:0px; bottom:0px; left:0; top:0; margin:auto; transition:transform .5s; cursor:pointer; transition:all .5s;}
.main_slidemoviewrap .mainMedia .mid_container .mid_wrapper > div .playButton:hover { transform:scale(1.1); }
.main_slidemoviewrap .mainMedia .mid_container .n_wrap { display:none; justify-content:flex-start; align-items:center; margin-top:54px; font-weight:bold; }  
.main_slidemoviewrap .mainMedia .mid_container .n_wrap .p_area { display:inline-flex; justify-content:space-between; align-items:center; margin-right:100px; position:relative; padding-left:40px;}
.main_slidemoviewrap .mainMedia .mid_container .n_wrap .p_area .first_counter { margin-right:10px; }
.main_slidemoviewrap .mainMedia .mid_container .n_wrap .p_area .last_counter { margin-left:10px; }
.main_slidemoviewrap .mainMedia .mid_container .n_wrap .p_area .swiper-pagination-progressbar { position:static; width:114px; height:3px; background:#e1e1e1; }
.main_slidemoviewrap .mainMedia .mid_container .n_wrap .p_area .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#636262; }
.main_slidemoviewrap .btn_wrapper { position:absolute; top:0; bottom:0; margin:auto; left:0; display:flex !important; justify-content:space-between; align-items:center; width:100%; height:0; }
.main_slidemoviewrap .btn_wrapper div { position:relative; }
.main_slidemoviewrap .btn_wrapper div.swiper-button-prev { left:0px; background: url('//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/icon/slide_prev.png') no-repeat center; background-size:11px; transition:all .5s; }
.main_slidemoviewrap .btn_wrapper div.swiper-button-next { right:0px; background: url('//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/icon/slide_next.png') no-repeat center; background-size:11px; transition:all .5s; }
.main_slidemoviewrap .mainMedia .mediaBg { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:10000; }
.main_slidemoviewrap .mainMedia .mediaContent { display:none; position:fixed; left:50%; top:25%; width:700px; height:450px; margin-left:-350px; z-index:10001;}
.main_slidemoviewrap .mainMedia .mediaContent p.close { position:absolute; right:0; top:-28px; color:#fff; font-size:16px; font-weight:normal; cursor:pointer;}

/* BEST PRODUCT */

.prd_area_1 { position:relative; margin:20px auto 0; width:calc(100% - 42px); }
.prd_area_1:after{clear:both; content:""; display:block } 
.prd_area_1 .tab_area { display:block;  border-bottom:1px solid #dddddd; padding-bottom:1px; }

.prd_area_1 .tab_area .title { position:relative; width:100%; height:auto; text-align:left; padding:0;}
.prd_area_1 .tab_area .title h3 { font-size: 28px; display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 3px; font-weight: 500; color: #333; line-height: 1.5;}
.prd_area_1 .tab_area .title h3 > span { font-size: 22px; color: #111; font-weight: 600; margin-left:3px;}
.prd_area_1 .tab_area .title p { font-size:17px; color:#111111; }
.prd_area_1 .tab_area .title a { line-height:1; position:absolute; bottom:0; right:0; font-size:15px; color:#000000; font-weight:bold; }
.prd_area_1 .tab_area .title a:after {position:absolute; width:0%; content:""; height:1px; background:#000; left:0; display:block; bottom:-7px;}
.prd_area_1 .tab_area .title a:hover:after {width:100%; transition:all .5s;}
.prd_area_1 .tab_area .title a img { vertical-align:-1px; margin-left:19px; }


.prd_area_1 .tab_area ul{ margin:0px auto 10px; }
.prd_area_1 .tab_area ul li { cursor: pointer; font-weight: 500; position:relative; display:inline-block; line-height:1.4; text-align:center; margin-right:12px; font-size:14px; padding:0 5px; margin-top:12px; width:auto;}
.prd_area_1 .tab_area ul li:after {content:""; position:absolute; width:100%; height:2px; background:#333333; top:28px; left:0; margin: auto; display:none; }
.prd_area_1 .tab_area ul li > img {display:block; margin-bottom:5px;}
.prd_area_1 .tab_area ul li > img:nth-of-type(2) {display:none;}
.prd_area_1 .tab_area ul li:last-child{margin-right:0}
.prd_area_1 .tab_area ul li:hover { cursor:pointer; }
.prd_area_1 .tab_area ul li.light { font-weight:600;}
.prd_area_1 .tab_area ul li.light:after { display:block; }
.prd_area_1 .tab_area ul li.light > img {display:none;}
.prd_area_1 .tab_area ul li.light > img:nth-of-type(2) {display:block;}

.prd_area_1 .prd_list { margin:0 auto; } 
.prd_area_1 .prd_list > div {  position:relative; padding:0; display:none; }
.prd_area_1 .prd_list > div.show { display:block; }
.prd_area_1 .prd_list > div > h3 { font-size:14px; padding:22px 0 28px; font-weight:500;}

.prd_area_1 .all_prd_inner .all_prd_list ul.prdList:after { content:""; display:block; clear:both; }
#series_wrap .all_prd_inner { width:calc(100% - 5px); margin:0 auto; }
#series_wrap .all_prd_inner:nth-child(3n) { margin-right:0; }
#series_wrap .all_prd_inner .all_prd_list ul.prdList > li { width: calc(100%/3 - 10px); margin-right:10px; float:left; margin-bottom:30px;}
#series_wrap .all_prd_inner .all_prd_list ul.prdList > li:nth-child(3n) { margin-right:0; }
#series_wrap .all_prd_inner .all_prd_list ul.prdList > li:nth-child(3n+1) { clear:both; }
#series_wrap .all_prd_inner .all_prd_list ul.prdList { margin-top:0; font-size:0; }

.prd_area_1 .prd_list .button_wrap { position:absolute; top:40%; left:50%; transform:translate(-50%,-50%); width: 100%; height:0; z-index:100; }
.prd_area_1 .prd_list .button_wrap>div { width:50px; height:50px; }
.prd_area_1 .prd_list .button_wrap>div.swiper-button-prev { left: -25px; background: url("//m.sonangu.com/web/upload/kment/images/prd_prev.png") no-repeat; box-shadow: 0 3px 10px rgb(102 102 102 / 10%);}
.prd_area_1 .prd_list .button_wrap>div.swiper-button-next { right: -25px; background: url("//m.sonangu.com/web/upload/kment/images/prd_next.png") no-repeat; box-shadow: 0 3px 10px rgb(102 102 102 / 10%);}

.prd_area_1 .prd_list .button_area{ position:absolute; top:77%; right:7%; z-index:100; cursor:pointer }

.prd_area_1 .all_prd_inner .morebutton {margin:19px auto 0; text-align:center;}
.prd_area_1 .all_prd_inner .morebutton a { display: inline-block; border: solid 1px #333; color: #333; padding:8px 15px; box-sizing: border-box; font-size: 11px; margin:0 auto; font-weight:600;}
.prd_area_1 .all_prd_inner .morebutton a:hover {background:#333; color:#fff;}


/*커텐배너*/
.curtain_banner_wrap { width:100%; height:auto; }
.curtain_banner_wrap .curtain_banner_list { width:100%; height:auto;  }
.curtain_banner_wrap .curtain_banner_list .curtain_banner {display:flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; color:#fff; margin-top:80px;}
.curtain_banner_wrap .curtain_banner_list .curtain_banner a > img {width:100%; height:auto;}
.curtain_banner_wrap .curtain_banner_list .curtain_banner > p {font-size:14px; line-height:1.6; margin-top:5px; padding:0 5%; box-sizing:border-box;}
.curtain_banner_wrap .curtain_banner_list .curtain_banner .morebutton {margin:20px auto 0; text-align:center;}
.curtain_banner_wrap .curtain_banner_list .curtain_banner .morebutton a { display: inline-block; border: solid 1px #fff; color: #fff; border-radius: 30px; padding: 10px 25px; box-sizing: border-box; font-size: 12px; margin: 0 auto; font-weight: 600;}
.curtain_banner_wrap div.swiper-button-prev { margin:0; left:0px; background: url('//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/icon/slide_prev.png') no-repeat center; background-size:11px; transition:all .5s; }
.curtain_banner_wrap div.swiper-button-next { margin:0; right:0px; background: url('//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/icon/slide_next.png') no-repeat center; background-size:11px; transition:all .5s; }

/*리뷰*/

.month_area { margin-top:60px; position:relative;}
.month_area:after { content:""; display:block; clear:both; }

.month_area .left_area { height: auto; display: flex; align-items: flex-start; flex-direction: column; box-sizing: border-box; justify-content: center; padding:0 5%; box-sizing:border-box;}
.month_area .left_area h3 { font-size: 24px; display: flex; justify-content: space-between; align-items: flex-end; margin-bottom:15px; font-weight: 800; color: #333; line-height: 1.5;}
.month_area .left_area p {font-size:15px; line-height:1.6; margin-bottom:15px;}

.month_area .left_area span { font-size:15px; color:#000; display:block; line-height:1.4; }
.month_area .swiper-slide img{}
.month_area .right_area > div > div > a {display:block; width:100%; }

.month_area .right_area { height:auto; margin:0; padding-bottom:0px; box-sizing:border-box; right:0; padding-left:5%; }

.month_area .right_area.review_01.op_hide {opacity:0; z-index:-50; position:relative;}
.month_area .right_area.review_02 {opacity:0; position:absolute; z-index:-50;}
.month_area .right_area.review_02.op_hide {opacity:1; z-index:1; width: calc(100% - 470px);}

.month_area .right_area .swiper-slide {border:solid 1px rgba(0,0,0,0); box-sizing:border-box; padding-right:2px; border-radius:0 20px 0 0; position:relative; }
.month_area .right_area .swiper-slide > .description { top:50%; left:50%; text-align:left; color:#fff; opacity:1; transition:all .5s; cursor:pointer; width:100%; padding:0 5px; box-sizing:border-box;}
.month_area .right_area .swiper-slide > .description span {color:#333!important; font-size:14px!important;}
.month_area .right_area .swiper-slide > .description .spec {margin-top:0px;}
.month_area .right_area .swiper-slide .thumbnail {border-radius:20px; overflow:hidden; }
.month_area .right_area .swiper-slide .thumbnail:after {content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,.45); position:absolute; left:0; top:0; border-radius:20px; overflow:hidden; opacity:0; transition:all .5s;}
body .month_area .right_area .swiper-slide .buttonplus { width: 50px; height: 50px; border: solid 1px #fff; border-radius: 100%; z-index: 1; font-size: 20px!important; cursor:pointer;
 color: #fff; text-align: center; line-height:50px; font-weight: 100; cursor: pointer; opacity:0; transition: all .5s; display:block; margin:25px auto 0;}
.month_area .right_area .swiper-slide > a { overflow:hidden; position:relative; border-radius: 0 20px 0 0px; cursor:pointer; border:solid 1px #ccc;}
.month_area .right_area .swiper-slide > a:hover img {}

.month_area .right_area div div a:hover img {}
.month_area .right_area img { width:100%; height:auto; transition:all .5s;}

.month_area .buttonwrap {position: relative; width: 100px; bottom: 0; margin-top:60px; left:-5px; display:none;}
.month_area .buttonwrap .swiper-button-next { background:url('//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/icon/slide_prd_right.png')no-repeat center; background-size:cover; width:36px; height:36px; }
.month_area .buttonwrap .swiper-button-prev { background:url('//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/icon/slide_prd_left.png')no-repeat center; background-size:cover; width:36px; height:36px; }

.month_area .swiper-pagination-progressbar { width: calc(90% - 580px); height: 2px; bottom: -50px; top: auto; right:12%;}
.month_area .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#000;}

/* SONANGU ON TV */

.tv_area { position:relative; margin:80px auto 0; width:calc(100% - 42px); }
.tv_area:after{clear:both; content:""; display:block } 
.tv_area .tab_area { margin:0 auto; }


.tv_area .tab_area .title { position:relative; width:100%; height:auto; padding:0;}
.tv_area .tab_area .title h3 { font-size: 28px; display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 3px; font-weight: 500; color: #333; line-height: 1.2;}
.tv_area .tab_area .title h3 > span { font-size: 22px; color: #111; font-weight: 600; margin-left:3px;}
.tv_area .tab_area .title p { font-size:17px; color:#111111; }
/*.tv_area .tab_area .title a { line-height:1; position:absolute; bottom:0; right:0; font-size:15px; color:#000000; font-weight:bold; }
.tv_area .tab_area .title a:after {position:absolute; width:0%; content:""; height:1px; background:#000; left:0; display:block; bottom:-7px;}
.tv_area .tab_area .title a:hover:after {width:100%; transition:all .5s;}
.tv_area .tab_area .title a img { vertical-align:-1px; margin-left:19px; }*/
.tv_area .tab_area .title a { font-size: 11px; font-weight: 500; position: absolute; top: 48px; right:0;}
.tv_area .tab_area .title a img {max-width:20px;}


.tv_area .tab_area ul{ margin:20px auto 28px; border-bottom:1px solid #dddddd; padding-bottom:12px; overflow:scroll; white-space:nowrap; padding-bottom:12px; }
.tv_area .tab_area ul li { cursor: pointer; font-weight: 500; position:relative; display:inline-block; line-height:1.4; text-align:center; margin-right:6px; font-size:13px; padding:0 5px; }
.tv_area .tab_area ul li:after {content:""; position:absolute; width:100%; height:2px; background:#333333; top:23px; left:0; margin: auto; display:none; }
.tv_area .tab_area ul li > img {display:block; margin-bottom:5px;}
.tv_area .tab_area ul li > img:nth-of-type(2) {display:none;}
.tv_area .tab_area ul li:last-child{margin-right:0}
.tv_area .tab_area ul li:hover { cursor:pointer; }
.tv_area .tab_area ul li.light { font-weight:600;}
.tv_area .tab_area ul li.light:after { display:block; }
.tv_area .tab_area ul li.light > img {display:none;}
.tv_area .tab_area ul li.light > img:nth-of-type(2) {display:block;}

.tv_area .tv_list { width:100%; height:auto; }
.tv_area .tv_list .tv_child { position:relative; align-items:stretch; display:none; }
.tv_area .tv_list .tv_child.show { display:block; }
.tv_area .tv_list .tv_child .tv_left { width:100%; height:auto; }
.tv_area .tv_list .tv_child .tv_left a { display:block; width:100%; height:auto; }
.tv_area .tv_list .tv_child .tv_left a img { width:100%; height:auto; }
.tv_area .tv_list .tv_child .tv_right { width:100%; height:height:100%; }
.tv_area .tv_list .tv_child .tv_right > ul { width:100%; height:100%; }
.tv_area .tv_list .tv_child .tv_right > ul > li { display:flex; justify-content:space-between; align-items:center; width:100%; height:auto; margin-top:12px; transition:all .5s; }
.tv_area .tv_list .tv_child .tv_right > ul > li:hover { cursor:pointer; background:#f4f3f3; }
.tv_area .tv_list .tv_child .tv_right > ul > li .thumbnail { width:80px; height:auto; }
.tv_area .tv_list .tv_child .tv_right > ul > li .thumbnail .prdImg { width:100%; height:auto; }
.tv_area .tv_list .tv_child .tv_right > ul > li .thumbnail .prdImg a { display:block; width:100%; height:auto; }
.tv_area .tv_list .tv_child .tv_right > ul > li .thumbnail .prdImg img { width:100%; height:auto; }
.tv_area .tv_list .tv_child .tv_right > ul > li .description { width:70%; padding:0 5px 0 21px;  text-align:right; box-sizing:border-box;}
.tv_area .tv_list .tv_child .tv_right > ul > li .description .product-price-info .discount-rate {position:static;}
.tv_area .tv_list .tv_child .tv_right > ul > li .description .name { line-height:1.5; }
.tv_area .tv_list .tv_child .tv_right > ul > li .description .name span { font-size:15px !important; }
.tv_area .tv_list .tv_child .tv_right > ul > li .description .spec li { margin-top:3px; }
.tv_area .tv_list .tv_child .tv_right > ul > li .description .spec li span { font-size:14px !important; }

/* 인스타그램 */
.instagram_wrap { width:100%; margin-top:80px; }
.instagram_wrap .title { text-align:center; margin:0 auto; }
.instagram_wrap .title h3 { font-size: 28px; display: flex; justify-content: center; align-items: flex-end; margin-bottom: 3px; font-weight: 500; color: #333; line-height: 1.5;}
.instagram_wrap .title h3 img {vertical-align:middle; margin-left:15px;}
.instagram_wrap .title p {color:#111111; font-size:14px; margin:4px 0 30px; font-weight: 600;}

.instagram_wrap .instagram_contents { margin:0 auto; }
.instagram_wrap .instagram_contents > ul:after {display:block; clear:both; content:"";}
.instagram_wrap .instagram_contents > ul > li { transition:all .5s;}
.instagram_wrap .instagram_contents > ul > li:last-child {margin-right:0;}
.instagram_wrap .instagram_contents > ul > li img {width:100%; height:auto;}

.insta_bottom { margin: 30px auto 60px; text-align: center; font-size: 16px; font-weight: 600;}
.insta_bottom > span {padding-right:60px; position:relative;}
.insta_bottom > span:after {position:absolute; right:0; top:0; bottom:0; margin:auto; width:50px; height:1px; background:#222; content:"";}
.insta_bottom > a {margin-left:4px;}
.insta_bottom > a img {max-width:22px;}

/* Cs center */
.cs_wrap { width:100%; height:auto; box-sizing:border-box; margin-top:80px; padding-bottom:39px; }
.cs_wrap .cs_list { width:100%; height:auto; }
.cs_wrap .cs_list .cs_child { position:relative; width:100%; height:25vw; min-height:110px;  border-bottom:1px solid #ddd; }
.cs_wrap .cs_list .cs_child:first-child { border-top:1px solid #ddd; }
.cs_wrap .cs_list .cs_child img { width:100%; height:auto; }
.cs_wrap .cs_list .cs_child .cs_title { position:absolute; left:21px; bottom:30px; }
.cs_wrap .cs_list .cs_child .cs_title h3 { font-size:21px; color:#fffff; line-height:1.5; }
.cs_wrap .cs_list .cs_child .cs_title p {color:#777;}
.cs_wrap .cs_list .cs_child:nth-of-type(1) {background:url('//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/icon/building_bottom.png')no-repeat center right 5%; background-size:40px;}
.cs_wrap .cs_list .cs_child:nth-of-type(2) {background:url('//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/icon/location_bottom.png')no-repeat center right 5%; background-size:40px;}
.cs_wrap .cs_list .cs_child:nth-of-type(3) {background:url('//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/icon/wirte_bottom.png')no-repeat center right 5%; background-size:40px;}


/* 푸터 */
#footer { width:100%; margin:100px auto 0; position:relative; background:#fff; padding:0; background:#f4f4f4; }
#footer .inner {width:1280px; margin:0 auto; display:flex; justify-content:space-between; padding:58px 0; }
#footer .foot_right { display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-end;  }
.menu_foot { margin-top:10px;}
.menu_foot li { display:inline-block;  ; font-size:13px;  padding:0 5px; line-height:1; }
.menu_foot li a {color:#a6a7a8;}
.menu_foot li:last-child { padding-right:0; border-left:1px solid #a6a7a8; }
.menu_foot a:hover {}
.menu_foot a {  font-weight:400; font-size:13px; color:#222222; }
.info_foot { font-size:13px; display:flex; align-items:center; }
.info_foot .info { padding-left:50px; }
.info_foot > p { font-size: 13px; color: #222; margin: 15px 0; font-weight:500; }
.info_foot li {display:inline-block; line-height:21px; font-size:13px; color:#a6a7a8; font-weight:400;}
.info_foot .footer_icon { width:80px; height:auto; font-size:0; }
.info_foot .footer_icon img { width:100%; height:auto; image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;}

.copyright_foot {font-size:9px; color:#787878; }
.copyright_foot a { color:#fff; font-weight:900; margin-left:4px;}
.copyright_foot a img {max-width:28px;}

.copyright_foot .link {text-align:center; display:inline-flex; align-items:center; }
.copyright_foot .link li span a{color:#000;  line-height:25px;}
.copyright_foot .link > a {position:relative; display:inline-block; width:33px; height:31px; margin-right:7px;}
.copyright_foot .link > a span { display:block; width:100%; height:100%; }
.copyright_foot .link > a:last-child { margin-right:0; }
.copyright_foot .link > a span:last-child { position:absolute; top:0; left:0; opacity:0; z-index:100; transition:all 0.5s; }

/* icon_background */
.copyright_foot .link > a span.kakao { background:url("//m.sonangu.com/web/upload/kment/img/plus9_icon.svg") no-repeat -4px -121px; background-size: 300px; image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;}
.copyright_foot .link > a span.naver { background:url("//m.sonangu.com/web/upload/kment/img/plus9_icon.svg") no-repeat -46px -100px; background-size: 300px; image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;}
.copyright_foot .link > a span.facebook { background:url("//m.sonangu.com/web/upload/kment/img/plus9_icon.svg") no-repeat -88px -100px; background-size: 300px; image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;}
.copyright_foot .link > a span.youtube { background:url("//m.sonangu.com/web/upload/kment/img/plus9_icon.svg") no-repeat -130px -100px; background-size: 300px; image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;}
.copyright_foot .link > a span.insta { background:url("//m.sonangu.com/web/upload/kment/img/plus9_icon.svg") no-repeat -171px -100px; background-size: 300px; image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;}

/* icon_background_hover */
.copyright_foot .link > a span.kakao_h { background:url("//m.sonangu.com/web/upload/kment/img/plus9_icon.svg") no-repeat -4px -152px; image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;}
.copyright_foot .link > a span.naver_h { background:url("//m.sonangu.com/web/upload/kment/img/plus9_icon.svg") no-repeat -46px -152px; image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;}
.copyright_foot .link > a span.facebook_h { background:url("//m.sonangu.com/web/upload/kment/img/plus9_icon.svg") no-repeat -88px -152px; image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;}
.copyright_foot .link > a span.youtube_h { background:url("//m.sonangu.com/web/upload/kment/img/plus9_icon.svg") no-repeat -130px -152px; image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;}
.copyright_foot .link > a span.insta_h { background:url("//m.sonangu.com/web/upload/kment/img/plus9_icon.svg") no-repeat -171px -152px; image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;}


.copyright_foot .link > a:hover span:first-child {opacity:0; transition:all .5s;}
.copyright_foot .link > a:hover span:last-child {opacity:1; transition:all .5s;}

#footer .footer_bottom { width:100%; background:#123181; }
#footer .footer_bottom .footer_bottom_inner { width:1280px; margin:0 auto; text-align:right; padding:18px 0; }
#footer .footer_bottom .footer_bottom_inner a { display:inline-block; width:160px; height:12px; background:url("//m.sonangu.com/web/upload/kment/img/footer_svg.svg") center no-repeat; background-size:100% auto; }

.fix_top_button {width:50px; height:auto; position:fixed; bottom:60px; right:30px; z-index:10; display:none; }
.fix_top_button>div.top_button { width:50px; height:50px; background:url('//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/images/icon/top_button.png')no-repeat center; background-size:cover; cursor:pointer; }
.fix_top_button>div.bottom_button { width:50px; height:50px; background:url('//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/img/bottom_button.png')no-repeat center; background-size:cover; cursor:pointer; }
.fix_top_button.fix_bottom { position:absolute; bottom:310px; }


body .ec-base-prdInfo .description .prdName > img { width: 45px; 
	image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; }

/* 하단고정 퀵메뉴 */
.quick_bottom {position:fixed; display:table; left:0; bottom:0; width:100%; height:63px; border-top:1px solid #ddd; z-index:999; background:#fff;}
.quick_bottom li{position:relative; display:table-cell; vertical-align:middle; width:calc(100%/5); height:100%; text-align:center;}
.quick_bottom li>a{ display:block;}
.quick_bottom li>a img{width:22px; height:22px; margin:0 auto;}
.quick_bottom li>a span{display:block; width:100%; padding-top:5px; font-size:12px; color:#777;}
.quick_bottom li span{display:block; padding-top:5px;}

/* addClass */
.quick_bottom li.light:after{position:absolute; left:10%; top:0; content:""; display:block; width:80%; height:5px; background:#777;}

.bviKgT{margin-bottom:70px;}
.ixdOOP{margin-bottom:70px;}
/* font */
.txtWarn { color:#f45b55; }
.txtEm { color:#222; }

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

/* form */
input, textarea, select { max-width:100%; font-size:13px; color:#333; 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:13px; line-height:13px; font-weight:inherit; color:#353535; border:1px solid #d7d5d5; border-radius:2px; 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:29px; }
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:29px; margin:0; padding:0 20px 0 8px; line-height:29px; font-size:13px; color:#333; word-break:break-all; font-weight:inherit; border:1px solid #d7d5d5; border-radius:0; background:#fff url("//img.echosting.cafe24.com/skin/mobile/common/ico_select.gif") no-repeat 100% 49%; background-size:auto 40px; -webkit-appearance:none; }
select.disabled, select:disabled,
textarea.disabled, textarea:disabled { color:#bcbcbc; }
textarea { resize:none; line-height:1.2em; }
textarea.disabled { background-color:#ffffff; color:#bfbfbf; }
input[type="checkbox"] { width:18px; height:18px; border:0; background:url("//img.echosting.cafe24.com/skin/mobile/common/bg_checkbox.png") no-repeat 0 0; background-size:18px 18px; -webkit-appearance:none; }
input[type="radio"] { width:18px; height:18px; border:0; border-radius:50%; background:url("//img.echosting.cafe24.com/skin/mobile/common/bg_radio.png") no-repeat 0 0; background-size:18px 18px; -webkit-appearance:none; }
input[type="checkbox"]:checked { background-image:url("//img.echosting.cafe24.com/skin/mobile/common/bg_checkbox_checked.png"); -webkit-appearance:none; }
input[type="radio"]:checked { background-image:url("//img.echosting.cafe24.com/skin/mobile/common/bg_radio_checked.png"); -webkit-appearance:none; }
label { display:inline-block; margin:0 7px 0 0; min-height:20px; line-height:20px; font-size:13px; 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: #508bed;font-weight: bold;color: #fff;background: #508bed;}
@charset "utf-8";


  .ec-base-paginate { text-align:center; }
  /* typeList */
    .ec-base-paginate.typeList { padding:14px 0; font-size:0; line-height:0; }
    .ec-base-paginate.typeList ol { margin:0 4px; }
    .ec-base-paginate.typeList ol,
    .ec-base-paginate.typeList ol li { display:inline-block; vertical-align:middle; }
    .ec-base-paginate.typeList ol li:not(:first-child) { margin:0 0 0 7px; }
    .ec-base-paginate.typeList ol li a { display:inline-block; width:31px; height:27px; font-size:12px; line-height:27px; color:#939393; vertical-align:middle; background:#fff; font-weight: bold; }
    .ec-base-paginate.typeList ol li .this { color: #111; }
    .ec-base-paginate.typeList [class*='btn'] { display:inline-block; overflow:hidden; width:34px; height:27px; font-size:1px; line-height:0; text-indent:-9999em; vertical-align:middle; background:#fff; background-repeat:no-repeat; background-position:50% 50%; background-size:7px auto; }
    .ec-base-paginate.typeList .btnPrev { background: url("//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/icon/board_prev.png") no-repeat center/cover; }
    .ec-base-paginate.typeList .btnNext { background: url("//ecimg.cafe24img.com/pg214b92175985041/sonangu0/web/upload/kment/icon/board_next.png") no-repeat center/cover; }

  /* typeMoreview */
    .ec-base-paginate.typeMoreview { margin:0 auto; }
    .ec-base-paginate.typeMoreview .btnMore { display:block; padding:12px 0; border-top:1px solid #f1f1f1; border-bottom:1px solid #d5d5d5; color:#757575; font-weight:bold; background:#f5f5f5; }
    .ec-base-paginate.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:13px; height:13px; border:0; border-radius:13px; cursor:pointer; background-color:#bbb; }
    .ec-base-paginate.typeSwipe button.circle.selected { background-color:#4a5164; }
    .ec-base-paginate.typeSwipe span { overflow:hidden; font-size:1px; line-height:0; color:transparent; text-indent:-150%; }
    .ec-base-paginate.typeSwipe button.prev,
    .ec-base-paginate.typeSwipe button.next { width:31px; font-size: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:#508bed; }


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

/*소비자가/판매가 수정*/
.product-price-info { margin-top:0px; font-weight:500; font-size: 17px; font-weight:  medium; text-align:right; line-height:1.2;}
.product-price-info .discount-rate { color:#ff0000; font-size:13px; font-weight:600; margin-left:0px; position:absolute; left:0; bottom:0;}
.product-price-info .product-sale-price { color:#373737; font-size:13px; font-weight:600; margin-left:0px;}
.product-price-info .product-sale-price .price_won_text {}
.price_won_custom {display:none!important;}
.price_won_text { margin-left:1px;}
.product-price-info .product-custom-price { font-weight:500; font-size: 12px; color: #333; text-decoration: line-through; display:block;}
.product-price-info .product-coupon-price { display: block ; color: #f7423c; font-weight:bold; font-size: 13px; margin-top: 8px; transform: skew(-0.03deg); }

body .ec-base-product ul li .description .name {text-align:left;}
body .ec-base-product ul li .product-price-info {text-align:left;}
body .prd_hide_button {position:absolute; right:0; bottom:0; margin: 0 0 5px;}
body .prd_hide_button img { max-width: 18px!important; }

/*.ec-base-product { padding:0; background-color:#fff; }
.ec-base-product h2 { max-height:43px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; line-height:43px; padding:0 42px 0 14px; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_title_close.gif") no-repeat right 14px top 50%; background-size:13px 8px; cursor:pointer; }
.ec-base-product h3 { margin-bottom:14px; }
.ec-base-product img { max-width:100%; }
.ec-base-product > ul { padding:14px 0 0; }
.ec-base-product li { vertical-align:top; }
.ec-base-product [class*="grid"] { display:table; table-layout:fixed; width:100%; box-sizing:border-box; padding:0 7px; font-size:0; line-height:0; }
.ec-base-product [class*="grid"] > li { display:inline-block; margin:0 0 14px; vertical-align:top; text-align:center; font-size:12px; line-height:1.4; }
.ec-base-product .thumbnail { position:relative; margin:0 7px 14px; }
.ec-base-product .thumbnail a { display:block; }
.ec-base-product .thumbnail a img { display:block; width:100%; border:1px solid #ededed; vertical-align:top; }
.ec-base-product .thumbnail .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-size:30% auto; }
.ec-base-product .thumbnail .wish { position:absolute; right:3px; bottom:3px; z-index:10; }
.ec-base-product .description { min-height:10px; margin:0 7px; line-height:1em; text-align:left; }
.ec-base-product .description .name { line-height:1.3em; word-wrap:break-word; margin:0 0 7px; }
.ec-base-product .description .name a { font-size:13px; color:#1b1b1b; }
.ec-base-product .description .icon { margin:0 0 7px; }
.ec-base-product .description .icon img { margin:0 4px 0 0; }
.ec-base-product .description .icon .icon_img { margin:0 0 2px; }
.ec-base-product .description .price { font-size:12px; margin:0 0 7px; }
.ec-base-product .description .strike,
.ec-base-product .description .mPriceStrike { text-decoration:line-through; }
.ec-base-product .description .mileage { display:inline-block; }
.ec-base-product .description li.mileage { margin:0 0 7px; }
.ec-base-product .description li.cart { margin:0 0 7px; }
.ec-base-product .description .color { overflow:hidden; margin:0; }
.ec-base-product .description .color .chips { float:left; width:12px; height:10px; margin:0 2px 2px 0; font-size:0; line-height:0; border:1px solid #e3e3e3; }
.ec-base-product .description .likeButton button { border:0; background:none; }
.ec-base-product .description .likeButton button strong { margin:0 0 0 3px; font-size:11px; line-height:20px; color:#757575; }
.ec-base-product .description .likeButton.selected button strong { line-height:20px; color:#2e2e2e; }
.ec-base-product .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 .prdList { width:100%; font-size:0; line-height:0; }
.ec-base-product .prdList:after { content:""; display:block; clear:both; }
.ec-base-product .prdList > li { position:relative; display:inline-block; color:#757575; vertical-align:top; width:calc(50% - 9px); margin-bottom:40px; margin-right:15px;}
.ec-base-product .prdList > li:nth-child(2n) { margin-right:0; }
.ec-base-product .prdList > li:last-child {margin-bottom:0;}
/*.ec-base-product .prdList > li:nth-child(2n) { margin-right:0; }
.ec-base-product .prdList > li:nth-child(n+3) { margin-top:36px; }*/
.ec-base-product .prdList .thumbnail {margin-bottom:0px;}
.thumbnail .prdImg a img { width:100%; transition:.5s ease; }
.thumbnail { position:relative; }
.thumbnail .icon { position:absolute; top:18px; left:18px; }
.thumbnail .prdImg a img { width:100%; transition:.5s ease; }

.prdList li .thumbnail .button_area { position:absolute; right:2.5%; bottom:30px; text-align:center; display:flex; justify-content:flex-end; align-items:center; width:90%; height:0; transition:.5s ease; }
.prdList li .thumbnail .button_area:hover { cursor:pointer; }
.prdList li .thumbnail .button_area>div { display:inline-block; height:auto; margin:0 5px; vertical-align:middle; }
.prdList li .thumbnail .button_area>div img { width:80%; }




ul .description {line-height:1.65;}
ul .description .name { display:block; padding:1px 0 0; font-weight:500; font-size:15px; line-height:1.3; word-break:keep-all; padding-top:9px; padding-bottom:5px; color:#555; transform: skew(-0.3deg);  }
ul .description .name a {display:block; font-size:12.5px !important; color:#333333; font-weight:500; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
ul .description .name span { display:none;  }
ul .description .summary_area { line-height:1.3; font-weight:400; font-size:13px; color:#666; transform: skew(-0.3deg);}
ul .description .spec { position:relative; margin-top:5px; }
ul .description .spec li { display:inline-block; margin:1px; line-height:1.3; }
ul .description .spec li:last-child { color:#ff5f5f; }
ul .description .spec li span { font-weight:bold; }
ul .description .spec li.product-sale-price { font-size:16px; font-weight:600; }
ul .description .spec li.product-custom-price { font-size:13px; color:#9f9f9f; text-decoration:line-through; }
ul .description .spec li:nth-child(2) span span { font-weight:bold; position:absolute; left:0;}
ul .description .spec .discount-rate {font-size:14px; font-weight:600; color:#f00; padding-left:5px;}
ul .description .promotion { margin-top:12px; }
ul .description .promotion img { margin-right:5px; }
ul .description .promotion img:last-child { margin-right:0; }

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

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


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

/* Thumbnail icon position */
.ec-product-bgLT { background-position:left top; }
.ec-product-bgLC { background-position:left center; }
.ec-product-bgLB { background-position:left bottom; }
.ec-product-bgRT { background-position:right top; }
.ec-product-bgRC { background-position:right center; }
.ec-product-bgRB { background-position:right bottom; }
.ec-product-bgCT { background-position:center top; }
.ec-product-bgCC { background-position:center center; }
.ec-product-bgCB { background-position:center bottom; }

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

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

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

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

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

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

  .ec-base-product [class*="grid"] li .name { font-size:15px; }
}
/* button */
  .btnNormal, .btnStrong, .btnBasic, .btnSubmit, .btnEm { display:inline-block; letter-spacing:0; text-align:center; border-radius:2px; -moz-box-sizing:border-box; box-sizing:border-box; }
  .btnNormal, .btnStrong, .btnBasic { height:29px; line-height:27px; padding:0 10px; vertical-align:middle; font-size:13px; }
  .btnNormal { font-family: 'Noto Sans KR',sans-serif; color:#1b1b1b; border:1px solid #cfcfcf; border-bottom-color:#b5b5b5; background:#fff; }
  .btnStrong { font-family: 'Noto Sans KR',sans-serif; color:#fff; border:1px solid #222; border-bottom-color:#222; background:#222; }
  .btnSubmit { font-family: 'Noto Sans KR',sans-serif; height:36px; line-height:36px; padding:0 10px; font-size:13px; color:#fff; border:1px solid #222; background:#222; }
  .btnEm { font-family: 'Noto Sans KR',sans-serif; height:36px; line-height:34px; padding:0 10px; font-size:13px; border:1px solid #d5d5d5; background:#fff; }
  .btnBasic { font-family: 'Noto Sans KR',sans-serif; color:#1b1b1b; border:1px solid #bcbcbc; background:#fff; }
  /* mini */
    [class*="btn"].mini { height:26px; line-height:24px; font-size:11px; }

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

/* ec-base-button */
  .ec-base-button { margin:10px auto; text-align:right; width:100%;}
  .ec-base-button:after { content:""; display:block; clear:both; }
  /*  typeMulti */
    .ec-base-button.typeMulti { margin:0 auto; padding:7px; }
    .ec-base-button.typeMulti .gTop:after,
    .ec-base-button.typeMulti .gBottom:after { content:""; display:block; clear:both; }
    .ec-base-button.typeMulti .gBottom { margin:7px 0 0; padding:7px 0 0; border-top:1px solid #d5d5d5; clear:both; }
  /* align */
    .ec-base-button.gLeft { text-align:left; }
    .ec-base-button.gCenter { text-align:center; }
    .ec-base-button.gRight { text-align:right; }
    .ec-base-button .gLeft { float:left; text-align:left; }
    .ec-base-button .gRight { float:right; }
  /* gColumn */
    .ec-base-button[class*="gColumn"] { display:flex; margin:10px 0 10px -4px; }
    .ec-base-button[class*="gColumn"]:after { content:none; }
    .ec-base-button[class*="gColumn"] a,
    .ec-base-button[class*="gColumn"] button { flex:1; margin:0 0 0 4px; padding:0 3px; white-space:nowrap; }
    /* gFlex */
      .ec-base-button[class*="gColumn"] .gFlex2 { flex:2; }
      .ec-base-button[class*="gColumn"] .gFlex3 { flex:3; }
      .ec-base-button[class*="gColumn"] .gFlex4 { flex:4; }
  /* gFull */
    .ec-base-button.gFull { margin-bottom:3px; }
    .ec-base-button.gFull [class*="btn"], [class*="btn"].gFull { width:100%; }
    .ec-base-button.gFull [class*="btn"] { margin:0 0 7px; }
  /* gFixed */
    .ec-base-button.gFixed { position:fixed; z-index:120; left:0; bottom:0; max-width:100%; width:100%; margin:0; padding:0 7px; box-sizing:border-box; background-color:#fff;
      -webkit-box-shadow: 0px -4px 4px 0px rgba(120, 120, 120, 0.5);
      -moz-box-shadow: 0px -4px 4px 0px rgba(120, 120, 120, 0.5);
      box-shadow: 0px -4px 4px 0px rgba(120, 120, 120, 0.5);
    }
    .ec-base-button.gFixed .state + .ec-base-button { margin-top:3px; }
    .ec-base-button.gFixed .state { overflow:hidden; margin:0 auto; font-size:11px; }
    .ec-base-button.gFixed .state .count { float:left; padding:7px 0; }
    .ec-base-button.gFixed .state .price { float:right; padding:7px 0; }
    .ec-base-button.gFixed .price strong { font-weight:normal; }
    .ec-base-button.gFixed .count strong,
    .ec-base-button.gFixed .price em { color:#222; font-weight:bold; }

@media all and (min-width:768px) {
  .btnSubmit { height:46px; line-height:44px; font-size:16px; }
  .btnEm { height:46px; line-height:44px; font-size:16px; }
}
/* base */
.ec-base-box { padding:14px; margin:14px; border:1px solid #d5d5d5; line-height:1.6; color:#757575; background:#fff; }
.ec-base-box.center { text-align:center; }
#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:36px; text-align:center; font-size:15px; line-height:36px; color:#fff; box-sizing:border-box; background:#4a5164; }
.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:35px; font-size:13px; text-align:left; border-bottom:1px solid #ccc; color:#1b1b1b; background:#f1f1f1; border-radius:5px 5px 0 0; }
    .ec-base-layer.typeModal .wrap { max-height:200px; min-height:100px; padding:14px; background:#fff; }
    .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:7px 14px 7px 10px; border-radius:0 0 5px 5px; box-sizing:border-box; }
  .ec-base-layer .ec-base-button.gFull { padding:7px 14px 0; }
  .ec-base-layer .ec-base-button.gFixed .ec-base-button { padding:0; border-top:0; }
  .ec-base-layer .wrap + .ec-base-button > .ec-base-button { padding:0; }
/* ec-base-table */
.ec-base-table { border:1px solid #d5d5d5; 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:13px; vertical-align:top; }
.ec-base-table th { font-weight:normal; color:#757575; }
.ec-base-table td { padding:12px 13px; }
.ec-base-table tbody th { padding:12px 0 12px 13px; text-align:left; }
.ec-base-table td.clear { padding:0 !important; }
 
/* horizontal */
  /* typeWrite */
    .ec-base-table.typeWrite td { padding:7px 13px 6px; vertical-align:middle; line-height:27px; }
    .ec-base-table.typeWrite tr td:first-child { padding:12px 13px; }
    .ec-base-table.typeWrite img { max-width:100% !important; height:auto !important; }
  /* gCellNarrow */
    .ec-base-table.gCellNarrow tbody th { padding:7px 0 7px 13px; }
    .ec-base-table.gCellNarrow td { padding:7px 13px; }
  /* gClearBorderTop */
    .ec-base-table.gClearBorderTop { border-top-width:0; }
  /* gClearBorder */
    .ec-base-table.gClearBorder { border-width:0; }
  /* gClearCell */
    .ec-base-table.gClearCell { padding:4px 0; }
    .ec-base-table.gClearCell table:after { display:none; }
    .ec-base-table.gClearCell th,
    .ec-base-table.gClearCell td,
    .ec-base-table.typeWrite.gClearCell th { border-width:0; padding-top:6px; padding-bottom:6px; }
    .ec-base-table.typeWrite.gClearCell td { padding-top:3px; padding-bottom:4px; }
  /* gLineTop */
    .ec-base-table .gLineTop { border-top:1px solid #ececec !important; }
    .ec-base-table.gClearCell tbody.gLineTop tr:first-child th,
    .ec-base-table.gClearCell tbody.gLineTop tr:first-child td { padding-top:10px; }
 
/* vertical */
  /* typeList */
    .ec-base-table.typeList { border-width:0; }
    .ec-base-table.typeList table:after { display:none; }
    .ec-base-table.typeList thead th { text-align:center; 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 input[type="text"] { width:80px; margin-right: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; }
}
.ec-base-fold { position:relative; border:1px solid #d5d5d5; }
.ec-base-fold > .title { position:relative; z-index:1; overflow:hidden; padding:14px 43px 14px 14px; cursor:pointer; font-size:13px; line-height:1.3; -webkit-tap-highlight-color:rgba(255,255,255,0);
display:-webkit-flex; display:-ms-flex; display:-moz-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; -moz-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; -ms-justify-content:space-between; -moz-justify-content:space-between; justify-content:space-between; }
.ec-base-fold > .title h2,
.ec-base-fold > .title h3 { display:inline-block; font-size:13px; line-height:1.3; }
.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_white.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:7px; }
.ec-base-fold .ec-base-fold + .ec-base-fold { margin-top:0; }
   .ec-base-fold.selected > .title:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform:rotate(180deg); }
   .ec-base-fold.selected > .contents { display:block; }

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

/* theme2 */
.ec-base-fold.theme2 > .title { padding-right:34px; color:#1b1b1b;}
/*.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 #d5d5d5; }
.ec-base-fold.theme4 dd { display:none; padding:10px 10px; font-size:12px; line-height:1.5; border-top:1px solid #d5d5d5; 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 { margin:0 -14px -6px; }

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

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


.ec-base-prdInfo p.option { margin:0 14px; padding:14px 0; border-top:1px solid #ececec; font-size:13px; }
.ec-base-prdInfo .option { padding:0; color:#353535; }
.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; }
.ec-base-prdInfo .option > li .change { margin:0 0 0 5px; white-space:nowrap; }
.ec-base-prdInfo .option .file a { margin:0 0 0 4px; padding:0 0 0 11px; color:#80aeef; text-decoration:underline; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/order/ico_attach.png") no-repeat 0 0; background-size:8px 13px; }
.ec-base-prdInfo .layerOptionModify { display:none; width:auto; margin:7px 0 14px; padding:14px; border:1px solid #d5d5d5; background-color:#f1f1f1; }
.ec-base-prdInfo .layerOptionModify .titleArea { margin-top:3px; display:none; }
.ec-base-prdInfo .layerOptionModify ul { padding:0; font-size:12px; }
.ec-base-prdInfo .layerOptionModify li { position:relative; margin:0 0 7px; padding:0 0 0 73px; }
.ec-base-prdInfo .layerOptionModify li .optionItem { display:block; position:absolute; top:0; left:0; width:73px; height:29px; font-size:13px; color:#757575; line-height:29px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ec-base-prdInfo .layerOptionModify select,
.ec-base-prdInfo .layerOptionModify input[type="text"] { width:100%; }
.ec-base-prdInfo .layerOptionModify .ec-base-button.gCenter { margin:0; }

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

/* ec-base-tab */
.ec-base-tab:after { content:""; display:block; clear:both; }
.ec-base-tab ul { display:flex; font-size:13px; line-height:14px; word-break:break-all; }
.ec-base-tab li { display:flex; flex:1; min-height:36px; text-align:center; background:#fff; }
.ec-base-tab .gFlex2 { flex:2; }
.ec-base-tab a { position:relative; top:1px; display:flex; flex-basis:100%; justify-content:center; flex-wrap:nowrap; align-items:center; padding:5px 10px; }
.ec-base-tab a .number  { display:inline-block; padding-left:5px; }
.ec-base-tab li:first-child { border-left:0; }
.ec-base-tab li.selected a { font-weight:bold; color:#333333; background:#ffffff; border:1px solid #333333; border-bottom: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; }