/* BASIC css start */
* {margin:0; padding:0; outline:none;}
body {font-family:'NanumSquareRound', sans-serif; letter-spacing:-0.5px;}
.cboth { clear:both;*zoom:1 }
.cboth:after { content:" "; display:block; clear:both; }
.fleft {float:left;}
.fright {float:right !important;}

/* input 기본 스타일 초기화
input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
} */


/* Select box 스타일 초기화 */ 
select { width:100%;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.list_group select {background:url('/design/bambo/mobile_mowm/select_group_arrow.png') no-repeat 97% 50%; background-size:10px;}
.list_array select {background:url('/design/bambo/mobile_mowm/select_array_arrow.gif') no-repeat 95% 50%; background-size:20px;}
.list_array #MS_select_sort {width:100px;}

/* 각 페이지 상단 타이틀 */
#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:#7b143f !important;border:1px solid #7b143f !important;}

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

/* a href=tel 스타일 초기화 */
a[href^="tel"] {color:inherit; text-decoration:none;}


.listName {word-break:keep-all; display: -webkit-box; overflow:hidden; text-overflow:ellipsis; white-space:normal; height:30px; width:100%; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom: 16px; font-weight:800; font-size:12px; color:#333; line-height:16px;}
.custom {color:#777; text-decoration:line-through; text-align:right; margin-top:8px; line-height:1;}
.listicon {position:absolute; float:left; margin-left:5px; width:70px; margin-top:5px; z-index:9 }
/*.listicon .MK-product-icons img {width:auto !important; }*/
.listPrice {text-align:right; margin-top:4px; font-weight:800; font-size:14px;}


/* 상품진열 */
.list_shopping1x li:first-child a {padding:0 18px 18px;}
.list_shopping1x li a {padding:18px;}

.list_shopping3x li a {padding:0 4%;}
.list_shopping3x li img.listPic {border:1px solid #bdbfbf; box-sizing:border-box;}
.list_shopping2x li img.listPic {border:1px solid #bdbfbf; box-sizing:border-box;}
.list_shopping3x figure {position:relative;}

.list_shopping2x {text-align:center;}
.list_shopping2x ul {width:100%; display:table; table-layout: fixed; box-sizing: border-box; padding:0 15px;  text-align:left; font-size:0;}
.list_shopping2x li a {display: block; padding:0 2px 25px 2px;}
.list_shopping2x li img.listPic {width:100%;}
.list_shopping2x .list_shoppingInfo {margin-top:10px; text-align:center; font-size:12px;}
.list_shopping2x li {width:48%; margin: 0 1% 2%; display:inline-block; vertical-align: top;text-align: left;  }
.list_shopping2x figure {position:relative;}



.list_shopping1x .text-sale {float:left; margin-top:5px; width:34px; height:26px; background-color:#222; color:#fff; font-size:12px; text-align:center; line-height:26px; font-weight:800;}
.list_shopping3x .text-sale,
.list_shopping2x .text-sale {
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 34px;
    height: 26px;
    background-color: #222;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 26px;
    font-weight: 800;
 }

.list_shopping1x .text-sale-fair {float:left; margin-top:5px; width:40px; height:26px; background-color:#f03654; color:#fff; font-size:13px; text-align:center; line-height:28px; font-weight:800;}
.list_shopping3x .text-sale-fair,
.list_shopping2x .text-sale-fair {
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 40px;
    height: 26px;
    background-color: #f03654;
    color: #fff;
    font-size: 13px;
    text-align: center;
    line-height: 28px;
    font-weight: 800;
 }


.list_shopping1x .text-sale-bf-day {float:left; margin-top:5px; width:40px; height:26px; background-color:#000000; color:#d70f0f; font-size:13px; text-align:center; line-height:28px; font-weight:800;}
.list_shopping3x .text-sale-bf-day,
.list_shopping2x .text-sale-bf-day {
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 40px;
    height: 26px;
    background-color: #f03654;
    color: #fff;
    font-size: 13px;
    text-align: center;
    line-height: 28px;
    font-weight: 800;
 }




/* //상품진열 */




@media screen and (min-width:420px) and (max-width:767px) {
    /* 상품진열 */
    .list_shopping1x li {width:100%;}
	.list_shopping1x li img.listPic {width:40%;}
	.list_shopping1x .list_shoppingInfo {width:56%;}
	.list_shopping1x .list_shoppingInfo .listName {font-size:20px;line-height:28px;height:auto;max-height:56px;}
	.list_shopping1x .list_shoppingInfo .listName_plan {font-size:12px;line-height:20px;height:auto;max-height:40px;}
	.list_shopping1x .list_shoppingInfo .desc {font-size:15px;line-height:18px;height:auto;max-height:36px;} 
	.list_shopping1x .list_shoppingInfo {font-size:18px;}
}

@media screen and (min-width:768px) {
    /* 상품진열 */
    .list_shopping1x li {width:100%;}
	.list_shopping1x li img.listPic {width:30%;}
	.list_shopping1x .list_shoppingInfo {width:66%;}
	.list_shopping1x .list_shoppingInfo .listName {font-size:20px;line-height:28px;height:auto;max-height:56px;}
	.list_shopping1x .list_shoppingInfo .listName_plan {font-size:12px;line-height:20px;height:auto;max-height:40px;}
	.list_shopping1x .list_shoppingInfo .desc {font-size:15px;line-height:18px;height:auto;max-height:36px;} 
	.list_shopping1x .list_shoppingInfo {font-size:18px;}
}

/* 더보기 버튼 */
.btn_moreGray {width:75%; height:30px; line-height:30px; background-color:transparent; border:1px solid #5b5b5b; font-size:12px; }


/****************** 상단 ******************/
#header {width:100%; }

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

/* 최상단 메뉴 */
#header .section { height:25px;  border-bottom:1px solid #e9e9e9; }
#header .section li {float:left; border-left:1px solid #e9e9e9; width:25%; box-sizing:border-box;}
#header .section li:first-child {border-left:0;}
#header .section li a {width:100%; text-align:center; color:#555; line-height:25px; font-size:12px; display:block;float:left;}

#header .section1 {height:98px; position:relative;}
#header .section1 .category_box {position:absolute; left:5%; top:50%; transform:translate(0,-50%);}
#header .section1 .category_box img {height:26px;}
#header .section1 .logo {text-align:center;}
#header .section1 .logo a {line-height:98px;}
#header .section1 .logo img {height:40px; vertical-align:middle; padding-bottom:0px;}
#header .section1 .top_menu_right {position:absolute; right:5%; top:50%; transform:translate(0,-50%);}
#header .section1 .search_box {display:inline-block; padding-right:10px;}
#header .section1 .search_box img {height:26px;}
#header .section1 .top_cart {display:inline-block;}
#header .section1 .top_cart img {height:26px;}
#header .section1 .basket_count a {color:#fff;font-size:12px;text-align:center;line-height:18px;font-weight:bold; position:absolute; top:-6px;right:-12%; width:18px; height:18px; background-color:#e9536b; border-radius:18px;}

/* 상단 카테고리 */
#header .cate_section {height:36px; position:relative; border-top:1px solid #eaeaea; border-bottom:1px solid #d01510;}
#header .cate_section .top_menu {width:100% !important; margin:0 auto; height:100%; float:left; text-align:center; background-color:#d01510;}
#header .cate_section .top_menu li {text-align:center;background:transparent;display:inline-block;}
#header .cate_section .top_menu li a {height:36px; color:#fff; font-size:13px; line-height:36px; font-weight:800; padding:0 3px; display:block;}
#header .cate_section .top_menu li a.letter15 {letter-spacing:-1.5px;}
/* 상단 카테고리 고정 */
#comment_top.fixed {width:100%; position:fixed; top:0px; left:0px; z-index:10; background-color:#fff;}
#comment_top.fixed .section1 {position:relative; height:46px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;  transition: all 0.5s; background-color:#fff; }
#comment_top.fixed .section1 .logo {margin:0;font-size:0; text-align:center; line-height:46px;}
#comment_top.fixed .section1 .logo img {height:20px;vertical-align:middle;}
#comment_top.fixed .section1 .category_box {width:30px;height:30px; position:absolute; top:7px;left:5%;text-align:center; line-height:30px; font-size:0px; 
-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;  transition: all 0.5s; vertical-align:middle;}
#comment_top.fixed .section1 .category_box img {width:30px;}
#comment_top.fixed .top_cart {width:30px;height:30px; position:absolute; top:10px;right:5%;text-align:center;line-height:30px;font-size:0px;
-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;  transition: all 0.5s; }
#comment_top.fixed .section1 .search_box {top:8px !important;right:4%;}
#comment_top.fixed .section1 .search_box img {width:30px;}
#comment_top.fixed .section1 .basket_count a {color:#fff;font-size:12px; line-height:18px;font-weight:bold; position:absolute; top:7px;right:3%; z-index:22; width:18px; height:18px; background-color:#6aa112; border-radius:18px; }

/* 상단 검색바 */
#header .search {height:42px; position:relative;top:0px; color:#fff;left:0; right:0; background-color:#7b143f; padding-right:45px; text-align:center; display:none; z-index:10;}
#header .search .searchBox {width:100%;}
#header .search .searchBox input {width:96%; height:30px; border:0px none; margin-top: 6px; padding: 0 5px;}
#header .search .btn_search {width:45px; height:42px; line-height:50px; background-color:#7b143f; position:absolute; top:0; right:0; color:#fff; text-align:center;}


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


/* 카테고리 */
aside {background-color:#fff; position:fixed; width:100%; height:100%; top:0px; left:0; bottom:0; overflow-y:auto; -webkit-overflow-scrolling: touch; z-index:1001; display:none;}

/*aside nav li {border-bottom:1px solid #ccc; position:relative;}
aside nav li a {display: block; height: 35px; line-height:35px; padding:0 0 0 20px; margin-right: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
aside nav li .fa {position: absolute; top:0; right: 0; width: 40px; text-align: center; height: 35px; line-height:35px;}

aside nav li > ul > li {border-bottom:0px none; border-top:1px solid #ccc;}
aside nav li > ul > li:first-child {border-top:0px none;}
aside nav li > ul > li a {padding:0 40px 0 30px; margin: 0;}
aside nav li > ul > li > ul {border-top:0px none; border-top:1px solid #ccc;}
aside nav li > ul > li > ul > li {border-bottom:0px none;}
aside nav li > ul > li > ul > li a {padding:0 0 0 40px; margin: 0; background-color: #DDDDDD;}
aside .asideBottom {padding:20px 22px;}
aside .asideBottom .tel {color:#ab3e41; font-size:1.333em; font-weight:bold; display: block;}
aside .asideBottom .fa-stack {color:#000; margin-top: -5px;}
aside .asideBottom .copyright {margin-top:10px;}
aside .navCommunity {display:none;}
aside .navMypage {display:none;}

aside nav li > ul {background-color:#f4f4f4; display:none; border-top:1px solid #c3c3c3;}*/

aside .section {padding:10px 20px; background:#fff;}
aside .section .username {float:left; font-size:18px; font-weight:700; padding-top:14px; padding-left:10px;}
aside .section ul {padding:0;margin:0; float:right;}
aside .section li {width:40px; height:40px; margin-left:10px; display:inline-block;}
aside .section li a {display: block;}
aside .section li img {width:100%; height:100%;}

aside .section2 {}
aside .section2 .asideTop {font-size:0; background:#fff;}
aside .section2 .asideTop a {position:relative; top:4px; width: 33%;line-height:40px;height:40px;text-align:center;display: inline-block;font-size:13px; color:#4f4e4e; font-weight: bold; background:#e0e0e0; }
aside .section2 .asideTop a:first-child {border-left:0;}
aside .section2 .asideTop #item.act {height:44px; top:2px; background-color:#631335;color:#fff; font-weight:800; border-top:2px solid #000; border-right:2px solid #000;}
aside .section2 .asideTop #brand.act {height:44px; top:2px; background-color:#631335;color:#fff; font-weight:800; border-top:2px solid #000; border-right:2px solid #000; border-left:2px solid #000;}

aside .section2 .navItem {background:#631335; border-top:2px solid #000;}
aside .section2 .navItem .cate_item {padding:40px 20px 200px;}
aside .section2 .navItem .cate_item .cate_item_main {display:inline-block; width:30%; background:#fff; border-radius:3px; margin-left:4%; margin-top:12px; }
aside .section2 .navItem .cate_item .cate_item_main:nth-child(3n+1) {margin-left:0;}
aside .section2 .navItem .cate_item .cate_item_main a {display:block; width:100%; height:100%; text-align:center; color:#262626; padding-bottom:8px;}
aside .section2 .navItem .cate_item .cate_item_main a img {width:80%;}

aside .section2 .navItem .cate_item .cate_item_sub {display:none;}
aside .section2 .navItem .cate_item .cate_item_sub {margin:0; border:2px solid #000;}
aside .section2 .navItem .cate_item .cate_item_sub ul {background:#505050; }
aside .section2 .navItem .cate_item .cate_item_sub ul li {color:#fff; text-indent:20px; padding:0 10px 12px;}
aside .section2 .navItem .cate_item .cate_item_sub ul li:first-child {background:#fff; }
aside .section2 .navItem .cate_item .cate_item_sub ul li a {display:block; border-top:1px solid #6e6e6e; padding-top:12px; color:#fff; background-image:url('/design/bambo/mobile_mowm/cate_arrow.png'); background-repeat:no-repeat; background-size:12px 12px; background-position:95% 80%; }
aside .section2 .navItem .cate_item .cate_item_sub ul li:first-child a { font-size:13px; font-weight:800; border-top:0;color:#000;  background-image:url('/design/bambo/mobile_mowm/cate_arrow_all.png'); background-repeat:no-repeat; background-size:13px 13px; background-position:95% 85%;}

aside .section2 .navBrand {background:#631335;}
aside .section2 .navBrand .cate_brand {display: none;}
aside .section2 .navBrand .cate_brand ul { padding:40px 20px 100px;}
aside .section2 .navBrand .cate_brand ul li {background: #fff; width:100%;margin-top:10px;clear:both;*zoom:1;}
aside .section2 .navBrand .cate_brand ul li:after { content:" ";display:block;clear:both;}
aside .section2 .navBrand .cate_brand ul li:first-child {margin-top:0;}
aside .section2 .navBrand .cate_brand ul li a {width:100%; height:100%; position:relative;display:flex; justify-content:center; align-items:center;}
aside .section2 .navBrand .cate_brand ul li a span.left {float:left;width:50%;text-align:center;font-size:14px;}
aside .section2 .navBrand .cate_brand ul li a span.left img {width:60%;margin-bottom:10px;}
aside .section2 .navBrand .cate_brand ul li a span.right {float:right;width:50%;}
aside .section2 .navBrand .cate_brand ul li a span.right img {width:100%;}

aside .section2 .navBrand .all_brand {width:150px; height:40px; background:#000; border-radius:20px; line-height:40px; text-align:center; position:fixed; bottom:0; left:0; margin:20px; z-index:1;}
aside .section2 .navBrand .all_brand a {display:block; width:100%; height:100%; color:#fff; }

aside .section3 {position:fixed; bottom:0; right:0; padding:20px;}
aside .section3 ul li {float:right; padding-left:10px;}
aside .section3 ul li a {display:block;}
aside .section3 ul li a img {width:40px; height:40px;}


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

/* 하단 고정 메뉴 */
.bottom_menu {width:100%; height:50px; position:fixed; bottom:0; background:#fff; z-index:10;}
.bottom_menu ul li {float:left; width:20%; text-align:center; font-size:11px;}
.bottom_menu ul li a {display:block;}
.bottom_menu ul li img {height:20px; padding:8px 0 4px;}


/* SNS 공유 모달팝업 */
.share_modal {display:none; overflow:auto; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:2;}
.share_modal_content {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:80%;background:#fff; border-radius:10px; text-align:center;}
.share_modal_title {width:100%; height:50px; background:#711f3e; color:#fff; border-radius:10px 10px 0 0; line-height:50px; font-size:16px; font-weight:700; position:relative;}
.share_modal_title .close {position:absolute; right:20px; top:14px; width:20px; height:20px;}
.share_modal_title .close img {width:100%;}
.share_modal_sns {padding:16px;}
.share_modal_sns ul li {width:25%; float:left;}
.share_modal_sns ul li input {width:70%;}

/* 게시판 댓글 */
.sub-reviews li p {word-break:break-all;}


/* 서브페이지 브랜드관 서브이미지 */
.shopbrand .brand_sub ul li a,
.shopbrand .brand_sub ul li a img {height:auto !important;}


/* 스마트폰 가로 */
@media all and (orientation:landscape) { 

	aside .section2 .navBrand .cate_brand ul li a span.left img {margin-bottom:20px;}
	aside .section2 .navBrand .cate_brand ul li a span.left {font-size:18px;}

}


/* BASIC css end */