@charset "utf-8";  html { font-size: 12px; font-family:Verdana, tahoma, "Lucida Grande",  Arial, sans-serif; background: #FFFFFF; } body { margin: 0; padding: 0; } img { border:0 } a { text-decoration:none; color:#5F5F5F } a:hover{ text-decoration:underline; } ul { list-style-type: none; margin:0; padding:0; } .L_valid { position:absolute; top:10px; left:250px; } h1 { margin:0; padding:0; } h2 { text-indent: 100px; font-size:1.4em; color:#FFFFFF; background:#6699ff; border-bottom:1px solid #6094FF; *padding:3px 0 0 0; } .clear{ display:block; float:none; clear:both; background:transparent url(../images/side_bottom.gif) no-repeat ; background-position:700px 0; } h4 { text-indent: 100px; font-size:1.1em; } h4 span{ color:#000000; padding:4px 20px; background:#D2E1FF; } .p_img img { vertical-align:middle; } #L_title { height:70px; padding:37px 20px 20px 0; background:transparent url(../images/L_title.gif) no-repeat 420px 20px; } #L_title span{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden; } #logo { position:absolute; top:86px; left:288px; width:94px; height:42px; } p img { padding:5px; } /* 틀 */ #warp{ width:100%; } #container { width:100%; position:relative; } #maincontent { float:left; width:650px; margin-right:-650px; margin-top:18px; padding:20px 26px 20px 30px; background:transparent url(../images/maincontent.gif) repeat-y top right; } #maincontent p { padding-left:30px; line-height:2em; } #side_r { background:transparent url(../images/side_r.gif) no-repeat left top; margin-left:700px; } #mi_side_r { padding:20px; min-height:400px; } #top { background:transparent url(../images/top_m.gif) repeat-x left top; } #menu_top { height:190px; background:transparent url(../images/top_l.jpg) no-repeat left top; min-width:1000px; _width:1000px;} /*틀 끝*/ /*상단 메뉴*/ .ddcolortabs { padding-top:3px; margin-left:200px; background: transparent; } .ddcolortabs div { padding-left:100px; } .ddcolortabs ul { margin:0; padding:0; overflow:hidden; list-style:none; height:30px; /*margin-left:100px;*/ } .ddcolortabs  li { float:left; margin:0 0 0 -2px; padding:0 0 0 2px; height:30px; text-transform:uppercase; background:url(../images/li_img.gif) no-repeat left 50%; } .ddcolortabs a {float:left; margin:0; padding:0; display:block; color: white; text-decoration:none; font-size:14px; height:30px; } .ddcolortabs a span {float:left; display:block; padding:8px 5px 0 15px; margin-right:10px; _padding:8px 0px 0 10px; } .ddcolortabs a.current, .ddcolortabs a:hover { background:url(../images/a_img.gif) no-repeat right top; color:#FFFFFF; margin:0; padding:0; } .ddcolortabs a.current span, .ddcolortabs a:hover span { background:url(../images/a_img.gif) no-repeat left top; padding:8px 5px 0 15px; margin-right:10px; height:22px; _padding:8px 0px 0 10px; } .tabcontainer { clear: left; padding-top:7px; margin:0; height:20px; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/ } .tabcontent { display:none; padding-left:320px; color:#898136; } .tabcontent a { padding:0 2px; text-decoration:none; color:#535353; } .tabcontent a:hover { background: #6666cc; color:#FFFFFF } #ct1, #ct2,#ct3,#ct4,#ct5,#ct6, #ct7, #ct8,#ct9,#ct10,#ct11 { text-indent: 90px; } #top_bottom { background: url(../images/top_bottom.gif) repeat-x top left; height:5px; } /* 상단 메뉴 끝 */