@import url("https://www.fssmall.co.kr/LIB/CSS/common.css");
@import url("https://www.fssmall.co.kr/LIB/CSS/board.css");




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

/*즐겨찾기, 상단우측메뉴*/
.top{ position:relative; width:100%; margin:0 auto; padding:6px 0px; background:#fbfcfd; border-bottom:1px solid #dedede; }
.top a{ display:inline-block; font:normal 12px/14px malgun gothic; color:#555555; }
.top .faivo a{ padding:0px 0px 1px 17px; background:url(https://www.fssmall.co.kr/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 malgun gothic; color:#555555; background:url(https://www.fssmall.co.kr/img/bar01.png) no-repeat bottom right; }
.top .top_nav a:hover{ text-decoration:underline; }
.top .top_nav a.last{ padding-right:0px; background:none; }

/*배너,로고*/
.top_main{ position:relative; width:100%;  padding:9px 0px; height:80px;}
.top_main span.banner01{ display:inline-block; float:left; width:222px; height:71px; border:0px solid #dedede;cursor:pointer; }
.top_main h1.logo{ width:100px; position:absolute; left:8px; top:18px;}
.top_main h1.logo img{ vertical-align:middle; height;52px }

/* 검색 */
.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 #3f3f3f; 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 #3f3f3f; 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%; height:42px;  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;}

.TopMenu.red{ background:#b71c1c; }
.TopMenu.red .navbar-default .navbar-nav>li>a{ color:#fff; }
.TopMenu.blue{ background:#1b3967; }
.TopMenu.blue .navbar-default .navbar-nav>li>a{ color:#fff; }
.TopMenu.green{ background:#8bc34a; }
.TopMenu.green .navbar-default .navbar-nav>li>a{ color:#fff; }
.TopMenu.white{ background:#fff; }
.TopMenu.white .navbar-default .navbar-nav>li>a{ color:#333; }
.TopMenu.black{ background:#444; }
.TopMenu.black .navbar-default .navbar-nav>li>a{ color:#fff; }


/*메인비주얼*/
.visual-banner { position:relative;height:400px; 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:10;}
.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:100;2017-04-26}
.visual-banner .control > a {display:inline-block; width:14px; height:18px; background:url("https://www.fssmall.co.kr/img/icon_slide_control.png") no-repeat; vertical-align:top;}
.visual-banner .control > a.on  {width:14px; background:url("https://www.fssmall.co.kr/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:100;}
.visual-banner .control-arrows a.prev {left:50%; margin-left:-600px;}
.visual-banner .control-arrows a.next {right:50%; margin-right:-600px;}

/*메인 배너 3*/
.visual_banner3{margin:15px auto 5px}
.visual_banner3 ul{position:relative; width:100%; min-height:200px; border:1px solid #e3dfdf; }
.visual_banner3 ul li{width:366px; display:inline;float:left; border-left:1px solid #e3dfdf; }
.visual_banner3 ul li:first-child{border-left:0px solid #e3dfdf; }
.visual_banner3 ul li img{width:100%; height:200px}


/* 메인 롤링 */
.banner_list li .num,.control button{display:inline-block;overflow:hidden;width:auto;height:10px;background:url(https://www.fssmall.co.kr/img/sp_mw.png) no-repeat;font-size:0;line-height:999px;vertical-align:top}
.banner_list{zoom:1}/*padding:500px 45% 0 0;*/
.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}





/*카테고리상품*/
.category_product{ position:relative; width:100%; min-height:590px; padding:15px 0px }
.banner_box{ float:left; width:427px; height:586px; }
.banner_box ul li{ display:block; width:100%; border:0px solid #eee; cursor:pointer; }
ul li.big_banner_01{ height:346px;  }
ul li.big_banner_02{ margin-top:10px; height:228px;  }
.category_item{ float:left; width:645px; height:585px; margin-left:15px; border:2px solid #eee; border-width:2px 0px; }



/*하단배너*/
.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 'NanumGothic-Bold',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 'NanumGothic-Bold',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 'NanumGothic-Bold',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 'NanumGothic-Bold',malgun gothic; color:#0e0e0e; }
.bottom_menu .customer_center.bank dl dd span.call_info{ padding:3px 0px 0px 0px; font:normal 14px/23px 'NanumGothic-Bold',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 'NanumGothic-Bold',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://www.fssmall.co.kr/img/bottom_m01.png) no-repeat center;  }
.bottom_menu .other_menu dl dd li.first:hover span{ background:url(https://www.fssmall.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://www.fssmall.co.kr/img/bottom_m02.png) no-repeat center; }
.bottom_menu .other_menu dl dd li:nth-child(2):hover span{ background:url(https://www.fssmall.co.kr/img/bottom_m02_on.png) no-repeat center; }

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

.bottom_menu .other_menu dl dd li:nth-child(4) span{ background:url(https://www.fssmall.co.kr/img/bottom_m04.png) no-repeat center; }
.bottom_menu .other_menu dl dd li:nth-child(4):hover span{ background:url(https://www.fssmall.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://www.fssmall.co.kr/img/bottom_m05.png) no-repeat center; }
.bottom_menu .other_menu dl dd li.last:hover span{ background:url(https://www.fssmall.co.kr/img/bottom_m05_on.png) no-repeat center; }

/*배너 공지사항*/

.other_menu dt{display:block; width:100%; padding-bottom:13px; font:bold 18px/20px 'NanumGothic-Bold',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; border-top:1px solid #dadada;} 
footer .footer_mobile_menu{ display:none; }
footer  h2{ display:inline-block; float:left; margin:0;}
footer .copyRight {padding:0px 0px 0px 18px;  font-family:malgun gothic; margin:0;  }
footer .copyRight span.copy_menu{ display:block; padding:10px 0; }
footer .copyRight span.copy_menu a{ display:inline-block; padding-right:20px; color:#434342; }
footer .copyRight span.copy_menu a:hover{ color:#ed3904; }
footer .copyRight span.copy_menu a b{ color:#484848; }
footer .copyRight span.copy_menu strong{ display:inline-block; font-size:17px; color:#d3495d; }
footer .copyRight span.copy_menu strong i{ display:inline-block; padding-right:5px; }
footer .copyRight address{ position:relative; display:inline-block; float:left; 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:inline-block; }
footer .copyRight span.webplaza{display:inline-block;}
footer .copyRight span.webplaza a{color:#000; }

footer h2 {width:180px; min-height:85px; margin:15px 35px 15px 0 ; }
footer h2 img{height:80px }

/* 좌측 퀵메뉴 */
.quick_wrap_left{ position:absolute; top:150px; left:-20px; z-index:99;}
.main .quick_wrap_left{top:620px;}
.quick_wrap_left .quick_menu.fixeds{ position:fixed; top:30px; z-index:200;}
.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://www.fssmall.co.kr/img/m_01_icon.png) no-repeat center; }
.quick_menu_left li.m_02 b{ background:url(https://www.fssmall.co.kr/img/m_02_icon.png) no-repeat center; }
.quick_menu_left li.m_03 b{ background:url(https://www.fssmall.co.kr/img/m_03_icon.png) no-repeat center; }
.quick_menu_left li.m_04 b{ background:url(https://www.fssmall.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:malgun gothic;  color:#fff; }
.quick_menu_left li a:hover{ color:#fff; }

/* 우측 퀵메뉴 */
/*
.quick_wrap{ position:absolute; top:46px; right:-120px; width:100px; z-index:200;}
.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; }
*/