/*----------------------------------top----------------------------------*/

#top {width:100%; height:160px;}
#header_wrapper {width:100%; z-index:1112;}

#goods_category {width:100%; float:right; border-right:1px solid #ffffff; position:absolute;right:0;height:4%; background-color:#3b78ce;}
#goods_category li {display:block; padding:11px 0px 11px 0px; font-family: 'Jeju Gothic', 'dotum', serif; font-size:0.85em; color:#ffffff;}
/*#goods_category li:hover{background-color:#144b9b;}*/
#goods_category ul {display:block; margin:25px 0px 0px 0px; height:281px; display:none; position:relative;z-index:99999; text-align:left}
#goods_category .ct_list a {color:#ffffff; text-decoration:none;}
#goods_category .ct_list li > a {color:#ffffff; text-decoration:none;margin-left:30px;}
.ct_list {width:24.7%; float:left; text-align:center; border-left:1px solid #ffffff; padding:2.2% 0px 2% 0px; font-family: 'Jeju Gothic', 'dotum', serif; font-size:0.8em; color:#ffffff;}
/*.ct_list:hover{cursor:pointer;}*/
.ct_list img {width: 100%;float: left; transform: translateY(-25%);}

#header_search {width:100%; position:relative; padding: 11px 0; text-align:center;}
#my_top { width:100%; top:0px; left:0px; z-index:3333; background-color:#1484c9;}
#my_top.fixed {width:100%; height:40px; position:fixed; top:0px; left:0px; z-index:4444; background-color:#fff; }
.my_position {position:relative;}
.my_position .top_logo {vertical-align:middle; line-height:50px; text-align:center; background-color:#1484c9;}
.my_position .top_logo img {width:50%; max-width:195px; max-height:25px; padding-right:20px; margin-top:15px; vertical-align:middle; }
.my_position .top_cart {position:absolute; line-height:50px; right:0;}
.my_position .top_cart img {width:10%; height:40px; float:right; padding-top:5px;}

#layout_wrap {position:relative; top:0; left:0;}
#layout_side {position:fixed;top:0;left:0;width:75%;z-index:1000;background-color:#fff;padding:4%;display:none;}
#side_close {display:none; position:absolute; left:270px; top:0; background:url("../skin/mobile/basic/img/img_03.gif") no-repeat center; background-size:28px 28px; width:42px; height:42px; text-indent:-9999px; z-index:5;}
#layout_side_background {z-index:4; background-color:#000; opacity:0.5; filter:alpha(opacity=50); position:fixed; left:0px; top:0px; width:100%; height:200%; display:none;}


#layout_header {position:relative; background-color:#fff;}
#layout_header h1 a {color:#fff;}
#layout_header a[href='#category'] {position:absolute; left:0; top:0;}
#layout_header a[href='#cart'] {position:absolute; right:32px; top:0;}
#layout_header .top_cart {background:url("../images/design/ver2/top_cart.png") no-repeat center; background-size:25px 24px; width:44px; height:42px; text-indent:-9999px;}

html.open {
  overflow: hidden;
}

.btn {
  /*width: 35px;
  height: 35px;*/
  /*position: absolute;*/
  left: 10px;
  top: 10px;
  z-index: 1;
  /*background-image: url("http://s1.daumcdn.net/cfs.tistory/custom/blog/204/2048858/skin/images/menu.png");*/
  background-image: url("/main/images/mobile/hamberger.png");
  background-size: 80%;
  background-position:center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.close {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0px;
  top: 0px;
  background-image: url("http://s1.daumcdn.net/cfs.tistory/custom/blog/204/2048858/skin/images/close.png");
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

#menu {
  width: 75%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: -85%;
  z-index: 9999;
  padding:4%;
  border: 1px solid #c9c9c9;
  background-color: white;
  
  transition: All 0.5s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
}

#menu.open {
  left: 0px;
  overflow: scroll;
  display : block;
}

.page_cover.open {
  display: block;
}

.page_cover {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1000;
  display: none;
}

.section {width:100%; height:50px; position:relative; top:0px; left:0px;}
#menu ul li {display:block}
#menu .section ul  {padding:0;margin:0;}
#menu .section li  {float:left;border:1px solid #000;width:35%;margin:3% 3% 0 0;}
#menu .section li a { color:#000; line-height:31px; font-size: 12px; display: block;text-align:center;}
#menu .section li img {height:25px;vertical-align:middle;}
#menu .section li.login {background-color:#000;}
#menu .section li.login a {color:#fff;}
#menu .section li.close {border:0;float:right;width:10%;text-align:right;padding-top:4px;}

.section1 {width:100%; height:70px; position:relative; top:0px; left:0px;margin:15px auto 20px;}
#menu .section1 ul  {padding:0;margin:0;}
#menu .section1 li  {float:left;width:25%;text-align:center;position:relative;}
/*#menu .section1 li:nth-child(4) {width:24%;margin:0;}*/
#menu .section1 li a {color:#000; line-height:20px; font-size: 12px; display: block;text-align:center;letter-spacing:-1px;text-decoration:none}
#menu .section1 li img {width:40px; height:40px;}
#menu .section1 li.slide_count {display:inline-block; position:absolute;bottom:20px;right:4px;min-width:15px; padding:0 3px; min-height:15px; line-height:15px; background-color:#272727; color:#fff; font-weight:bold; font-size:11px; border-radius:10px; text-align:center;}

.section2 {width:100%; position:relative; top:0px; left:0px;margin:15px auto 20px; border:1px solid #c3c3c3;}
#menu .section2 .tab_inner {background-color:#fafafa;font-size:0;}
#menu .section2 .tab_inner div { width: 33%;line-height:40px;text-align:center;display: inline-block;font-size:12px; color:#8f8f8f; font-weight: bold; border-left:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3;border-top:0;}
#menu .section2 .tab_inner div:first-child {border-left:0;}
#menu .section2 .tab_inner div.open {color:#000;border-bottom:1px solid #fff;background-color:#fff;}
#menu .section2 .tab_community,
#menu .section2 .tab_mypage {display:none;}
#menu .section2 ul li {line-height:40px;border-top:1px solid #c3c3c3}
#menu .section2 ul li:first-child {border:0;}
#menu .section2 ul li a {line-height:40px;font-size:12px;color:#000;padding-left:10px;display:block;text-decoration:none}
#menu .section2 .mitemicon2 td:last-child {position:absolute; width:100%; left:0;}
#menu .section2 .mitemicon1 td:last-child {position:absolute; width:100%; left:0;}
#menu .section2 .mitem_subcontents_sub {display:none}
#menu .section2 .mitem_goodsview2 {padding-left:16px}

#menu .section3 {margin:25px 0 0 0;font-size:12px;color:#000;line-height:16px;}
#menu .section3 p {margin-bottom:20px;border:1px solid #cecece;width:150px;text-align:center;padding:0px;}
#menu .section3 p img {height:30px;border-right:1px solid #cecece;float:left;}
#menu .section3 a {font-size:12px;color:#000;line-height:30px;text-align:center;font-weight:bold;display:block;}

#menu div.tab_category ul.cate_menu li.mitem.mitemicon1 {background:url('/main/skin/mobile/basic/img/caret_down.png') no-repeat 96.3% 13px;background-size:15px 15px;}
#menu div.tab_category ul.cate_menu li.mitem.mitemicon2 {background:url('/main/skin/mobile/basic/img/caret_up.png') no-repeat 96.3% 13px;background-size:15px 15px; display:list-item}
#menu div.tab_category ul.cate_menu li.mitem2.mitemicon1 {background:url('/main/skin/mobile/basic/img/ico_arw_open.png') no-repeat 95% 18px;background-size:11px 7px; display:list-item}
#menu div.tab_category ul.cate_menu li.mitem2.mitemicon2 {background:url('/main/skin/mobile/basic/img/ico_arw_close.png') no-repeat 95% 18px;background-size:11px 7px; display:list-item}

#menu div.tab_category ul.cate_menu li.mitemicon3 {background:url('../skin/mobile/basic/img/ico_arw_direct.png') no-repeat 95% 15px; background-size:7px 11px;}
#menu div.tab_category ul.cate_menu li.mitem_subcontents {display:none;}
#menu div.tab_category ul.cate_menu li.mitem_subcontents ul.submenu {background-color:#f4f4f4; clear:both;}
#menu div.tab_category ul.cate_menu li.mitem_subcontents ul.submenu li.submitem {position:relative; *zoom:1; padding-left:15px;}
#menu div.tab_category ul.cate_menu li.mitem_subcontents ul.submenu li.submitem:after {content:""; display:block; clear:both;}
#menu div.tab_category ul.cate_menu .m_title {padding-left:10px;font-size:13px; color:#333; font-weight:bold;border-top:1px solid #c3c3c3;background-color:#f6f5f5; }
#menu div.tab_category ul.cate_menu li.mitem_contents {position:relative; *zoom:1;padding:10px 0;}
#menu div.tab_category ul.cate_menu li.mitem_contents ul.brandsort {width:calc(100% - 29px); border:1px solid #c6c6c6; border-radius:3px; overflow:hidden; margin:auto; *zoom:1; white-space:nowrap;}
#menu div.tab_category ul.cate_menu li.mitem_contents ul.brandsort:after {content:""; display:block; clear:both;}
#menu div.tab_category ul.cate_menu li.mitem_contents ul.brandsort li {float:left; width:calc(100% / 3); box-sizing:border-box; border-left:1px solid #c6c6c6; border-top:0;background-color:#f7f7f7; color:#676767; height:35px; line-height:35px; text-align:center; cursor:pointer}
#menu div.tab_category ul.cate_menu li.mitem_contents ul.brandsort li:first-child {border-left:none}
#menu div.tab_category ul.cate_menu li.mitem_contents ul.brandsort li.current {background-color:#fff; color:#000; font-weight:600;}

#menu div.tab_category ul li.mitem_contents ul.brandsort_words {width:238px; margin:6px auto 6px auto; *zoom:1;}
#menu div.tab_category ul li.mitem_contents ul.brandsort_words:after {content:""; display:block; clear:both;}
#menu div.tab_category ul li.mitem_contents ul.brandsort_words li {float:left; box-sizing:border-box; width:30px; height:30px; margin:6px 2px 0 2px; text-align:center; line-height:28px; font-weight:600; border-radius:15px; border:1px solid #b9b9b9; background-color:#f2f2f2; color:#454545; cursor:pointer}
#menu div.tab_category ul li.mitem_contents ul.brandsort_words li.current {border:1px solid /*#676771*/#b9b9b9; background-color:/*#757897*/#b9b9b9; color:#ffffff;}

#menu div.tab_community ul li.mode.icon1 {background:url('/main/skin/mobile/basic/img/caret_down.png') no-repeat 96.3% 13px;background-size:15px 15px;}
#menu div.tab_community ul li.mode.icon2 {background:url('/main/skin/mobile/basic/img/caret_up.png') no-repeat 96.3% 13px;background-size:15px 15px; display:list-item}
#menu div.tab_community ul li.mode2.icon1 {background:url('/main/skin/mobile/basic/img/ico_arw_open.png') no-repeat 95% 18px;background-size:11px 7px; display:list-item}
#menu div.tab_community ul li.mode2.icon2 {background:url('/main/skin/mobile/basic/img/ico_arw_close.png') no-repeat 95% 18px;background-size:11px 7px; display:list-item}
#menu div.tab_community ul li.mode_subcontents {display:none;}
#menu div.tab_community ul li.mode_subcontents ul.submenu {background-color:#f4f4f4; clear:both;}
#menu div.tab_community ul li.mode_subcontents ul.submenu li.submitem {position:relative; padding-left:7px;}
#menu div.tab_community ul li.mode_subcontents ul.submenu li.submitem:after {content:""; display:block; clear:both;}

.nav-up { display:block; top:0px;}
.nav-down { display:none; }
.nav-allup { position:inherit;}

#saerch_img {
position: absolute;
width: 24px;
right: 5%;
bottom: 12px;
}

.input_m_box {
  padding: 0 10px;
}

input:-webkit-autofill { /*인풋자동 색상채움 오류 해결방법*/
  -webkit-box-shadow: 0 0 0 1000px white inset;
}

/*----------------------------------m_menu_cate----------------------------------*/
.swiper-container {
  width: 100%;
  z-index: 1112;
  overflow: hidden;
  background-color: #FFF;
}
.swiper-slide {
  padding: 10px 0;
  height: 40px;
  text-align: center;
  font-size: 15px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}


/*----------------------------------m_visual----------------------------------*/
html, body { height:100%; overflow:visible; overflow-x:hidden;}
#visual_area {width:100%; position:relative;}
.clsBannerScreen {overflow:hidden; position:relative; cursor:pointer; clear:both;}
.clsBannerScreen .images {position:absolute; }

.visual_black_box { position:absolute;top:30px;left:30px;padding:30px; background : rgba(0, 0, 0, 0.7);font-family: 'Jeju Gothic', 'dotum', serif; font-size:2.0em; color:#ffffff}

.clsBannerButton { position:absolute; bottom:0; width:100%; text-align:center; opacity:0.2; background-color:black; margin:0 auto;cursor:pointer;}
.clsBannerButton li { line-height:25px; padding:0px 7px;}
.clsBannerButton li img {width:15px;}



/*----------------------------------center----------------------------------*/
.center_list { }
.goods_list {width:100%;}
.main_form { display:block; height:30px; line-height:30px; position:relative;}
.main_form font { color:#FFF; letter-spacing:5px; padding:0 10px; font-family:'Jeju Gothic','dotum',serif; font-size:1.25em;}
.more { right:0; padding:0 5px; display:inline-block; position:absolute;}

.slick-prev, .slick-next { width:25px!important; height:55px!important;}
.slick-prev { position:absolute; left:0px; transform:translate(0, -50%)!important; background:url(../images/mobile/left_arrow.png)!important; background-size:contain;}
.slick-next { position:absolute; right:0px; transform:translate(0, -50%)!important; background:url(../images/mobile/right_arrow.png)!important; background-size:contain;}
.slick-prev:before { content:none!important;}
.slick-next:before { content:none!important;}

.swiper-container {
      
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.swiper-wrapper { width:100%!important;}
.swiper-slide { margin-right:0px!important;}
.swiper-slide ul{display:block;margin:0;padding:0; height:100%; background-color:#efedfd;}
.swiper-slide li {display:block;margin:0;padding:1px;}
.swiper-slide .goods_img { border: 1px solid #f5f5f5;}
.swiper-slide .goods_name { padding: 10px 0; padding-top:15px;}
.swiper-slide .goods_name a {min-height:40px;padding:1px; font-weight:bold; color:#000000;}
.swiper-slide .goods_sale_price {color:#ff8040; padding-bottom:10px;}
.swiper-slide .goods_save_point {color:#c0c0c0;}

.goods_img { display:block!important;}
.goods_name { display:block!important; text-align:center; word-break:keep-all;}
.goods_sale_price { display:block!important; text-align:center;}
.goods_list:after {
  content: '';
  display: block;
  clear: both;
}



/*----------------------------------bottom----------------------------------*/
#back-top { position: fixed; bottom: 0px; right: 0px; width: 60px; height: 60px; z-index: 99; cursor: pointer; display: none; }

.footer_section2{margin: 0 auto; text-align:center;padding:20px 0; font-size:11px; background-color:#e5e5e5;}
.footer_section2 li {display:inline-block; padding: 15px 5px;}
#footer_section3 {width:100%; padding:10px 0 20px 0; background-color:#e5e5e5;}
#footer_section3 .title_font{ font-size:14px;color:#0c3390;padding:0px 0 10px;text-align:center;font-family:"Roboto Condensed","Helvetica Neue", Helvetica, NanumGothic,"Malgun Gothic",Dotum,Gulim,sans-serif;font-weight:700;}
#bottom_center { width:90%; text-align:center; margin:0 auto;font-size:12px; line-height:160%; color:#555;}

.bt_sns  {width:90%; margin:30px auto 0px; height:25px;}
.bt_sns img {height:23px;border:1px solid #e9e9e9;/* line-height:25px; */}

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

.footer_section1 {padding:20px 0 0;width:100%;margin:0 auto; text-align:center; background-color:#e5e5e5;}
.footer_section1 h2 { display:inline-block;font-size:13px;color:#0c3390!important;padding:0px 0 10px;text-align:center;color:#000;font-family:"Roboto Condensed","Helvetica Neue", Helvetica, NanumGothic,"Malgun Gothic",Dotum,Gulim,sans-serif; font-weight:700; letter-spacing:1px;}
.footer_section1 .line_1 { width:20%; height:3px; display:inline-block; border-top:1px solid #0c3390;}
.footer_section1 .bt_cscenter {float:left;width:50%; box-sizing:border-box; padding:0 20px; background:url("/main/skin/mobile/basic/img/bottom_line.gif") no-repeat right 0 top 50%; background-size:1px 200px; text-align:left;}
.footer_section1 .bt_cscenter h2 {width:100%;margin:0 auto;font-size:13px;color:#0c3390!important;padding:0px 0 10px;text-align:left;color:#000;font-family:"Roboto Condensed","Helvetica Neue", Helvetica, NanumGothic,"Malgun Gothic",Dotum,Gulim,sans-serif; font-weight:700; letter-spacing:1px;}
.footer_section1 .bt_cscenter .cscenter_phone {width:100%;font-family:"Roboto","Helvetica Neue", Helvetica, NanumGothic,"Malgun Gothic",Dotum,Gulim,sans-serif;font-size:18px !important;font-weight:bold !important;color:#000 !important; margin-top:3px !important;}
.footer_section1 .bt_cscenter p {width:100%;font-size:9px;color:#555;padding:0 0 15px;line-height:16px;text-align:left; letter-spacing:0px;}
.footer_section1 .bt_cscenter p span {color:#000;}
.footer_section1 .bt_bank {float:left;width:50%;box-sizing:border-box; padding:0 20px; text-align:left;}
.footer_section1 .bt_bank h2 {width:100%;margin:0 auto;font-size:14px;color:#0c3390!important;font-weight:normal;padding:0px 0 10px;text-align:left;color:#000;font-family:"Roboto Condensed","Helvetica Neue", Helvetica, NanumGothic,"Malgun Gothic",Dotum,Gulim,sans-serif;font-weight:700;}
.footer_section1 .bt_bank p {width:100%;font-size:11px;color:#555;padding:0 0 15px;line-height:17px;text-align:left; letter-spacing:-0.3px;}
.footer_section1 .bt_bank p span {color:#000;}

.footer_section3 {padding:0;width:100%;margin:0px auto 25px;}
.footer_section3 .bt_cscenter {float:left;width:50%; background:url("/main/skin/mobile/basic/img/bottom_line.gif") no-repeat right 0 top 50%; background-size:1px 200px; }
.footer_section3 .bt_bank {float:left;width:50%;}
.footer_section3 .bt_call {margin:0 auto;text-align:center;width:80%; }
.footer_section3 .bt_cs {margin:0 auto;text-align:center;width:80%;}
.footer_section3 .bt_cs img,
.footer_section3 .bt_call img {width:100%;margin:0 auto; text-align:center;padding:0px;}



/*----------------------------------search----------------------------------*/
#category_area {width:100%;}
.goods_list {display:block;width:100%;}
.goods_list li {display:inline-block; vertical-align:top;} 
.goods_list_ul ul{ display:block; margin:0; padding:0; }
.goods_list_ul .text_top { height:60px; box-sizing:border-box; padding-top:5px;}
.goods_list_ul .text_bottom { height:80px; display:block; vertical-align:bottom;} /*상품설명 아래부분 아래정렬*/
.goods_list_ul li {display:block;margin:0; font-size:11px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} /*줄바꿈 고정, 주어진공간 초과시 ...으로 생략가능!*/


.goods_list_ul .goods_img { border: 1px solid #f5f5f5;}
.goods_list_ul .goods_name a {min-height:40px;padding:1px; font-weight:bold; color:#000000;}
.goods_list_ul .goods_feature {min-height:10px;padding:0 4px; color:#777777;}
.goods_list_ul .goods_sale_price {color:#ff8040; text-decoration:line-through; float:right;}


/*리스트*/
.goods_list_category {width:100%; box-sizing:border-box; border:1px solid #cecece; position:relative; background-color: #FFF;}
.goods_list_tot { width:25%; text-align:center; display:table-cell; padding:0 10px; border-right:1px solid #cecece;}
.goods_list_tot font { font-size:11px; color:#ff8040;}
.goods_list_sort { text-align:center; display:table-cell; padding:0 10px; text-align:left;}
.goods_list_show { width:1%; padding:0 11px; border-left:1px solid #cecece; display:table-cell; position:relative; }
.goods_list_show img { width:30px;}


.sort_ul { 
	display: block;
    position: absolute;
    right: 20%;
    background-color: #FFF;
    z-index: 1;
}
.sort_ul li { display:block;}
.search_type_box { height:40px; width:100%; box-sizing:border-box; font-size:12px; color:#5a5a5a; font-family:'Nanum Gothic', 'dotum', serif; border:none; outline:none;}
.goods_nav { text-align:center;}
.goods_nav a img { width:20px;}
select { 
    -webkit-appearance: none; /* 네이티브 외형 감추기 */ 
    -moz-appearance: none; 
    appearance: none;
    background: url("/main/images/mobile/btn_arrow.png") no-repeat right center; /* 화살표 모양의 이미지 */ 
	background-size: 20px;
} 
select::-ms-expand { display: none; } /* IE 10, 11의 네이티브 화살표 숨기기 */
.f_r { float:right; padding-right:10px;}
.goods_list_page {width:100%;}


@media screen and (min-width:200px) and (max-width:400px) {
	.media {width:50%; border:1px solid #e4e2e2; box-sizing:border-box; display:inline-block; float:left; height:330px;}
}
@media screen and (min-width:400px) and (max-width:500px) {
	.media {width:50%; border:1px solid #e4e2e2; box-sizing:border-box; display:inline-block; float:left; height:380px;}
}
@media screen and (min-width:500px) and (max-width:600px) {
	.media {width:50%; border:1px solid #e4e2e2; box-sizing:border-box; display:inline-block; float:left; height:430px;}
}
@media screen and (min-width:600px) and (max-width:700px) {
	.media {width:50%; border:1px solid #e4e2e2; box-sizing:border-box; display:inline-block; float:left; height:480px;}
}
@media screen and (min-width:700px) and (max-width:800px) {
	.media {width:50%; border:1px solid #e4e2e2; box-sizing:border-box; display:inline-block; float:left; height:530px;}
}
@media screen and (min-width:800px) and (max-width:900px) {
	.media {width:50%; border:1px solid #e4e2e2; box-sizing:border-box; display:inline-block; float:left; height:580px;}
}
@media screen and (min-width:900px) and (max-width:1100px) {
	.media {width:50%; border:1px solid #e4e2e2; box-sizing:border-box; display:inline-block; float:left; height:680px;}
}



/*----------------------------------상품검색 브랜드/카테고리----------------------------------*/
/*브랜드 탭*/
#brand-tab {
  min-height:30px;
  margin:10px 0;
  border: 1px solid #cecece;
}
#brand-tab .sub-1 {
  width:100%; 
  display:block; 
  text-align:center; 
  margin: 5px 0; 
  font-size:15px;
}
#brand-tab .sub-2 {
  display: block;
  width: 200%;
  position: relative;
  left: -100%;
}

#brand-tab .sub-3 {
  display: inline-block;
  width: 50%;
  float: left;
  padding: 5px;
  border-top: 1px solid #cecece;
  font-size: 11px;
  border-right: 1px solid #cecece;
}
#brand-tab .sub-3:hover {
  color: rgb(0, 0, 0);
  font-weight: bold;
  cursor: pointer;
}

/*카테고리 탭*/
#category-tab {
  min-height:30px;
  margin: 10px 0;
  border: 1px solid #cecece;
}
#category-tab:after {
  content: '';
  display: block;
  clear: both;
}
#category-tab .sub-1 {
  width:100%; 
  display:block; 
  text-align:center; 
  margin: 5px 0; 
  font-size:15px;
}
#category-tab .sub-2 {
  display: block;
  width: 200%;
}
#category-tab .sub-3 {
  display: inline-block;
  width: 50%;
  float: left;
  padding: 5px;
  border-top: 1px solid #cecece;
  font-size: 11px;
}
#category-tab .sub-3:hover {
  color:blue;
  font-weight: bold;
  cursor: pointer;
}

/*브랜드 & 카테고리 액티브*/
#action-tab {
  /* margin: 10px 0; */
}
.action-tab-brand {
  display: inline-block;
  min-width: 10px;
  padding: 8px 13px;
  margin: 0 5px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 10px;
  background-color: rgb(255, 118, 118);
}
.action-tab-brand:hover {
  cursor: pointer;
}
#brand-tab .active {
  color: rgb(0, 0, 0);
  font-weight: bold;
}
.action-tab-category {
  display: inline-block;
  min-width: 10px;
  padding: 8px 13px;
  margin: 5px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 10px;
  background-color: rgb(97, 158, 238);
}
.action-tab-category:hover {
  cursor: pointer;
}
#category-tab .active {
  color: blue;
  font-weight: bold;
}


/*----------------------------------search----------------------------------*/