@charset "euc-kr"; /*base*/ body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form, fieldset, legend, input, table, caption, tr, th, td, p{margin:0;padding:0;} img, fieldset{border:none;} ul, ol, li{list-style:none;} a{text-decoration:none;font-weight:normal;color:#969696;} a:hover, a:visited, a:active{text-decoration:none;font-weight:normal;color:#00519a;} body{font:13px/140% dotum, "돋움",nanumgothic, "나눔고딕", gulim, "굴림", tahoma, verdana, arial, sans-serif;color:#777;} .bg_box2{clear:both;background:url() no-repeat;height:20px;} /*.bg_box2{clear:both;background:url(/img/bg_box2.gif) no-repeat;height:20px;}*/ input.txt{border:1px solid #999;height:16px;background:#e2e2e2;} #content ul li{position:relative;} /* layout */ body{text-align:center;} /*body{text-align:center;overflow-y:scroll;}*/ /* #wrap{width:960px;margin:0 auto;text-align:left;} #header{width:100%;position:relative;padding-top:10px;width:960px;margin:0 auto;text-align:left;z-index:999;} #container{width:100%;overflow:hidden;padding-bottom:100px;margin-top:30px;background:url(/img/bg_sub_container.gif) no-repeat 195px 10px;} */ #wrap{width:100%;margin:0 auto;padding-top:60px;text-align:left;} #header{width:960px;position:relative;padding-top:10px;width:960px;margin:0 auto;text-align:left;z-index:999;} #container{width:960px;overflow:hidden;padding-bottom:100px;padding-top:20px;margin:0 auto;background:url(/img/bg_sub_container.gif) no-repeat 195px 10px;} #sidebar{width:175px;float:left;} #content{width:730px;float:right;position:relative;} #footer{width:960px;clear:both;padding:10px 0 100px 0;overflow:hidden;border-top:1px solid #e6e6e6;margin:0 auto;background:url(/img/footer_ci_long.gif) no-repeat} #line1{width:650px;clear:both;padding:10px 0 25px 0;overflow:hidden;border-top:1px solid #e6e6e6;margin:0 auto;} /* header */ ul.lnb{position:absolute;top:12px;right:0;display:inline-block;} ul.lnb li.first{float:left;padding:5px;padding-top:10px;font-weight:bold;color:#888;font-size:11px;} ul.lnb li a, ul.lnb li a:hover, ul.lnb li a:active, ul.lnb li a:visited{color:#888;font-weight:bold;} ul.lnb li.international{float:left;width:162px;height:33px;position:relative;font-weight:bold;color:#888;font-size:11px;} ul.lnb li.international a#nav{display:block;height:33px;} ul.lnb li.international a.hover{background:url(/img/bg_lnb1.gif) no-repeat 0 0;} ul.lnb li.international a#nav span{display:block;width:162px;height:20px;position:absolute;top:10px;right:10px;background:url(/img/bg_international.gif) no-repeat 20px 0;text-align:right;} ul.lnb li.international a#nav:hover{background:url(/img/bg_lnb1.gif) no-repeat 0 0;} ul.lnb li.international ul{width:129px;height:76px;position:absolute;top:33px;right:0;z-index:999;background:url(/img/bg_lnb2.gif) no-repeat;} ul.lnb li.international ul li{clear:both;margin-left:20px;width:70%;} ul.lnb li.international ul li span{padding-left:10px;} ul.lnb li.international ul li a{width:100%;display:block;} ul.lnb li.international ul li a:hover{width:100%;background:#00376a;display:block;color:#fff;} ul.gnb{position:absolute;top:45px;right:0;display:inline-block;} ul.gnb li{float:left;} /* ul.gnb{clear:both;width:100%;height:38px;background:url(/img/bg_gnb.gif) repeat-x 0 100%;padding-top:3px;} ul.gnb li{float:left;width:25%;text-align:center;height:26px;background:url(/img/bg_bar_gnb.gif) no-repeat 100% 0;padding-top:12px;font-family:Trebuchet MS;} ul.gnb li a{color:#fff;font-weight:bold;font-size:14px;font-family:Trebuchet MS;} ul.gnb li a:visited, ul.gnb li a:active{color:#fff;font-weight:bold;} ul.gnb li a:hover{text-decoration:underline;} */ /* 새로 추가한 130514 CSS */ /*#header ul.menu {position:absolute;top:45px;right:0;display:inline-block;background:url(/img/mbtn_bg.gif)repeat-x right;}*/ #header ul.menu {position:absolute;top:45px;right:0;display:inline-block;} #header ul.menu li {float:left;} /* #header ul.menu li a {display:block;height:24px;padding-top:8px;} #header ul.menu li a.on {background:url('img/menu_on.gif') repeat-x left top;} #header ul.menu li a:hover {background:url('img/menu_on.gif') repeat-x left top;} */ #header ul.menu li.on ul.smenu {display:block;} #header ul.menu li ul.smenu {display:none;position:absolute;top:45px;left:20px;width:90px;padding:0 13px;background:#fff;border-left:1px solid #bdbdbd;border-right:1px solid #bdbdbd;border-bottom:1px solid #bdbdbd;} #header ul.menu li ul.smenu li {overflow:hidden;float:left;width:auto;height:15px;margin-left:22px;padding:3px 0;} #header ul.menu li ul.smenu li.sta {margin-left:0;} #header ul.menu li ul.smenu li a {overflow:hidden;display:inline-block;height:15px;padding:0;background:none;} #header ul.menu li ul.smenu li a:hover {border:none;} #header ul.menu li ul.smenu li a:hover img {margin-top:-13px;} #header ul.menu li.on ul.smenu1 {display:block;} #header ul.menu li ul.smenu1 {display:none;position:absolute;top:45px;left:20px;width:340px;padding:0 13px;background:#fff;border-left:1px solid #bdbdbd;border-right:1px solid #bdbdbd;border-bottom:1px solid #bdbdbd;} #header ul.menu li ul.smenu1 li {overflow:hidden;float:left;width:auto;height:18px;margin-left:18px;padding:5px 0;} #header ul.menu li ul.smenu1 li.sta {margin-left:0;} #header ul.menu li ul.smenu1 li a {overflow:hidden;display:inline-block;height:15px;padding:0;background:none;} #header ul.menu li ul.smenu1 li a:hover {border:none;} #header ul.menu li ul.smenu1 li a:hover img {margin-top:-15px;} #header ul.menu li.on ul.smenu2 {display:block;} #header ul.menu li ul.smenu2 {display:none;position:absolute;top:45px;left:-220px;width:780px;padding:0 13px;background:#fff;border-left:1px solid #bdbdbd;border-right:1px solid #bdbdbd;border-bottom:1px solid #bdbdbd;} #header ul.menu li ul.smenu2 li {overflow:hidden;float:left;width:auto;height:18px;margin-left:22px;padding:5px 0;} #header ul.menu li ul.smenu2 li.sta {margin-left:0;} #header ul.menu li ul.smenu2 li a {overflow:hidden;display:inline-block;height:15px;padding:0;background:none;} #header ul.menu li ul.smenu2 li a:hover img {margin-top:-15px;} #header ul.menu li.on ul.smenu3 {display:block;} #header ul.menu li ul.smenu3 {display:none;position:absolute;top:45px;left:280px;width:175px;padding:0 13px;background:#fff;border-left:1px solid #bdbdbd;border-right:1px solid #bdbdbd;border-bottom:1px solid #bdbdbd;} #header ul.menu li ul.smenu3 li {overflow:hidden;float:left;width:auto;height:18px;margin-left:18px;padding:5px 0;} #header ul.menu li ul.smenu3 li.sta {margin-left:0;} #header ul.menu li ul.smenu3 li a {overflow:hidden;display:inline-block;height:15px;padding:0;background:none;} #header ul.menu li ul.smenu3 li a:hover {border:none;} #header ul.menu li ul.smenu3 li a:hover img {margin-top:-15px;} #header ul.menu li.on ul.smenu4 {display:block;} #header ul.menu li ul.smenu4 {display:none;position:absolute;top:45px;left:420px;width:175px;padding:0 13px;background:#fff;border-left:1px solid #bdbdbd;border-right:1px solid #bdbdbd;border-bottom:1px solid #bdbdbd;} #header ul.menu li ul.smenu4 li {overflow:hidden;float:left;width:auto;height:18px;margin-left:18px;padding:5px 0;} #header ul.menu li ul.smenu4 li.sta {margin-left:0;} #header ul.menu li ul.smenu4 li a {overflow:hidden;display:inline-block;height:15px;padding:0;background:none;} #header ul.menu li ul.smenu4 li a:hover {border:none;} #header ul.menu li ul.smenu4 li a:hover img {margin-top:-15px;} #header ul.menu li.on ul.smenu5 {display:block;} #header ul.menu li ul.smenu5 {display:none;position:absolute;top:45px;left:550px;width:115px;padding:0 13px;background:#fff;border-left:1px solid #bdbdbd;border-right:1px solid #bdbdbd;border-bottom:1px solid #bdbdbd;} #header ul.menu li ul.smenu5 li {overflow:hidden;float:left;width:auto;height:18px;margin-left:18px;padding:5px 0;} #header ul.menu li ul.smenu5 li.sta {margin-left:0;} #header ul.menu li ul.smenu5 li a {overflow:hidden;display:inline-block;height:15px;padding:0;background:none;} #header ul.menu li ul.smenu5 li a:hover {border:none;} #header ul.menu li ul.smenu5 li a:hover img {margin-top:-15px;} /* 새로 추가한 130514 CSS */ .hand{cursor:pointer; cursor:hand;} .space{padding-left:25px;margin-top:10px;} .space1{padding-left:40px;} .space2{padding-left:-5px;} .space3{padding-left:40px;} .tt{font-weight:bold;color:#014099;} .trw{background-color:#4A82BD;font-weight:bold;color:#888;} p.mundan { margin-top:35px; margin-bottom: 12px; } p.mundan1 { margin-top:35px; padding-left:20px; margin-bottom: 12px; } .tableBorder { border-width:1px; border-color:rgb(204,204,204); border-style:solid; border-collapse:collapse; } /* m13 */ /*#m13_tab_list {padding:75px 10px 10px;background:url('/img/m13_img0.gif') 0 0 no-repeat;display:inline-block;}*/ #m13_tab_list {padding:5px 40px 10px;display:inline-block;} #m13_tab_list li {float:left;display:inline;} /* m14 */ /*#m14_tab_list {padding:75px 10px 10px;background:url('/img/m13_img0.gif') 0 0 no-repeat;display:inline-block;}*/ #m14_tab_list {padding:5px 40px 10px;display:inline-block;} #m14_tab_list li {float:left;display:inline;} /* visual */ /*#visual2{width:100%;height:120px;text-align:center;margin-top:15px;position:relative;z-index:980;} 원래 비쥬얼 백그라운드 있는 소스*/ #visual2{width:100%;height:220px;background:url(/img/s_top1.jpg) no-repeat 50%;background-postion:center;text-align:center;margin-top:15px;position:relative;z-index:980;} #visual18{width:100%;height:220px;background:url(/img/s_top4.jpg) no-repeat 50%;background-postion:center;text-align:center;margin-top:15px;position:relative;z-index:980;} #visual9{width:100%;height:220px;background:url(/img/s_top5.jpg) no-repeat 50%;background-postion:center;text-align:center;margin-top:15px;position:relative;z-index:980;} /*#visual2{background:url(../img/pbg.gif) no-repeat 100% 100%;text-align:center;margin-top:-5px;position:relative;z-index:980;width:100%;height:45px;}*/ /*#wrapper { width: 100%; height: 120px; background: url(/img/nav/pbg.gif) repeat-x left bottom; overflow: visible; margin-bottom: 30px; position: relative; z-index: 2;}*/ /* sidebar */ div#sidebar dl{width:100%;margin-left:7px;font-family:nanumgothic;font-size: 13px;color:#1308a4;display:block;} div#sidebar dt{padding-bottom:8px;border-bottom:1px solid #dedede;text-align:center;} div#sidebar dt img{display:block;} /* div#sidebar dd{height:32px; border-bottom:1px solid #dedede;} */ div#sidebar dd{height:32px;} div#sidebar dd a, div#sidebar dd a:visited{font-family:nanumgothic;font-size: 13px;font-weight:bold;color:#535353;display:block;padding:7px 0;background:url(/img/bg_square.gif) no-repeat 0 50%;} div#sidebar dd a:hover, div#sidebar dd a:active{font-family:nanumgothic;font-size: 13px;font-weight:bold;color:#535353;padding:7px 0;display:block;background:url(/img/bg_snb_arrow.gif) no-repeat 0 50%;} div#sidebar dd.sels span{font-family:nanumgothic;font-size: 13px;color:#1308a4;display:block;background:url(/img/btn_bg.gif) no-repeat 0 80%;} div#sidebar dd span{padding-left:10px;} /* content */ #content h1{color:#000;font:24px/26px tahoma, malgungothic;font-weight:bold;border-bottom:1px solid #dedede;padding-bottom:3px;margin-bottom:50px;height:30px;} #content h5{color:#000;font:24px/26px tahoma, sans-serif;font-weight:bold;border-bottom:1px solid #dedede;padding-bottom:3px;margin-bottom:40px;height:40px;} #content h2{margin-bottom:30px;} #content h3{color:#024ca2;font-weight:bold;font-size:11px;padding-left:10px;background:url(/img/bu_arrow3.gif) no-repeat 0 2px;margin-bottom:10px;} #content h4{color:#333;font-weight:bold;font-size:11px;margin-bottom:10px;} /* #content p.section{width:100%;color:#a5a5a5;font-size:11px;font-weight:bold;border-bottom:1px solid #999;padding-bottom:5px;margin-bottom:50px;margin-top:5px;} */ #content ul.path{font:8px tahoma;overflow:hidden;position:absolute;top:-2px;right:0;} #content ul.path li{float:left;color:#a6a6a6;padding:15px 2px;} /* #content ul.path li.squ{background:url(/img/bu_square1.gif) no-repeat 0 6px;} */ #content ul.path li span{color:#7cb2ff;} /* footer */ #footer div.section1{float:left;width:956px;margin-left:15px;padding:5px 0 100px 0;line-height:18px;color:#444;} #footer div.section1 a{color:#444;} #footer div.section1 img{float:left;padding:3px;} #footer div.section1 address{font-style:normal;} #footer div.section2{float:left;width:956px;margin-left:15px;padding:8px 0 100px 0;} #footer div.section2 img{float:left;} /*#footer div.section2 span.sitemap{color:#878787;height:20px;display:block;text-align:right;padding-right:10px;font-weight:bold;font-size:11px;} #footer div.section2 span.sitemap a{font-weight:bold;color:#878787;}*/ #footer div.section2 ul{float:left;overflow:hidden;} #footer div.section2 ul li{float:left;padding:0 5px;} /* about_gnsk */ /* Ceo_Greeting */ div.section_ceo p{width:89%;margin-bottom:20px;} /*div.section_ceo p.bg{background:url(/img/poem_bg.gif) no-repeat 5px 50%;}*/ div.section_ceo p.poem{width:89%;margin-bottom:20px;margin-left:5px;} div.section_ceo p strong{font-size:18px;font-weight:bold;color:#454545;} div.section_ceo p strong1{font-size:12px;font-weight:bold;color:#e62905;} div.section_ceo p strong2{font-size:20px;font-weight:bold;color:#e62905;} div.section_ceo p line1{background:url(/img/bg_bar1.gif) no-repeat 100% 0;} div.section_ceo p.sign{font-size:18px;font-weight:bold;width:85%;text-align:left;} div.section_area p{width:89%;margin-bottom:20px;margin-left:25px;line-height:22px;} div.section_area p.bg{background:url(/img/poem_bg.gif) no-repeat 5px 50%;} div.section_area p.poem{width:89%;margin-bottom:20px;margin-left:5px;} div.section_area p strong{font-weight:bold;color:#5c5c5c;} div.section_area p.sign{width:85%;text-align:right;} div.section_cp p{width:89%;margin-bottom:20px;margin-left:15px;line-height:22px;} div.section_cp p.bg{background:url(/img/poem_bg.gif) no-repeat 5px 50%;} div.section_cp p.poem{width:89%;margin-bottom:20px;margin-left:5px;} div.section_cp p strong{font-weight:bold;color:#5c5c5c;} div.section_cp p.sign{width:85%;text-align:right;} /* com_map */ div.com_map p{width:100%;} div.com_map p strong{font-weight:bold;color:#5c5c5c;} div.com_map p.bottom{width:100%;text-align:left;margin-left:20px;} /* mapBox */ div.mapBox map{text-align:left;margin-left:5px;} /* History */ div.section_history dl{clear:both;margin-bottom:20px;overflow:hidden;margin-left:100px;} div.section_history dl dt{width:65px;float:left;text-align:center;} div.section_history dl dd{width:390px;float:left;} /* Reference */ div.section_reference table{border-collapse:collapse;margin-bottom:40px;color:#333;} div.section_reference table caption{text-align:left;padding-bottom:15px;} div.section_reference table th{height:25px;text-align:center;background:url(/img/bg_th.gif) repeat-x 0 100%;border:1px solid #336eb4;} div.section_reference table td{padding:7px 0;text-align:left;padding-left:20px;border:1px solid #999;} /* Recruit */ div.section_recruit h2{margin-bottom:10px !important;} #content div.section_recruit h3{color:#4a84b1;font-size:12px;font-weight:bold;padding-left:15px;background:url(/img/bu_arrow4.gif) no-repeat 0 1px;margin-bottom:5px;} div.section_recruit p{margin-bottom:20px;} div.section_recruit p span{color:#000;} div.section_recruit ol{margin:0 0 30px 15px;} div.section_recruit ol li dl dd{margin-left:10px;} div.section_recruit ol li ul li{margin-left:10px;} /* News */ div.section_news dl{width:100%;} div.section_news dl dt{padding:7px 0;padding-left:15px;border-top:1px solid #c0c0c0;border-bottom:1px solid #e2e2e2;background:#e8f5fc;} div.section_news dl dt span{float:right;padding-right:10px;} div.section_news dl dd.con{padding:20px;line-height:20px;} div.section_news dl dd.list{background:#f7f7f7;border-top:1px solid #999;} div.section_news dl dd.list img{vertical-align:middle;} div.section_news dl dd.list span{padding:0 10px;} div.section_news dl dd.list ul li{border-bottom:1px solid #999;padding:7px 0;} div.section_news dl dd.btn{text-align:right;padding-top:10px;background:#fff;} /* Contact_us */ div.section_contact_us div{width:658px;height:377px;position:relative;margin-left:40px;} div.section_contact_us div p.btn{position:absolute;bottom:-21px;right:2px;} div.section_contact_us div p.btn a{float:left;} div.section_contact_us address{margin:30px 0 5px 40px;} div.section_contact_us p.tel{margin-left:40px;} div.section_contact_us dl{margin-left:40px;margin-top:5px;} div.section_contact_us dl dd{padding-left:5px;} /* Sitemap */ div.section_sitemap dl{float:left;margin-right:9px;} div.section_sitemap dl dt{margin-bottom:5px;} div.section_sitemap dl dd ul li{padding:5px 0;padding-left:10px;border-bottom:1px solid #e0e0e0;color:#555;background:url(/img/bu_circle1.gif) no-repeat 2px 50%;} div.section_sitemap dl dd ul li a{color:#555;} div.section_sitemap dl dd ul li a:hover{color:#00519a;}