@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;} ul { margin:0px; padding:0px; list-style:none; } .ul li{ float:left; } /* 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;} #main_fla {position:absolute;top:38px;left:71px; z-index:0;} #main_fla2 {position:absolute;top:0px;left:130px;z-index:0; width:700px;height:436px;float:left;} #Mainmenu {position:absolute; top:-17px; left:122px; z-index:999;} /* layout ------------------------------------------------------------------------------------ */ /* common */ body {font-size: 12px; gulim, "굴림", dotum, "돋움", sans-serif; color:#666; background:url(../images/main/all_bg.gif) repeat-x;} #wrap {position:relative; width:1008px; height:1032px; font-size:1em; margin:0 auto; background:url(../images/main/header_bg.jpg) no-repeat;} #header {position:relative; width:1008px; height:509px; } #container {float:left; width:1008px; height:428px;} #scl {float:left; width:274px; padding-left:30px;} #content {float:left; width:704px;} #scc {float:left; width:477px;} #scr {float:right; width:227px;} #footer {clear:both; position:relative; width:1008; height:102px; margin:-7px 0 0 30px; background:url(../images/main/foot_bg.gif) no-repeat;} /* submenu layer ------------------------------------------------------------------------------------ */ #submenulayer {position:absolute;top:66px;left:230px; width:625px; z-index:1; border:solid 0px #cccccc; } #submenulayer ul li {float:left; clean:none; min-width:20px; height:22px; padding-right:7px; font-size:8pt; letter-spacing:-1px;} #submenulayer ul li a:link {font-size:8pt; color:#FFFFFF; font-weight:bold; border-style: none; text-decoration : none; cursor:hand;} #submenulayer ul li a:visited {font-size:8pt; color:#FFFFFF; font-weight:bold; border-style: none; text-decoration : none} #submenulayer ul li a:active {font-size:8pt; color:#ede500; font-weight:bold; border-style: none; text-decoration : none} #submenulayer ul li a:hover {font-size:8pt; color:#ede500; font-weight:bold; border-style: none; text-decoration : none} #submenulayer ul.sub1 { position:absolute; display:block; left:0px; width:609px; height:43px; padding-left:30px; background:url(/images/main/menu_full_bg.gif) no-repeat left bottom;} #submenulayer ul.sub2 { position:absolute; display:block; left:0px; width:609px; padding-left:30px; border:solid 0px #cccccc; } #submenulayer ul.sub3 { position:absolute; display:block; left:0px; width:609px; padding-left:30px; border:solid 0px #cccccc; } #submenulayer ul.sub4 { position:absolute; display:block; left:0px; width:609px; padding-left:250px; border:solid 0px #cccccc; } #submenulayer ul.sub5 { position:absolute; display:block; left:0px; width:609px; padding-left:220px; border:solid 0px #cccccc; } #submenulayer ul.sub6 { position:absolute; display:block; left:0px; width:609px; height:43px; padding-left:30px; background:url(/images/main/menu_full_bg.gif) no-repeat left bottom;} #submenulayer ul.sub1 span { position:absolute; display:block; left:0px; width:550px; padding-left:30px; } #submenulayer ul.sub2 span { position:absolute; display:block; left:0px; width:550px; padding-left:30px; } #submenulayer ul.sub3 span { position:absolute; display:block; left:0px; width:550px; padding-left:30px; } #submenulayer ul.sub4 span { position:absolute; display:block; left:0px; width:550px; padding-left:250px; } #submenulayer ul.sub5 span { position:absolute; display:block; left:0px; width:550px; padding-left:150px; } #submenulayer ul.sub6 span { position:absolute; display:block; left:0px; width:550px; padding-left:60px; } #submenulayer ul.sub1 span.text1 { float:left; display:block; border:solid 0px #ffffff; } #submenulayer ul.sub2 span.text1 { float:left; display:block; border:solid 0px #ffffff; } #submenulayer ul.sub3 span.text1 { float:left; display:block; border:solid 0px #ffffff; } #submenulayer ul.sub4 span.text1 { float:left; display:block; border:solid 0px #ffffff; } #submenulayer ul.sub5 span.text1 { float:left; display:block; border:solid 0px #ffffff; } #submenulayer ul.sub6 span.text1 { float:left; display:block; border:solid 0px #ffffff; } /* header ------------------------------------------------------------------------------------ */ #header h1 { position:relative; padding:10px 0 0 44px;} /* Local Navigation Bar */ #header .lnb {position:absolute; top:33px; right:49px;} #header .lnb li {float:left; padding:1px 9px 0 7px; background:url(../images/main/line_vertical.gif) no-repeat right;} #header .lnb li.end {padding-right:0; background:none;} /* Global Navigation Bar */ #gnb { position:absolute; top:21px; left:264px;} #gnb ul li {float:left; padding-right:42px;} #gnb ul li ul.smenu1 { position:absolute; top:45px; left:0;} #gnb ul li ul li {padding:0 5px 0 5px; font-size:0.9em; color:#FFFFFF; letter-spacing:-2px; } #gnb ul li ul li a:hover, a:active {color:#dfd819; text-decoration:none;} #header p.allmenu { position:absolute; top:58px; right:84px;} #header .mainimg {position:absolute; top:113px;} /* Side Content Left ------------------------------------------------------------------------------------ */ /* 언론속TP*/ #scl .speech { position:relative; width:274px; height:106px; border:solid 0px #cccccc;} #scl .speech h3 {padding-bottom:8px;} #scl .speech ul {padding-left:3px;} #scl .speech ul li {padding:0 0 0 6px; height:20px; background:url(../images/main/notice_icon.gif) no-repeat left 4px;} /*ebook*/ #scl .ebook { position:relative; width:274px; height:81px; border:solid 0px #cccccc; } #scl .ebook h3 { float:left; padding-right:22px; border:solid 0px #cccccc; } #scl .ebook p.img { float:left; width:103px; height:64px; background:url(../images/main/photo_bg.gif) no-repeat; padding:5px 0 0 5px; border:solid 0px #cccccc;} /*ebook*/ #scl .webzin { position:relative; width:274px; height:90px; border:solid 0px #cccccc; } /* 포토뉴스*/ #scl .photo { position:relativel; width:274px; height:100px; } #scl .photo h3 {margin-bottom:7px;} #scl .photo ul { padding-left:16px;} #scl .photo ul li { float:left; width:103px; height:64px; background:url(../images/main/photo_bg.gif) no-repeat; padding:5px 0 0 5px;} #scl .photo ul li.pad {margin-right:8px;} /* 충북테크노파크 가이드*/ #scl .guide {position:relative; width:260px; height:115px;} #scl .guide h3 { padding-bottom:6px;} #scl .guide p.text { padding:0 0 0px 16px;} #scl .guide ul { margin-left:6px;} #scl .guide ul li {float:left; } /* 부서안내*/ #scl .part {position:relative; width:260px; z-index:100;} #scl .part ul {padding-left:10px;} #scl .part ul li {float:left; padding-right:3px;} #scl .part ul li.title {margin-top:5px;} #scl .part ul li select {font-size:8pt; color:#727272; width:140px;} /* Side Content Center ------------------------------------------------------------------------------------ */ /* 공지사항/입찰공고/교육안내/채용정보 */ #scc .news {position:relative; width: 473px; height:261px; } #scc .news h3 { padding-bottom:12px;} #scc .news ul.btn { padding-left:35px; width:415px; height:37px; background:url(../images/main/notice_title_01_bg.gif) no-repeat;} #scc .news ul.btn li {float:left; padding-right:51px; margin-top:10px;} #scc .news ul.btn li ul {position:absolute; top:152px; left:5px;} #scc .news ul.btn li ul li {float:none; width:440px; padding:0 0 0 10px; margin:0; height:21px; background:url(../images/main/notice_icon.gif) no-repeat left 4px;} #scc .news ul.btn li ul li span {position:absolute; right:2px; width:60px;} #scc .news ul.btn dl {position:absolute; top:61px; left:0px; margin:13px 0 0 0; width:449px; height:70px; background: url(../images/main/notice_title_bg.gif) repeat-x bottom; } #scc .news ul.btn dt { width:73px; height:46px; padding:4px; border:1px solid #dddddd;} #scc .news ul.btn dd.title {position:absolute; left:94px; top:0; color:#222; font-size:12pt; font-weight:bold;} #scc .news ul.btn dd.title a {color:#ff7a01; font-size:12pt; font-weight:bold;} #scc .news ul.btn dd.title a:link{color:#ff7a01; font-size:12pt; font-weight:bold;text-decoration:none;} #scc .news ul.btn dd.title a:visited{color:#ff7a01; font-size:12pt; font-weight:bold; text-decoration:none} #scc .news ul.btn dd.title a:active{color:#2856cb;text-decoration:underline} #scc .news ul.btn dd.title a:hover{color:#2856cb;text-decoration:underline} #scc .news ul.btn dd.text {position:absolute; left:94px; top:25px; width:340px; height:35px;} #scc .news p.more {position:absolute; top:13px; right:7px;} #scc .news p.new {position:absolute; top:76px; right:24px;} #scc .news1 {position:relative; width: 473px; height:261px; } #scc .news1 h3 { padding-bottom:12px;} #scc .news1 ul.btn { padding-left:35px; width:415px; height:37px; background:url(../images/main/notice_title_01_bg.gif) no-repeat;} #scc .news1 ul.btn li {float:left; padding-right:51px; margin-top:10px;} #scc .news1 ul.btn li ul {position:absolute; top:152px; left:5px;} #scc .news1 ul.btn li ul li {float:none; width:440px; padding:0 0 0 10px; margin:0; height:21px; background:url(../images/main/notice_icon.gif) no-repeat left 4px;} #scc .news1 ul.btn li ul li span {position:absolute; right:2px; width:60px;} #scc .news1 ul.btn dl {position:absolute; top:61px; left:0px; margin:13px 0 0 0; width:449px; height:70px; background: url(../images/main/notice_title_bg.gif) repeat-x bottom; } #scc .news1 ul.btn dt { width:73px; height:46px; padding:4px; border:1px solid #dddddd;} #scc .news1 ul.btn dd.title {position:absolute; left:94px; top:0; color:#222; font-size:12pt; font-weight:bold;} #scc .news1 ul.btn dd.title a {color:#ff7a01; font-size:12pt; font-weight:bold;} #scc .news1 ul.btn dd.title a:link{color:#ff7a01; font-size:12pt; font-weight:bold;text-decoration:none;} #scc .news1 ul.btn dd.title a:visited{color:#ff7a01; font-size:12pt; font-weight:bold; text-decoration:none} #scc .news1 ul.btn dd.title a:active{color:#2856cb;text-decoration:underline} #scc .news1 ul.btn dd.title a:hover{color:#2856cb;text-decoration:underline} #scc .news1 ul.btn dd.text {position:absolute; left:94px; top:25px; width:340px; height:35px;} #scc .news1 p.more {position:absolute; top:13px; right:7px;} #scc .news1 p.new {position:absolute; top:76px; right:24px;} #scc .news2 {position:relative; width: 473px; height:261px; } #scc .news2 h3 { padding-bottom:12px;} #scc .news2 ul.btn { padding-left:35px; width:415px; height:37px; background:url(../images/main/notice_title_02_bg.gif) no-repeat;} #scc .news2 ul.btn li {float:left; padding-right:51px; margin-top:10px;} #scc .news2 ul.btn li ul {position:absolute; top:152px; left:5px;} #scc .news2 ul.btn li ul li {float:none; width:440px; padding:0 0 0 10px; margin:0; height:21px; background:url(../images/main/notice_icon.gif) no-repeat left 4px;} #scc .news2 ul.btn li ul li span {position:absolute; right:2px; width:60px;} #scc .news2 ul.btn dl {position:absolute; top:61px; left:0px; margin:13px 0 0 0; width:449px; height:70px; background: url(../images/main/notice_title_bg.gif) repeat-x bottom; } #scc .news2 ul.btn dt { width:73px; height:46px; padding:4px; border:1px solid #dddddd;} #scc .news2 ul.btn dd.title {position:absolute; left:94px; top:0; color:#222; font-size:12pt; font-weight:bold;} #scc .news2 ul.btn dd.title a {color:#ff7a01; font-size:12pt; font-weight:bold;} #scc .news2 ul.btn dd.title a:link{color:#ff7a01; font-size:12pt; font-weight:bold;text-decoration:none;} #scc .news2 ul.btn dd.title a:visited{color:#ff7a01; font-size:12pt; font-weight:bold; text-decoration:none} #scc .news2 ul.btn dd.title a:active{color:#2856cb;text-decoration:underline} #scc .news2 ul.btn dd.title a:hover{color:#2856cb;text-decoration:underline} #scc .news2 ul.btn dd.text {position:absolute; left:94px; top:25px; width:340px; height:35px;} #scc .news2 p.more {position:absolute; top:13px; right:7px;} #scc .news2 p.new {position:absolute; top:76px; right:24px;} #scc .news3 {position:relative; width: 473px; height:261px; } #scc .news3 h3 { padding-bottom:12px;} #scc .news3 ul.btn { padding-left:35px; width:415px; height:37px; background:url(../images/main/notice_title_03_bg.gif) no-repeat;} #scc .news3 ul.btn li {float:left; padding-right:51px; margin-top:10px;} #scc .news3 ul.btn li ul {position:absolute; top:152px; left:5px;} #scc .news3 ul.btn li ul li {float:none; width:440px; padding:0 0 0 10px; margin:0; height:21px; background:url(../images/main/notice_icon.gif) no-repeat left 4px;} #scc .news3 ul.btn li ul li span {position:absolute; right:2px; width:60px;} #scc .news3 ul.btn dl {position:absolute; top:61px; left:0px; margin:13px 0 0 0; width:449px; height:70px; background: url(../images/main/notice_title_bg.gif) repeat-x bottom; } #scc .news3 ul.btn dt { width:73px; height:46px; padding:4px; border:1px solid #dddddd;} #scc .news3 ul.btn dd.title {position:absolute; left:94px; top:0; color:#222; font-size:12pt; font-weight:bold;} #scc .news3 ul.btn dd.title a {color:#ff7a01; font-size:12pt; font-weight:bold;} #scc .news3 ul.btn dd.title a:link{color:#ff7a01; font-size:12pt; font-weight:bold;text-decoration:none;} #scc .news3 ul.btn dd.title a:visited{color:#ff7a01; font-size:12pt; font-weight:bold; text-decoration:none} #scc .news3 ul.btn dd.title a:active{color:#2856cb;text-decoration:underline} #scc .news3 ul.btn dd.title a:hover{color:#2856cb;text-decoration:underline} #scc .news3 ul.btn dd.text {position:absolute; left:94px; top:25px; width:340px; height:35px;} #scc .news3 p.more {position:absolute; top:13px; right:7px;} #scc .news3 p.new {position:absolute; top:76px; right:24px;} #scc .news4 {position:relative; width: 473px; height:261px; } #scc .news4 h3 { padding-bottom:12px;} #scc .news4 ul.btn { padding-left:35px; width:415px; height:37px; background:url(../images/main/notice_title_04_bg.gif) no-repeat;} #scc .news4 ul.btn li {float:left; padding-right:51px; margin-top:10px;} #scc .news4 ul.btn li ul {position:absolute; top:152px; left:5px;} #scc .news4 ul.btn li ul li {float:none; width:440px; padding:0 0 0 10px; margin:0; height:21px; background:url(../images/main/notice_icon.gif) no-repeat left 4px;} #scc .news4 ul.btn li ul li span {position:absolute; right:2px; width:60px;} #scc .news4 ul.btn dl {position:absolute; top:61px; left:0px; margin:13px 0 0 0; width:449px; height:70px; background: url(../images/main/notice_title_bg.gif) repeat-x bottom; } #scc .news4 ul.btn dt { width:73px; height:46px; padding:4px; border:1px solid #dddddd;} #scc .news4 ul.btn dd.title {position:absolute; left:94px; top:0; color:#222; font-size:12pt; font-weight:bold;} #scc .news4 ul.btn dd.title a {color:#ff7a01; font-size:12pt; font-weight:bold;} #scc .news4 ul.btn dd.title a:link{color:#ff7a01; font-size:12pt; font-weight:bold;text-decoration:none;} #scc .news4 ul.btn dd.title a:visited{color:#ff7a01; font-size:12pt; font-weight:bold; text-decoration:none} #scc .news4 ul.btn dd.title a:active{color:#2856cb;text-decoration:underline} #scc .news4 ul.btn dd.title a:hover{color:#2856cb;text-decoration:underline} #scc .news4 ul.btn dd.text {position:absolute; left:94px; top:25px; width:340px; height:35px;} #scc .news4 p.more {position:absolute; top:13px; right:7px;} #scc .news4 p.new {position:absolute; top:76px; right:24px;} /* 관련사이트 */ #scc .clink { width:448px; height:90px; margin-left:3px; margin-top:5px; background:url() no-repeat;} #scc .clink h3 { float:left; padding-right:19px;} #scc .clink ul { margin-top:11px;} #scc .clink ul li { float:left; padding:0 4px 6px 0;} /* 배너 */ #scc .banner { position:relative; width:450px;} #scc .banner h3 {position:absolute; top:10px; left:0px;} #scc .banner ul { padding:0px 0 0 72px;} #scc .banner ul li {float:left; padding-right:4px;} #scc .banner p.pre {position:absolute; top:10px; left:53px;} #scc .banner p.next {position:absolute; top:10px; right:0px;} /* Side Content Right ------------------------------------------------------------------------------------ */ /* popup */ #scr .popup {position:relative; width:226px; height:186px; } #scr .popup h3 { float:left; padding:0 0 6px 3px;} #scr .popup ul { float:right; padding-right:47px; } #scr .popup ul li { float:left;} #scr .popup ul.btn {position:absolute; top:0; right:12px; padding:0;} #scr .popup ul.btn li {padding-left:3px;} #scr .popup p.img {position:absolute; top:16px; left:0px; width:223px; height:142px; padding:6px 0 0 5px; background:url(../images/main/popup_bg.gif) no-repeat;} /* 부서안내 */ #scr .rlink { position:relative; height:214px; } #scr .rlink ul {} #scr .rlink ul li {} /* 검색 */ #scr .search { position:relative; width:226px;} #scr .search dl dt {float:left; padding:3px 3px 0 0;} #scr .search dl dd {float:left; padding-right:3px;} #scr .search input.box {border:1px solid #e1e1e1; height:17px; width:122px;} /* Footer ------------------------------------------------------------------------------------ */ /* 전체메뉴보기 */ #footer .sitemap2 { position:relative; width:971px; height:0px; border-top:3px solid #636870;} #footer .sitemap2 p.close {margin-top:-34px; text-align:center;} #footer .sitemap { position:relative; width:970px; height:170px; } #footer .sitemap p.close {margin-top:-34px; text-align:center;} #footer .sitemap ul { float:left; width:110px; margin-top:15px; padding:0 40px 0 15px; font-size:8pt;} #footer .sitemap ul.none {padding-right:10px;} #footer .sitemap ul li.title { margin-bottom:9px;} /* 주소 */ #footer .address {position:relative; width:980px; height:80px; background:url() no-repeat top left;} #footer .address h1 {position:absolute; left:36px; top:45px;} #footer .address ul.link { position:absolute; top:19px; left:319px;} #footer .address ul.link li { float:left; padding:1px 9px 0 7px; background:url(../images/main/blink_line.gif) no-repeat right 2px;} #footer .address ul.link li.none {background:none;} #footer .address address {position:absolute; left:284px; top:54px;} #footer .address p {position:absolute; top:40px; left:790px; } #footer .sitelink { position:absolute; top:60px; left:790px; font-size:8pt; color:#727272;} #footer .sitelink ul {position:relative;} #footer .sitelink ul li {font-size:8pt; color:#727272;} #footer .sitelink ul li select {font-size:8pt; color:#727272; width:120px;}