@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;} #wrap {position:relative; width:916px; height:786px; font-size:1em; margin:0 auto;} #header {position:relative; width:916px; height:128px; margin-bottom:10px; background: url(../images/main/menu_bg.gif) no-repeat;} #container {float:left; width:916px; height:511px; display:inline; position:relative;} #scl {float:left; width:233px; display:inline; margin-top:19px;} #content {float:left; width:675px; margin-top:10px;} #scc {float:left; width:483px;} #scr {float:right; width:192px;} #footer {clear:both; position:relative; width:910; height:130px;} #quick {position:absolute; top:138px; left:916px; width:69px; padding-top:36px; background:url(../images/main/quick_topbg.gif) no-repeat top;} /* header ------------------------------------------------------------------------------------ */ #header h1 { position:relative; padding:13px 0 0 9px;} /* Local Navigation Bar */ #header .lnb {position:absolute; top:32px; right:225px;} #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;} /* Search */ #header .search {position:absolute; top:28px; right:55px; width:159px;} #header .search dl {} #header .search dl dd {float:left;} #header .search dl dd.text input {width:114px; height:14px; text-align:left; padding:2px; border:1px solid #dddddd; margin:0 5px 0 0;} #header .search .btn { position:absolute; right:0; top:0; margin:3px 0 0 3px;} /* Global Navigation Bar */ #header h2 { position:absolute; top:61px; } #container .popup { position:relative; width:209px; height:187px; background:url(../images/main/popup_bg.gif) no-repeat;} #container .popup h3 { position:absolute; top:15px; left:12px;} #container .popup ul {padding:12px 0 0 130px;} #container .popup ul li {float:left; padding-right:1px;} #container .popup p {position:absolute; top:33px; left:7px;} #container p.slogan { position:absolute; left:217px; top:0;} /* Side Content Left ------------------------------------------------------------------------------------ */ /* 브로슈어 */ #scl .brochuer { position:relative; width:211px; height:112px; background:url(../images/main/brochuer_bg.gif) no-repeat;} #scl .brochuer h3 { padding:17px 0 9px 21px;} #scl .brochuer ul { padding:0 0 0 21px;} #scl .brochuer ul li { padding-bottom:1px;} /* 일정및행사계획 */ #scl .calendar {position:relative; width:213px; height:185px; background:url(../images/main/calendar_bg.gif) no-repeat;} #scl .calendar div {width:213px; } #scl .calendar div ul li {float:left;} #scl .calendar div ul.btn {height:28px; padding:7px 0 0 121px;} #scl .calendar div ul.btn li.arrow {padding-top:3px;} #scl .calendar div ul.btn li.arrow2 {padding-top:3px; padding-right:5px;} #scl .calendar div ul.btn li.month { width:50px; font-weight:bold; color:#fff; padding:0 3px 0 10px;} #scl .calendar table {margin-left:8px;} #scl .calendar table th, td {width:30px; height:18px; _height:17px; font-size:0.9em; } #scl .calendar table th {color:#222; font-weight:normal; font-family:Arial;} #scl .calendar table th.sun_color{color:#b63c01; font-weight:bold;} #scl .calendar table th.sat_color{color:#2565ab; font-weight:bold;} #scl .calendar table.date {padding-left:12px; text-align:center;} #scl .calendar table a.on {font-weight:bold; color:#4876BB;} #scl .calendar table tbody td.sun_color{color:#b63c01;} #scl .calendar table tbody td.sat_color{color:#2565ab;} #scl .calendar .list {position:absolute; top:143px; left:2px; width:193x; height:48px; background:none; font-size:0.9em;} #scl .calendar .list ul li { width:190px; height:17px; padding:4px 0 0 14px; background-color:#f0f0f0; font-size:1em;} /* Side Content Center ------------------------------------------------------------------------------------ */ /* 사업공고/공지사항/교육안내/채용정보/Q&A */ #scc .news {position:relative; width: 465px; height:188px; _margin-top:10px; background:url(../images/main/notice_bg.gif) no-repeat top;} #scc .news ul.btn { margin:0 0 12px 6px;} #scc .news ul.btn li {float:left; padding-right:2px; margin-top:5px;} #scc .news ul.btn li ul {position:absolute; top:35px; left:5px;} #scc .news ul.btn li ul li {float:none; width:465px; padding:0px 0 5px 10px; background:url(../images/main/notice_icon.gif) no-repeat left 4px;} #scc .news ul.btn li ul li span {position:absolute; right:2px; width:78px; height:15px; padding-left:10px; background:url(../images/main/date_line.gif) no-repeat left;} #scc .news p.more {position:absolute; top:10px; right:7px;} /* 하단배너 */ #scc .banner {margin-left:3px;} #scc .banner ul {} #scc .banner ul li { float:left;} #scc .banner ul li.pad {padding-right:12px;} /* Side Content Right ------------------------------------------------------------------------------------ */ /* 오른쪽배너 */ #scr .rbanner {position:relative; padding-top:8px; } #scr .rbanner ul {} #scr .rbanner ul li { } /* Footer ------------------------------------------------------------------------------------ */ /* 관련사이트 */ #footer .link { position:relative; height:78px;} #footer .link h3 {padding:0 0 0 16px;} #footer .link ul { position:absolute; top:0px; left:125px;} #footer .link ul li { float:left; padding-right:5px;} /* 배너 */ #footer .banner { position:relative; width:910px; height:51px; _margin-top:10px; background:url(../images/main/banner_bg.gif) no-repeat;} #footer .banner ul {padding:5px 0 0 63px;} #footer .banner ul li {float:left; padding-right:25px;} #footer .banner p.pre {position:absolute; top:15px; left:15px;} #footer .banner p.next {position:absolute; top:15px; right:15px;} /* 주소 */ #footer .address {position:relative; width:910px; height:80px; background:url(../images/main/f_bg.gif) no-repeat top left;} #footer .address h1 {position:absolute; left:13px; top:20px;} #footer .address ul.flink { position:absolute; top:18px; left:236px;} #footer .address ul.flink li { float:left; padding:1px 9px 0 7px; background:url(../images/main/blink_line.gif) no-repeat right;} #footer .address ul.flink li.none {background:none;} #footer .address address {position:absolute; left:242px; top:34px;} #footer .address .sitego { position:absolute; top:21px; left:715px; font-size:8pt; color:#727272;} #footer .address .sitego ul {} #footer .address .sitego ul li {float:left; padding-right:3px;font-size:8pt; color:#727272;} #footer .address .sitego ul li select {font-size:8pt; color:#727272; width:180px;} /* 퀵메뉴 ------------------------------------------------------------------------------------ */ #quick ul{ padding: 0 0 0 12px; background:url(../images/main/quick_rbg.gif) repeat-y;} #quick ul li{} #quick ul p {}