/* BASIC css start */
/* »ó´Ü */

#topbodyall { width:100%; height:40px; }
#topbody { width:100%; height:40px;  position:relative; background:#464646;z-index:98; }
#topbody  .topline {height:40px; display:table; width:1200px; margin:0 auto 0; clear:both; text-align:center; }

#topbody  .topline .topline_01 {float:left; width:700px; } 
#topbody  .topline .topline_01 ul{ float:left; height:40px;  }
#topbody  .topline .topline_01 ul li { padding:0px 10px; margin:0px; float:left; background:url("/design/d4-0111/dj_skin03/line01.gif") no-repeat center right; line-height:40px; }
#topbody  .topline .topline_01 ul li:last-child  {border:none; }
#topbody  .topline .topline_01 ul li a { color:#fff; font-size: 11px; font-family: 'Cabin', sans-serif;  letter-spacing:1px; }
#topbody  .topline .topline_01 ul li a:hover { text-decoration:none; color:#e5e5e5; }

#topbody  .topline .topline_02 {float:right; width:500px; }
#topbody  .topline .topline_02 ul{ float:right; height:40px;  }
#topbody  .topline .topline_02 ul li { padding:0px 10px; margin:0px; float:left; background:url("/design/d4-0111/dj_skin03/line01.gif") no-repeat center right; line-height:40px; }
#topbody  .topline .topline_02 ul li:last-child  {border:none; }
#topbody  .topline .topline_02 ul li a { color:#fff; font-size: 11px; font-family: 'Cabin', sans-serif;  letter-spacing:1px; }
#topbody  .topline .topline_02 ul li a:hover { text-decoration:none; color:#e5e5e5; }



#header { width:100%; background:#fff; clear:both;  z-index:1; margin:auto; }



/*»ó´Ü·Î°í*/
#header .topmiddle { clear:both; background:#fff; position: relative; width:1200px; height:190px; margin:0px auto 0px;padding:0px;}

#header .topmiddle .logoleft { width:300px; padding:0px; margin:0px; float:left; }
#header .sns {  height:30px; width:281px; padding-top:150px; margin:0px;}
#header .sns a {padding:0 5px 0px 0px; margin:0px;}
#header .sns a img{width:20px;}
#header .sns a .fa {color:#464646; font-size:17px;}
#header .sns a .fa:hover {color:#959595;}

#header .topmiddle .logocenter { float:left; width:600px;  margin:0px; padding:0px; }
#header .logo { width:600px; text-align:center;margin:auto;  padding-top:72px; display:block;}
#header .logo  a {color:#464646; font-size:48px; line-height:48px;height:48px;  font-family: 'Abril Fatface', cursive;  margin:0px; }
#header .logo  a:hover { color:#959595;}
#header .logo span {font-size:10px; color:#ccc; font-family: 'Cabin', sans-serif; letter-spacing:3px; line-height:10px; height:20px; margin:0px; }

#header .topmiddle .logocright  { width:300px; float:left;  }
#header .hd-search01 { float:right; height:22px; padding-top:155px; }
#header .hd-search01 fieldset { border:1px solid #d9d9d9; border-radius:0px; height:22px;}
#header .hd-search01 .input-keyword {width:136px; height:20px; padding:0 0 0 9px; border:0; line-height:20px; font-size:12px; color:#7c8389; background:#fff;  }








/*Ä«Å×°í¸® ´ëºÐ·ù¿ÍÁߺзù*/

#header .position { width:100%; height:50px; margin:auto; position:fixe; *zoom:1;position:relative;   border-bottom:1px solid #ccc;border-top:1px solid #ccc;
 background:#fff;clear:both; z-index:99; }
#header .inner_center01 { width:100%;margin:auto;  position:relative; margin:auto; height:50px; clear:both;}



#navi {height:50px; position:relative; display:table; width:1200px; margin:0 auto 0; clear:both; }


#navi ul { display:table; margin:auto; }
#navi li  { position:relative; text-align:center;float:left; width:171px; 
color:#464646; font-size: 18px; line-height:50px;  line-height:50px; letter-spacing:0px;  font-family: 'Cabin', sans-serif; font-weight: 300;}
#navi li a  { color:#464646; font-size: 18px; line-height:50px;  line-height:50px; letter-spacing:0px;  font-family: 'Cabin', sans-serif; font-weight: 300; }
#navi li a:hover { color:#959595; text-decoration:none; }
#navi li:hover { color:#959595; text-decoration:none; }

#navi ul ul {visibility:hidden;text-align:center; position:absolute;top:50px;left:0px; z-index:1000; background:#fff; border-left:1px solid #ccc;
border-right:1px solid #ccc;border-top:1px solid #ccc; display:table; margin:0 auto 0; padding:0px; width:140px;}

#navi ul ul li { text-align:left;  clear:both;  padding:5px 0px 5px 20px;width:120px;line-height:12px;color:#464646; }
#navi ul ul li:last-child{padding-bottom:20px;border-bottom:1px solid #ccc;}
#navi ul ul li a { text-align:center; color:#464646; font-size: 12px;letter-spacing:1px; line-height:12px; }
#navi ul ul li a:hover { color:#959595;}
#navi ul li:hover ul,
#navi ul a:hover ul{visibility:visible; }
#navi ul :hover ul ul{visibility:hidden;}
#navi ul :hover ul :hover ul{ visibility:visible;}

















/* BASIC css end */