@charset "utf-8";

/* Layout Selector */
#wrap {background:url('/home/img/common/wrap_bg.gif') repeat-x;}
#header {position:relative; width:1000px; height:140px; margin:0 auto; text-align:left;}
#container {position:relative; clear:both; width:1000px; margin:30px auto 0 auto; text-align:left; *zoom:1;}
#container:after {content:""; display:block; float:none; clear:both;}
#footer {clear:both; width:1000px; margin:0 auto 10px auto; text-align:left; *zoom:1;}
#footer:after {content:""; display:block; float:none; clear:both;}

/* logo */
#header p.logo {display:inline; position:relative; float:left; margin:30px 0 0 26px; z-index:30;}

/* user */
#header div.user {display:inline; float:right; margin:17px 7px 0 0;}
#header div.user p.date {display:inline; float:left; width:142px; margin:4px 0 0 3px;}
#header div.user div.language {float:left; width:152px; margin:1px 0 0 0; background:url('/home/img/common/user_box_r.gif') right 0 no-repeat;}
#header div.user div.language ul {height:20px; background:url('/home/img/common/user_box_l.gif') no-repeat;}
#header div.user div.language ul li {display:inline; float:left; margin:0 8px 0 0; padding:0 0 0 8px; background:url('/home/img/common/language_bu_line.gif') 0 6px no-repeat;}
#header div.user div.language ul li.first-child {background:none;}
#header div.user div.language ul li.english {margin:1px 8px 0 3px;}
#header div.user div.language ul li a{display:block; padding:3px 0;}
#header div.user div.util {display:inline; float:left; width:85px; margin:1px 0 0 4px; background:url('/home/img/common/user_box_r.gif') right 0 no-repeat;}
#header div.user div.util dl {float:left; height:20px; padding:0 0 0 10px; background:url('/home/img/common/user_box_l.gif') no-repeat;}
#header div.user div.util dt {float:left; margin:4px 1px 0 0; line-height:10px !important;}
#header div.user div.util dd {float:left; margin:1px 0 0 0;}
#header div.user div.util dd a.btn {display:block; padding:3px 1px;}
#header div.user p.user-btn {display:inline; float:left; margin:2px 0 0 10px;}
#header div.user p.user-btn a.btn {display:block; padding:3px 0;}

/* gnb */
#gnb {position:absolute; left:0; top:34px; float:right; width:1000px; height:65px; margin:11px 0 0 0; background:url('/home/img/common/gnb/gnb_bar1.gif') 0 33px no-repeat;}
#gnb ul li {float:left;}
#gnb ul#topmenu {position:absolute; left:425px; top:0;}
#gnb ul#topmenu a {display:block; padding:7px 20px 12px 20px;}
#gnb ul#topmenu ul {position:absolute; left:-425px; top:33px; width:1000px; height:29px; margin:0; padding:0; display:none; background:url('/home/img/common/gnb/gnb_bar1.gif') no-repeat;}
#gnb ul#topmenu ul li a {display:block; padding:9px 6px 7px 6px;}
#gnb ul#topmenu li.menu1 ul {background:url('/home/img/common/gnb/gnb_bar1.gif') no-repeat;}
#gnb ul#topmenu li.menu1 ul li.first-child {display:inline; margin:0 0 0 90px;}
#gnb ul#topmenu li.menu2 ul {background:url('/home/img/common/gnb/gnb_bar2.gif') no-repeat;}
#gnb ul#topmenu li.menu2 ul li.first-child {display:inline; margin:0 0 0 440px;}
#gnb ul#topmenu li.menu3 ul {background:url('/home/img/common/gnb/gnb_bar3.gif') no-repeat;}
#gnb ul#topmenu li.menu3 ul li.first-child {display:inline; margin:0 0 0 315px;}
#gnb ul#topmenu li.menu4 ul {background:url('/home/img/common/gnb/gnb_bar4.gif') no-repeat;}
#gnb ul#topmenu li.menu4 ul li.first-child {display:inline; margin:0 0 0 290px;}
#gnb ul#topmenu li.menu5 ul {background:url('/home/img/common/gnb/gnb_bar5.gif') no-repeat;}
#gnb ul#topmenu li.menu5 ul li.first-child {display:inline; margin:0 0 0 110px;}
#gnb ul#topmenu li.menu6 ul {background:url('/home/img/common/gnb/gnb_bar6.gif') no-repeat;}
#gnb ul#topmenu li.menu6 ul li.first-child {display:inline; margin:0 0 0 295px;}

/* box */
#header div.box {position:absolute; left:0; top:110px; width:1000px; height:31px; background:url('/home/img/common/box_bg.gif') repeat-x;}
#header div.otherSite {float:left; width:245px;}
#header div.otherSite ul {margin:6px 0 0 30px;}
#header div.otherSite ul li {display:inline; float:left; margin:0 6px 0 0; padding:0 0 0 6px; background:url('/home/img/common/othersite_bu_line.gif') 0 6px no-repeat;}
#header div.otherSite ul li a.btn {display:block; padding:4px 0;}
#header div.otherSite ul li.first-child {background:none;}
#header div.search {float:left; width:383px; height:25px; border:3px solid #9e9e9e; background:#ffffff;}
#header div.search img.title {margin:7px 0 0 10px; padding:0 10px 0 0; background:url('../../img/common/search_bu_line.gif') right 1px no-repeat;}
#header div.search input.inputText {width:290px; height:16px; margin:4px 0 0 0; padding:0; border:none; background:none;}
#header div.search input.inputButton {margin:6px 0 0 0; padding:0; vertical-align:top;}
#header div.popularInfo {float:left; width:383px; height:25px; border:3px solid #9e9e9e; background:#ffffff;}
#header div.popularInfo p.title {display:inline; float:left; margin:7px 0 0 10px; padding:0 10px 0 0; background:url('../../img/common/search_bu_line.gif') right 1px no-repeat;}
#header div.popularInfo ul {display:inline; float:left; margin:5px 0 0 0; *zoom:1;}
#header div.popularInfo ul:after {content:""; display:block; float:none; clear:both;}
#header div.popularInfo ul li {display:inline; float:left; margin:0 0 0 10px;}
#header div.member {float:left;}
#header div.member p.login {display:inline; float:left; margin:5px 0 0 10px;}
#header div.member p.join {display:inline; float:left; margin:5px 0 0 3px;}
#header div.member p.searchIdPw {display:inline; float:left; margin:6px 0 0 8px;}
#header div.member p.searchIdPw a.btn {display:block; padding:4px 0;}
#header div.member p.welcome {display:inline; float:left; width:180px; margin:7px 0 0 10px;}
#header div.member p.mail {display:inline; float:left; width:80px; margin:7px 0 0 10px;}
#header div.member p.logout {display:inline; float:left; margin:5px 0 0 3px;}

/* snb */
#snb {display:inline; float:left; padding:0 0 2px 0; background:url('/home/img/common/snb/bg_bottomline.gif') 0 bottom no-repeat;}
#snb p.title {padding:28px 0 24px 0; background:url('/home/img/common/snb/title_bg.gif') 0 5px no-repeat;}
#snb ul.depth2 {width:165px;}
#snb ul.depth2 li {padding:6px 0 6px 21px; background:url('/home/img/common/snb/bul_out.gif') no-repeat;}
#snb ul.depth2 li a.btn {display:block; padding-right:5px;}
#snb ul.depth2 li.on {padding:6px 0 6px 21px; background:url('/home/img/common/snb/bul_over.gif') no-repeat; }
#snb ul.depth2 li.on a {color:#FFFFFF; font-weight:bold;}
#snb ul.depth2 li ul.depth3 {margin:15px 0 0 0;}
#snb ul.depth2 li ul.depth3 li {padding:1px 0 1px 7px; background:url('/home/img/common/snb/bul_3depth.gif') 0 9px no-repeat !important;}
#snb ul.depth2 li ul.depth3 li a { color:#666666 !important; font-weight:normal;}
#snb ul.depth2 li ul.depth3 li.on a {color:#0756ad; font-weight:bold; }

/* snb(메뉴별) 색상 */
#snb div.citizen p.title {background:url('../../img/common/snb/title_bg2.gif') 0 5px no-repeat !important;}
#snb div.citizen ul.depth2 li.on {background:url('../../img/common/snb/bul_over2.gif') no-repeat;}
#snb div.administrative p.title {background:url('../../img/common/snb/title_bg3.gif') 0 5px no-repeat !important;}
#snb div.administrative ul.depth2 li.on {background:url('../../img/common/snb/bul_over3.gif') no-repeat;}
#snb div.welfare p.title {background:url('../../img/common/snb/title_bg4.gif') 0 5px no-repeat !important;}
#snb div.welfare ul.depth2 li.on {background:url('../../img/common/snb/bul_over4.gif') no-repeat;}
#snb div.life p.title {background:url('../../img/common/snb/title_bg5.gif') 0 5px no-repeat !important;}
#snb div.life ul.depth2 li.on {background:url('../../img/common/snb/bul_over5.gif') no-repeat;}
#snb div.organization p.title {background:url('../../img/common/snb/title_bg6.gif') 0 5px no-repeat !important;}
#snb div.organization ul.depth2 li.on {background:url('../../img/common/snb/bul_over6.gif') no-repeat;}

/* container */
#container div.spot {float:left; margin:0 0 0 33px;}
#content {display:inline; position:relative; float:left; width:705px; margin:0 0 0 20px; background:url('../../img/common/content_bg.gif') no-repeat;}
#aside {position:absolute; top:15px; left:910px; width:94px;}

/* quick menu */
#aside div.shortcut {background:url('/home/img/common/aside_shortcut_btm.gif') 0 bottom no-repeat;}
#aside div.shortcut p.title {height:33px; background:url('/home/img/common/aside_shortcut_top.gif') 0 top no-repeat;}
#aside div.shortcut p.title img {margin:11px 0 0 27px;}
#aside div.shortcut ul {padding:7px 10px 7px 9px;}
#aside div.shortcut ul li {background:url('/home/img/common/aside_shortcut_line.gif') 0 bottom no-repeat; text-align:center;}
#aside div.shortcut ul li a {display:inline-block; padding:6px 0;}
#aside div.popularInfo {margin:6px 0 0 0; background:url('/home/img/common/aside_popularInfo_btm.gif') 0 bottom no-repeat;}
#aside div.popularInfo p.title {height:27px; background:url('/home/img/common/aside_popularInfo_top.gif') 0 top no-repeat;}
#aside div.popularInfo p.title img {margin:8px 0 0 10px;}
#aside div.popularInfo ul {padding:7px 10px 7px 10px;}
#aside div.popularInfo ul li {padding:2px 0 2px 6px; background:url('/home/img/common/aside_popularInfo_bul.gif') 0 8px no-repeat; font-size:0.92em; line-height:12px; letter-spacing:-1px;}
#aside div.popularInfo ul li a {color:#fff;}
#aside p.top {margin:-4px 0 0 31px;}

/* footer */
#guide {height:34px; margin:10px 0 0 0; background:url('../../img/common/guide_bg.gif') no-repeat;}
#guide ul {margin:0 0 0 210px; padding:6px 0 0 0;}
#guide ul li {display:inline; float:left; margin:0 10px 0 0; padding:0 0 0 10px; background:url('../../img/common/guide_bu_line.gif') 0 8px no-repeat;}
#guide ul li.first-child {background:none; padding:0;}
#guide ul li a.btn {display:block; padding:4px 0;}
#copyright {float:left; width:600px; margin:10px 0 0 0;}
#copyright address {height:10px;}
#copyright p.warning {margin:7px 0 0 0; color:#757575;}
#copyright p.copyright {margin:4px 0 0 0; font:0.92em tahoma;}
#footer p.logo {clear:both; width:210px; float:left; margin:15px 0 0 0; text-align:center;}
#footer div.mark {display:inline; float:right; margin:6px 20px 0 0;}
#footer div.mark ul li {display:inline; float:left; margin:0 0 0 5px;}
#footer div.mark ul li.w3c {margin:10px 0 0 0;}

@media print {

}