/* BASIC css start */
#WD_left { position:fixed;left:30px;top:60px; width:130px;background:rgba(255,255,255,0);padding:30px;   z-index:9; }
#WD_left:hover {background:rgba(255,255,255,0.8);}

.nav .logo {margin:0px auto 60px; }
.nav .logo a {  font-family: "Roboto","Lato","Nanum Gothic", AppleGothic, Helvetica, sans-serif; font-weight:700; font-size: 24px; color:#000 }
.nav .logo img { width:100%;}
.nav .logo img:hover {opacity:0.5;}

.nav { padding: 0px; margin: 0px; border:0px solid #000;  font-family: "Roboto","Lato","Nanum Gothic", AppleGothic, Helvetica, sans-serif;  }
.nav ul { padding: 0; } /* ¼­ºê¸Þ´º°£°Ý */
.nav li {position:relative;z-index:1;}
.nav li a {  font-family: 'Open Sans',Roboto, Noto Sans; color: #000;display: block; font-size:13px; line-height:25px; text-transform:uppercase;letter-spacing:0px; font-weight:700; }
.nav li a:hover {color:#777;}

/* .nav a:hover, .nav li.active > a { background-color: #5D5D5D; color: #f5f5f5;} 
.nav > li.active > a  {background-color: #4D90FE;} */

.nav .category { padding:10px 0 20px 10px; width:80px; } /* ´ëºÐ·ù³ÐÀÌ */
.nav .category ul {z-index:1;font-size:0;line-height:0;}
 
.nav .category li { position:relative; }
.nav .category li a { color:#000;padding:0px;letter-spacing:0.5px; line-height:18px;font-size:11px;   font-weight:400; border:0px solid #000 }
.nav .category li a:hover {color:#bcbcbc;}

.nav li .sub-category { position:absolute;top:-10px;left:80px;;width:120px;background:#000;  border-radius:5px;  overflow:hidden;padding:10px; display:none; z-index:999 !important; }
.nav li .sub-category ul{ }
.nav li .sub-category li{ width:100%; }
.nav li .sub-category li a { width:100%;line-height:20px;font-size:11px; display:block;color:#fff;font-weight:normal;letter-spacing:0px; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.nav li .sub-category li a:hover{color:#bcbcbc; padding-left:5px !important;}
  
.nav .cs_tit {font-size:11px; line-height:16px;color:#111;font-weight:400;}
.nav .cs_center {font-size:11px;font-weight:400;}
.nav .cs_box { margin:10px auto 20px;  padding-left:5px; }
.nav .cs_box li.tel { color:#333;font-size:11px;line-height:16px;font-weight:400;letter-spacing:0.5px;   }
.nav .cs_box li { font-size:10px; color333999; font-weight:normal; line-height:16px; letter-spacing:0.2px;}
.nav .cs_box li.txt { color:#333;font-size:11px;   }




/* ½ºÅ©·¦ */
 
.sns{ position:fixed;left:60px;bottom:60px;  z-index:99;  }
.sns li {position:relative;float:left;height:30px;margin:3px 2px;}
.sns li a{ display:block;width:25px;height:25px; border-radius:100%; background:rgba(102,102,102,0.3); font-size:14px; color:#fff;text-align:center; transition:all .8s ease;-webkit-transition:all .8s ease;}
.sns li:hover a{ transition:all .3s ease;-webkit-transition:all .3s ease;transform:rotate(30deg);-webkit-transform:rotate(30deg);}
.sns li a i{line-height:27px;filter:alpha(opacity=100);opacity:1;-webkit-opacity:1;}


.sns a .Facebook:hover {display:block;width:25px;height:25px;  background:#5c84d7 ;border-radius:100%;}
.sns a .Twitter:hover {display:block;width:25px;height:25px;  background:#28b5f2 ;border-radius:100%;}
.sns a .Instagram:hover  {display:block;width:25px;height:25px;  background:#bca292 ;border-radius:100%;}
.sns a .Blog:hover {display:block;width:25px;height:25px;  background:#44cb44 ;border-radius:100%;}
.sns a .Kakao:hover {display:block;width:25px;height:25px;  background:#f9b932 ;border-radius:100%;}

 
/* BASIC css end */