@charset "euc-kr"; @import url(base.css); @import url(content.css); /* Layout ***********************************************************************/ html, body { margin: 0; padding: 0; width: 100%; height: 100%; } /* #ffffff 색을 지정해서 화면이 깨지는문제해결 */ hr { display: none; } /* 레이아웃구분 */ #container {margin: 0px; padding: 0px; clear: both; float: none; height: 100%; width: 100%; background:#fff url(/structure/kor/img/layout/containerbg.gif) repeat-x;} #wrap {padding: 0; margin: 0px; width: 100%;} #wrap_body {position: relative; padding: 0; margin: auto; width: 960px; } #head_wrap { position: relative; clear: both; width:960px; margin:auto; height: 160px; z-index:4;} #toplogo {position: absolute; left: 0px; top:56px;} #other_home{position: absolute; left: 0px; top:0px;} #other_home ul li{float:left;} #sns {float:right; } #sns ul li{float:left; padding:5px 0 0 3px} #topmenu_box {position: absolute; top:115px; left:0px; width:960px; height:45px;} #topquick {position: absolute; top:82px; right:0;} #topquick ul li {float:left; background:url(/structure/kor/layout/topquick_bul.gif) no-repeat 0px 6px; padding:0px 10px 0 5px;} #allview {position: absolute; top:109px;left:820px; z-index:4;} #allviewOn {display:none; position: absolute; top:155px; left:0; height:370px; width:100%; background:#505050;} #body_wrap {position: relative; height: auto; width:960px; margin:auto; z-index:3;background:#fff url(/structure/kor/img/layout/bodywrapbg.gif) repeat-y top center;} #body_wrap.main { background:#fff url(/structure/kor/img/layout/mbodywrapbg.gif) repeat-y top center;} /*메인 페이지*/ #mc1 {position:relative;left:30px;top:25px; width:530px; margin:0 ;} #mc2 {position:relative;left:30px; width:530px; padding:0; margin:30px 0;min-height:350px;} #mc2 .newtitle {margin:30px 0 0px; } #mc2 dl.main {} #mc2 dl.main dt {color:#8f705a; font-weight:bold; font-size:14px; padding:2px 0 5px; display:block;} #mc2 dl.main dd {color:#999999; font-weight:normal; font-size:12px; padding:2px 0 15px 0;display:block;} #mc3 {position:absolute;left:620px; top:25px;width:310px;} #mc4 {position:absolute;left:620px; top:335px;width:310px;} #mc5 {position:absolute;left:620px; top:440px;width:310px;} /*서브 페이지*/ #body_left {margin: 0px; padding: 0; float: left; width: 210px;} #leftmenu {position:relative;left:0px;top:0; padding:220px 0 0 0; } #lefttitle {position:absolute;right:0px;top:-25px; } #leftswf {position:relative;left:0px;margin-top:220px; } #leftbanner {position:relative;left:0px;top:0; } #body_content { float: right; width: 715px; min-height:850px; } #content_head {position:relative;width:680px; color:#666666;font-size: 1em; height:85px; font-family: 돋움,dotum; margin-top:25px;} #content_text {position:relative;width:680px;} #content_foot {position:relative; height: 50px;} #content_title { width:100%; margin-bottom: 10px;} #bannerzone {display:none;clear:both; padding: 0; margin: auto; height: 63px; width: 958px; border-top:solid 1px #e5e5e5; border-right:solid 1px #e5e5e5; border-left:solid 1px #e5e5e5;background:#fff; } #familyzone {clear:both; padding: 0; margin: auto; height: 50px; width: 958px; border-top:solid 1px #e5e5e5; border-right:solid 1px #e5e5e5; border-left:solid 1px #e5e5e5;background:#fff; } #foot_wrap {background: url(/structure/kor/img/layout/footBg.gif) repeat-x; clear: both;height:180px; } #foot_txt {position:relative;padding: 0; margin: auto; height: 167px; width: 960px;} #footmenu { position: absolute; left: 20px; top: 7px; width: 740px; height: 14px; } #footmenu ul { list-style:none; letter-spacing: -2px; position: absolute; left: -1px; top: 0; font-size:0.94em; font-weight:bold;} #footmenu ul li { float: left; display: inline; margin: 0; padding: 0; padding: 0 0 0 14px; background: url(../layout/fmline.jpg) no-repeat; } #footmenu ul li.ff { float: left; padding: 0 0 0 1px; background: url(/img/layout/footmline00.gif) no-repeat 0 40%; } #footmenu ul li a { display: inline; float: left; padding: 0 6px; color:#455d90;} #footmenu ul li.first { padding: 0; background: transparent; } #busanaddr {position: absolute; left: 25px; top: 42px;} #seouladdr {position: absolute; left: 507px; top: 42px;} address { font-size:0.93em; font-family:돋움,dotum; padding:10px 0; } #foot_copyright {position: absolute; left: 24px; top: 122px; } #clear_div { clear:both; height:0px} /* float를 사용하면 영역에 포함 되지 않기 때문에 Content_wrap의 마지막에 줘서 영역을 나타내어 배경 이미지를 보여 주도록 한다.*/ #searchBox input.sbox {width: 210px; height: 20px; margin: 0; padding: 2px 2px 1px 2px; background: #f0f0f0; color: #777; line-height: 1.25;} #searchBox .image { position: absolute; left: 225px; margin: 0; padding: 0; } #searchBox dl dt label { display: none; } #familyzone ul li {float:left; padding:0 9px;} ul.style1 { margin: 0; padding: 0; list-style: none; } ul.style1 li { background:url(/structure/kor/img/bul_02.gif) no-repeat; background-position: 0 2px; padding-left: 15px; font-weight: normal;} ul.style1 ul li { background:url(/kor/images/ico_.gif) no-repeat; padding: 0; font-size:12px; font-weight:normal;} span.cred {font-weight:bold; color:#ff0000;} h2.style1 {background:url(/kor/images/h2ico.gif) no-repeat 0px 1px; font-size:14px; font-weight:bold; padding:0 0 12px 18px; margin:0;} .mgt20 {margin-top:20px !important;} span.style3 { background:url(/kor/images/ico.gif) no-repeat; padding: 0 0 0 15px; font-weight:bold;} div.type1 {display:block; border:solid 1px #ccc; } /* 주 메뉴 */ #topmenu {position: absolute; left:0; top: 0px; display:block; width:960px; border:solid 1px #ccc; background:#ff9000; } #topmenu ul { display:block; list-style: none; margin: 0; padding: 0; height:40px; } #topmenu li { margin: 0; padding: 8px 20px; font-size:14px; font-weight:bold; } #topmenu ul li { float: left; display: inline; margin: 0; padding: 0; } #topmenu ul li:after { content:""; display:block; clear:both; } #topmenu ul li a { display: block; position: relative; color: #fff; letter-spacing: -1px; cursor: pointer; padding: 12px 20px; background:url(/structure/kor/img/layout/mline.png) no-repeat 15px left;} #topmenu ul li a.noimg {background:none;} #topmenu ul li.on a { z-index: 3; } #topmenu ul li.on ul { display: block; } #topmenu ul li.on div { display: block; } /* 부 메뉴 */ #sidebar { min-height:500px;} #sidebar h2 { margin:0; padding: 0; background: transparent; } #sidebar h2.sidetitle { height:90px; padding:0; margin:0 0 0 0;} /* sidemenu2Depth+3Depth */ #sidemenu { width: 211px; margin: 0; padding: 0; display:block; border-top:solid 1px #fff; } #sidemenu h3 { display: none; margin: 0; padding: 0; background: transparent; } #sidebar .menuall { position: relative; margin: 0; padding: 0; z-index: 1; } #sidebar .menuall img { display: block; }/* [IE]부모좌측에4px버그해결 */ #sidemenu ul { list-style: none; width: 211px; margin: 0px; padding: 0; } #sidemenu ul li { font-size:14px; margin: 0; padding:7px 22px 6px 0;text-align:right;border-bottom:solid 1px #bebebe; background:#ff9000 url(/structure/kor/img/layout/arrs.png) no-repeat 198px 50% ;} #sidemenu ul li a { display: block; margin: 0; padding: 0;color:#fff;} #sidemenu ul li.on {} #sidemenu ul li a:hover {} #sidemenu ul ul { display: block /* none; 춤추는것방지 */; list-style: none; margin:2px 0 0 0; background:none; } #sidemenu ul ul li { font-size:12px;margin: 0;color:#666666; padding:3px 25px 0 0;; background:none; } #sidemenu ul ul li.first { } #sidemenu ul ul li a { display: block; width: margin: 0;; background: url(/img/layout/lm_dot.gif) no-repeat 18px 4px; color: #6e6967; font-weight: normal; line-height: 1.5; } #sidemenu ul ul li a.on, #sidemenu ul ul li a:hover { background: url(/img/layout/lm_dot.gif) no-repeat 18px 4px; color: #6f5548; font-weight: bold; } /* sitemapLayout **********/ table.sitemap { border-collapse: collapse; display:block; margin:20px auto; } table.sitemap th, table.sitemap td { padding: 7px 6px 4px 15px; } table.sitemap th, table.sitemap thead, table.sitemap tfoot { width:180px; color:#448d9f; } table.sitemap td h2 {font-weight: bold; font-size:12px; color:#fff;} table.sitemap td {border-left:solid 1px #ccc; padding:8px 15px; vertical-align:top;} table.sitemap td ul li a{ font-size:11px; color:#fff;} table.sitemap td.noimg {border-left:solid 0px #ccc; }