/***************************************************************** * @import url(/design/css/base.css); *****************************************************************/ @charset "euc-kr"; /* CSS Document */ /* Common */ /* Reset */ *{margin:0;padding:0;scrollbar-face-color:#fff; scrollbar-arrow-color:#919191; scrollbar-track-color:#ddd; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#ddd; scrollbar-darkshadow-color:#ddd;} body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all;line-height:1.5em;} body,input,button,select,input,textarea{font:normal 0.80em/1.4 Dotum,Gulim,Tahoma,Sans-serif;color:#444;} img,fieldset,iframe{border:0 none;} img{vertical-align:middle;} ul li{list-style:none;} ol{padding-left:25px; margin-left:20px;} em,address{font-style:normal;} button,label{cursor:pointer;_cursor /**/:hand;} button *{position:relative;} button img{left:-3px;*left:auto;} textarea{overflow:auto;} select{font-size:90%; padding:1px 0 2px 0; color:#444; vertical-align:middle;} html:first-child select{height:20px;padding-right:6px;} option{padding-right:6px;} table{width:100%; border-collapse:collapse; border:0;} a{color:#444; text-decoration:none;} a:hover{text-decoration:underline;} /* Display */ .input_text, textarea{border:1px #d5d3d3 solid; background:#fff; padding:0px 2px 0 2px; font-size:90%; margin-right:3px;} .input_text{height:18px;} .input_check, .input_radio{width:13px!important;height:13px!important; position:relative; top:2px; *top:-1px; _margin-top:4px;} .blind,legend,hr{z-index:999; display:none;overflow:hidden;position:absolute;left:0;top:-5000px;} .show{display:inline-block!important;} /* Btn */ .btn{position:relative; top:5px; *top:2px;} .abtn{position:relative; top:6px;} /* Font */ .bgclear{background:url()!important;} .gry{color:#818181;} .gry a{color:#818181;} .point{color:#f67a38; line-height:1.2;} .point a{color:#f67a38; text-decoration:underline;} .apoint,.apoint a{color:#16b5c7;} .sfont{font-size:85%; color:#818181;} .sfont a{color:#818181;} /* Align */ .f_left{float:left!important;} .printer{width:700px!important;} .f_right{float:right!important;} .left{text-align:left!important;} .right{text-align:right!important;} .center{text-align:center!important;} .center img{position:relative; top:1px;} .middle{vertical-align:middle!important;} .top{vertical-align:top!important;} .clear{clear:both!important;} /* Change color */ .fontColor1 div,.fontColor1 p,.fontColor1 a{color:#FFFF00!important;} .fontColor2 div,.fontColor2 p,.fontColor2 a{color:#FFFFFF!important;} .fontColor3 div,.fontColor3 p,.fontColor3 a{color:#0000FF!important;} .fontColor4 div,.fontColor4 p,.fontColor4 a{color:#FF0000!important;} .fontColor5 div,.fontColor5 p,.fontColor5 a{color:#6600CC!important;} .fontColor6 div,.fontColor6 p,.fontColor6 a{color:#009933!important;} .bgColor1 div,.bgColor1 p,.bgColor1 a{background:#000000!important;} .bgColor1 div,.bgColor2 p,.bgColor2 a{background:#0000FF!important;} .bgColor1 div,.bgColor3 p,.bgColor3 a{background:#FF0000!important;} .bgColor1 div,.bgColor4 p,.bgColor4 a{background:#6600CC!important;} .bgColor1 div,.bgColor5 p,.bgColor5 a{background:#009933!important;} /* Wrod break */ .wbreak{word-break:keep-all!important; word-wrap:break-word!important; white-space:pre-wrap!important; white-space:-moz-pre-wrap!important; white-space:-pre-wrap!important; white-space:-o-pre-wrap!important;} .ellipsis{ overflow-x:hidden!important; white-space:nowrap!important; text-overflow:ellipsis!important; -o-text-overflow:ellipsis!important; -ms-text-overflow:ellipsis!important; -moz-binding: url('/design/css/ellipsis.xml#ellipsis')!important; } /***************************************************************** * @import url(/design/css/layout.css); *****************************************************************/ /* Layout */ #wrap{background:url(/design/image/common/bg_wrap.gif) repeat-x left top; text-align:center; min-width:930px;} #gnb,#header,#container,#footer,address{z-index:1; width:900px; text-align:left; margin:0 auto; vertical-align:middle; position:relative;} #container{margin-top:8px;} #container_sec{z-index:1; width:900px; text-align:left; margin:0 auto; vertical-align:middle;margin-top:8px;} #gnb{height:21px; padding:0px 0 8px 0; color:#818181; font-size:85%; vertical-align:middle;} #header{background:url(/design/image/common/bg_header.gif) no-repeat left bottom; padding:18px 0 50px 0; height:90px; _background:url(/design/image/common/bg_header2.gif) no-repeat left bottom; _padding:10px 0 0 0; font-size:85%;} *:first-child+html #header{padding-top:18px;} #nav{width:172px; float:left; background:url(/design/image/common/bg_nav.gif) repeat-y;} #contents{width:710px; float:right; overflow:hidden;} #staticmenu {margin:0; padding:0; position:absolute; right:-31px; top:200px;} /* Gnb */ #gnb a{color:#818181;} #gnb fieldset{float:left;} #gnb fieldset ul li{/*background:url(/design/image/common/ico_gnb.gif) no-repeat right;*/ padding:3px 4px;} #gnb fieldset ul li #skeepNaviLabel{display:none!important;} #gnb fieldset ul li .skeepnavi{border:3px #014f9a solid; background:#fff; padding:10px; width:100px; z-index:5; position:absolute; top:22px;} #gnb fieldset ul li .skeepnavi li{padding:1px 0 1px 6px; color:#818181; background:none; display:inline; margin-right:9px;background:transparent url(/design/image/main/bu_notice01.gif) no-repeat scroll left 5px;} #gnb fieldset ul li .skeepnavi li a{color:#818181;} #gnb fieldset .first{padding-left:0;} #gnb select{font-size:110%;} #gnb img{margin-top:3px; padding:1px;} #gnb fieldset select{margin-top:-3px;} #gnb fieldset input{position:relative; top:6px;} #gnb li{display:inline;} #gnb .f_right{margin-top:2px;} #gnb .f_right img{padding:1px;} #gnb .f_right li{background:url(/design/image/common/ico_gnb.gif) no-repeat right top; padding:0 5px;} #gnb .f_right .point{padding-right:0;} #gnb .f_right .point a{text-decoration:none; color:#f67a38;} #gnb .f_right .point a:hover{text-decoration:underline;} #skeepNavi p{display:none!important;} #skeepNavi ul{border:3px #014f9a solid; background:#fff; padding:10px; width:100px; position:absolute; left:70px; z-index:2;} #skeepNavi ul li{padding:1px 0; color:#818181; font-size:90%;} #skeepNavi ul li a{color:#818181;} /* Header */ #header h1{position:absolute; top:27px; *margin-left:-265px;} #header #search{padding-top:50px; background:url(/design/image/common/bg_search.gif) no-repeat; width:357px; height:35px; margin:0 auto; position:relative; top:12px; padding:0 4px 0 9px;} #header #search .center{text-align:left!important;} #header #search select,#header #search input{vertical-align:top; margin-top:8px; font-size:110%;} #header #search .input_text{width:178px; border:1px #fff solid; padding-top:2px;} #header .btn{position:relative; top:-4px; left:5px; .left:1px;} #header #search p{margin-top:3px;} #header #ranking{position:relative; margin:5px 0 10px 0; *margin:-3px 0 15px 0; _margin:1px 0 5px 0; top:44px; left:745px; width:240px; height:15px; color:#fffed1;} #header #ranking img{position:relative; *top:-2px;} #header .ranking{border:2px #014f9a solid; background:#fff; padding:4px; width:140px; position:absolute; left:748px; z-index:999; top:85px;} #header .ranking li{padding:1px 0; color:#818181;} #header .ranking li a{color:#818181; font-weight:bold;} #header .detsearch{border:3px #014f9a solid; background:#fff; padding:10px; width:130px; position:absolute; left:640px; z-index:2; top:20px;} #header .detsearch li{padding:1px 0; color:#818181;} #header .detsearch li a{color:#818181;} #header #voice{background:url(/design/image/common/bg_voice.gif) no-repeat; height:56px; left:712px; padding-left:10px; position:relative; top:-78px; *top:-86px; _top:-75px; width:188px;} #header #voice h3{position:absolute; top:-15px; left:35px} #header #voice ul {padding-top:17px;} #header #voice li{display:inline; padding:3px 0;} #header #voice li span {display:inline-block; background:url(/design/image/common/voice_bu.gif) no-repeat 0 5px; text-indent:7px; width:84px} #header #menu{text-align:left;} #header #menu a{color:#818181; font-weight:bold;} #header #menu li{display:inline; padding:0 17px; position:relative; top:17px; *top:9px; _top:16px; background:url(/design/image/common/bu_b.gif) no-repeat right; font-size:110%;} #header #menu ul{display:none; clear:both; position:absolute; top:16px; *top:26px; _top:18px; width:700px;} #header #menu ul li{background:url()!important; padding:0 10px 0 0!important;} #header #menu div{display:none; clear:both; position:absolute; top:16px; *top:26px; _top:18px; width:0px;} ul .depth1{position:relative; left:8px; *left:8px;} ul .depth2{position:relative; left:8px; *left:8px;} ul .depth3{position:relative; left:8px; *left:8px;} ul .depth4{position:relative; left:8px; *left:8px;} ul .depth5{position:relative; left:8px; *left:8px;} /* Nav */ #nav h2{background:url(/design/image/common/bg_h2.gif) no-repeat; padding:36px 0 10px 0; margin-bottom:10px; text-align:center; color:#fff; font-size:140%;} #nav ul{background:url(/design/image/common/bg_nave.gif) no-repeat left bottom; padding-bottom:40px;} #nav ul li{background:url(/design/image/common/bu_nav.gif) no-repeat left 8px; margin-left:22px; padding:2px 0 4px 10px;} #nav ul li ul{background:url(); position:relative; left:-20px; padding:0; width:135px;} #nav ul li ul li{background:url(/design/image/common/bu_nave.gif) no-repeat left 7px; font-size:85%; color:#818181; font-weight:normal;} #nav ul li ul li a{color:#818181;} #nav .over{font-weight:bold;} #nav .over a{color:#348dcd; display:block;} #nav .over ul li a{color:#999; font-weight:normal; word-break:keep-all;} #nav .over ul li a:hover,#nav .hover a{color:#0071ad;} #nav a:hover{color:#348dcd;} #nav .hover{ background:url(/design/image/common/bu_navr.gif) no-repeat left 8px; color:#01a9e0;} #nav .hover a,#nav ul li ul li a:hover{color:#01a9e0!important;} /* Contents */ #contents{background:url(/design/image/common/bg_contents..gif) no-repeat; padding-bottom:20px;} .notice{width:340px; margin:10px 0 0 0; padding-bottom:5px; border-bottom:1px #ddd solid;} .notice h3{border-bottom:1px #1083ca solid; background:url(/design/image/common/bu_r.gif) no-repeat left 4px; font-size:100%; padding:0 0 8px 10px; margin-bottom:10px; color:#444;} .notice h3 strong{float:left; width:285px;} .notice h3 .gry{ position:relative; top:2px;} .notice .gry{font-size:83%!important;} .notice ul li{background:url(/design/image/common/bu_nave.gif) no-repeat 5px 8px; padding:2px 0 2px 15px; font-size:90%;} .notice ul li span{width:290px; float:left;} .notice ul .over{background:#f4f4f4 url(/design/image/common/bu_nave.gif) no-repeat 5px 12px;} #contents .btn{position:relative; top:2px; *top:-5px;} #contents .btn{position:relative; top:2px; *top:-5px;} /*주요사업 소개*/ .majorB_01 {background:url("/design3/image/new_majorB/majorB_01_bg.gif") right top no-repeat;} .majorB_02 {background:url("/design3/image/new_majorB/majorB_02_bg.gif") right top no-repeat;} .majorB_03 {background:url("/design3/image/new_majorB/majorB_03_bg.gif") right top no-repeat;} .majorB_04 {background:url("/design3/image/new_majorB/majorB_04_bg.gif") right top no-repeat;} .majorB_05 {background:url("/design3/image/new_majorB/majorB_05_bg.gif") right top no-repeat;} .majorB_06 {background:url("/design3/image/new_majorB/majorB_06_bg.gif") right top no-repeat;} .majorB_07 {background:url("/design3/image/new_majorB/majorB_07_bg.gif") right top no-repeat;} .stats {width:710px; height:70px; margin-bottom:30px; background:url("/design3/image/new_majorB/majorB_stats_bg.gif") 0 0 no-repeat;} .stats ul {font-family:"NanumBold"; font-size: 14px; margin-left:90px; padding-top:24px; } .stats ul li {float:left; margin-left:20px; padding-right: 30px; background:url("/design3/image/new_majorB/stats_line.gif") right 0 no-repeat; } .stats ul li.last {background:none; } .stats ul li span {color:#e76713;} .stats ul li span.colorBb {color:#8100b7;} .stats ul li span.colorRb {color:#856a00;} .stats_line2 {width:710px; height:70px; margin-bottom:30px; background:url("/design3/image/new_majorB/majorB_stats_bg.gif") 0 0 no-repeat;} .stats_line2 ul {font-family:"NanumBold"; font-size: 14px; margin-left:90px; padding-top:12px; } .stats_line2 ul li {float:left; margin-left:18px; padding-right:25px; line-height:26px; background:url("/design3/image/new_majorB/stats_line.gif") right 0 no-repeat; } .stats_line2 ul li.last {background:none; } .stats_line2 ul li span {color:#e76713;} .stats_line2 ul li span.colorBb {color:#8100b7;} .stats_line2 ul li span.colorRb {color:#856a00;} /* Main */ #main_left{width:585px; float:left; margin-left:0px; padding-top:10px;} #main_right{z-index:1; width:304px; float:right; margin-right:0px; padding-top:7px;} #main_bottom{position:relative; clear:both; width:900px; padding-top:27px; _height:27px; _padding:0; background:url(/design/image/main/bg_link.gif) 0 26px repeat-x} #main_bottom .site_tab01{position:absolute; top:0; left:0} #main_bottom .site_tab02{position:absolute; top:0; left:158px} #main_bottom .site_tab03{position:absolute; top:0; left:316px} .down{border:1px #ddd solid; background:#fff; padding:5px; width:140px; position:absolute; margin:-100px 0 0 1150px; *margin:-100px 0 0 770px; text-align:left; z-index:2;} .down li{background:url(/design/image/common/bu_ar.gif) no-repeat left 3px; padding:1px 0 1px 7px; position:relative; z-index:3;} .down a{color:#666;} /* address */ #etc{clear:both; background:url(/design/image/common/bg_copyright.gif) repeat-x; text-align:center; position:relative; top:10px; .top:8px; line-height:1.2; font-size:85%; padding-top:10px; height:50px;} #etc .detc{width:900px; text-align:left; margin:0 auto; color:#818181;} #etc .detc li{display:inline; background:url(/design/image/common/bu_bar.gif) no-repeat right; padding:0 10px;} #etc .detc li img{margin:-3px 7px 0 7px;} #etc .detc a{color:#818181;} #copyright{clear:both; height:50px; width:910px; margin:0 auto;} #copyright div.boxbla{margin-top:-35px;} #copyright div.boxbla img{float:left; margin:13px 10px 0 0;display:inline;} #copyright .call{position:relative; top:-43px; left:740px; font-weight:bold; color:#fd742c;} #copyright div.boxbla div{padding-top:16px;float:left;width:480px;} #copyright div.boxbla div address{width:480px;} /***************************************************************** * @import url(/design/css/bbs.css); *****************************************************************/ /* Bbs */ .bbs_search{text-align:right; margin-bottm:5px; *margin-bottom:0;} .bbs_search .btn{position:relative; top:10px!important; *top:5px!important;} .bbs_search select{position:relative; top:3px; *top:-1px;} .bbs_search .input_text{margin:0;} .bbs{border-top:1px #ddd solid; margin:3px 0;} .bbs caption{text-align:left; height:20px; *height:30px; vertical-align:bottom; *padding-bottom:3px;} .bbs th,.bbs td{text-align:center; white-space:nowrap;} .bbs th{background:#f5f5f5 url(/design/image/common/bg_th.gif) repeat-x left bottom; color:#818181; font-size:85%; padding:7px 15px;} .bbs td{border-bottom:1px #ddd solid; padding:5px 15px;} .bbs .gry{font-size:85%;} .bbs td.title{width:100%; white-space:normal; text-align:left;} .bbs td.title img{position:relative;top:-2px} .bbs .lt{white-space:normal; text-align:left;} .page{text-align:center; color:#999; margin-top:10px;} .page a{color:#999; margin:0 3px;} .board{left:130px; width:600px; padding-bottom:5px;} .full input,.full textarea{width:100%!important;} /* View */ .view{border-top:2px #b8b8b8 solid; border-bottom:1px #ddd solid; margin-top:5px;} .view dl{clear:both; border-bottom:1px #ddd solid; background:url(/design/image/common/bg_write.gif) repeat-y left;} .view dl dt,.view dl dd{padding:6px 10px;} .view dl dt{float:left; background:#f5f5f5; width:130px; margin-right:10px; *margin-right:0;} .view dl dd{width:530px; margin-left:130px;} .view dl dd img{position:relative; margin-top:-4px;} .view .content{margin:10px;} .view .sdd{width:320px; float:left;} .case01 dt,.case01 dd{border-top:1px #ddd solid;} .case02{padding-bottom:12px;} .case02 dd{width:180px!important; display:inline; position:relative; top:8px!important; margin-left:0!important;} .case02 .f_left{position:relative; margin-top:-5px;} .preview{clear:both; border-top:1px #ddd solid; border-bottom:1px #ddd solid; height:30px; margin-top:-1px;} .preview dt,.preview dd{padding:5px;} .preview dt{float:left;} .preview dd{width:620px; float:right;} /* Write */ .write{border-top:2px #b8b8b8 solid; border-bottom:1px #ddd solid; background:url(/design/image/common/bg_write.gif) repeat-y left; margin-top:5px;} .write select{height:20px; margin-top:-4px;} .write .input_text{height:18px;} *:first-child+html .write .input_text{margin:1px 0;} .write dl{clear:both; border-bottom:1px #dddddd solid;} .write dl dt{float:left; width:130px; margin-right:10px; *margin-right:0; padding:7px 10px;} .write dl dd{*width:530px; padding:5px 10px; margin-left:150px; *margin-left:0px;} .write dl dd img{position:relative; top:1px; *margin-top:-7px;} /* Reple */ .reple{background:#f5f5f5; padding:10px; color:#666;} .reple dt{padding-bottom:5px;} .reple dt strong{width:600px; float:left;} .reple dt strong .gry{font-weight:normal;} .reple dd{background:#fff; padding:5px; margin-bottom:10px;} .wreple{background:#f5f5f5 url(/design/image/common/bg_reple.gif) no-repeat; padding:10px; height:50px; color:#666;} .wreple dt{float:left; font-weight:bold;} .wreple dd{float:right; width:630px;} .wreple dd textarea{width:550px; height:43px;} .wreple dd .btn{position:relative; top:-14px;} /* Cbbs */ .cbbs{border-top:1px #83bbce solid; border-left:1px #ddd solid; font-size:100%;} .cbbs caption{text-align:left; height:20px; *height:30px; vertical-align:bottom; *padding-bottom:3px;} .cbbs th,.cbbs td{border-bottom:1px #ddd solid; border-right:1px #ddd solid; padding:5px 8px;} .cbbs th{background:#ebf4f7; text-align:center; color:#4c8ea8; white-space:nowrap;} .cbbs td.title{white-space:normal; text-align:left;} .cbbs .g{background:#f7f7f7;} .cbbs .th{background:#f3f8f9; color:#4c8ea8; text-align:center; font-weight:normal; vertical-align:middle; white-space:nowrap;} .cbbs .th left{background:#f3f8f9; color:#4c8ea8; text-align:left; vertical-align:middle; white-space:nowrap;} .cbbs .th a{color:#4c8ea8;} .cbbs .bu{margin-left:-15px;} /* Cbbs-SMAAL */ .cbbss{border-top:1px #83bbce solid; border-left:1px #ddd solid; font-size:100%;} .cbbss caption{text-align:left; height:20px; *height:30px; vertical-align:bottom; *padding-bottom:3px;} .cbbss th,.cbbss td{border-bottom:1px #ddd solid; border-right:1px #ddd solid; padding:3px 5px;} .cbbss th{background:#ebf4f7; text-align:center; color:#4c8ea8; white-space:nowrap;} .cbbss td.title{white-space:normal; text-align:left;} .cbbss .g{background:#f7f7f7;} .cbbss .th{background:#f3f8f9; color:#4c8ea8; text-align:center; font-weight:normal; vertical-align:middle; white-space:nowrap;} .cbbss .th left{background:#f3f8f9; color:#4c8ea8; text-align:left; vertical-align:middle; white-space:nowrap;} .cbbss .th a{color:#4c8ea8;} .cbbss .bu{margin-left:-15px;} .crose{border-top:1px #83bbce solid; *border-top:0;} /* Change color */ .fontColor1 div,.fontColor1 p,.fontColor1 a{color:#FFFF00!important;} .fontColor2 div,.fontColor2 p,.fontColor2 a{color:#FFFFFF!important;} .fontColor3 div,.fontColor3 p,.fontColor3 a{color:#0000FF!important;} .fontColor4 div,.fontColor4 p,.fontColor4 a{color:#FF0000!important;} .fontColor5 div,.fontColor5 p,.fontColor5 a{color:#6600CC!important;} .fontColor6 div,.fontColor6 p,.fontColor6 a{color:#009933!important;} .bgColor1 div,.bgColor1 p,.bgColor1 a{background:#000000!important;} .bgColor1 div,.bgColor2 p,.bgColor2 a{background:#0000FF!important;} .bgColor1 div,.bgColor3 p,.bgColor3 a{background:#FF0000!important;} .bgColor1 div,.bgColor4 p,.bgColor4 a{background:#6600CC!important;} .bgColor1 div,.bgColor5 p,.bgColor5 a{background:#009933!important;} /***************************************************************** * @import url(/design/css/button.css); *****************************************************************/ /* Anchor Button */ a.button, a.button span {position:relative;display:inline-block; text-decoration:none !important; background:url(/design/image/common/bg_button.gif) no-repeat; cursor:pointer; white-space:nowrap; vertical-align:middle; *vertical-align:top; margin-right:8px;} a.button {padding:0; background-position:left top; overflow:visible;} a.button span {left:16px; padding:4px 15px 4px 0; color:#666; font:11px/12px Dotum; background-position:right top; font-weight:bold;} a.button, x:-moz-any-link { font:0/23px Dotum; padding:12px 0; top:1px;} /* Firefox 2 Fix */ a.button, x:-moz-any-link, x:default { padding:0; top:0;} /* Firefox 2 Fix */ /* Control Button + Submit Button */ span.button, span.button button, span.button input {position:relative; top:2px; *top:0; margin:0; display:inline-block; border:0; white-space:nowrap; background:url(/design/image/common/bg_button.gif) no-repeat; vertical-align:middle;} span.button {padding:0; background-position:left top;} span.button button, span.button input {background-position:right top; top:0; *top:-1px; cursor:pointer; left:10px; padding:3px 10px 5px 0; margin-right:3px; *padding-top:1px; font:11px/18px Dotum; font-weight:bold;} /* Color Preset */ a.button.red, a.button.red span, span.button.red, span.button.red button, span.button.red input {color:#e47804;} /* Offset Debug */ a.button, span.button{margin-right:7px; margin-top:5px;} /***************************************************************** * @import url(/design/css/data.css); *****************************************************************/ h3{margin:0px 0 5px 0; font-size:140%; color:#444;} h3 span{font-size:70%!important; font-weight:normal;} h4{background:url(/design/image/common/bu_h4.gif) no-repeat left 1px; height:16px; padding-left:17px; margin-bottom:10px; font-size:100%; font-weight:bold;} h5{background:url(/design/image/common/bu_h5.gif) no-repeat left 3px; padding-left:12px; margin-bottom:10px; font-size:100%;} .history{text-align:right; color:#818181; font-size:85%; margin:10px 0 15px 0;} .history a{color:#818181;} .ex{background:#f9f9f9; font-size:85%; color:#818181; padding:5px 7px;} .tab{background:#fff url(/design/image/common/bg_tab.gif) no-repeat left bottom; font-size:85%; height:30px; margin-bottom:25px; font-weight:bold;} .tab li a:hover{text-decoration:none; color:#444;} .tab li{float:left; background:url(/design/image/common/btn_tab.gif) no-repeat right 1px; padding:13px 9px 1px 0; margin-left:-1px;} .tab li a{color:#666; background:url(/design/image/common/btn_tab.gif) no-repeat left 2px; padding:14px 0 17px 10px; position:relative; top:-2px; *top:0; _top:-1px;} .tab .over{float:left; background:url(/design/image/common/btn_tab_r.gif) no-repeat right 1px; padding:13px 9px 2px 0;} .tab .over a{color:#444; background:url(/design/image/common/btn_tab_r.gif) no-repeat left 1px; padding:11px 0 7px 10px; *padding:11px 0 18px 10px; _padding-bottom:19px; position:relative; top:-4px; *top:-2px; _top:-3px;} .deth6{text-align:right; margin:-20px 0 20px 0;} .cmenu{border:1px #bed4e6 solid; background:#deeffd; padding:3px; margin-bottom:30px;} .cmenu .in{border:1px #bed4e6 solid; background:#fff;} .cmenu .in .title{border:1px #fff solid; border-bottom:1px #bed4e6 solid; padding:3px 10px 4px 10px; background:url(/design/image/common/bg_cmenu.gif) repeat-x; font-weight:bold; color:#818181;} .cmenu .in .title strong{color:#f67a38;} .cmenu .in ul{clear:both; margin:10px 15px 0 15px; padding-bottom:10px; overflow:hidden;} .cmenu .in ul li{background:url(/design/image/common/bu_cmenu.gif) no-repeat left 5px; padding-left:10px; width:210px!important; float:left;} .cmenu .in ul li strong{color:#3179bc;} .bu li,.ro{background:url(/design/image/common/bu_o.gif) no-repeat left 5px; padding-left:10px; margin-left:15px;} .bu .cbbs{margin-left:-15px!important; margin-top:10px;} .bu .cbbss{margin-left:-15px!important; margin-top:10px;} .bu_e{margin-left:-15px!important;} .bun li{background:url(/design/image/common/bu_nave.gif) no-repeat left 7px; padding-left:10px; margin-left:15px;} .ao{margin-left:15px;} .box{background:url(/design/image/common/bg_box.gif) no-repeat; padding-top:10px; margin:20px 0 10px 0; clear:both;} .box .in{background:url(/design/image/common/bg_box.gif) no-repeat bottom; padding:0 10px 10px 10px;} .box .in dt{float:left;} .box .in dd{width:580px; padding:8px 0;} .box .in .par{margin-right:90px; padding:7px 0; *padding:3px 0;} .box .in .par .input_text{margin-top:4px;} .box .in .pbtn{position:relative; top:-10px; *top:0; margin:-40px 0 0 0; *margin:-55px 0 0 0;} .rbox{background:url(/design/image/common/bg_rbox.gif) no-repeat; padding-top:10px; clear:both; margin:5px 0;} .rbox .in{background:url(/design/image/common/bg_rbox.gif) no-repeat bottom; padding:0 10px 20px 10px; display:inline-block;} .linebg{background:url(/design/image/oper/img_10.gif) no-repeat; padding-top:10px;} .rbox .in ul{margin:8px 0 23px 0;} .rbox .in ul li{background:url(/design/image/common/bu_hr.gif) no-repeat left 6px; padding-left:10px; width:500px; float:right; margin:3px 0;} .rbox .in ol{margin-left:160px;} .gbox{background:#f9f9f9; border:1px #ddd solid; padding:5px;} .line{border-bottom:1px #ddd solid; padding:7px;} .linebg{background:url(/design/image/oper/img_10.gif) no-repeat; padding-top:19px;} .line .tag{width:635px;} .line .btn{position:relative; margin-top:-3px;} .dline{background:url(/design/image/common/bg_line.gif) repeat-x left top; padding-top:10px; margin:10px 0;} .dline .in{background:url(/design/image/common/bg_line.gif) repeat-x left bottom; padding-bottom:10px;} .month{font-weight:bold; font-size:180%; font-family:Tahoma; text-align:center;} .month img{margin-top:3px;} .month strong{color:#3ea2e0;} .calendar{border:1px #ddd solid; margin:5px 0;} .calendar th,.calendar td{border:1px #ddd solid; font-weight:bold;} .calendar th{background:url(/design/image/common/bg_calendar.gif) repeat-x; color:#fff; padding:3px; text-align:center;} .calendar td{width:90px; height:70px; text-align:left; vertical-align:top; padding:3px; color:#999;} .calendar .data{background:#f5f5f5;} .calendar .data span{font-weight:normal; color:#666; font-size:85%; width:73px; float:right;} .sun{color:#ff3b3b!important;} .sat{color:#2aa8dc!important;} .result{width:547px; float:left;} .poll{border:1px #ddd solid; background:#fff; padding:1px; margin:5px 0 3px 0;} .poll dt{background:#f5f5f5; padding:10px; font-weight:bold; color:#333; margin-bottom:10px;} .poll dt .result{width:515px;} .poll dt .gry{font-weight:normal;} .poll dd{clear:both; padding:3px 10px;} .poll .end{background:#f5f5f5; padding:10px; margin-top:10px;} .poll .end .result{width:520px; font-size:85%; padding-top:5px; color:#818181;} .poll dd .f_left{margin-right:10px; width:120px;} .poll .chart{width:510px; background: url(/design/image/common/bg_poll.gif) repeat-x; float:left; margin-right:10px; text-align:right;} .poll .chart img{height:12px;} /* info */ .img{border:1px #ddd solid; padding:0;} .notice{margin:10px 0 20px 0;} .notice .img{margin:0 10px 5px 0;} .notice dl{font-size:90%; margin:0 0 5px 0;} .notice dl dt{font-weight:bold;} .notice dl dt img{margin-top:-2px;} .notice dl .gry{font-size:100%!important;} .contri{background:url(/design/image/common/bu_dot.gif) repeat-x bottom; padding-bottom:15px; margin-bottom:15px!important;} .pn dl{float:left; margin:0!important;} .pn .img{margin-bottom:5px;} .pn dl dt,.pn dl dd{text-align:center; width:110px; } .notice .gbox{background:#f5f5f5; padding:9px 3px 3px 3px; margin-bottom:10px; _margin-bottom:15px; height:70px;} #webzine{background:url(/design/image/info/bg_webzine.gif) no-repeat bottom; padding:25px 20px 25px 40px; height:355px; margin-bottom:20px;} #webzine .img{border:1px #ddd solid; float:left; margin-right:20px;} #webzine h4{margin-bottom:30px;} #webzine dl dt{font-weight:bold; color:#444;} #webzine dl dd{color:#818181;} #webzine .btn{position:absolute; top:520px; left:735px;} #pass{text-align:center; border-top:2px #ddd solid; border-bottom:1px #ddd solid; padding:10px 0; height:150px; overflow:hidden; margin-bottom:5px;} #pass dl{ float:left; margin:0 15px;} #pass dl dt img{border:1px #ddd solid;} .media{height:435px; padding:0 10px 10px 0;} .media .img{margin:10px; float:left; width:320px;} .media div{float:right; width:270px;} .media div dl dt{*width:70px!important;} .media div dl dd{*width:190px!important;} .media div pre{clear:both; width:270px; height:325px; float:right; margin:5px 0 0 5px; padding:5px; overflow:auto;} .nanumi dt{clear:both; float:left; width:165px;} .nanumi dd{background:url(/design/image/info/bg_text03.gif) no-repeat right bottom; padding-bottom:10px; float:right; width:543px;} .nanumi dd p{background:url(/design/image/info/bg_text03.gif) no-repeat right top; padding:10px 10px 0 20px;} .nanumi .etc{padding:20px 10px 10px 20px;} .mult{height:200px; overflow-y:auto; margin:10px;} /* Intro */ .origin{margin-bottom:15px; margin-top:10px; width:540px; float:right;} .origin dt{float:left; width:100px; color:#16b5c7; } .origin dd{width:440px; float:right;} .work{padding:0 0 17px 166px; margin-bottom:10px; background:url(/design/image/common/bu_l.gif) repeat-x left bottom;} .work ul li{background:url(/design/image/common/bu_hr.gif) no-repeat left 5px; padding-left:10px;} .part{font-weight:bold; color:#fff; margin-bottom:5px; width:250px; *width:260px; float:right;} .part p{text-align:right; padding:2px 5px;} .part form{float:left; margin-top:-7px; margin-right:5px;} .part form input{position:relative; top:7px; *left:-8px;} .apart{width:262px!important; *width:275px!important;} .dpart{width:270px!important; *width:270px!important;} .tagsearch{background:url(/design/image/common/bg_tagsearch.gif) no-repeat; padding:7px 20px 20px 50px;} .tagsearch dl{float:left;} .tagsearch dt,.tagsearch dd{float:left; margin-right:5px;} .tagsearch .btn{_margin-top:6px;} *:first-child+html .tagsearch{margin-top:4px;} .map dt{float:left; width:80px; background:url(/design/image/common/bu_round.gif) no-repeat left 5px; padding-left:10px; color:#444; font-weight:bold;} /* Oper */ #greetings{background:url(/design/image/oper/bg_greetings.gif) no-repeat right top; padding:25px 280px 25px 25px} .sign{margin-left:25px; width:500px;} .schol{width:380px;} .schol dt{width:60px;} .schol dd{width:290px;} .brief{clear:both; margin-top:40px; width:312px; float:left; text-align:center; } .brief_d{width:395px;margin-left:3px; float:left;} .bu li{background:url(/design/image/common/bu_o.gif) no-repeat left 5px; padding-left:10px; margin-bottom:5px;} .bu li ul li{background:url(/design/image/common/bu_nave.gif) no-repeat left 7px; margin:0;} .roster{float:left; margin:0 10px 40px 10px;} .roster p{background:url(/design/image/oper/bg_pic.gif) no-repeat; padding:18px 23px;} .roster p img{border:1px #ddd solid; padding:0;} .roster h4{margin-left:30px; width:100px;} .roster .bu{margin-left:15px;} .announce{width:215px; padding:15px 0 0 0; margin:0 10px; _margin:0 5px; background:url(/design/image/oper/bg_announce.gif) no-repeat; float:left;} .announce .in{background:url(/design/image/oper/bg_announce.gif) no-repeat left bottom; padding-bottom:35px;} .announce .in h4{background:url(/design/image/oper/bg_anno.gif) no-repeat 30px bottom; padding:10px 10px 10px 0; text-align:center;} .announce .bu{margin-left:15px;} .announce .bu li{padding-left:15px;} .announce .non{padding-bottom:15px!important; _padding-bottom:10px!important; height:40px;} .statement{background:url(/design/image/oper/img_08.gif) no-repeat; padding:20px 10px 50px 200px;} .qna{border:1px #ddd solid; border-top:1px #83bbce solid; border-bottom:0;} .qna dt{background:#ebf4f7 url(/design/image/oper/ico_q.gif) no-repeat 5px 8px; border-bottom:1px #ddd solid; padding:5px 10px 5px 20px; font-weight:bold; color:#4c8ea8;} .qna dd{padding:5px 10px 5px 20px; background:url(/design/image/oper/ico_a.gif) no-repeat 5px 8px; border-bottom:1px #ddd solid;} .form{background:url(/design/image/oper/bg_form.gif) no-repeat; padding:120px 45px 80px 45px;} /* Biz */ .hrd{width:230px; float:left; text-align:center;} .year{background:url(/design/image/biz/bg_year.gif) no-repeat top;} .year p{text-align:center; padding-top:15px;} .year img{margin:5px;} .challenger{float:right; width:520px;} .challenger .cbbs{margin:0 0 5px 0; left:16px; position:relative;} .challenger .cbbss{margin:0 0 5px 0; left:16px; position:relative;} /* Service */ .viewer{margin-bottom:15px;} .viewer dt{clear:both; float:left; margin-right:10px; text-align:center;} .viewer dd{padding:10px 0;} .viewer .etc{padding:5px 0;} .sitemap{border:1px #ddd solid; display:inline-block; margin-bottom:20px; padding-bottom:10px;} .sitemap ul{margin:0 15px; float:left; display:inline;} .sitemap ul li{float:left; width:135px;} .sitemap ul li ul{margin:5px 0 0 0;} .sitemap ul li ul li{color:#818181; clear:both; font-size:85%; background:url(/design/image/common/bu_g.gif) no-repeat left 5px; padding-left:10px; margin-bottom:5px;} .sitemap ul li ul li a{color:#818181;} .bbox{background:#f8fbfd; border:1px #deecf4 solid; padding:15px 10px 10px 10px; color:#818181; font-size:90%; margin:5px 0;} .bbox .btn{top:-2px!important;} .right .input_text{position:relative; top:-5px!important; *top:3px!important;} .ggb{padding:5px 20px!important;} /* Etc */ .long{width:520px!important;} .mlong{width:503px!important;} .lmid{width:300px!important;} .mmid{width:200px!important;} .smid{width:150px!important;} .mid{width:80px!important;} .num{width:50px!important;} .addr{width:300px;!important;} .hetc{padding-bottom:5px!important;} /* Popup */ #popup{background:#e0e0e0; padding:0 3px 3px 0; position:absolute;} #popup #pop{border:3px #b1b1b1 solid; background:#fff;} #popup #pop h1{background:url(/design/image/common/bg_poph1.gif) no-repeat; color:#fff; font-size:100%; padding:5px 10px;} #popup #pop .close{position:absolute; right:10px; top:9px;} #popup #pop #content{margin:10px; font-size:90%;} #popup #pop #content select,#popup #pop #content input{font-size:100%;} #popup #pop #content h2{background:url(/design/image/common/bu_r.gif) no-repeat left 10px; padding-left:10px;} #popup #pop #content textarea{width:98%;} #popup #pop #content .gbox{background:#f4f4f4; padding:5px 10px; margin-bottom:5px; color:#666;} #popup #pop #content .lbox{border:1px #ddd solid; padding:10px;} #popup #pop #content .lbox dt{float:left; font-weight:bold; color:#666; width:80px; text-align:left; background:url(/design/image/common/bu_round.gif) no-repeat left 4px; padding-left:10px;} #popup #pop #content .lbox dd{text-align:left;} /* HRD Popup */ #hrd{border-bottom:2px #3cafd0 solid; background:url(/design/image/biz/bg_pop.gif) no-repeat left top; padding:10px; width:570px;} #hrd h1{margin:0 0 28px 20px;} #hrd h2{background:url(/design/image/common/bu_h4.gif) no-repeat left 2px; padding-left:17px; margin-bottom:10px; font-size:100%; font-weight:bold; font-variant:small-caps;} #hrd .gbox{background:#f5f5f5; padding:10px;} #hrd .gbox .center{margin-left:60px; text-align:left!important;} #hrd .gbox dl dt{clear:both; width:100px; float:left; font-weight:bold; color:#818181; font-size:85%; padding:4px; background:url(/design/image/common/bu_bdot.gif) no-repeat left 9px;} #hrd .gbox .button{margin:0px;} #hrd .go{margin-left:20px;} #hrd .write dl dt{font-variant:small-caps; line-height:1.3;} #hrd .write dl dd{width:395px!important;} #hrd .write .img{margin:0 0 7px 0;} #hrd .write .long{width:345px!important;} #hrd .write .mlong{width:325px!important;} #hrd .write .pic{width:295px; float:left;} #hrd .write table{width:360px;} #hrd .write table th{font-weight:normal;} #hrd p{padding:10px;} /***************************************************************** * @import url(/design/css/main.css); *****************************************************************/ .m_info{background:url(/design/image/main/bg_info.jpg) no-repeat; padding:13px 5px 0 5px; height:145px; font-size:90%; margin:-3px 0; -margin:-2px 0 -16px 0;} .m_info .develop{float:left; width:184px; height:146px; padding-left:4px; margin-top:-3px; .margin-top:-6px;} .m_info .develop dl{padding-top:2px;} .m_info .develop dl dt{padding-bottom:14px; .padding-bottom:10px;} .develop dd{float:left; padding-right:6px; padding-bottom:4px;} .m_info li{clear:both; float:left; width:118px; padding:3px 5px 2px 5px; _padding:4px 5px 3px 5px;} .m_info li img{position:relative; top:-1px;} .m_info li span,.m_info li span a:hover,.m_info li strong a{color:#7b95f7!important;} .m_info li a{color:#818181;} .m_info .img{position:relative; margin-top:-10px; *margin-top:-9px; _margin-top:-143px; left:6px; _left:135px; border:0;} *:first-child+html .m_info .img{margin-top:-10px;} .m_notice{background:url(/design/image/main/bg_guide.gif) no-repeat; height:159px; margin-top:8px; _margin-top:16px;} .m_notice .menu{width:126px; padding:5px 10px 4px 9px; .padding:7px 10px 2px 9px; float:left;} .m_notice .menu dl,.m_notice .menu ul{height:134px;} .m_notice .menu dl dt{margin-bottom:13px;} .m_notice .menu dl dd{background:url(/design/image/main/bu_notice.gif) no-repeat left 7px; padding-left:10px;} .m_notice .menu dl dd,.m_notice .menu ul li{margin-top:-7px; font-size:90%; color:#818181; line-height:24px;} .m_notice .menu dl dd strong,.m_notice .menu ul li strong{color:#555; text-decoration:underline;} .m_notice .menu select{width:105px;} .m_notice .menu .right{margin-right:2px; *margin-top:-2px; _margin-top:0px;} .m_notice .list{float:right; width:427px; height:150px; padding:7px 5px 4px 5px; margin-right:3px;} .m_notice .list h3{background:url(/design/image/main/h3_bu.gif) no-repeat left 4px; padding-left:10px; font-size:90%; margin-bottom:16px; color:#555;} .m_notice .list h3 .gry{font-size:95%!important;} .m_notice .list ul{clear:both;} .m_notice .list ul li{background:url(/design/image/main/bu_notice01.gif) no-repeat left 5px; .background:url(/design/image/main/bu_notice01.gif) no-repeat left 8px; height:24px; .height:23px; padding-left:10px; } .m_notice .list ul li span{width:330px; float:left;} .m_notice .list ul li .gry{float:right; width:60px; margin-top:-2px; .margin-top:0px;} .m_notice .list03{float:right; width:427px; height:186px; padding:0px 5px 4px 5px; margin-right:3px; margin-top:-9px; .margin-top:7px;} .m_notice .list03 h3{background:url(/design/image/main/h3_bu.gif) no-repeat left 4px; padding-left:10px; font-size:90%; margin-bottom:16px; color:#555;} .m_notice .list03 h3 .gry{font-size:95%!important;} .m_notice .list03 ul{clear:both;} .m_notice .list03 ul li{background:url(/design/image/main/bu_notice01.gif) no-repeat left 5px; .background:url(/design/image/main/bu_notice01.gif) no-repeat left 8px; height:24px; padding-left:10px;} .m_notice .list03 ul li span{width:330px; float:left;} .m_notice .list03 ul li .gry{float:right; width:60px; margin-top:-1px;} .m_notice02{background:url(/design/image/main/bg_guide02.gif) no-repeat; height:137px; margin-top:8px; _margin-top:6px;} .m_notice02 .menu{width:126px; padding:5px 10px 4px 9px; .padding:7px 10px 4px 9px; float:left;} .m_notice02 .menu dl,.m_notice .menu ul{height:112px;} .m_notice02 .menu dl dt{margin-bottom:13px;} .m_notice02 .menu dl dd{background:url(/design/image/main/bu_notice.gif) no-repeat left 7px; padding-left:10px;} .m_notice02 .menu dl dd,.m_notice .menu ul li{margin-top:-7px; font-size:90%; color:#818181; line-height:24px;} .m_notice02 .menu dl dd strong,.m_notice .menu ul li strong{color:#555; text-decoration:underline;} .m_notice02 .menu select{width:105px;} .m_notice02 .menu .right{margin-right:2px; *margin-top:-2px; _margin-top:-1px;} .m_notice02 .list{float:right; width:427px; height:150px; padding:7px 5px 4px 5px; margin-right:3px;} .m_notice02 .list h3{background:url(/design/image/main/h3_bu.gif) no-repeat left 4px; padding-left:10px; font-size:90%; margin-bottom:16px; color:#555;} .m_notice02 .list h3 .gry{font-size:95%!important;} .m_notice02 .list ul{clear:both; width:330px} .m_notice02 .list ul li{background:url(/design/image/main/bu_notice01.gif) no-repeat 0 5px; .background:url(/design/image/main/bu_notice01.gif) no-repeat 0 8px; height:24px; padding-left:10px;} .m_notice02 .list ul li span{width:350px; float:left;} .m_notice02 .list ul li .gry{float:right; margin-top:-2px; .margin-top:1px; width:60px; height:20px;} /*.m_notice02 .list ul li .gry{width:60px; margin-top:-4px;}*/ .m_notice02 .hrd{clear:both; padding:7px 0px; width:580px; text-align:left;} .m_notice02 .hrd dt{width:140px; float:left; padding-left:10px;} .m_notice02 .list .bizphoto{clear:both; float:left; text-align:center; font-size:90%; line-height:1.2; width:85px; height: 88px; word-wrap:break-word; overflow-y:hidden;} .m_notice02 .list .photo{clear:both; float:left; text-align:center; font-size:90%; line-height:1.2; width:90px; word-break:keep-all;} .m_notice02 .list .bizphoto img,.m_notice .list .photo img{margin-bottom:5px; border:1px #ddd solid;} .m_guide .list ul li span{width:250px;} .m_blog{background:url(/design/image/main/bg_blog.gif) no-repeat; height:186px; _margin-top:-16px;} .m_blog .menu dl{height:161px;} .m_blog .menu .right{margin-right:2px; .margin-top:-2px;} .m_blog .btag{clear:both; padding-top:6px; _padding-top:5px; margin-left:-12px;} .m_blog .btag dt{float:left; padding-left:15px; padding-top:1px; .padding-top:2px;} .m_blog .btag dd{background:url(/design/image/common/ico_gnb.gif) no-repeat right; float:left; padding-right:15px; margin-left:15px;} .m_blog .btag dd a{color:#3d9fcf;} .m_blog .data{float:right; width:320px; margin-bottom:10px; *margin-bottom:5px;} .m_briefing{background:url(/design/image/main/bg_briefing.gif) no-repeat; margin-top:8px; _margin-top:-3px; padding:9px 20px 12px 20px; height:15px;} .m_briefing dt{display:inline; width:350px; font-size:90%; padding-left:10px;} .m_briefing dd{float:right; margin-right:-12px; _margin-right:-6px; *margin-top:-17px; _margin-top:-14px;} .popupzone{position:relative;z-index:1; background:url(/design/image/main/popzon_back.gif) no-repeat; height:155px;} .popupzone .immg{position:absolute; top:5px; left:4px; text-align:left;} .popupzone p{position:absolute; top:140px; left:605px; text-align:left; width:300px;} .popupzone .go-btn{position:absolute; top:135px; left:240px} .popupzone #popBn1{position:absolute; top:136px; left:10px} .popupzone #popBn2{position:absolute; top:136px; left:25px} .popupzone #popBn3{position:absolute; top:136px; left:40px} .popupzone #popBn4{position:absolute; top:136px; left:55px} .popupzone #popBn5{position:absolute; top:136px; left:70px} .popupzone #popBn6{position:absolute; top:136px; left:85px} .example{border:1px #c1c5ce solid; padding:4px; margin-top:8px; .margin-top:4px; height:148px;} .example h3{background:url(/design/image/main/bg_h3.gif) repeat-x bottom; padding:3px 0; height:27px;} .example ul{clear:both; margin-left:5px; margin-top:9px;} .example ul li{height:21px;} .example ul li .rank{float: left; width: 20px; margin-top: 2px;} .example ul li .tit{width: 250px; float:left;} .morgue{clear:both; position:relative; width:304px; height:138px; margin-top:9px;} .morgue ul{border-bottom:1px #c0c4cd solid; height:23px; padding-bottom:4px; _padding-bottom:0; _border-bottom:0;} .morgue ul li{float:left; width:82px; text-align:center; border:1px #c0c4cd solid; border-bottom:0; padding:5px 8px 5px 8px; margin-right:1px; background:#fff} .morgue ul .over{background:#f5f5f5; border-bottom:1px #c0c4cd solid; width:82px; padding-bottom:5px; font-weight:bold;} .morgue ul .over div{font-weight:normal!important} .morgue ul .over .p p{text-align:left!important} .morgue .list p{margin-bottom:5px; padding-bottom:5px; _margin-bottom:7px; background:url(/design/image/common/bg_line.gif) repeat-x bottom;} .morgue .list{clear:both; border:1px #c0c4cd solid; border-top:0; _border-top:1px #d1d1d1 solid; padding:10px; _padding-bottom:5px; height:88px; _height:59px; _z-index:-1; position:relative; _margin-top:-5px; background:#fff;} .morgue .list .img{margin-right:10px;} .morgue .list .subject{padding-top:10px; background:url();} .slist{border:1px #c0c4cd solid; border-top:0; _border-top:1px #c0c4cd solid; _z-index:1; padding:10px; _padding:5px; width:282px !important; _width:290px !important; height:88px; position:absolute;top:28px; _top:27px; left:0; background:#fff;} .slist .f_left ul{float:left!important; width:100px; padding-left:12px; border-bottom:0;} .slist ul li{border:0; background:url(/design/image/main/bu_notice01.gif) no-repeat 0 9px; .background:url(/design/image/main/bu_notice01.gif) no-repeat 0 8px; text-align:left; float:left; width:165px; border-bottom:0; padding:2px 9px 2px 9px; margin-right:1px; font-size:90%;} .slist ul li span{width:160px; float:left;} .slist .p{height: 17px; margin-bottom:5px; padding-bottom:5px; _margin-bottom:6px; background:url(/design/image/common/bg_line.gif) repeat-x bottom;} .slist .p p{float: left;width:230px;overflow:hidden;height:19px;} .slist .bizphoto{float:left; text-align:center; font-size:90%; line-height:1.2; width:85px; word-wrap:break-word; overflow-y:hidden;} .slist .bizphoto img{margin-bottom:5px; border:1px #ddd solid;} .m_poll{border:1px #c0c4cd solid; padding:5px; margin:8px 0 7px 0; background:url(/design/image/main/bg_poll.gif) no-repeat left bottom;} .m_poll h3{background:url(/design/image/main/bg_h3.gif) repeat-x bottom; padding-bottom:4px;} .m_poll ul{margin-left:35px; height:72px; overflow-y:auto;} .m_poll ul li{background:url(/design/image/main/ico_q.gif) no-repeat; padding:0 0 3px 20px; font-size:95%;} .pool{margin-bottom:6px; *margin-bottom:7px; _margin-bottom:5px;} *:first-child+html .poll{margin-bottom:5px;} .banner img{float:left; margin-bottom:7px; _margin-bottom:6px; *margin-bottom:8px;} .banner .banner_right{float:right;} *:first-child+html .banner img{margin-bottom:7px;} #main_bottom ul{} #main_bottom ul li{display:inline; .padding-right:2px;} #main_bottom .in{border:1px #c0c4cd solid; border-top:0; padding:10px 12px 20px 11px; _margin-top:25px; display:inline-block;} #main_bottom .in .link{border-right:1px #c0c4cd solid; width:135px; _width:133px; margin-left:10px; float:left;} *:first-child+html #main_bottom .in .link{width:133px;} #main_bottom .in .link h3{font-size:90%; padding:5px 0;} #main_bottom .in .link ul{background:url();} #main_bottom .in .link ul li{display:block; background:url(/design/image/common/bu_g.gif) no-repeat left 7px; padding-left:10px;} #main_bottom .in .link ul li ul li{font-size:85%; background:url(/design/image/common/bu_dot.gif) no-repeat left 5px; padding-left:7px; margin-left:4px;} #main_bottom .in .link ul li ul a{color:#818181;} #main_bottom .bgclear{border:0!important;} #main_bottom .cus{position:relative; left:10px;} #foldOn{position:absolute; top:10px; left:510px; font-size:85%; color:#818181;} #foldOff{position:absolute; top:10px; left:510px; font-size:85%; color:#818181;} #link01 .link{height:200px; width:427px!important; _width:405px!important;} #link01 .link ul{width:170px;} #link02 .link{height:350px; width:164px!important; _width:162px!important;} #link02 .link h3{height:30px;} #link02 .link ul{height:150px;} #link03 .link{height:510px;} .relation{background:url(/design/image/main/bg_relation.gif) repeat-x; padding:9px 0; margin-top:15px; height:59px;} .relation div{width:856px; height:59px; overflow:hidden; float:left;} .relation img{margin:0 1px;} .relation .btn{margin-top:-13px; .margin-top:-10px; float:left;} #copyright{top:20px;} /***************************************************************** * @import url(/design/css/error.css); *****************************************************************/ /* Error */ .error{margin:50px auto; width:700px;} .error h1{border-bottom:4px #014f9a solid; padding:10px 0; margin-bottom:30px;} .error h2{font-size:140%;} .error .data{width:540px; padding:0 10px; float:right;} .error .copyright{border-top:1px #014f9a solid; margin-top:30px; padding:10px 0; color:#818181; font-size:85%; text-align:center;} /***************************************************************** * @import url(/design/css/autocomplete/jquery.autocomplete.css); *****************************************************************/ .ac_results { padding: 0px; border: 1px solid #ddd; background-color: Window; overflow: hidden; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results iframe { display:none;/*sorry for IE5*/ display/**/:block;/*sorry for IE5*/ position:absolute; top:0; left:0; z-index:-1; filter:mask(); width:3000px; height:3000px; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: pointer; display: block; width: 100%; font: menu; font-size: 12px; overflow: hidden; } .ac_loading { background : Window url('./indicator.gif') right center no-repeat; } .ac_over { background-color: #e7e7e7; color: #444444; } /***************************************************************** * @import skysoft mk 2010.06.09 add *****************************************************************/ .menu h2 { height:22px } .menu .category { overflow:auto; padding-top:10px; width:100% } #jump_notice .category { height:102px } #jump_work .category { height:88px; padding:0 } #jump_jisoNtc .category { height:127px } #jump_notice .category,#jump_work .category,#jump_jisoNtc .category { position:relative; left:3px } #jump_notice .menu ul,#jump_work .menu ul,#jump_jisoNtc .menu ul {padding-top:10px; margin:0; height:auto; margin-bottom:10px } .menu ul li { background:url("/design/image/main/bu_notice.gif") 0 7px no-repeat; padding-left:10px } /* 20140605 異�� */ .info_department {overflow:hidden; padding-bottom:5px} .info_department a {float:left; padding-top:7px} .info_department span {float:right; width:500px} /* 20160602異�� */ /*寃쎌�怨듭� 媛���쇰� 異����css*/ h4.ST_h4 {clear: both; background:url(../image/oper/bu_h4.gif) no-repeat left 2px; line-height:16px; height:16px; padding-left:17px; margin-bottom:10px; font-family:'Nanum Gothic'; font-size:15px; font-weight:bold;} ul.banner { display: block; float: right;} ul.banner li {float:left; margin-left:10px; } /*寃쎌�怨듭� 紐⑹감 20160602*/ .management_info {margin-top:30px; } .management_info .section {position:relative; width: 100%; margin-bottom: 30px;} .management_info .section .notice-title {display: table-cell; box-sizing: border-box; width:130px; padding-right: 30px; vertical-align: middle; text-align: center; font-family:'Nanum Gothic'; font-size:14px; letter-spacing: -1px;} .management_info .section .blue {background: url(../image/oper/management_circle01.png) no-repeat left center; font-weight:bold; color:#007dce; } .management_info .section .blue2 {background: url(../image/oper/management_circle02.png) no-repeat left center; font-weight:bold; color:#127694; } .management_info .section .notice-title:before {content: " "; display: block; position: absolute;top: 50%; left: 100px; width: 29px; border: 1px solid #b4d7eb;} .management_info .section .list {display:table-cell; box-sizing: border-box; border: 1px solid #e2e2e2;} .management_info .section .list .inner {overflow: hidden; display: table; width:568px; height: 100%; } .management_info .section .list .inner > ul {display: table-cell; box-sizing: border-box; height: 100px; padding: 20px 0 20px 15px; } .management_info .section .list .inner > ul li {overflow:hidden; display:inline-block; width:47%; height:22px; line-height:22px; background: url(../image/oper/bu_o.gif) left 8px no-repeat; padding:0 0 0 12px; } .management_info .section .list .inner > ul li a {color:#666; font-family:Dotum; } .management_info .section .list .inner > ul li a:hover {text-decoration:none; color:#0a81c4;} .management_info .section .list .inner > ul li img {margin-left:8px; margin-bottom: 4px; vertical-align: middle;} .bullet_line {font-family:'Nanum Gothic'; margin:5px 0; padding-left:16px; line-height:22px; background:url(../image/oper/bullet_line.gif) no-repeat 5px 12px; } /*寃쎌�怨듭� ���由ъ���20160602*/ .BoxList {border:1px #bed4e6 solid;background:#deeffd;padding:3px;margin-bottom:30px;} .BoxList .inLine {border:1px #bed4e6 solid;background:#fff;} .BoxList .inLine .title {border:1px #fff solid;border-bottom:1px #bed4e6 solid;padding:3px 10px 4px 10px;background:url(../image/oper/bg_cmenu.gif) repeat-x;font-weight:bold;color:#818181;} .BoxList .inLine .title strong {color:#f67a38;} .BoxList .inLine ul {clear:both; margin:10px 15px 0 15px; padding-bottom:10px; overflow:hidden;} .BoxList .inLine ul li {float:left; background:url(../image/oper/bu_cmenu.gif) no-repeat left 8px; font-family:Dotum; line-height:24px; height:24px; padding-left:10px; width:48%;} .BoxList .inLine ul li img {margin-left:8px; margin-bottom:2px; vertical-align: middle;} .BoxList .inLine ul li strong {color:#f67a38;} .noConArea { overflow: hidden; height:320px; background: url(../image/oper/noCon_Bg.jpg) right top no-repeat; } .noConArea .Txt_copy { display:block; font-family:'Nanum Gothic'; font-size:18px; color:#6b6b6b; line-height:30px; width:375px; margin: 60px 0 10px 10px; } .noConArea .Txt_copy2 { display:block; font-family:'Nanum Gothic'; font-size:13px; color:#5e5400; line-height:30px; width:350px; margin: 0px 0 10px 10px; } .noConArea ul.ALIO_banner li {float:left; margin-left:10px; }