@charset "euc-kr"; /* common ------------------------------------------------------------------------------------ */ /* base */ html {_overflow-y:scroll; _overflow-x:auto; height:100%;} body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {padding:0; margin:0;} table {border-collapse:collapse; border-spacing:0;} ol, ul, li {list-style:none;} h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:100%;} form, fieldset {border:0;} img {border:0; vertical-align:top;} address, caption, em {font-weight:normal; font-style:normal;} #accessibility, .blind, legend {display:none;} .clear {clear:both;} hr {display:none;} select, input, option, textarea {background-color:#fff; vertical-align:middle; font:12px gulim, "굴림", dotum, "돋움", sans-serif;} .png {_behavior:url(/include/png/iepngfix.htc);} .show {display:block !important;} .hide{display:none;} /* odd style : 특별한 사유가 아니면 markup 부분에 사용자제 */ .b {font-weight:bold !important;} .u {text-decoration:underline !important;} /* anchor */ a {text-decoration:none;} a:link, a:visited {color:#666; text-decoration:none;} a:hover, a:active {color:#2856cb; text-decoration:none;} /* layout ------------------------------------------------------------------------------------ */ /* common */ body {font-size: 12px; gulim, "굴림", dotum, "돋움", sans-serif; color:#666; /*padding:10px 0 0 20px;*/ padding:10px 0 0 0;} #wrap {position:relative; width:959px; font-size:1em; margin:0 auto;} #header {position:relative; width:959px; height:125px; background:url(/xmimg/home/header_bg_top.gif) no-repeat left top; z-index:1000;} #container {clear:both; width:959px; float:left; _zoom:1;} #scl {float:left; width:207px;} #content {float:right; width:730px;} #scc {float:left; width:466px;} #scr {float:right; width:240px; position:relative; top:-16px;} #quickLink {clear:both; width:959px;} #footer {clear:both; width:959px;} /* header ------------------------------------------------------------------------------------ */ #header h1 {height:42px; padding:10px 0 0 16px;} /* Search */ #header fieldset {position:absolute; top:16px; left:330px;} #header fieldset dl {} #header fieldset dl dd {float:left;} #header fieldset dl dd input {vertical-align:middle;} #header fieldset dl dd select {position:relative; top:1px;} #header fieldset dl dd.text input {width:146px; height:15px; padding:3px 0 0 0; text-align:left; border:1px solid #aabaca; margin:0 5px;ime-mode:active;} /* Local Navigation Bar */ #header .lnb {position:absolute; top:22px; right:18px;} #header .lnb li {float:left; padding:1px 9px 0 7px; background:url(/xmimg/common/line_vertical_01.gif) no-repeat right top;} #header .lnb li.end {padding-right:0; background:none;} /* Global Navigation Bar */ #header #gnb {position:relative; width:959px; height:64px; background:url(/xmimg/home/header_bg_bottom.gif) no-repeat left top;} #header #gnb ul {padding:5px 0 0 10px;} #header #gnb ul li {float:left; background:url(/xmimg/home/gnb_line_01.gif) no-repeat right 5px;} #header #gnb ul li a {float:left; width:100px; height:18px; text-align:center; padding-top:6px; margin-right:5px; color:#fff;} #header #gnb ul li.top1:hover {background:url(/xmimg/home/gnb_all_bg.gif) no-repeat left top; } #header #gnb ul li:hover a.tbold {color:#000; font-weight:bold;} #header #gnb ul li ul {position:absolute; top:29px; left:0px; height:30px;} #header #gnb ul li ul li {padding:7px 5px 0 7px; height:23px; background:url(/xmimg/home/gnb_sub_bg_all.gif) repeat-x left top; letter-spacing:-1px;} #header #gnb ul li ul li.first {padding-left:30px; background:url(/xmimg/home/gnb_sub_bg_first.gif) no-repeat left top;} #header #gnb ul li ul li.end {padding-right:30px; background:url(/xmimg/home/gnb_sub_bg_end.gif) no-repeat right top;} #header #gnb ul li ul li a {width:auto; height:auto; text-align:left; padding-top:0px; margin-right:0px; color:#000;} #header #gnb ul li ul li a:hover {background:none; font-weight:normal; color:#1a70d6;} #header #gnb ul li ul#top2m1 {width:959px; left:0px;} #header #gnb ul li ul#top2m2 {width:970px; left:-7px;} #header #gnb ul li ul#top2m3 {width:959px; left:0px;} #header #gnb ul li ul#top2m4 {width:909px; left:50px;} #header #gnb ul li ul#top2m5 {width:809px; left:150px;} #header #gnb ul li ul#top2m6 {width:759px; left:200px;} #header #gnb ul li ul#top2m7 {width:709px; left:250px;} /*#header #gnb ul li ul {position:absolute; top:29px; left:0px; height:30px;} #header #gnb ul li ul li {padding:7px 7px 0 7px; height:23px; background:url(/xmimg/home/gnb_sub_bg_all.gif) repeat-x left top; letter-spacing:-1px;} #header #gnb ul li ul li.first {padding-left:30px; background:url(/xmimg/home/gnb_sub_bg_first.gif) no-repeat left top;} #header #gnb ul li ul li.end {padding-right:30px; background:url(/xmimg/home/gnb_sub_bg_end.gif) no-repeat right top;} #header #gnb ul li ul li a {width:auto; height:auto; text-align:left; padding-top:0px; margin-right:0px; color:#000;} #header #gnb ul li ul li a:hover {background:none; font-weight:normal; color:#1a70d6;}*/ #header #gnb p.etc {clear:both; position:absolute; top:6px; right:21px;} /* Side Content Left ------------------------------------------------------------------------------------ */ /* 팝업존 */ #scl .popZone {position:relative; height:100px;margin-top:-16px; padding-bottom:18px; background:url(/xmimg/home/popzone_bg_bottom.gif) no-repeat left bottom;} #scl .popZone ol {padding:5px 0 0 20px; background:url(/xmimg/home/popzone_bg_all.gif) repeat-y left top;} #scl .popZone ol li {line-height:1.6;} #scl .popZone ol li a {color:#45669e;} #scl .popZone ol li a:hover {color:#2856cb;} #scl .popZone p {position:absolute; top:21px; right:16px;} #mtrb-scroll ul li em {letter-spacing:-2px;} /* 팝업존 new */ #scl .popupZone {background: url(/xmimg/main/popup/main_notice_bg.gif) no-repeat; width: 208; height: 151px;} #scl .popupZone ul.pop_num {margin-top:8px; margin-left:15px;} #scl .popupZone H2 {POSITION: absolute; left:10px;} #scl .popupZone .pop_num { MARGIN-TOP: 10px; FLOAT: right; MARGIN-RIGHT: 10px;margin-bottom:5px;width:auto; } #scl .popupZone .pop_num LI { PADDING-RIGHT: 0px; FLOAT: left; WIDTH: 15px } /* #scl .popupZone ul.pop_num LI {display:inline;} */ #scl .popupZone .pop_img {margin-LEFT: 8px; padding-top:10px} #scl .eleExam {clear:both; margin-top:10px;} /* 링크 */ #scl .link {clear:both; margin-top:10px; padding:23px 0 20px 0; background:url(/xmimg/home/link_bg_bottom.gif) no-repeat left bottom;} #scl .link dl {position:relative; width:203px; height:102px; padding:0 0 0 5px; background:url(/xmimg/home/service_bg_top.gif) no-repeat left top;} #scl .link dl dt {float:left; margin-right:1px; position:relative; top:-24px;} #scl .link dl dd {position:absolute; top:10px; left:8px;} #scl .link dl dd ul {width:202px;} #scl .link dl dd ul li {float:left; width:96px; padding:0 0 5px 5px; background:url(/xmimg/common/icon_dot_02.gif) no-repeat left 4px;} #scl .link dl dd ul li a {font:.92em dotum, 돋움; letter-spacing:-1px;} /*#scl .link {clear:both; margin-top:15px; padding:23px 0 20px 0; background:url(/xmimg/home/link_bg_bottom.gif) no-repeat left bottom;} #scl .link dl {position:relative; width:198px; height:100px; padding:0 0 0 5px; background:url(/xmimg/home/service_bg_top.gif) no-repeat left top;} #scl .link dl dt {float:left; margin-right:1px; position:relative; top:-25px;} #scl .link dl dd {position:absolute; top:14px; left:8px;} #scl .link dl dd ul {width:202px;} #scl .link dl dd ul li {float:left; width:96px; padding:0 0 5px 5px; background:url(/xmimg/common/icon_dot_02.gif) no-repeat left 4px;} #scl .link dl dd ul li a {font:.92em dotum, 돋움; letter-spacing:-1px;}*/ /* 서비스 링크 */ #scl .service {clear:both; margin-top:10px; padding:23px 0 20px 0; background:url(/xmimg/home/link_bg_bottom.gif) no-repeat left bottom;} #scl .service dl {position:relative; width:198px; height:95px; padding:0 0 0 9px; background:url(/xmimg/home/service_bg_top.gif) no-repeat left top;} #scl .service dl dt {float:left; margin-right:2px; position:relative; top:-23px;} #scl .service dl dd {position:absolute; top:14px; left:8px;} #scl .service dl dd ul {width:202px;} #scl .service dl dd ul li {float:left; width:96px; padding:0 0 5px 5px; background:url(/xmimg/common/icon_dot_02.gif) no-repeat left 4px;} #scl .service dl dd ul li a {font:.92em dotum, 돋움; letter-spacing:-1px;} /* Side Content Center ------------------------------------------------------------------------------------ */ /* 공지사항/입찰정보 */ #scc .bdList1 {margin-top:21px; position:relative; width:466px; height:137px; background:url(/xmimg/home/bdlist_1_bg_bottom.gif) no-repeat left bottom;} #scc .bdList1 ul { padding-left:7px; background:url(/xmimg/home/bdlist_1_bg_top.gif) no-repeat left top; overflow:hidden;} #scc .bdList1 ul li {padding-left:3px; float:left;} #scc .bdList1 ul li ul {background:none; position:absolute; top:35px; left:15px; width:441px;} #scc .bdList1 ul li ul li {float:none; padding:0 0 5px 5px; background:url(/xmimg/common/icon_dot_02.gif) no-repeat left 4px;} #scc .bdList1 ul li ul li span {position:absolute; right: 5px; padding-left:0px;} #scc .bdList1 p.more {position:absolute; top:7px; right:10px;} /* e경남교육소식 전체보기/보도자료/해명/일일보도현황/기획홍보 */ #scc .bdList2 {clear:both; margin-top:17px; position:relative; height:103px;} #scc .bdList2 ul {overflow:hidden; padding-left:10px;} #scc .bdList2 ul li {float:left; margin-right:3px;} #scc .bdList2 ul li .show {position:absolute; top:20px; left:0px; width:466px; height:83px; background:url(/xmimg/home/bdlist_2_bg_all.gif) no-repeat left top;} #scc .bdList2 ul li .show ul {padding:13px 10px 0 115px; background:url(/xmimg/home/bdlist_2_img_sample.jpg) no-repeat 15px 15px;} #scc .bdList2 ul li .show ul li {float:none; margin:0; padding:0 0 7px 5px; background:url(/xmimg/common/icon_dot_02.gif) no-repeat left 5px;} #scc .bdList2 ul li .show p.move {position:absolute; top:61px; right:12px;} #scc .bdList2 ul li .show p.more {position:absolute; top:-13px; right:10px;} /* 우리가 만든 UCC */ #scc .bdList3 {clear:both; margin-top:10px; position:relative;} #scc .bdList3 .show {position:absolute; top:30px; left:0px; width:466px; height:83px; background:url(/xmimg/home/bdlist_2_bg_all.gif) no-repeat left top;} #scc .bdList3 .show ul {padding:13px 10px 0 115px; background:url(/xmimg/home/bdlist_3_img_sample.jpg) no-repeat 15px 15px;} #scc .bdList3 .show ul li {padding:0 0 7px 5px; background:url(/xmimg/common/icon_dot_02.gif) no-repeat left 5px;} #scc .bdList3 .show p.move {position:absolute; top:61px; right:12px;} #scc .bdList3 .show p.more {position:absolute; top:-13px; right:10px;} /* Side Content Right ------------------------------------------------------------------------------------ */ /* 뉴스 동영상 서비스 */ #scr .mov {position:relative;} #scr .mov p {width:164px; height:131px; padding:0 0 0 0;} #scr .mov dl {position:absolute; top:26px; right:0px; width:65px;} #scr .mov dl dd {float:left; margin-bottom:3px;} #scr .mov dl dd.odd {margin-right:3px;} /* 주요 서비스 */ #scr .linkPoint {clear:both; margin-top:11px;} #scr .linkPoint ul {overflow:hidden; _zoom:1;} #scr .linkPoint ul li {float:left;} /* 부서 홈페이지 바로가기 */ #scr .linkHp {clear:both; margin-top:12px; background:url(/xmimg/home/link_hp_bg_bottom.gif) no-repeat left bottom;} #scr .linkHp h3 {height:19px; padding:4px 0 0 11px; background:url(/xmimg/home/link_hp_title_bg.gif) no-repeat right top;} #scr .linkHp ul {width:220px; padding:13px 10px 10px 10px; background:url(/xmimg/home/link_hp_bg_top.gif) no-repeat left top; overflow:hidden; _zoom:1;} #scr .linkHp ul li {float:left; width:103px; padding:0 0 3px 7px; background:url(/xmimg/common/icon_arrow_02.gif) no-repeat left 4px;} /* 관련기관 가기 */ #scr .linkOrgan {clear:both; margin-top:17px; position:relative;} #scr .linkOrgan ul {position:absolute; top:2px; right:0px;} #scr .linkOrgan ul li {padding-bottom:4px;} #scr .linkOrgan ul li select {width:163px;} #scr .linkOrgan ul li select optgroup {font:굴림; font-weight:normal; color:#dfdfdf;} /* 방문자 */ #scr .visitor {clear:both; margin-top:17px; width:240px; height:27px; background:url(/xmimg/home/visitor_bg_all.gif) no-repeat left top;} #scr .visitor dl {text-align:center; padding-top:9px;} #scr .visitor dl dt, #scr .visitor dl dd {display:inline;} #scr .visitor dl dt.odd {margin-left:20px;} /* Quick Link ------------------------------------------------------------------------------------ */ #quickLink {overflow:hidden; _zoom:1; padding-bottom:20px; background:url(/xmimg/home/quick_link_bg_bottom.gif) no-repeat left bottom;} #quickLink h3 {padding-bottom:28px; background:#fff url(/xmimg/home/quick_link_bg_top.gif) no-repeat left bottom;} #quickLink dl {float:left;} #quickLink dl.ql01 {width:138px; _display:inline;} #quickLink dl.ql02 {width:138px; padding-left:17px;} #quickLink dl.ql03 {width:138px;} #quickLink dl.ql04 {width:138px;} #quickLink dl.ql05 {width:138px;} #quickLink dl.ql06 {width:138px;} #quickLink dl.ql07 {width:100px;} #quickLink dl dt {margin-bottom:13px;} #quickLink dl dd ul li {padding-bottom:4px;} /* 경섭 추가 (2009-03-12 11:44) */ #quickLink2 {} /* Footer ------------------------------------------------------------------------------------ */ #footer {margin-top:15px; padding-bottom:30px; position:relative;} #footer .link li {display:inline;} #footer .adBanner {position:absolute; top:0px; right:0px; width:510px;} #footer .adBanner ul {float:left;} #footer .adBanner ul li {display:inline;} #footer .adBanner p {float:right; width:60px;} #footer .adBanner p a.more {display:block; margin-top:3px;} #footer .info {position:relative; margin:20px 0 0 20px; padding-bottom:30px;} #footer .info p {display: inline;} #footer .info p.mark {position:absolute;top:-8px;} #footer .info p.logo_u {position:absolute;left:60px;} #footer .info ul {position:absolute; top:20px; left:290px;} #footer .info ul li {float:left; height:10px; border-right:1px solid #313131; padding:0 10px; overflow:hidden;} #footer .info ul li.odd {border:none;} #footer .info address {position:absolute; top:6px; right:0; width:300px; text-align:right;} /* 배너모음 */ #banner { position:absolute; top:0px; right:0px; width:510px;} #banner #banner-scroll { position: absolute; left: 0px; top: 0px; width: 450px; height: 35px; overflow: hidden; } #banner ul { margin: 0; padding: 0; list-style: none; position: absolute; left: 0; top: 0; overflow: visible; } #banner ul li { margin: 0; padding: 0 3px 0 0; background: transparent; float: left; display: inline; width: 146px; height: 35px; overflow: hidden; } #banner p {float:right; width:60px;} #banner p a.more {display:block; margin-top:3px;} #scl .popZone {position:relative;height:150px; margin-top:-16px; padding-bottom:18px; background:url(/xmimg/home/popzone_bg_bottom.gif) no-repeat left bottom;} #scl .popZone ol {padding:5px 0 0 20px; height:100px; background:url(/xmimg/home/popzone_bg_all.gif) repeat-y left top;} #scl .popZone ol li {line-height:1.6;} #scl .popZone ol li a {color:#45669e;} #scl .popZone ol li a:hover {color:#2856cb;} #scl .popZone p {position:absolute; top:21px; right:16px;} #mtrb { position:absolute; top:58px; left:15px; width:207px;height:90px;} #mtrb #mtrb-scroll { position: absolute; left: 0px; top: 0px; width: 207px; height: 90px; overflow: hidden; } #mtrb ul {padding:5px 0 0 20px; margin: 0; padding: 0; list-style: none; position: absolute; left: 0; top: 0; overflow: visible; } #mtrb ul li { margin: 0; padding: 0 3px 0 0; background: transparent; float: left; display: inline; width: 207px; height: 18px; overflow: hidden; } /* Footer ------------------------------------------------------------------------------------ #footer {margin-top:15px; padding-bottom:30px; position:relative;} #footer .link li {display:inline;} #footer .adBanner {position:absolute; top:0px; right:0px; width:510px;} #footer .adBanner ul {float:left;} #footer .adBanner ul li {display:inline;} #footer .adBanner p {float:right; width:60px;} #footer .adBanner p a.more {display:block; margin-top:3px;} #footer .info {position:relative; margin:20px 0 0 20px;} #footer .info p {} #footer .info ul {position:absolute; top:20px; left:220px;} #footer .info ul li {float:left; height:10px; border-right:1px solid #313131; padding:0 10px; overflow:hidden;} #footer .info ul li.odd {border:none;} #footer .info address {position:absolute; top:6px; right:70px; width:300px; text-align:right;} #footer .info p.mark {position:absolute;left:885px; top:-5px;}*/