/* BASIC css start */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
html { width:100%; height:100%; }
li { list-style:none; }
img,fieldset { border:none; vertical-align:top; }
table { border:0; border-spacing:0; border-collapse:collapse; }
th,td { border:0;  }

.cboth { clear:both;*zoom:1 }
.cboth:after { content:" "; display:block; clear:both; }
.fleft {float:left; }
.fright {float:right !important;  }
.left { text-align: left; }
.center { text-align: center; }
.top { caption-side: top; }
.right { text-align: right; }
.bold { font-weight: bold; }
.none { display:none; }

.pdt5 {padding-top:5px;}
.pdt10 {padding-top:10px;}
.pdt15 {padding-top:15px;}
.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;}
.pdt90 {padding-top:90px;}
.pdt100 {padding-top:100px;}
.pdt130 {padding-top:130px;}

.pdb10 {padding-bottom:10px;}
.pdb20 {padding-bottom:20px;}
.pdb15 {padding-bottom:15px;}
.pdb40 {padding-bottom:40px;}
.mrt20 {margin-top:20px;}

.width1260 {width:1200px; margin:0 auto;position:relative;}
.width1260 > li {  float: left; color: #000;}

/*드롭메뉴리뉴얼*/

/* Style the tab */
.tab1 {
float:left;
  background-color: #f7f7f7;
  width: 230px;
  height:550px;
  margin-top:-50px;

}

/* Style the buttons inside the tab */
.tab1 button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 10px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  font-size: 17px;

}

/* Change background color of buttons on hover */
.tab1 button:hover {
  background-color: #000;
color:#fff;
}



/* Create an active/current "tab button" class */
.tab1 button.active {
  background-color: #000;
color:#fff;
}

.tab1 button:hover a{
  background-color: #000;
color:#fff;
}

.btn_allcate .cateb >ul >li a.f400
{ font-weight: 400;}

/* Style the tab content */
.tabcontent {
float:left;
  background-color: #fff;
  padding: 0px 12px;
  border: 1px solid #ccc;
  width: 230px;
  height: 550px;
  display: none;
  margin-top:-50px;

}

.tabcontent li:first-child{ padding-top:5px;}

/* Clear floats after the tab */
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}


#header  #all_cate_area a { padding-left:0px;}
#header  #all_cate_area {display:none; z-index:555; position:absolute; left:50%; top:108px; padding:0px; font-size:0px;  width:500px; margin-left:-600px; }


#header  #all_cate_area .a_sub_cate {}
#header  #all_cate_area .a_sub_cate a {font-size:16px; color:#000; text-align:left; line-height:30px; display:block; font-weight:normal; }
#header  #all_cate_area .a_sub_cate a.sub_mouse_hover,
#header  #all_cate_area .a_sub_cate a:hover {color:#066267; font-weight:bold;}
#header  #all_cate_area .a_sub_cate .sub_cate_on_arrow {position:absolute;top:50%;right:5px;background:url('/design/nextbt/moonlab/sub_cate_on.png') no-repeat;z-index:20;width:5px;height:8px;margin-top:-4px;-webkit-transition:-webkit-transform 150ms ease-out;-moz-transition:transform 150ms ease-out;-ms-transition:transform 150ms ease-out;-o-transition:transform 150ms ease-out;transition:transform 150ms ease-out}
#header  #all_cate_area .a_sub_cate .sub_cate_on_arrow.rotateon {-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
#header  #all_cate_area .a_sub_cate .all_cate_sub {display:none; position:absolute;top:-5px;left:100%; z-index:21;width:104px;background-color:#fff;border:1px solid #777;padding:5px 10px;border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px;}
#header  #all_cate_area .a_sub_cate .all_cate_sub  li {height:24px;width:104px;margin:0;}
#header  #all_cate_area .a_sub_cate .all_cate_sub  li  a {text-align:left;display:block;line-height:24px;height:24px;font-size:12px;color:#777;padding:0;margin:0;text-indent:0;}
#header  #all_cate_area .a_sub_cate .all_cate_sub  li  a:hover {color:#333;}
#header  #all_cate_area .clogo {padding:5px 0;}
#header  #all_cate_area .clogo a { line-height:50px; } 
#header  #all_cate_area .clogo img { padding-right:5px; } 
#header  #all_cate_area  ul > li.all_cate_p { padding-bottom:30px; padding-top:7px; }
#header  #all_cate_area  ul > li.all_cate_p a {text-align:center; }
#header  #all_cate_area  ul > li.all_cate_p1 { padding-left:70px; padding-top:7px; }
#header  #all_cate_area  ul > li.all_cate_p1  a{ font-weight:bold; text-align:center; }





/* 최상단배너 */
.m_onoffmulti .onoffarea {margin:0px;width:100%;text-align:center;overflow:hidden;display:none;position:relative; }
.m_onoffmulti .closebtn {cursor:pointer; position:absolute; z-index:22; }
.m_onoffmulti .openbtn {display:none;cursor:pointer;  position:absolute; z-index:22; }
.m_onoffmulti .openbtntxt { display:none; }
.m_onoffmulti .closebtntxt { display:none; }
.m_onoffmulti .bannerli a div { background-repeat:no-repeat; background-position:top center;width:100%; height:89px;}
.m_onoffmulti .bannerli a {  display:block; }
.m_onoffmulti .mfade .bannerul { padding:0; margin:0; display:block; z-index:1; overflow:;position:relative;  }
.m_onoffmulti .mfade .bannerli { padding:0; margin:0; list-style:none;width:100%;display:none; position:absolute;}
.m_onoffmulti .mslide .bannerul { padding:0; margin:0; display:block; width:100%;}
.m_onoffmulti .mslide .bannerli { padding:0; margin:0; list-style:none; width:100%;}
.m_onoffmulti .nav { position:relative; top:0px;width:0px; height:0px; z-index:3; margin:0 auto; left:584px;}
.m_onoffmulti .prev {position:absolute;cursor:pointer;margin:0 auto;display:block;}
.m_onoffmulti .next {position:absolute;cursor:pointer;margin:0 auto;display:block;}
.m_onoffmulti .prevtxt {display:none;}
.m_onoffmulti .nexttxt {display:none;}
.m_onoffmulti_top .onoffarea { height:89px; }
.m_onoffmulti_top .mslide9 { height:89px; }
.m_onoffmulti_top .mslide .bannerul { height:89px; }
.m_onoffmulti_top .mslide .bannerli { height:89px; }
.m_onoffmulti_top .openbtn {top:72px;right:95px; }
.m_onoffmulti_top .closebtn {top:30px;right:95px;}
.m_onoffmulti_top .openbtn {width:37px; height:37px; background:#fff url('/design/nextbt/moonlab/top_btn_open.png'); }
.m_onoffmulti_top .closebtn {width:28px;height:28px; background:url('/design/nextbt/moonlab/top_btn_close.png');}
.m_onoffmulti_top .prev {top:27px; right:-45px;}
.m_onoffmulti_top .next {top:57px; right:-45px;}
.m_onoffmulti_top .prev {opacity:0.5; width:17px; height:9px; background:url('/design/nextbt/moonlab/top_ban_up.png'); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s; }
.m_onoffmulti_top .next {opacity:0.5; width:17px; height:9px; background:url('/design/nextbt/moonlab/top_ban_down.png'); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s; }
.m_onoffmulti_top .prev:hover {opacity:1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s; }
.m_onoffmulti_top .next:hover { opacity:1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}


/* header */
#header { z-index:1000; position: relative; background-color:#fff; width:100% !important; margin-top:5px;  }
#header  .top_logo {margin-top:12px;}

.header_section02 .top_left ul.fleft li {float:left; padding:5px 5px 0 5px; }
.header_section02 .top_left ul.fleft1 li {float:left; padding:5px 7px 0 10px; }

.header_section02 .top_left ul li a {color:#000; font-weight:500; font-size:12px;}
.header_section02 .top_left ul li:first-child {background-image:none; padding-left:20px;}
.top_left {margin-top:13px; margin-right: -38px;}


header_section02 .top_sns img {border:1px solid #dcdcdc; font-size:0px; margin-right:3px; margin-top:8px;}
.header_section02 .top_sns img:hover {border:1px solid #555;}
.header_section02 .top_sns { font-size:0px;}
.header_section02 .point { position: absolute; top:-22px; left: 50%; margin-left: -83px; width: 192px; height: 19px; line-height: 19px; color: #000; text-align: center; z-index:2222;}
.header_section02 .point span { position: absolute; top: 19px; left: 50%; margin-left: -15px; width: 8px; height: 4px; background: url(/design/nextbt/btmall/bul_tooltip.png) no-repeat 0 0; }

.header_section02 { background-color:#fff;  padding-bottom:25px;  padding-top:30px;} 
.header_section02 .width1260 {position:relative;}
.search1 { position: relative; left:50%; width:230px; margin-left:7px; height:46px; padding: 0 0px 0 20px; border:2px solid #cfcfcf; background-color:#fff; font-size:16px; border-radius: 30px; top:3px;}
.search1 .MS_search_word,
.search1 .btn-sch { float: left; width: auto; }
.search1 .MS_search_word { width: 80%; height: 46px; line-height: 36px; border: 0 none; background: 0 none; font-size:14px;}
.search1 .btn-sch { position: absolute; top:7px; right:18px;}

.header_section03 {height:57px; border-bottom:1px solid #ddd; }

.btn_allcate { width:100%; height:57px; line-height:57px; position:relative; background-color: #fff;}


.btn_allcate .cateb a:hover {}

.vipm_bt a {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    width: 66px;
    left: 48%;
    margin-left: 280px;
    margin-top: 4px;
    padding: 2px 0px;
    z-index: 1113;
    background-color: #000;
    border-radius: 30px;
    padding-left: 13px;
}

.top_icon {margin-top:18px; margin-right:15px;}
.basket_q {position:absolute; top:-6px; right:-8px; background-color:#000; border-radius:50%; width:24px; heigh:24px; line-height:24px; text-align:center; color:#fff; font-family:Helvetica;}
.mem_top_icon { position: relative;  left:135px; top:10px;}
.mem_top_icon li {display :inline; }
.mem_top_icon li:first-child {border-left:0px;} 
.mem_top_icon li a { padding:0!important;}


#comment_top.fixed {position:fixed; z-index:2222; top:0px; width:100%;  height:57px;   background: url(/design/nextbt/btmall/top_05.png) repeat-x; }



#left_menu {margin:0; padding:0; float:left;}
#left_menu > li {position: relative; display: inline-block; padding:0 28px;}
#left_menu > li > a {display: block; line-height: 57px;  text-align: left; font-size:17px; font-family:'Noto Sans KR'; font-weight:400; color:#000;}
#left_menu > li:first-child {padding-left:56px;} 
#left_menu > li .mouse_hover,
#left_menu > li > a:hover {text-decoration:none; color:#000;}
#left_menu > li .sub1 {background-color:#fff;display:none; position:absolute; top:57px; left:0px; z-index:20; width:140px;border:1px solid #e9e9e9; padding-bottom:5px; border-top:1px solid #fff;}
#left_menu > li .sub1 > li {position:relative;height:36px;}
#left_menu > li .sub1 > li .sub_cate_on_arrow {position:absolute;top:50%;right:5px;background:url('/design/nextbt/moonlab/sub_cate_on.png') no-repeat;z-index:20;width:5px;height:8px;margin-top:-2px;-webkit-transition:-webkit-transform 150ms ease-out;-moz-transition:transform 150ms ease-out;-ms-transition:transform 150ms ease-out;-o-transition:transform 150ms ease-out;transition:transform 150ms ease-out}
#left_menu > li .sub1 > li .sub_cate_on_arrow.rotateon {-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
#left_menu > li .sub1 > li > a {text-align:left;display:block; border-top:1px solid #eaeaea;line-height:36px; height:36px;font-size:13px;color:#666;padding:0 0 0 10px;margin:5px 5px;}
#left_menu > li .sub1 > li > .sub_mouse_hover,
#left_menu > li .sub1 > li > a:hover {color:#444;background-color:#f5f5f5;text-decoration:none;}
#left_menu > li .sub1 > li:first-child > a {border:0;}
#left_menu > li .sub1 li .sub2 {display:none; position:absolute;top:-10px;left:100%;z-index:21;width:130px;background-color:#fff;border:1px solid #ccc;padding:10px 5px 10px 5px;border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px;}
#left_menu > li .sub1 > li .sub2 > li {height:36px;}
#left_menu > li .sub1 > li .sub2 > li > a {text-align:left;display:block;border-top:1px solid #eaeaea;line-height:36px; height:36px;font-size:13px;color:#666;padding:0 0 0 10px;margin:0;}
#left_menu > li .sub1 > li .sub2 > li > a:hover {color:#444;background-color:#f5f5f5;text-decoration:none;}
#left_menu > li .sub1 > li .sub2 > li:first-child > a {border:0;}



.btn_allcate .cateb >ul >li {float:left;  color:#000;  z-index:9999; padding-top:2px;  }
.btn_allcate .cateb .allca {  padding:0 10px; height:57px; }
.btn_allcate .cateb .allca > p {color:#000; background: url(/design/nextbt/btmall/top_4.png) no-repeat 0px 50%; padding-left: 30px;  padding-right: 0; height:57px; font-weight:700; font-size:17px;}
.btn_allcate .cateb >ul >li a {font-weight:700;  display: inline; padding-left: 30px; font-size:17px;     }
.btn_allcate .cateb >ul>li:first-child > a{padding-left:27px; }


.bbs-hd {display:none;}

/* BASIC css end */