/* BASIC css start */
#rolling {
    display: block;
    background-color: #19314c;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    list-style: none;
    overflow: hidden;
    height: 20px;}

#rolling .header_banner_inner {
  margin-left: 3.5%;
  margin-right: 3.5%;
  position: relative;
}
#rolling li{ margin:0px;padding:0px;height:30px;}
#rolling li a {color:#fff; line-height:20px;}
#rolling .header_banner_inner {
  margin-left: 3.5%;
  margin-right: 3.5%;
  position: relative;
}
#rolling > li:nth-child(1) > a{
  display: block;
  color: #fff;
}




body{overflow-x: hidden !important;}
.dn {
    display: none !important;
}
.item-display .list ul li .txt .brand{
    display: block;}
.pagination li{vertical-align:top}

 
#top.header{background: #fff;border-bottom: 1px solid #dedede;}    
#mheader .section {border: none !important; margin-bottom: 0px; box-shadow: none; overflow: visible;}
#mheader .section .section_box .inner1 li a {border: none !important;}
#mheader .section .section_box { width :1300px !important}
#mheader .section2 {width: 1300px; margin: 0 auto; position: relative;top: 15px;padding-bottom: 20px;}
#mheader .section2 .top_logo {float:left; margin-top: 5px; }
#mheader .section2 .search {text-align: center; position: relative; width: 800px; margin: 0 auto;}
#mheader .section2 .search #search-form {height:32px;line-height:32px;font-size:14px;width:350px; padding:0;margin:0;border:0;border-bottom:2px solid #000;color:#111;}
#mheader .section2 .search #btnSearchTop {border-bottom:2px solid #000;}
#mheader .section2 .topcate {float:right;    margin: -27px 20px 0px 0;}
#mheader .section2 .topcate span {position:absolute;top: 3px;right:10px;display:block;background-color:#919191;color:#fff;border-radius:50%;width:20px;height:20px;text-align:center;line-height:20px;font-weight:bold;}
#mheader .section3 .section_box {width: 1100px; margin: 0 auto; position: relative; font-weight: 500;  padding: 10px 0;}
#mheader .col {display: inline-block; float:left; text-align: center; height: auto;position: relative;}
#mheader .special-con {cursor: pointer; display:inline-block; width:38px; padding-top:8px; padding-bottom:20px; }
#mheader .bar {display:block; height: 1px; width: 16px;background: #222; margin:4px auto;  }
#mheader .special-con {margin: 0 auto;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
#mheader .section3 {width: 1300px; height: 65px; margin: 0 auto; position: relative;}
#mheader .section3 .top_b_menu a {text-align:center; border-right:1px solid #dedede; display:block; width:55px; float:left; line-height:38px; font-size:12px; color:#222;}
#mheader .section3 .top_b_menu a:hover {background-color:#f5f5f5; }
#mheader .section3 #all_cate_area {display:none; z-index:1111; position:absolute; top:65px;  border:1px solid #222; width:1300px; height:540px; background-color:#fff;} 
#mheader .section3 #all_cate_area:hidden {display:none;} 
#mheader .section3 #all_cate_area .all_cate_section01 {height:47px;  border-bottom:1px solid #dedede; clear:both; }
#mheader .section3 #all_cate_area .all_cate_close {float:left; background-color:#000; width:177px; height:47px; }
#mheader .section3 #all_cate_area .all_cate_close a { color:#fff; font-size:14px; text-align:left; display:block;  line-height:47px; padding-left:20px; background:url('../img/mimg/close_bg.gif') no-repeat; background-position:149px 18px;}
#mheader .section3 #all_cate_area .all_cate_comm {width:1123px; background-color:#f0f0f0; float:left; text-align:left; height:47px; }
#mheader .section3 #all_cate_area .all_cate_comm a {font-size:14px; color:#333;  padding:20px; line-height:47px; height:47px; }
#mheader .section3 #all_cate_area .all_cate_comm a:first-child {padding-left:40px;}
#mheader .section3 #all_cate_area .all_cate_comm a:hover {color:#888;}
#mheader .section3 #all_cate_area .all_cate_best a {float:left; width:92px; line-height:47px; text-align:center; background-color:#f9f9f9; display:block; height:47px; color:#333; font-size:14px; border-left:1px solid #dedede;}
#mheader .section3 #all_cate_area .all_cate_sale a {float:left; width:91px; line-height:47px; text-align:center; background-color:#fff; display:block; height:47px; color:#333; font-size:14px; border-left:1px solid #dedede;}
#mheader .section3 #all_cate_area .all_cate_section02 {clear:both; background:url('../img/mimg/all_cate_bg.gif') repeat-y ; width:1300px; min-height:424px; margin-top:15px; margin-bottom:20px; }
#mheader .section3 #all_cate_area .all_cate_section02 ul {margin-top:0px; clear:both;}
#mheader .section3 #all_cate_area .all_cate_section02 ul li {float:left; width:180px; margin:0 16px;}
#mheader .section3 #all_cate_area .all_cate_section02 ul li:first-child {float:left; width:180px; margin-left:30px;}
#mheader .section3 #all_cate_area .all_cate_section02 .a_sub_title a {font-size:13px; color:#222; display:block; width:180px; border-bottom:1px solid #222; text-align:left; font-weight:bold; padding-bottom:5px; margin-bottom:5px;}
#mheader .section3 #all_cate_area .all_cate_section02 .a_sub_cate a {font-size:13px; color:#333; text-align:left; line-height:24px; display:block;}
#mheader .section3 #all_cate_area .all_cate_section02 .a_sub_cate a:hover {color:#888;}


#mheader .section3 .lnb {}
#mheader .section3 .category.type-layer ul {display:none; border:1px solid #dedede;}
#mheader .section3 .category.type-layer ul li a {margin: 0 auto; font-size: 14px; color: #444; font-weight: 400; border: 0; text-align: left;}
#mheader .section3 .category.type-layer ul li.dot-hide > a {background:none;}
#mheader .section3 .category.type-layer ul li:hover {background:#f5f5f5;}/* �긽�떒 ì¹´í뀒ê³좊¦¬ ì¤묐텇ë¥� ë§덉슦�뒪 �삤ë²꾩떆 컬ë윭  */
#mheader .section3 .category.type-layer ul li:hover > a {background:none; color:#444; font-weight:normal;text-decoration:none;}
#mheader .section3 .category.type-layer > li {position:relative;float:left;margin:0;}
#mheader .section3 .category.type-layer > li:first-child {margin:0;background:none;}
#mheader .section3 .category.type-layer > li > a {display:block;margin-left:34px;text-align:center;font-size:16px;color:#222;height:38px;line-height:38px;}
#mheader .section3 .category.type-layer > li:first-child > a {background:none;border-top:0;border-left:0;}
#mheader .section3 .category.type-layer > li > a:hover,
#mheader .section3 .category.type-layer > li > a.has-sub {position:relative; z-index:10; top:0; left:0px;box-shadow:0 2px 0 0  rgba(0,0,0,1);text-decoration:none;}
#mheader .section3 .category.type-layer > li ul {padding:0 10px 10px 10px ;margin:0;}
#mheader .section3 .category.type-layer > li > ul {position:absolute; z-index:100; top:55px; left:-1px; background:#fff;border-top:0;}
#mheader .section3 .category.type-layer > li > ul > li {position:relative;}
#mheader .section3 .category.type-layer > li > ul > li > a {display:block; height:3mpx;line-height:38px;text-align: center;}
#mheader .section3 .category.type-layer > li > ul > li:first-child > a {background:none;border-top:0;}
#mheader .section3 .category.type-layer > li ul a.on,
#mheader .section3 .category.type-layer > li ul a:hover {font-weight:normal;}
#mheader .section3 .category.type-layer > li > ul > li > ul {position:absolute; top:-5px; left:100%; background:#fff;}
#mheader .section3 .category.type-layer > li > ul > li > ul > li {position:relative;}
#mheader .section3 .category.type-layer > li > ul > li > ul > li > a {display:block; height:38px;line-height:38px;}
#mheader .section3 .category.type-layer > li > ul > li > ul > li:first-child > a {background:none;border-top:0;}
#mheader .section3 .category.type-layer > li > ul > li > ul > li > ul {position:absolute; top:-6px; left:100%; background:#fff;}
#mheader .section3 .category.type-layer > li > ul > li > ul > li > ul > li {position:relative;}
#mheader .section3 .category.type-layer > li > ul > li > ul > li > ul > li > a {display:block; height:38px;line-height:38px;}
#mheader .section3 .category.type-layer > li > ul > li > ul > li > ul > li:first-child > a {background:none;border-top:0;}
#mheader .section3 .category.type-layer > li > ul li a {}
#mheader .section3 .category.type-layer > li.tit {padding:9px 0 12px; color:#333; font-size:12px; font-weight:bold; text-indent:17px; cursor:default;}
#mheader .section3 .category.type-layer > li.tit img {width:178px; margin-left:-17px;}
#mheader .section3 .category.type-layer > li > ul li.tit {padding:5px 0 7px; color:#777; font-size:12px; text-indent:16px; cursor:default;}
#mheader .section3 .category.type-layer > li > ul li.tit img {width:178px; margin-left:-16px;}
#mheader .section3 .category.type-layer > li > ul li.tit:hover {background:none;}
#mheader .section3 .category.type-layer > li > ul li.tit + li.dot-hide a {background:none;}
#mheader .section3 .category.type-layer > li > ul li.tit + li.dot-hide:hover a {background-image:none;}

  

#mheader .section3 .category.type-layer > li > ul > li > a,
.ifover{white-space: pre;
    text-overflow: inherit;
    overflow: hidden;    
}
#mheader .section3 .top_logo{float: left;}
#mheader .special-con{}
#mheader .bar{height: 2px !important; width: 19px !important;}
.member .box h4{
    padding-top: 15px;
    font-size: 11px;}

.comment-wrap .head{background:#f8f8f8}

.board-view-comment .comment-wrap .comment-item{background:#fff}

#mheader .section2 .search .MS_search_word{
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    width: 350px;
    border-top-style: initial;
    border-right-style: initial;
    border-left-style: initial;
    border-top-color: initial;
    border-right-color: initial;
    border-left-color: initial;
    color: rgb(17, 17, 17);
    padding: 0px;
    margin: 0px;
    border-width: 0px 0px 2px;
    border-image: initial;
    border-bottom: 2px solid rgb(0, 0, 0);
}
#mheader .section2 .search #btnSearchTop{
    vertical-align: bottom;}
    

input[type="checkbox"]{
    width: 20px !important;
    height: 20px !important;
    padding: 0 0 0 20px !IMPORTANT;
    background: #fff url(/design/tongbang/pc/img/etc/check-off.png) no-repeat left top; cursor:pointer; 
    -webkit-appearance: inherit;}


input[type="checkbox"]:hover{
    background: #fff url(/design/tongbang/pc/img/etc/check-ov.png) no-repeat left top; cursor:pointer; 
}

input[type="checkbox"]:checked{
    background: #fff url(/design/tongbang/pc/img/etc/check-on.png) no-repeat left top; cursor:pointer; 
    font-weight: bold;}
    


input[type="radio"]{
    width: 20px !important;
    height: 20px !important;
    padding: 0 0 0 20px !IMPORTANT;
    background: #fff url(/design/tongbang/pc/img/etc/radio-off.png) no-repeat left top; cursor:pointer; 
    -webkit-appearance: inherit;}


input[type="radio"]:hover{
    background: #fff url(/design/tongbang/pc/img/etc/radio-ov.png) no-repeat left top; cursor:pointer; 
}

input[type="radio"]:checked{
    background: #fff url(/design/tongbang/pc/img/etc/radio-on.png) no-repeat left top; cursor:pointer; 
    font-weight: bold;}
    
    
    
    
    
    
#chk_save_id{width:20px; 
    height: 20px;
    padding: 0 0 0 23px;
    background: #fff url(/design/tongbang/pc/img/etc/check-off.png) no-repeat left top; cursor:pointer; 
    -webkit-appearance: inherit;}


#chk_save_id:hover{
    background: #fff url(/design/tongbang/pc/img/etc/check-ov.png) no-repeat left top; cursor:pointer; 
}

#chk_save_id:checked{
    background: #fff url(/design/tongbang/pc/img/etc/check-on.png) no-repeat left top; cursor:pointer; 
    font-weight: bold;}

#f2s-ranking .keywords{
   padding: 0;
   height: 220px; }

/* Àüü¸Þ´º ·¹À̾î */
.allMenu {display:none;background:#fff;position: fixed;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;z-index: 201;}
.allMenu .allMenuWrap {width: 75%;margin: 0 auto;}
.allMenu .allMenuWrap a:hover {text-decoration: underline; }
.allMenu .allMenuWrap h3 {font-size: 16px;font-weight: bold;padding: 1% 0 0.5% 1%;}
.allMenu .allMenuWrap .closeBtn {display: block;margin: 4% 0 3%;font-size: 40px; text-align:center }
.allMenu .allMenuWrap .allMenuRow{position:relative; width:100%}
.allMenu .allMenuWrap .allMenuRow:after { display:block; clear:both; content:'' }
.allMenu .allMenuWrap .allMenuList { *zoom:1; margin-left: 200px;}
.allMenu .allMenuWrap .allMenuList:after { display:block; clear:both; content:'' }
.allMenu .allMenuWrap .allMenuList dl {padding: 0 1% 3%;float:left;width: 14.6%;}
.allMenu .allMenuWrap .allMenuList dl dt {border-bottom: 1px solid #ddd;margin-bottom: 4px;}
.allMenu .allMenuWrap .allMenuList dl dt a {padding-left:7px;font-size:14px;height:30px;line-height:30px;}
.allMenu .allMenuWrap .allMenuList dl dd a {display: block;padding: 6px 0 3px 7px;color: #777; font-size:13px;}
.allMenu .allMenuWrap .allMenuList dl dd a:hover {color:#111;}
.allMenu .allMenuWrap .boardList:after { display:block; clear:both; content:''}
.allMenu .allMenuWrap .boardList li { float: left; padding: 0 1%; }
.allMenu .allMenuWrap .csInfo {padding: 2% 0 0 1%; text-align:center; font-size:13px;} 
.allMenu .allMenuWrap .csInfo span { padding: 0 0.5% } 


.allTitmenu{font-size: 16px; font-weight: bold;  color: #fff; background: #444; width: 168px; text-align: center;  padding: 10px 0px;  display: block;  vertical-align: top;  float: left;}

#fix_area{position: fixed; right: -1%; bottom: 10%; opacity: 0; z-index: 9; transition: right .4s, opacity .6s; }
#fix_area.show{opacity: 1; right: 5%;}
#fix_area ul{gap: 7px;   flex-direction: column; display: flex;}
#fix_area ul li{width: 45px;}
#fix_area ul li a{display: block; width: 100%;}
#fix_area ul li a img{width: 100%;}

/* BASIC css end */