/* BASIC css start */
#preview_wrap {display:none;}



/*»ó´Ü*/
#header {width:100%; min-width:1300px; height:auto; margin:0 auto; background:#fff; height:205px;}
.topbar .topbarin {width:1300px; height:50px; margin:0 auto; position: relative;}


/*»ó´Ü ³ª¶ó ºê·£µå*/
.topbar .topbarin .topleft { background:#fff; float:left; display:none; }
.topbar .topbarin .topleft .hd_all { float:left; font-size:12px; font-family:'Lato', 'arial';  padding:17px 5px 0 0; }
.topbar .topbarin .topleft .hd_link{ float:left;padding-left:10px;  margin-top:10px; height:40px;}


/*»ó´Ü ·Î±×¶óÀÎ*/
.topbar .topbarin .logline {float:right; margin-top:0px; }
.topbar .topbarin .logline li {float:left; height50px; text-transform:uppercase; padding-right:15px; background:url(/design/skatn729/9529/d4-0374/line_log.gif) 10px 50% no-repeat;}
.topbar .topbarin .logline li a {line-height:50px; font-size:12px; font-family:'Lato', 'arial'; font-weight:500; color:#666; letter-spacing:0px;}
.topbar .topbarin .logline li a:hover {color:#aaa;}
.topbar .topbarin .logline li.first {background:none;}
.topbar .topbarin .logline li span.join { position:absolute; top:32px; right:303px; height:22px; padding:0px; line-height:28px; width:51px; text-align:center;
background:url("/design/skatn729/dj_skin/new/point_back51.png") no-repeat 0 0; color:#fff; font-family:'Lato', 'arial'; font-size:10px;}
/*»ó´Ü °Ë»ö*/
.topbar .topbarin .sear {float:right; margin-top:15px; }













/*--------------------------¡Ú »ó´ÜÄ«Å×°í¸®·¹À̾ƿô½ÃÀÛ / ¿òÁ÷ÀÓÈ¿°ú ¡Ú-----------------------------------*/
header, a, img, li, div{ 
            transition: all 0.3s;
			-moz-transition: all 0.3s; /* Firefox 4 */
			-webkit-transition: all 0.3s; /* Safari and Chrome */
			-o-transition: all 0.3s; /* Opera */
		}
  
header {margin:0px auto 0px; width: 100%;position: fixed; top:0px; padding:0px; z-index:999;background: #fff;}
header a {text-decoration:none; }
header a.active, header a:hover{text-decoration:none;}
nav {width: 100%; margin: 0 auto; padding:0;  }          
  
 


    
/* óÀ½ º¼¶§ »çÀÌÁî(·Î°í¹×Ä«Å×°í¸®) */
header.large {height: 205px; border-bottom:1px solid #ddd; }

header.large .topbar { width:100%; min-width:1300px; height:50px; margin:0 auto;  position:fixed; top:0px; z-index:999;  }

header.large #logo { width: 400px; margin:60px auto 0; padding-bottom:10px; }
header.large #logo .logowrap { width: 400px; height: 36px; margin:auto; display: block; }
header.large #logo .logowrap img { width: 400px; height: auto; display: block; }

header.large #topcate {clear:both; width:1300px; height:25px; padding-top:40px;  margin:0px auto 0px; text-align:center;}

   


/* ½ºÅ©·Ñ¾Æ·¡À̵¿½Ã º¯°æ»çÀÌÁî(·Î°í¹×Ä«Å×°í¸®) */
header.small { height: 100px; border-bottom:1px solid #ddd; }

header.small .topbar { width:100%; min-width:1300px; height:50px; margin:0 auto;  position:fixed; top:0px;background:#fff;  z-index:999 }

header.small #logo { width: 280px; margin:13px auto 0;  z-index:9999;position: relative }
header.small #logo .logowrap { width: 280px; height: 36px; margin:auto; display: block; position: absolute; top:0px;}
header.small #logo .logowrap img { width: 280px; height: auto; display: block; }

header.small #topcate {clear:both; width:1300px; height:25px;padding-top:35px; margin:0px auto 0px; text-align:center;}






/* BASIC css end */