/* BASIC css start */
/*--------------------------¡Ú Èò¹è°æ ÀüÃ¼¸Þ´º ÆîÄ§ ²Ù¹Ì±â ¡Ú-----------------------------------*/
#topinner01 {position: relative; width:1300px; height:0px; margin:0 auto; z-index:999; }

#topinner01 .sidenav01 { position: relative; width: 0;  height:47px ;z-index: 109 ; top:50px; right:0px; overflow-x: 
padding: 0px; overflow: scroll;overflow-x: hidden;overflow-y: hidden;; z-index:99; }

#topinner01 .sidenav01:after { background-color: #828282;top:0px;right:0;position:absolute; background-size:100%; z-index:-1; content:""; 
width:290px; height:45px; border:1px solid #ddd; opacity:0.9!important; filter:alpha(opacity=90); }


/* ´Ý±â¹öÆ°*/
#topinner01 .sidenav01 .closebtn01 {position: absolute; top: 17px; right:15px; width:13px; height:13px; }

@media screen and (max-height:300px) {
  .sidenav01 {padding-top: 0px;}
  .sidenav01 a {font-size: 12px;}
}



/* »ó´Ü °Ë»ö */
.search {float:left; width:290px; height:35px; line-height:35px; margin:0; border:0px; margin-top:5px; }
.search fieldset { font-size:0; line-height:0; }
.search .sear_tit {float:left; font-family:'Lato', 'arial'; font-size:12px; color:#fff; padding-left:20px; height:35px; line-height:35px; letter-spacing:1px;}
.search span input { float:left; vertical-align:middle; width:135px; color:#fff; height:35px; line-height:35px; padding-right:10px; border:0; background: transparent ; 
text-align:left; font-size:12px; font-family:'Lato', 'arial', 'Dotum'; }
.search a { float:left; cursor:hand; cursor:pointer; width:23px; height:14px; padding-top:10px; padding-left:10px; }





/* BASIC css end */

