/* BASIC css start */
body{width:100%; overflow-x:hidden;}
#top_banner{width:100%; height:32px; overflow:hidden; }
#top_banner .top_banner_ty1{text-align:center; height:32px; line-height:32px; font-weight:100; font-size:12px;}
#top_banner .top_banner_ty1 strong,
#top_banner .top_banner_ty1 b{font-weight:500;}
#top_banner .top_banner_ty1 a{font-size:inherit; color:inherit;  line-height:inherit; vertical-align:top; }
#top_banner .swiper-pagination{ display:inline-block; width:auto; left:auto; right:10px; bottom:5px; height:18px; text-align:right; vertical-align:top; font-size:0;}
#top_banner .swiper-pagination .swiper-pagination-bullet{display:inline-block; width:4px; height:4px; margin-left:4px; border-radius:2px; background:#FFF; }
#top_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#FFF;}


#search_layer{position:fixed; top:-100vh; left:0; width:100%; z-index:1000; transition-property:all; transition-duration: 1s;}  
#search_layer.open{top:0;}
#search_layer .search_inner{padding:25px; position:relative; box-sizing:border-box; background:rgba(255,255,255,0.95); box-shadow: 0 0 25px #ddd ; }
#search_layer .search_inner h2{height:47px; line-height:100%; text-align:center; font-weight:700; font-size:22px; color:#000; line-height:47px; }
#search_layer .search_inner .search_box{width:100%; height:49px; box-sizing:border-box; border-bottom:2px solid #000; position:relative; margin:0 auto;  }
#search_layer .search_inner .search_box input.MS_search_word{display:block; width:100%; height:48px; border:0; line-height:48px; background:transparent; color:#000; box-sizing:border-box; padding-right:48px; font-size:18px; font-weight:500;}
#search_layer .search_inner .search_box a.btn_search{display:block; width:48px; height:48px; position:absolute; top:0; right:0; font-size:0; overflow:hiddne; text-indent:-1000px; background:url(//bamboobebe.img16.kr/img_pc/btm_search_img.png) right center no-repeat; }
#search_layer .search_inner .search_tag{width:100%; margin:20px auto 0; overflow:hidden; }
#search_layer .search_inner .search_tag dt{height:30px; line-height:30px; font-size:16px; color:#444444; font-weight:700; text-indent:-1px; }
#search_layer .search_inner .search_tag dd{width:100%; font-size:0; margin-left:-6px; }
#search_layer .search_inner .search_tag dd span.tag{display:inline-block; vertical-align:top; height:34px; line-height:34px; min-width:50px; box-sizing:border-box; padding:0 15px; background-color:#f5f5f5;color:#aaaaaa; font-size:12px; cursor:pointer; text-align:center; margin:6px 0 0 6px; border-radius:17px;}
#search_layer .search_inner .search_tag dd span.tag:before{content:"#";}
#search_layer .btn_X{display:block; width:49px; height:35px; background:url(//bamboobebe.img16.kr/img_pc/btn_closeX_green.png) center no-repeat; font-size:0; margin:0 auto; border-radius:0 0 10px 10px; }




#header {position:relative; top:0; left:0; width:100%; height:0px; z-index:999; }
#header .top_header{position:relative; width:100%; height:51px; padding:12px 6px; box-sizing:border-box; transition-property:all; transition-duration:0.5s}

#header .top_header > .logo{width:110px; height:27px; position:absolute; top:12px; left:50%; margin-left:-53px; text-align:center; transform: }
#header .top_header > .logo.active{top:0;}
#header .top_header > .logo a{display:inline-block; height:27px; line-height:27px; }
#header .top_header > .logo a img.logo{display:inline-block; width:auto; position:static; margin:0;  }
#header .top_header > .logo a img.img_ty{height:27px;}
#header .top_header > .logo a img.txt_ty{width:100%; display:none;}



#header.active{position:fixed; }
#header.active .top_header{height:41px; padding:7px 6px; background-color:#97bc61;}
#header.active .top_header > .logo{top:7px; }
#header.active .top_header > .logo a img.img_ty{height:27px; display:none;}
#header.active .top_header > .logo a img.txt_ty{display:inline-block; height:auto; vertical-align:middle;}


#header .top_header .l_nav,
#header .top_header .r_nav{position:absolute; top:12px; }
#header .top_header .l_nav{float:left; height:27px; left:6px;}
#header .top_header .r_nav{float:right; height:27px; right:6px;  }


#header.active .top_header .l_nav,
#header.active .top_header .r_nav{top:7px; }



#header .top_header .l_nav li,
#header .top_header .r_nav li{width:32px; height:27px; overflow:hidden; float:left; }

#header .top_header .l_nav li a,
#header .top_header .r_nav li a{display:inline-block; width:32px; height:27px; vertical-align:top; font-size:0; overflow:hidden; text-indent:-100px; background-position:center; background-repeat:no-repeat; background-size:auto 100%; overflow:hidden;}

#header .top_header li.img_btn a.btn_menu{background-image:url(//bamboobebe.img16.kr/img_m/header/ic_m_menu_01.png); }
#header .top_header li.img_btn a.btn_search{background-image:url(//bamboobebe.img16.kr/img_m/header/ic_m_search_01.png); }
#header .top_header li.img_btn a.btn_user{background-image:url(//bamboobebe.img16.kr/img_m/header/ic_m_user_01.png);}
#header .top_header li.img_btn a.btn_basket{background-image:url(//bamboobebe.img16.kr/img_m/header/ic_m_basket_01.png); position:relative; }
#header .top_header li.img_btn a.btn_basket sub{position:absolute; top:0; right:0; min-width:13px; height:13px; box-sizing:border-box; padding:0 5px; text-align:center; display:inline-block; line-height:13px; background:#97bc61; border-radius:7px; color:#FFF; font-size:10px; font-weight:600; font-family:'Montserrat'; text-indent:0; }


#header.active .top_header li.img_btn a.btn_menu{background-image:url(//bamboobebe.img16.kr/img_m/header/ic_m_menu_02.png); }
#header.active .top_header li.img_btn a.btn_search{background-image:url(//bamboobebe.img16.kr/img_m/header/ic_m_search_02.png); }
#header.active .top_header li.img_btn a.btn_user{background-image:url(//bamboobebe.img16.kr/img_m/header/ic_m_user_02.png);}
#header.active .top_header li.img_btn a.btn_basket{background-image:url(//bamboobebe.img16.kr/img_m/header/ic_m_basket_02.png);}
#header.active .top_header li.img_btn a.btn_basket sub{background-color:#fff; color:#97bc61}


#header .menu_wrap{height:0; background:#FFF; overflow:hidden; transition-property:all; transition-duration: 1s }
#header .menu_wrap .menu_list{height:40px; }
#header .menu_wrap .menu_list li{float:left; display:block; width:20%; height:40px; text-align:center; }
#header .menu_wrap .menu_list li a{display:inline-block; line-height:40px; color:#111; font-size:13px;}
#header .menu_wrap .menu_list li a.btn_all{position:relative; }
#header .menu_wrap .menu_list li a.btn_all:after{position:absolute; top:50%; right:-8px; margin-top:-8px; display:block; width:6px; height:6px; background-color:#97bc61; border-radius:3px; content:""; font-size:0;  }

#header.active .menu_wrap{height:40px;}

#ham_wrap{position:fixed; width:100%; height:100vh; background:#FFF; top:0; right:100%; z-index:1000; overflow:hidden; overflow-y:scroll;  transition: all 1s; }
#ham_wrap.active{right:0;}
#ham_wrap .ham_inner{width:100%; overflow:hidden;}
#ham_wrap .top_header{position:relative; width:100%; height:51px; padding:12px 15px; box-sizing:border-box; background:rgba(255,255,255,0.3);  transition-property:all; }
#ham_wrap .top_header > .logo{width:110px; height:27px; position:absolute; top:12px; left:50%; margin-left:-63px; text-align:center;}
#ham_wrap .top_header > .logo a{display:inline-block; height:27px; line-height:27px; }
#ham_wrap .top_header > .logo a img.logo{display:inline-block; width:auto; position:static; margin:0;  }
#ham_wrap .top_header > .logo a img.img_ty{height:27px;}



#ham_wrap .top_header .lang_box{margin-left:0; width:58px; height:27px; line-height:27px; position:relative; border:1px solid #e5e5e5; }
#ham_wrap .top_header .lang_box .lang_sel{display:inline-block; padding-right:20px; height:25px; line-height:25px; font-size:12px; font-weight:400; color:#666; font-family:'Montserrat', 'Noto Sans KR', sans-serif; background:url(//bamboobebe.img16.kr/img_pc/arrow_down_8x7_gray.png) calc(100% - 5px) center no-repeat; cursor:pointer; width:100%; box-sizing:border-box; text-indent:8px; }
#ham_wrap .top_header .lang_box .lang_list{ padding:3px; position:absolute; top: 26px; left:0; width:100%; border:1px solid #eee; background:#fff; box-sizing:border-box; z-index:10;  }
#ham_wrap .top_header .lang_box .lang_list a{display:block; height:27px; line-height:27px; font-size:11px; font-weight:400; color:#666; font-family:'Montserrat', 'Noto Sans KR', sans-serif; text-indent:5px; }
#ham_wrap .top_header .lang_box .lang_list a:hover{color:#000; font-weight:700;}

#ham_wrap .btn_X{position:absolute; top:12px; right:10px; display:block; width:27px; height:27px; background:url(//bamboobebe.img16.kr/img_m/header/m_btn_X.png) center no-repeat; background-size:18px; font-size:0; text-indent:-1000px; overflow:hidden;}





#ham_wrap .ham_header{overflow:hidden; padding:0 15px; background:#97bc61;  }
#ham_wrap .ham_header li{float:left; height:40px; width:25%; }
#ham_wrap .ham_header li a{display:block; text-align:center; line-height:40px; color:#FFF; font-size:14px; }

#ham_wrap .ham_banner{margin:20px 20px 25px;} 
#ham_wrap .ham_banner a{display:block;}
#ham_wrap .ham_banner a + a{margin-top:7px;}
#ham_wrap .ham_banner img{display:block; width:100%; }

#ham_wrap .menu_list{font-size:0; padding:0 10px; overflow:hidden; box-sizing:border-box; margin-bottom:20px; }
#ham_wrap .menu_list li{display:inline-block; vertical-align:top; width:25%;}
#ham_wrap .menu_list li .thumb{display:block; margin:0 7px 7px;}
#ham_wrap .menu_list li .thumb img{vertical-align:top; width:100%;}
#ham_wrap .menu_list li label{display:block; min-height:33px; padding-bottom:15px; box-sizing:border-box; text-align:center; color:#898989; font-size:12px; letter-spacing:-1px; line-height:1.5; }


#ham_wrap .cs_menu_list {border-top:1px solid #eee; border-bottom:1px solid #eee; overflow:hidden;}
#ham_wrap .cs_menu_list li{display:block; width:50%; float:left; box-sizing:border-box; height:45px; border-left:1px solid #eee;  }
#ham_wrap .cs_menu_list li:nth-of-type(2n+1){border-left:0;}
#ham_wrap .cs_menu_list li a{display:block; width:100%; height:45px; line-height:45px; text-align:center; font-size:14px; color:#111;}
#ham_wrap .cs_menu_list li a:before{display:inline-block; height:20px; content:""; margin-right:10px; vertical-align:middle; background-size:auto 20px; background-position:center; background-repeat:no-repeat;  }

#ham_wrap .cs_menu_list li a.cs_home:before{width:25px; background-image:url(//bamboobebe.img16.kr/img_m/header/ic_cs.png);}
#ham_wrap .cs_menu_list li a.cs_board:before{width:20px; background-image:url(//bamboobebe.img16.kr/img_m/header/ic_board.png);}

#ham_wrap .txt_menu_list{overflow:hidden; margin-bottom:35px;}

#ham_wrap .txt_menu_list li{width:100%; box-sizing:border-box; border-bottom:1px solid #eee; padding:0; min-height:40px; }
#ham_wrap .txt_menu_list li a{display:inline-block; vertical-align:top; line-height:40px; color:#aaaaaa; font-size:14px; font-weight:600; }
#ham_wrap .txt_menu_list li a.fir{padding:0 15px;}
#ham_wrap .txt_menu_list li .btn_arrow{float:right; display:block; width:50px; height:40px; background:url(//bamboobebe.img16.kr/img_pc/washing/arrow_up_down.png) center no-repeat; font-size:0; overflow:hidden; text-indent:-100px; }
#ham_wrap .txt_menu_list li.open .btn_arrow{-ms-transform: rotate(180deg); transform: rotate(180deg);}
#ham_wrap .txt_menu_list li .sub_list{display:none; background-color:#fafafa; padding:15px 15px 15px 30px; border-top:1px solid #eee;}
#ham_wrap .txt_menu_list li.open .sub_list{display:block;}

#ham_wrap .txt_menu_list .sub_list li{border-bottom:0; padding:0; height:30px; min-height:30px;}





#ham_wrap .prd_wrap{padding:0 15px;}
#ham_wrap .prd_wrap h2{height:40px; color:#404040; font-size:17px; font-weight:700; letter-spacing:-2px; box-sizing:border-box; padding-top:5px; line-height:1.5; }


.page_top_wrap{min-height:30px;}
.page_top_wrap:before,
.page_top_wrap:after{display:block; width:100%; height:0; content:""; }
.page_top_wrap .page_map{float:right; box-sizing:border-box; height:30px; padding:5px 10px;}
.page_top_wrap .page_map a{float:left; display:inline-block; height:20px; line-height:20px; margin-left:19px; font-weight:300; font-size:11px; color:#9a9a9a; position:relative; }
.page_top_wrap .page_map a:nth-of-type(1){overflow:hidden; }
.page_top_wrap .page_map a:before{content:">"; color:#d9d9d9; position:absolute; top:0; left:-13px; font-family:"dotum","µ¸¿ò"; height:20px; line-height:20px; font-weight:700;}
.page_top_wrap .page_map a:nth-last-of-type(1){color:#111;}


.prd_list{font-size:0; }
.prd_list:after{content:""; display:block; width:100%; height:0; }
.prd_list .prd_item{display:inline-block; width:100%; vertical-align:top; font-size:10px; box-sizing:border-box; padding-bottom:10px; position:relative;}
.prd_list.item2 .prd_item{width:calc(50% - 3px); margin-left:6px; }
.prd_list.item2 .prd_item:nth-of-type(2n+1){margin-left:0;}

.prd_list .prd_item .thumb{display:block; box-sizing:border-box; border:1px solid #efefef; margin-bottom:10px; }
.prd_list .prd_item .thumb img{display:block; width:100%; }
.prd_list .prd_item .best_num{position:absolute; top:7px; left:7px; display:block; width:50px; height:50px; border-radius:25px; padding:13px 0 0; box-sizing:border-box; text-align:center; background:#cba6a0; line-height:13px; font-family:'Montserrat', 'Noto Sans KR', sans-serif; font-size:16px; font-weight:700; color:#FFF;}
.prd_list .prd_item .best_num:before{content:"BEST"; display:block; height:13px; line-height:13px; font-size:11px;  }

.prd_list .prd_item dl.prd_info{position:relative; padding:15px 0px; margin:0 15px; }
.prd_list .prd_item dl.prd_info dt{padding:5px 0; min-height:15px;}
.prd_list .prd_item dl.prd_info dt a{display:inline-block; line-height:15px; font-size:13px; color:#555; vertical-align:top;}
.prd_list .prd_item dl.prd_info dt *{line-height:15px; }
.prd_list .prd_item dl.prd_info dd.etc01{position:absolute; top:0; left:0; height:15px; line-height:15px; color:#bbb; font-size:10px; display:none; }
.prd_list .prd_item dl.prd_info dd.review{position:absolute; top:0; right:0; height:15px; line-height:15px; color:#ef987f; font-size:10px; }
.prd_list .prd_item dl.prd_info dd.review:before{content:"¸®ºä ";}
.prd_list .prd_item dl.prd_info dd.sold_out{font-family:'Montserrat', 'Noto Sans KR', sans-serif; font-size:13px; font-weight:700; color:#111;  line-height:15px; margin-bottom:3px; }
.prd_list .prd_item dl.prd_info dd.price{font-family:'Montserrat', 'Noto Sans KR', sans-serif; line-height:16px; margin-bottom:6px; vertical-align:text-bottom; }
.prd_list .prd_item dl.prd_info dd.price strong{display:inline-block; font-size:15px; font-weight:700; color:#111; margin-right:3px;}
.prd_list .prd_item dl.prd_info dd.price strike{display:inline-block; font-size:12px; font-weight:300; color:#4c4c4c;}
.prd_list .prd_item dl.prd_info dd.icon{font-size:0; margin-bottom:3px;line-height:1; }
.prd_list .prd_item dl.prd_info dd.icon > span{display:inline-block; line-height:1;}
.prd_list .prd_item dl.prd_info dd.icon > span img{display:inline-block; vertical-align:top; margin:0 2px 2px 0; }
.prd_list .prd_item dl.prd_info dd.desc{border-top:1px solid #e7e7e7; padding:8px 0 ; line-height:16px; color:#979797; font-size:11px;  }

.prd_list .prd_item dl.prd_info dd.option{margin-bottom:5px; font-size:13px; line-height:20px;  }
.prd_list .prd_item dl.prd_info dd.opt_btns{ margin-bottom:5px; }
.prd_list .prd_item dl.prd_info dd.opt_btns input[type="text"]{width:50px; height:20px; line-height:18px; border:1px solid #ddd; display:inline-block; vertical-align:top; }
.prd_list .prd_item dl.prd_info dd.opt_btns .btns{display:inline-block; vertical-align:top; height:20px; }
.prd_list .prd_item dl.prd_info dd.opt_btns .btns a{display:inline-block; vertical-align:top; height:20px;  line-height:20px; }
.prd_list .prd_item dl.prd_info dd.check_box{overflow:hidden; margin-bottom:5px; } 
.prd_list .prd_item dl.prd_info dd.check_box span{color:#888; display:inline-block; line-height:20px; vertical-align:middle; margin-right:5px; }



/* paging */
.paging { padding:20px 0; text-align: center; vertical-align: top; font-size:0; }
.paging li {display: inline-block; border:1px solid #eaeaea; width:38px; height:38px; box-sizing:border-box; margin-left:-1px;}
.paging li strong,
.paging li a {display:inline-block; overflow: hidden; width:36px; height:36px; line-height:35px; color:#aaaaaa; font-size:12px; vertical-align:middle; }
.paging li.now{border-color:#000;}
.paging li.now + li{border-left-color:#000;}
.paging li a:hover,
.paging li.now a { color:#000; font-weight: bold; letter-spacing: -1px; }


.paging li.first a,
.paging li.prev a,
.paging li.next a,
.paging li.last a {font-family:AppleGothic,Dotum,"µ¸¿ò",sans-serif; letter-spacing: -3px; }


.paging li.first,
.paging li.prev { margin-right: 10px; border:0; }
.paging li.last,
.paging li.next { margin-left: 10px; border:0;  }


.blind{display:none !important;}


/* Uneedcomms Keepgrow CSS */
#keepgrowLogin .contents .title { text-align:left; }


/* ÆÄ¿ö¸®ºä °Ô½ÃÆÇ °ü·Ã _±âº»»ó´Ü¿¡¸¸ ÀÖÀ½ */
#wrap #pr-header{margin-top:51px; border-top:1px solid #ddd;}
#wrap #pr-header + #container{padding-top:0px;}
/* BASIC css end */

