@import url("https://www.unclekim.net/LIB/CSS/common.php");
@import url("https://www.unclekim.net/LIB/CSS/board.php");




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

/*즐겨찾기, 상단우측메뉴*/
.top{ position:relative; width:100%; margin:0 auto;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.unclekim.net/unclekim/img/fav_icon.png)*/ no-repeat bottom left;  }
.top .faivo a:hover{ text-decoration:underline; }
.top .top_nav{ float:right; line-height:32px;}
.top .top_nav a{  padding:0px 10px 0px 5px; font:bold 13px/14px malgun gothic; color:#555555; background:/*url(https://www.unclekim.net/unclekim/img/bar01.png)*/ no-repeat bottom right; white-space:nowrap;}
.top .top_nav a:hover{ text-decoration:underline; }
.top .top_nav a.last{ padding-right:0px; background:none; }

.top div.centerWrap span.faivo:after{content:""; width:1px; height:8px; display:inline-block; background:#777; margin:0 3px 0 0;}
.top div.centerWrap span.top_nav a:after{content:""; width:1px; height:8px; display:inline-block; background:#777; margin:0 -10px 0 8px;}
.top div.centerWrap span.top_nav a:last-child:after{content:""; display:none;}


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

/* 검색 */
.top_main fieldset { position:absolute; top:38px; left:324px;  font-family:dotum,Helvetica,sans-serif; padding:0px 0px 0px 0px;
border:5px solid #518ddd; border-radius:25px; overflow:hidden;}
.top_main legend {text-indent:-9999px;height:0px;width:0px;overflow:hidden;}
.top_main fieldset span {display:inline-block; width:390px; height:30px; padding:5px 4px; background:#fff; border-right:none; vertical-align:middle; }
.top_main .search_input {width:390px; height:30px; color:#333; background:#fff !important; border:none; font-size:17px; font-weight:700; padding:1px 2px 1px 16px;}
.top_main .search_btn{margin-right:20px; padding:0px 0px 0px 0px; border:none;}
.top_main .keyword{position:absolute; top:88px; left:330px; width:445px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.top_main .keyword strong{color:#518ddd; display:inline-block; margin-right:5px; font-size:14px; padding:5px 0;}
.top_main .keyword a{color:#000; margin:0 12px 0 0;}
.top_main .keyword a:last-child{margin:0;}


/*헤더 메뉴*/
.TopMenu{ position:relative; width:100%; height:60px; padding:0px; background:#518ddd!important;}
.TopMenu .navbar-default .navbar-nav>li>a{color:#fff!important;}
/*상단우측배너*/
.top_menu_bn{float:right; overflow:hidden;}
.top_menu_bn img{float:right; margin-top:15px;}

.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: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; transition:all 0.5s ease-in; width:2000px; height:500px; left:50%; margin-left:-50%;}
.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; max-width:none;}
.visual-banner .slide-contents > li {width:100%; }
.visual-banner .control {position:absolute; bottom:3%; width:278px; height:18px; margin:0; padding:0; left:50%; z-index:10; margin-left:-139px;}
.visual-banner .control > a {display:inline-block; width:15px; height:15px; background:#bbb; border-radius:30px; vertical-align:top; background-size:cover; margin:0 8px;}
.visual-banner .control > a.on  {width:15px; background:#518ddd; background-size:cover;}
.visual-banner .control-arrows a {position:absolute; top:50%; width:32px; height:92px; margin-top:-29px; z-index:10;}
.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.unclekim.net/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}





/*카테고리상품*/
.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{}


/*고객센터*/
.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.unclekim.net/img/bottom_m01.png) no-repeat center;  }
.bottom_menu .other_menu dl dd li.first:hover span{ background:url(https://www.unclekim.net/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.unclekim.net/img/bottom_m02.png) no-repeat center; }
.bottom_menu .other_menu dl dd li:nth-child(2):hover span{ background:url(https://www.unclekim.net/img/bottom_m02_on.png) no-repeat center; }

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

.bottom_menu .other_menu dl dd li:nth-child(4) span{ background:url(https://www.unclekim.net/img/bottom_m04.png) no-repeat center; }
.bottom_menu .other_menu dl dd li:nth-child(4):hover span{ background:url(https://www.unclekim.net/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.unclekim.net/img/bottom_m05.png) no-repeat center; }
.bottom_menu .other_menu dl dd li.last:hover span{ background:url(https://www.unclekim.net/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 {width:450px; display:inline-block; padding-top:10px; float:left;}
footer .copyRight address{ position:relative; display:inline-block; float:left; font-size:12px; color:#777777; line-height:18px; 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:100px; left:461px; display:inline-block; }
footer h2 {}


/* 좌측 퀵메뉴 */
.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://www.unclekim.net/img/m_01_icon.png) no-repeat center; }
.quick_menu_left li.m_02 b{ background:url(https://www.unclekim.net/img/m_02_icon.png) no-repeat center; }
.quick_menu_left li.m_03 b{ background:url(https://www.unclekim.net/img/m_03_icon.png) no-repeat center; }
.quick_menu_left li.m_04 b{ background:url(https://www.unclekim.net/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{width:100px; z-index:20;}
.quick_menu{ display:block; width:100px; }
.quick_wrap.fixeds{z-index:20;}
.quick_menu li{}
.quick_menu li b{ display:inline-block; font-weight:normal; }
.quick_menu li a{display:inline-block; color:#ff0404; cursor:pointer;  }
.quick_menu li.latest_img{height:auto; background:#fff;}
.quick_menu li.latest_img a{ display:block; width:76px; height:76px; margin:0 auto 12px; overflow:hidden; border:1px solid #ddd; }
.quick_menu li.latest_img a img{width:100%; display:block;}
.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; }