/* BASIC css start */
#topWrap    { width: 100%; background: url(/design/dylight/top/m_bg.jpg) repeat-x ; }
#top        { position: relative; width: 1162px; height: 117px; margin:0 auto; /* border: 1px solid #ccc; */ }

#topWrap .headCon_01 { height: 42px; }
#topWrap .headCon_02 { height: 75px; }

#topWrap .mn_menu li a{ color:#ffffff; text-decoration:none;}

#topWrap .tbt_link_01 li { float: left; padding: 15px 15px 0px 0px; }
#topWrap .tbt_link_02 li { float: right; padding: 15px 5px; font-size: 11px; letter-spacing: -1px;}
#topWrap .tbt_link_02 li a{ font-size: 11px; letter-spacing: -1px;}
#topWrap .tbt_link_02 li a:hover{ text-decoration: underline; }

#topWrap .mn_logo { margin:20px 100px 10px 0px; float: left;}

#topWrap .top_search { width: 205px; height: 36px; float: right;  background: url(/design/dylight/top/search_bg.jpg) no-repeat 0 64% ; padding: 25px 6px 0px 0px; }
#topWrap .top_search .input-keyword { width: 148px; height: 16px; border: 0px solid #ccc; margin-left:18px; }



#nav { font-size: 14px; font-weight: bold; letter-spacing: 0px; color:#fff; font-family:'Malgun Gothic'; }
#nav li { float: left; display: block; position: relative; z-index: 999; margin:27px 50px 0px 0px; }
#nav li a { display: block; color: #fff; font-size: 15px; font-weight: bold; letter-spacing: -1px; font-family:'Malgun Gothic';}

#sub li { margin: 0px 0px; background:#ffffff; width:150px; float: left; padding:5px 5px}
#sub li a:hover { background:#518ddd; color:#fff; }

#nav ul a { display: block; height: 17px; line-height: 17px; padding: 8px 20px; text-transform: uppercase; color: #333333; font-size: 14px; font-weight: normal; font-family:'Malgun Gothic';}
#nav ul { display: block; position: absolute; left:-21px; top: 19px; display: none; border:1px #000000 solid; }









/* BASIC css end */