@import url("https://neob2b.co.kr/LIB/CSS/common.php");
@import url("https://neob2b.co.kr/LIB/CSS/board.php");




/*### 헤더부분CSS ###*/
header{ position:relative; width:100%; min-height:162px; }

/*즐겨찾기, 상단우측메뉴*/
.top{ position:relative; width:100%; margin:0 auto; background:#fbfcfd; border-bottom:1px solid #dedede; }/*padding:6px 0px; */
.top a{ display:inline-block; font:normal 12px/14px NanumBarunGothic; color:#555555; }
.top .faivo a{ padding:0px 0px 1px 17px; background:url(/*https://neob2b.co.kr/neob2b/img/fav_icon.png)*/ no-repeat bottom left;  }
.top .faivo a:hover{ text-decoration:underline; }
.top .top_nav{ float:right; }
.top .top_nav a{  padding:0px 10px 0px 5px; font:normal 12px/14px NanumBarunGothic; color:#555555; background:/*url(https://neob2b.co.kr/neob2b/img/bar01.png)*/ no-repeat bottom right; line-height:40px;}
.top .top_nav a:hover{ text-decoration:underline; }
.top .top_nav a.last{ padding-right:0px; background:none; }

/*배너,로고*/
.top_main{ position:relative; width:100%; display:flex; justify-content:space-between; align-items:center; padding:40px 0;}
.top_main .logo{}
.top_main .logo img{height:36px; display:block;}

.menu-right{display:flex; align-items:center;}
.menu-right li{margin:0 32px 0 0;}
.menu-right li:last-of-type{margin:0;}
.menu-right li a{display:block;}
.menu-right li a img{display:block;}

/* 검색 */
.top_main fieldset { position:absolute; top:21px; left:378px;  font-family:dotum,Helvetica,sans-serif; padding:0px 0px 0px 0px;  }
.top_main legend {text-indent:-9999px;height:0px;width:0px;overflow:hidden;}
.top_main fieldset span { display:inline-block;width:283px; height:25px; padding:5px 4px;border:2px solid #626262; background:#fff; border-right:none; vertical-align:middle; }
.top_main .search_input { width:280px; height:24px; border:0px solid #dedede !important; padding-top:3px !important;  color:#333; background:#fff !important; }
.top_main .search_btn {border:2px solid #626262; margin-left:-5px; padding:0px 0px 0px 0px;border-left:none; height:35px; vertical-align:bottom;  background:#626262;}
.top_main .keyword{position:absolute; top:71px; left:378px;}
.top_main .keyword strong{color:#a80061; display:inline-block; margin-right:5px}



/*헤더 메뉴*/
.TopMenu{ position:relative; width:100%; margin-top:7px; padding:0px 0px; /* background:#f4f4f4;  */border-top:1px solid #eaeaea; border-bottom:1px solid #eaeeee }
/*상단우측배너*/
.top_menu_bn{float:right; overflow:hidden;}
.top_menu_bn img{float:right; margin-top:10px; width:173px; height:70px;}


.category{border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.category .hd_disp{width: 100%;}
.category .hd_disp ul{display: flex; justify-content: space-around;}
.category .hd_disp ul li a{padding:20px 0 ; display: block;}
.category .hd_disp ul li a:hover{color:#4b8fcc}

.category .hd_catg .catg_bt{ color:#333; }
.category .hd_zone a{ color:#fff; }

/*메인비주얼*/
.visual-banner { position:relative;height:500px; margin:0 auto;  overflow:hidden}
.visual-banner { clear:both; content:''; display:block }
.visual-banner > ul {position:relative; width:100%; }
.visual-banner > ul li {position:absolute; top:0; opacity:0; filter:alpha(opacity=0); transition:all 0.5s ease-in; }
.visual-banner > ul li:after{clear:both; content:''; display:block}
.visual-banner > ul li.on {opacity:1; filter:alpha(opacity=100); transition:all 0.5s ease-in; z-index:1;}
.visual-banner > ul li a {display:block; width:100%; height:auto; margin:0 auto; text-align:center }
.visual-banner > ul li a img {margin:0 auto; /* height:400px; */ }
.visual-banner .slide-contents > li {width:100%; }
.visual-banner .control {position:absolute; bottom:8%; width:100%; height:18px; margin:0; padding:0; left:45%; z-index:2}
.visual-banner .control > a {display:inline-block; width:14px; height:18px; background:url("https://neob2b.co.kr/neob2b/img/icon_slide_control.png") no-repeat; vertical-align:top;}
.visual-banner .control > a.on  {width:14px; background:url("https://neob2b.co.kr/neob2b/img/icon_slide_control_on.png") no-repeat;}
.visual-banner .control-arrows a {position:absolute; top:50%; width:32px; height:92px; margin-top:-29px; z-index:2;}
.visual-banner .control-arrows a.prev {left:50%; margin-left:-920px;}
.visual-banner .control-arrows a.next {right:50%; margin-right:-914px;}

/*메인 배너 3*/
.visual_banner3{margin:auto;}
.visual_banner3 ul{position:relative; width:100%;}
.visual_banner3 ul li{width:100%; display:block;}
.visual_banner3 ul li a{display:block;}
.visual_banner3 ul li img{width:100%;}


/* 메인 롤링 */
.banner_list li .num,.control button{display:inline-block;overflow:hidden;width:auto;height:10px;background:url(https://neob2b.co.kr/img/sp_mw.png) no-repeat;font-size:0;line-height:999px;vertical-align:top}
.banner_list{padding:500px 45% 0 0;zoom:1}
.banner_list:after{display:block;clear:both;content:''}
.banner_list li{display:inline;float:left;margin-left:7px}
.banner_list li:first-child{margin-left:0}
.banner_list li a{text-decoration:none}
.banner_list li a:hover{ cursor:default; }
.banner_list li .num{position:relative;z-index:10;width:12px;height:11px;background-position:-36px 0}
.banner_list li .num.on{width:16px;background-position:0 0}
.banner_list li .pic{position:absolute;left:0;top:0}
.control{position:absolute; bottom:23px;right:50%; margin-left:-300px; z-index:20}
.control button{width:21px;height:21px; border:0;}
.control button.stop{background-position:0 -16px}
.control button.play{background-position:-23px -16px}





/*하단배너*/
.bottom_banner{ display:block; width:100%; height:130px; margin-bottom:20px; margin:0 0}
.bottom_banner:after{ display:block; content:''; clear:both}
.bottom_banner li{ float:left; display:inline-block; width:358px; height:130px; padding:0px; margin:0; margin-right:10px; border:0 }
.bottom_banner li img{width:358px; height:130px;}
.bottom_banner li.last{margin-right:0}


/*하위메뉴*/
.bottom_menu{ position:relative; width:100%; min-height:140px;margin-top:30px; padding:20px 0px; background:#f4f4f4; border-top:1px solid #e0e0e0}


/*고객센터*/
.bottom_menu .customer_center{ float:left; width:30.3%;  height:118px; padding:20px 3% 0px 0px;  }
.bottom_menu .customer_center dl dt{ display:block; width:100%; padding-bottom:13px; font:bold 18px/20px 'NanumBarunGothic',malgun gothic; color:#5c5c5c; letter-spacing:-1px;   }
.bottom_menu .customer_center dl dt strong{ display:inline-block; padding:4px 8px 0px 0px; vertical-align:top;}
.bottom_menu .customer_center dl dt span.call{ display:inline-block; width:160px;  font:normal 27px/29px 'NanumBarunGothic',malgun gothic; color:#d21010; letter-spacing:-2px; }
.bottom_menu .customer_center dl dd span.call_info{ display:block; padding:0px 0px 0px 0px; font:normal 15px/18px 'NanumBarunGothic',malgun gothic;  color:#818181; line-height:18px; letter-spacing:-1px;}
.bottom_menu .customer_center dl dd span.call_info b{ display:block; padding:11px 0px 0px 0px; color:#ed3904;}

/*입금계좌*/
.bottom_menu .customer_center.bank{  }
.bottom_menu .customer_center.bank dl dt{ display:block; padding-top:4px; }
.bottom_menu .customer_center.bank dl dd span.call b{ display:inline-block;  font:normal 16px/23px 'NanumBarunGothic',malgun gothic; color:#0e0e0e; }
.bottom_menu .customer_center.bank dl dd span.call_info{ padding:3px 0px 0px 0px; font:normal 14px/23px 'NanumBarunGothic',malgun gothic; }

/*그외 메뉴*/
.bottom_menu .other_menu{ float:left; width:33.3%; line-height:16px; height:90px; padding:20px 0px 0px 0px;  }
.bottom_menu .other_menu dl dd li{ float:left; display:inline-block;  width:90px; height:85px; margin-right:10px; cursor:pointer;  }
.bottom_menu .other_menu dl dd li strong{ display:block; font:bold 14px/18px 'NanumBarunGothic',malgun gothic; color:#6e6c6d; text-align:center; }

.bottom_menu .other_menu dl dd li span{ display:inline-block; width:100%; height:60px;}
.bottom_menu .other_menu dl dd li.first span{ background:url(https://neob2b.co.kr/img/bottom_m01.png) no-repeat center;  }
.bottom_menu .other_menu dl dd li.first:hover span{ background:url(https://neob2b.co.kr/img/bottom_m01_on.png) no-repeat center;  }

.bottom_menu .other_menu dl dd li:nth-child(2){ margin-right:0; }
.bottom_menu .other_menu dl dd li:nth-child(2) span{ background:url(https://neob2b.co.kr/img/bottom_m02.png) no-repeat center; }
.bottom_menu .other_menu dl dd li:nth-child(2):hover span{ background:url(https://neob2b.co.kr/img/bottom_m02_on.png) no-repeat center; }

.bottom_menu .other_menu dl dd li:nth-child(3) span{ background:url(https://neob2b.co.kr/img/bottom_m03.png) no-repeat center; }
.bottom_menu .other_menu dl dd li:nth-child(3):hover span{ background:url(https://neob2b.co.kr/img/bottom_m03_on.png) no-repeat center; }

.bottom_menu .other_menu dl dd li:nth-child(4) span{ background:url(https://neob2b.co.kr/img/bottom_m04.png) no-repeat center; }
.bottom_menu .other_menu dl dd li:nth-child(4):hover span{ background:url(https://neob2b.co.kr/img/bottom_m04_on.png) no-repeat center; }

.bottom_menu .other_menu dl dd li.last{ margin-right:0;  }
.bottom_menu .other_menu dl dd li.last span{ background:url(https://neob2b.co.kr/img/bottom_m05.png) no-repeat center; }
.bottom_menu .other_menu dl dd li.last:hover span{ background:url(https://neob2b.co.kr/img/bottom_m05_on.png) no-repeat center; }

/*배너 공지사항*/

.other_menu dt{display:block; width:100%; padding-bottom:13px; font:bold 18px/20px 'NanumBarunGothic',malgun gothic; color:#5c5c5c; letter-spacing:-1px;  }
.other_menu dd{display:block; width:366px; }
.other_menu dd a{ width:340px; display:block; overflow-x:hidden; margin-top:5px;}
.other_menu dd a b{font-weight:normal;}
.other_menu dd a span{float:right; color:#737373;}

/*푸터*/
footer{ position:relative; width:100%; min-height:115px; padding:0px; background:#f7f7f7;} 
footer .footer_mobile_menu{ display:none; }
footer .footer-top .centerWrap{border-bottom:1px solid #e3e3e3;}
footer .footer-top .copy_menu{display:flex;}
footer .footer-top .copy_menu li{margin:0 100px 0 0;}
footer .footer-top .copy_menu li a{font-size:13px; line-height:53px; color:#333; display:block;}


footer .copyRight {padding:0px 0px 0px 18px;  font-family:NanumBarunGothic; margin:0;  }
footer .copyRight address{ position:relative; display:inline-block; float:left; width:870px;; font-size:11px; color:#777777; line-height:19px; font-style:normal; }
footer .copyRight address a{ color:#777777; }
footer .copyRight address a:hover{ text-decoration:underline; }
footer .copyRight address strong{ display:block; }
footer .copyRight span.webplaza{ position:absolute; top:75px; left:461px; display:inline-block; }
footer h2 {width:180px; min-height:85px; margin:15px 35px 15px 0 ; }
footer h2 img{height:80px }

/* 좌측 퀵메뉴 */
.quick_wrap_left{ position:absolute; top:46px; left:-100px; width:80px; z-index:20;}
.quick_wrap_left.fixeds{ position:fixed; top:5px; left:50%; margin-left:-640px; z-index:20;}
.quick_menu_left{ display:block; width:80px; }
.quick_menu_left li{ height:55px; padding:10px 9px 10px 9px;  margin-bottom:5px; color:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; }
.quick_menu_left li:hover{ cursor:pointer; }
.quick_menu_left li.m_01{ background:#494949; border:1px solid #2d2d2d; }
.quick_menu_left li.m_02{ background:#e24f29; border:1px solid #da8313; }
.quick_menu_left li.m_03{ background:#a4a434; border:1px solid #7d7d15; }
.quick_menu_left li.m_04{ background:#1fa6c6; border:1px solid #125fb4; }

.quick_menu_left li b{ display:block; width:100%; height:70%; cursor:pointer;}
.quick_menu_left li.m_01 b{ background:url(https://neob2b.co.kr/img/m_01_icon.png) no-repeat center; }
.quick_menu_left li.m_02 b{ background:url(https://neob2b.co.kr/img/m_02_icon.png) no-repeat center; }
.quick_menu_left li.m_03 b{ background:url(https://neob2b.co.kr/img/m_03_icon.png) no-repeat center; }
.quick_menu_left li.m_04 b{ background:url(https://neob2b.co.kr/img/m_05_icon.png) no-repeat center; }

.quick_menu_left li a{ display:block; width:100%; padding-top:2px; text-align:center; font-family:NanumBarunGothic;  color:#fff; }
.quick_menu_left li a:hover{ color:#fff; }

/* 우측 퀵메뉴 */
.quick_wrap{ position:absolute; top:46px; right:-120px; width:100px; z-index:20;}
.quick_menu{ display:block; width:100px; }
.quick_wrap.fixeds{ position:fixed; top:5px; right:50%; margin-right:-660px; z-index:20;}
.quick_menu li{ padding:10px 12px 10px 12px; background:#3f3f3f; color:#fff; border-bottom:1px solid #565656;}
.quick_menu li b{ display:inline-block; font-weight:normal; }
.quick_menu li a{display:inline-block; font-weight:bold; float:right; color:#ff0404; cursor:pointer;  }
.quick_menu li.latest_img{ height:209px; background:#fff; border:1px solid #c0c0c0; }
.quick_menu li.latest_img a{ display:block; width:75px; height:60px; margin-bottom:12px; overflow:hidden; border:1px solid #eee; }
.quick_menu li.m_03{  height:12px; }
.quick_menu li.m_03 a{ display:block; width:100%; color:#fff; font-weight:normal; text-align:center; }
.quick_menu:after{ content:""; display:block; clear:both; }