/* BASIC css start */
/* 210427 morenvy 준호 */
@charset "utf-8";
.cboth {clear:both;*zoom:1}
.cboth:after {content:" ";display:block;clear:both;}
.fleft {float:left;}
.fright {float:right;}
.m_off {display:none !important;}

.pdt20 {padding-top:20px;}
.pdt30 {padding-top:30px;}
.pdt40 {padding-top:40px;}
.pdt50 {padding-top:50px;}
.pdt60 {padding-top:60px;}
.pdt70 {padding-top:70px;}
.pdt80 {padding-top:80px;}

#container {min-height: 100% !important; background: #fff; margin:0 !important; padding:0 !important; z-index: 0; position: relative; overflow: hidden; backface-visibility: hidden;}
#content {width:100%; margin:0 auto;}
#contents { background-color:#fff; }

body {height: 100%; font-family: "Noto Sans KR" , "Poppins",  sans-serif; }
.cboth { clear:both;*zoom:1 }
.cboth:after { content:" "; display:block; clear:both; }
.fleft {float:left;}
.fright {float:right !important;}
.menu_on {height:100%; overflow:hidden;}
.menu_off {height:auto; overflow:initial;}

a, input, button, select, .swiper-pagination-bullet {outline:none;}


/* 각 페이지 상단 타이틀 */
#contents .h_title,
.page_location { height:20px; line-height:20px; border-top:0; border-bottom: 1px solid #e3e3e3; font-size:13px; font-weight:500; background-size:14px; padding:10px 15px;}

/* 카테고리 검은색배경 전체적으로 변경 */
#mask {top:0px !important;}

/* 상품 더보기 하단 여백 */
#container .more {margin-bottom:30px;}

/* 서브 셀렉트 버튼 색상변경 */
.btn_Red {background-color:#222 !important;border:1px solid #222 !important;}

/* 갤러리 게시판 배경 흰색 */
#gallery-list .item {background-color:#fff;}


/* 상품진열 */
.list_shopping2x {text-align:center;}
.list_shopping2x ul {width:100%; display:table; table-layout: fixed; box-sizing: border-box; padding:0 7px;  text-align:left; font-size:0;}
.list_shopping2x li a {display: block; padding:0 0 25px;}
.list_shopping2x li img.listPic {width:100%;}
.list_shopping2x .list_shoppingInfo {margin-top:10px; text-align:left; font-size:12px;}
.list_shopping2x li {width:50%; padding: 0 7px; box-sizing: border-box; display:inline-block; vertical-align: top;text-align: left;  }
.list_shopping2x figure {position:relative;}

.listName { display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; line-height: 1; border-bottom: 1px solid #eaeaea; padding: 0px 0px 10px; margin-bottom: 10px; font-weight:normal; }
.desc,
.listSubname{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; font-size: 11px; margin: 0px; color: #999; line-height: 16px; min-height: 32px; font-weight:400; margin-bottom:6px;}
.custom {color:#999; text-decoration:line-through;}
.listicon {margin-top:8px;}
.MK-product-icons {display:block; margin-top: 8px;}
.MK-product-icons img {width:auto !important;}
.MK-product-icons img:first-child {padding-left:0;}

.text-sale { position: absolute; z-index: 3; top: 0; right: 0px; width: 34px; height: 34px; background-color: #222; color: #fff; font-size: 12px; letter-spacing: -0.5px; text-align: center; line-height: 34px; font-family: "Poppins","Noto Sans KR",sans-serif; font-weight: 500; box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.3); -webkit-box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.3);}
/* //상품진열 */

@media screen and (min-width:420px) and (max-width:767px) {
    /* 상품진열 */
    .list_shopping1x li {width:100%;}
}

@media screen and (min-width:768px) {
    /* 상품진열 */
    .list_shopping1x li {width:100%;}
}


/* 상단 배너 */
#header .top_ban {position:relative;}
#header .top_ban img {width:100%;}
#header .top_ban .top_close {width:6%;  position:absolute; top:0px; right:0px;}
#header .top_ban .top_close img {width:100%;}

/* 스크롤후 상단 메뉴 스타일 */
#comment_top.fixed {width:100%; position:fixed; top:0px; left:0px; z-index:2222; background-color:#fff; border-bottom:1px solid #eaeaea;}

#header { margin:0px;  padding:0px; position:relative;}
#header .cate_section {height:48px; position:relative; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
#header .cate_section .swiper_top {width:100% !important; margin:0 auto; }
#header .cate_section .swiper-button-disabled {opacity:0 !important; }
#header .cate_section .swiper_top .first {margin-left:15px !important;}
#header .cate_section .swiper_top .swiper-slide {width:auto; margin-right:20px; background:transparent;}
#header .cate_section .swiper_top .swiper-slide a {height:48px; color:#222; font-size:13px;  line-height:48px; font-family:"Poppins","Noto Sans KR",sans-serif; font-weight:500;}

#header .header_section02 {position:relative; font-size:0px;}
#header .header_section02 .top_logo {line-height:65px; text-align:center; font-size:0px;}
#header .header_section02 .top_logo img {width:106px; height:26px; vertical-align:middle;}
#header .header_section02 .top_cate {position:absolute; line-height:65px; top:0px; left:15px; font-size:0px; cursor:pointer;}
#header .header_section02 .top_cate img {width:24px; height:20px; vertical-align:middle;}
#header .top_search_btn {position:absolute; top:0px; right:50px; line-height:65px; cursor:pointer;}
#header .top_search_btn img {width:19px; height:20px; vertical-align:middle; }
#header .top_search {background-color:transparent; border:0px ;padding:0 ;}
#header .top_cart  {position:absolute; line-height:65px; right:15px; top:0px; font-size:0px;}
#header .top_cart  img {width:16px; height:20px; vertical-align:middle; }
#header .cart_count {position: absolute; top:21px; left:0px; display: block; line-height:25px; width:16px; height:20px; color:#000; font-size:10px; text-align:center; letter-spacing:-1px; font-family:"Poppins","Noto Sans KR",sans-serif; font-weight:bold;}

#header .search {height:42px; position:relative; left:0; right:0; background-color:#e5e5e5; padding-right:45px; text-align:center; display:none; z-index:10;}
#header .search .searchBox {width:100%;}
#header .search .searchBox input {width:95%; height:30px; border:0px none; margin-top: 6px; padding: 0 5px;}
#header .search .btn_search {width:45px; height:42px; line-height:50px; background-color:#222; position:absolute; top:0; right:0; color:#fff; text-align:center;}


/* 슬라이드 카테고리 리스트*/
#aside { z-index:-1; visibility:hidden; position:absolute; left:-290px; top:0px; bottom:0; overflow:auto; overflow-x:hidden; min-width:225px; width:85%;padding:5%; box-sizing:border-box; font-size:11px; background-color:#fff;}
#aside .slide_section ul {padding:0;margin:0;}
#aside .slide_section li {float:right; border:1px solid #eaeaea; width:48%; background-color:#fff;}
#aside .slide_section li:first-child {float:left;}
#aside .slide_section li a { color:#333; line-height:36px; height:36px; font-size:12px; display: block; text-align:center;}
#aside .slide_section li.login {background: #000; border:1px solid #222; }
#aside .slide_section li.login a {color:#fff;}

html.expand body {position: fixed; top: 0; left: 0; width: 100%;}
html.expand #aside {z-index: 1; overflow-x: hidden;}
#dimmedSlider {display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 500; background: rgba(0,0,0,0.7);}
#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);}
html.expand #btnFoldLayout {display: block; z-index: 405;}

#aside .top_logo {vertical-align:middle; text-align:center; font-size:0px; padding:20px 0px 30px;}
#aside .top_logo img {height:26px;}

#aside .categoryList { font-size:12px; font-weight:normal; }
#aside .categoryList ul { display:none; }
#aside .categoryList li { position:relative; background-color:#fff; }
#aside .categoryList li.selected > ul { display:block; }
#aside .categoryList li.selected > a.cate { color:#111;}
#aside .categoryList li.noChild > a.cate { border-top:0px solid #c3c3c3; background-image:none !important; }
#aside .categoryList li.noChild:first-child > a.cate { border-top:0; }
#aside .categoryList li.selected.noChild { background-color:#fafafa;}
#aside .categoryList > li.selected .slideSubMenu li { background-color:#fafafa; }
#aside .categoryList > li { border-bottom:0px solid #cccccc; border-top:1px solid #fff; }
#aside .categoryList > li.selected li:first-child { border-top:1px solid #c3c3c3 !important; }
#aside .categoryList > li > a.cate {display:block;position:absolute;top:0px;right:0px;width:40px;height:40px; background:url("/design/happypack/M0199RM_flattable/slide/slide_arrowdown.png") no-repeat 50%; background-size:13px 7px; }
#aside .categoryList > li.selected > a.cate { background-image:url("/design/happypack/M0199RM_flattable/slide/slide_arrowup.png"); }
#aside .categoryList > li > ul > li > a.view {padding-left:20px;}
#aside .categoryList > li > ul > li > a.cate { display:block;position:absolute;top:0px;right:0px;width:40px;height:40px; background:url("/design/happypack/M0199RM_flattable/slide/slide_add.png") no-repeat 50%; background-size:13px 13px; padding:0 !important;border:0;}
#aside .categoryList > li > ul > li.selected > a.cate { border-bottom:0px; background-image:url("/design/d4-0930/M0199RM_flattable/slide/slide_subtract.png"); background-size:13px 13px; }
#aside .categoryList > li > ul > li > ul > li {background-color:#ececec !important;}
#aside .categoryList > li > ul > li > ul > li > a.view {padding-left:30px;}
#aside .categoryList > li > ul > li > ul > li > a.cate { display:block;position:absolute;top:0px;right:0px;width:40px;height:40px; background:url("/design/happypack/M0199RM_flattable/slide/slide_add.png") no-repeat 50%; background-size:13px 13px; padding:0 !important;border:0; }
#aside .categoryList > li > ul > li > ul > li.selected > a.cate { border-bottom:0px; background-image:url("/design/d4-0930/M0199RM_flattable/slide/slide_subtract.png"); background-size:13px 13px; }
#aside .categoryList > li > ul > li > ul > li > ul > li {background-color:#ddd !important;}
#aside .categoryList > li > ul > li > ul > li > ul > li a.cate { padding-left:40px; }
#aside .categoryList a.cate { display:block; padding:0px; word-wrap:break-word; }
#aside .categoryList a.view {position:static; right:0; top:0; padding:0 0 0 10px; border:0px; line-height:24px; color:#111;font-size:12px; font-weight:normal; background-color:transparent;line-height:40px;display:block; -webkit-border-radius:0px; -moz-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; border-radius:0px;}
#aside .categoryList li.noChild > a.view { display:block; }


/* 슬라이드 닫기 */
html.expand .close {display:block;}
.close {display:none; position: fixed; top: 20px; left: 90%; width: 20px; height: 20px; z-index: 1002;}
.close img {height:20px;}

/* 슬라이드 메뉴 */
.slide_menu {margin-top:30px;}
.slide_menu ul li {float:left; width:25%; text-align:center; padding:12px 0px; border-top:1px solid #eaeaea; border-right:1px solid #eaeaea; box-sizing:border-box;} 
.slide_menu ul li:first-child {border-left:1px solid #eaeaea;}
.slide_menu ul li img {text-align:center; height:18px; }
.slide_menu ul li p {display:block; padding-bottom:5px;}
.slide_menu ul li a {color:#333; font-size:11px; letter-spacing:-0.3px; line-height:1;}
.slide_menu .menu_2nd li {border-bottom:1px solid #eaeaea;}

#aside .slide_section2 {border:1px solid #eaeaea; margin-top:30px; border-top:0px;}
#aside .slide_section2 .tab_inner {background-color:#fafafa;font-size:0;}
#aside .slide_section2 .tab_inner a { background-color:#fff; width:50%; line-height:40px; text-align:center; display: inline-block; font-size:12px; color:#999; border-left:1px solid #eaeaea; border-bottom:1px solid #222; border-top:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-sizing:border-box; -o-sizing:border-box; box-sizing:border-box; border-top:1px solid #eaeaea; }
#aside .slide_section2 .tab_inner a:first-child {border-left:0;}
#aside .slide_section2 .tab_inner a.open {color:#000; border-bottom:1px solid #fff;background-color:#fff;color:#000; border-top:1px solid #222; border-left:1px solid #222; border-right:1px solid #222;}
#aside .slide_section2 .tab_community {display:none;}
#aside .slide_section2 ul li {line-height:40px;border-top:1px solid #eaeaea;}
#aside .slide_section2 ul li:first-child {border-top:0;}
#aside .slide_section2 ul li a {line-height:40px;font-size:12px;color:#000;padding-left:10px;display:block;}
#aside .slide_section2 ul li .cnt {float:right;font-size:11px;color:#555;padding-right:10px;}
#aside .categoryList > li.selected li:first-child { border-top: 1px solid #eaeaea !important; }

.side_cs {margin:30px 0px;}
.side_cs_title {color:#222; border-bottom:1px solid #eaeaea; line-height:1; font-size:12px; text-align:left; padding:0px 0px 15px; text-indent:10px;}
.side_cs_txt01 {text-align:left; color:#222; font-size:15px; padding:15px 0px 0px 10px; line-height:1}
.side_cs_txt02 {text-align:left; color:#888; font-size:12px; padding:10px 0px 0px 10px;line-height:1.4}
.side_btn {text-align:center; }
.side_btn ul li {display:inline-block; margin:0px 0%; width:48%; }
.side_btn ul li a {font-size:12px; letter-spacing:-0.5px; color:#fff; display:block; height:35px; line-height:35px; background-color:#222; font-weight:500;}
.side_btn ul li a.first {background-color:#ddd; color:#000; }
.side_copy {text-align:left;padding:25px 0px; color:#888;}

/* 타이틀 */
#slideCateList h2 { position:relative; padding:0 0px 0 0px; border-bottom:1px solid #eaeaea; line-height:28px; color:#222; font-weight:bold; font-size:12px; cursor:pointer; background:#fff; }
#slideCateList h2.selected .icoCategory { display:none; background:#fff !important; background-image:url("//img.echosting.cafe24.com/skin/mobile_en_US/layout/bg_snb_1depth_on.gif"); }
#slideCateList h2 .icoCategory { display:none; 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_en_US/layout/bg_snb_1depth.gif") no-repeat 7px 50%; background-size:13px 8px; }


.btn_moreGray {width: calc(100% - 20px); padding: 10px 0; text-align: center; height: 43px; line-height: 1.5; background-color: #fff; border: 1px solid #eaeaea; color: #494949; font-weight: bold; box-sizing: border-box; font-size: 14px; font-family: 'Poppins','Noto Sans KR', sans-serif;}
.btn_moreGray span { color: #494949;}

/* 최근 본 상품 */
#ly_lastView {width:100%; position:absolute; top:36px; left:0; background-color:#fff; z-index:101; padding-bottom:20px; box-shadow: 0 1px 10px #717171; display:none;}

/* 품절 */
.listSoldout {border: 1px solid #d22525;
    display: inline-block;
    padding: 4px;
    border-radius: 5px;
    line-height: 12px;}

@media screen and (min-width:768px) {
    #header #menu {width:85px;}
    #header .headerTop {padding-right:85px;}
    #header .search {padding-right:85px;}
    #header .search .searchBox input {width:95%;}
    #header .search .btn_search {width:85px;}
}
/* BASIC css end */