/* BASIC css start */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
#hdWrap { height: 187px; margin-bottom: 15px; background: url(http://home0479.img18.kr/joykey/0home_page/top/t_bg.png) repeat-x ; }
#header { position: relative; width: 1024px; height: 180px; margin: 0 auto; }
#header .logo, 
#header .sch,
#header .lnb,
#header .gnb { position: absolute; }
#header .logo { top: 30px; left: 0; }

#header .sch { top: 68px; right: 350px; width: 250px; height: 32px; border-radius:0px; border: 10px solid #5691cb; font-size: 0; line-height: 0; }
#header .sch .keyword { width: 200px; height: 22px; padding: 0px 0 0 5px; border: 0; margin:8px 0 0 10px}

#header .lnb { top: 140px; left: 0; zoom: 1; overflow: hidden; width: 1024px; height: 40px; padding-left: 4px; background: url(http://home0479.img18.kr/images/d3/peppermint/common/bul_hdr_h40.gif) no-repeat 0 0; }
#header .lnb li { float: left; width: 170px; height: 40px; text-align: center; background: url(http://home0479.img18.kr/images/d3/peppermint/common/bul_hdr_h40.gif) no-repeat 100% 0; }
#header .lnb li a { display: inline-block; line-height: 40px; color: #fff; font-size: 14px; font-weight: bold; }

#header .gnb { top: 10px; right: 5px; zoom: 1; overflow: hidden; }
#header .gnb li { float: left; background: url(/images/d3/peppermint/common/bul_gnb_h9.gif) no-repeat 100% 55%; }
#header .gnb li.last { background: none; }
#header .gnb li a { display: inline-block; padding: 0 10px; color: #6a5449; font-size: 12px; font-weight: bold; letter-spacing: -1px; font-family: Dotum;}

#mobile_menu { display: none; }

.container {width:1024px; margin-top:10px; background-color:#ccc;}


label.mobile_menu span { margin-left: 10px; color: white; display: none;}

.nav {  position: relative; padding: 0 0 0 4px; height:40px; width: 1020px; background-color: #124999 } /*네비 박스 높이값 저장*/
.nav a, .nav a:link, .nav a:visited, .nav a:hover, .nav a:focus, span {	font-family: Dotum; color: #fff; font-size:14px;  text-decoration: none; font-weight:bold; line-height: 13px;}
.nav > li {  display: inline-block;text-align: center ;margin-left: -4px; /* For the inline-block spacing */}
.nav > li > a { padding:17px 17px; display: block; font-weight:bold;} /******************************메인 네비의 글자 간격 필름 재판매시 padding:17px 10px;*************************************/
.nav > li:hover > a{color: #fff; font-weight:bold;} /*hover txt color */
.nav > li:hover {height:40px; background-color: #5691cb;} /*hover 배경색 hover 높이값을 할당해줌*/


/*
              
         <ul class="nav">
            <!----- Full Drop Down Name ----> 
              <li class="dropdown"><a href="#">전체메뉴 + </a>     
            <!----- Full Drop Down Name Ends Here ---->     
                        
            <!----- Full Drop Down Contents  Starts Here---->     
                  
              <div class="fulldrop">              
                <div class="column">
                  <h3><a style="color:#cc0000; letter-spacing: -1px;" href="/shop/shopbrand.html?type=X&xcode=115">비디오폰/인터.로비폰</a></h3>
                  <ul>
                    <li><a href="/shop/shopbrand.html?xcode=115&mcode=001&type=X">코콤</a></li>
                    <li><a href="/shop/shopbrand.html?xcode=115&mcode=002&type=X">코맥스</a></li>
                    <li><a href="/shop/shopbrand.html?xcode=115&mcode=010&type=X">에픽시스템</a></li>
                    <li><a href="/shop/shopbrand.html?xcode=115&mcode=003&type=X">삼성SDS</a></li>
                    <li><a href="/shop/shopbrand.html?xcode=115&mcode=004&type=X">현대통신</a></li>
                    <li><a href="/shop/shopbrand.html?xcode=115&mcode=012&type=X">경동네트윅스</a></li>
                    <li><a href="/shop/shopbrand.html?xcode=115&mcode=006&type=X">인터크리에이티브</a></li>
                    <li><a href="/shop/shopbrand.html?xcode=115&mcode=009&type=X">아이레보</a></li>
                    <li><a href="/shop/shopbrand.html?xcode=115&mcode=008&type=X">부자재</a></li>
                    <li><a href="/shop/shopbrand.html?xcode=115&mcode=005&type=X">아트뷰</a></li>
                  </ul>
                  
*/

                
/*fulldrop 메뉴 조정*/
.nav > li > .fulldrop {opacity: 0; visibility: hidden; position: absolute;list-style: none; top:40px; left: 0px;background-color: #fff;border:2px solid #1491cb; width: 1020px; min-height: 40px;text-align: left;margin-top:30px;padding: 0;z-index: 99;overflow: hidden;color: #333;}
.nav > li:hover .fulldrop {opacity: 1;visibility: visible; margin-top: 0px; color: #333; }
.nav ul li:hover:after {color: #333; }
.nav > li:hover .coldrop {opacity: 1;visibility: visible;margin-top: 0px; background-color: #16a085;}


/*SUB CATE 메뉴 조정*/
.nav .fulldrop {width: 1020px;}
.nav .column {float: left; color:#CB1418;margin: 0 0 0 1%;}/*카테의 넓이 값  margin: 0 0 0 1%;*/

.nav .column ul {height:200px;  display: block; color:#CB1418;}/*각 카테의 높이 230px */

.nav .column ul li {width: 114px; padding:1px 0px 1px 0px; color: #ff3366;}

.nav .column h3 {padding:10px 0 10px 0; font-weight: bold; margin: 3px 0 1px 0;color: #cc0000; font-size: 14px; letter-spacing: -1px;white-space: nowrap}/*letter-spacing: -1px 제목 카테 글자 간격*/
.nav .column ul li a {color: #000; font-family: Dotum; letter-spacing: -1px;}/*letter-spacing: -1px 서브 카테 글자 간격*/

/* Arrows */
.nav > li.dropdown > a:after { font-family: FontAwesome; color: #fff;}
.nav ul li.dropdown:after { position: absolute;left: 170px;font-family: FontAwesome;display: inline-block;color: #333;margin-left: 10px;margin-top: 2px;}

.nav > li.search {border:none;-webkit-box-shadow:  none;  box-shadow:  none;  float: right;  padding: 11px 6px;  position: relative;}
.nav > li.search:hover {background-color: transparent;}
.nav > li  input {padding: 7px 6px 6px 38px;margin: 0 5px;color:#fff;border:none;background-color: #16a085;font-size: 14px;border: 2px solid #16a085;}
.nav > li  input:focus {outline: none;border-color: white;}
.nav > li.search i {position: absolute;left: 20px;top:20px;color: #fff;font-size: 17px;}

/* BASIC css end */