@charset "utf-8";
body {
font-family: Dotum, Gulim, malgun, "Lucida Grande", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;
font-size: 10pt;
background: #fff;
margin: 0;
padding: 0;
background:url(../images/subbg.jpg) no-repeat center top;
}
* {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
a {
text-decoration: none;
}
a img {
border: none;
}
#wrapper {
width: 1000px;
margin: 0 auto;
}
/* 헤더시작 */
#header {
position: relative;
width: 1000px;
height: 344px;
z-index: 2;
}
#header h1 {
float: left;
margin: 40px 0 0 17px;
display: inline;
}
#header .container {
float: right;
width: 643px;
}
#topmenuwrapp {
background: url(../images/topmenuleft.png) no-repeat left top;
height: 27px;
padding-left: 21px;
float: right;
}
* html #topmenuwrapp {
width: 262px;
}
*+ html #topmenuwrapp {
width: 270px;
}
#topmenu {
float: right;
background: url(../images/topmenuright.png) no-repeat right top;
height: 27px;
padding-right: 21px;
padding-top: 2px;
margin-right:8px;
display:inline;
}
* html #topmenu {
margin:0;
}
#topmenu li {
float: left;
height: 27px;
padding-top: 4px;
}
#topmenu li a {
color: #757373;
letter-spacing: -1px;
}
#topmenu li a:hover {
color: #0c5b9d;
}
#topmenu li span {
padding: 0 1px;
}
#navigation {
position: relative;
float: right;
width: 643px;
z-index: 1;
margin: 21px 4px 0 0;
display: inline;
}
* html #navigation {
margin-top:15px;
}
#navigation li {
float: left;
}
#navigation .submenu {
position: absolute;
background: url(../images/sub134topbg.gif) no-repeat left top;
width: 130px;
padding-top: 10px;
z-index: 2;
top: 50px;
display: none;
}
#navigation .submenu li a img {
display: block;
}
* html #navigation .submenu li {
display: block;
font-size: 0;
}
* + html #navigation .submenu li {
display: block;
line-height: 0;
}
#navigation .submenu .sublast {
background: url(../images/sub134bottombg.gif) no-repeat left bottom;
padding-bottom: 10px;
}
#navigation #submenu1 {
left:12px;
}
#navigation #submenu2 {
background: url(../images/sub25topbg.gif) no-repeat left top;
left: 120px;
width:148px;
}
#navigation #submenu2 .sublast {
background: url(../images/sub25bottombg.gif) no-repeat left bottom;
}
#navigation #submenu3 {
left: 260px;
}
#navigation #submenu4 {
left: 370px;
}
#navigation #submenu5 {
background: url(../images/sub25topbg.gif) no-repeat left top;
right: 5px;
width:148px;
}
#navigation #submenu5 .sublast {
background: url(../images/sub25bottombg.gif) no-repeat left bottom;
}
#navigation .submenu .navarrow {
position: absolute;
top: -68px;
left: 26px;
z-index: 3;
}
#maintext {
position: absolute;
right: 21px;
top: 113px;
}
#subbg {
position:absolute;
top:-27px;
left:190px;
}
#ffsubbg {
position:absolute;
top:-2px;
left:0px;
}
/* 콘텐츠 시작 */
.content {
width: 1000px;
position: relative;
margin:-76px 0 0 10px;
z-index: 1;
}
.content #content1 {
float:left;
}
* html #content1 {
margin-left:2px;
}
.content #content2 {
float:left;
width:719px;
margin-left:29px;
display:inline;
}
#subheader {
width:719px;
height:34px;
margin-top:70px;
background:url(../images/sub1headerbg.gif) no-repeat left top;
}
#subheader h3 {
float:left;
margin:4px 0 0 60px;
display:inline;
}
#subheader h3 #subheadertext {
margin-left:48px;
}
#subheader #location {
float:right;
margin-top:10px;
display:inline;
}
#subheader #location li {
float:left;
color:#8e8081;
}
#subheader #location li a {
color:#8e8081;
}
#subheader #location #nowlocation {
font-weight:bold;
}
#subheader #location li span {
padding:0 7px;
}
#info {
margin-top:15px;
}
#info li {
margin-bottom:5px;
}
.texts {
text-align:justify;
line-height:25px;
font-size:14px;
color:#1c1c1c;
}
#subcontent {
padding-left:10px;

}
/*서브 사이드메뉴 */
#sidemenu ul {
padding-bottom:22px;
}
#sidemenu ul li {
margin-left:8px;
padding:13px 0;
}
.sub1sidemenu {
background:url(../images/sub1menubg.gif) repeat-y left top;
}
.sub1sidemenu ul {
background:url(../images/sub1menubottombg.jpg) no-repeat left bottom;
}
.sub1sidemenu ul li {
background:url(../images/submenudotbg.gif) no-repeat left bottom;
}
.sub2sidemenu {
background:url(../images/sub2menubg.gif) repeat-y left top;
}
.sub2sidemenu ul {
background:url(../images/sub2menubottombg.jpg) no-repeat left bottom;
}
.sub2sidemenu ul li {
background:url(../images/submenudotbg.gif) no-repeat left bottom;
}
.sub2sidemenu ul li img {
margin-left:-4px;
}
.sub3sidemenu {
background:url(../images/sub3menubg.gif) repeat-y left top;
}
.sub3sidemenu ul {
background:url(../images/sub3menubottombg.jpg) no-repeat left bottom;
}
.sub3sidemenu ul li {
background:url(../images/submenudotbg.gif) no-repeat left bottom;
}
.sub4sidemenu {
background:url(../images/sub4menubg.gif) repeat-y left top;
}
.sub4sidemenu ul {
background:url(../images/sub4menubottombg.jpg) no-repeat left bottom;
}
.sub4sidemenu ul li {
background:url(../images/submenudotbg.gif) no-repeat left bottom;
}
.sub5sidemenu {
background:url(../images/sub5menubg.gif) repeat-y left top;
}
.sub5sidemenu ul {
background:url(../images/sub5menubottombg.jpg) no-repeat left bottom;
}
.sub5sidemenu ul li {
background:url(../images/submenudotbg.gif) no-repeat left bottom;
}
.sub5sidemenu ul li img {
margin-left:-6px;
}
.sub2sidemenu ul li img {
margin-left:-4px;
}
* html #sidemenu ul li {
padding:11px 0;
}
*+ html #sidemenu ul li {
padding:12px 0;
}
#content2 .sub2header {
background:url(../images/sub2headerbg.gif) no-repeat left top;
}
#content2 .sub3header {
background:url(../images/sub3headerbg.gif) no-repeat left top;
}
#content2 .sub4header {
background:url(../images/sub4headerbg.gif) no-repeat left top;
}
#content2 .sub5header {
background:url(../images/sub5headerbg.gif) no-repeat left top;
}
/* 서브1_1 시작 */
#sub1_1 #subheader {
background:url(../images/sub1headerbg.gif) no-repeat left top;
}
#sub1_1 p {
margin-top:23px;
text-align:left;
}
#sub1_1 p .subpic {
float:left;
margin-right:10px;
}
#sub1_1 p .middletext {
display:block;
padding:40px 0;
}
#sub1_1 #sign {
position:relative;
font-size : 14px;
font-weight : bold;
margin:80px 0 0 150px;
border-bottom:1px solid #ebece8;
}
#sub1_1 #sign img {
position:absolute;
right:0px;
top:-48px;
}
/* 서브1_2 시작 */
#sub1_2 #subcontent {
padding:0;
}
#sub1_2 .texts {
background:url(../images/sub1_2circle.gif) no-repeat left 8px;
padding-left:15px;
margin-top:30px;
}
#sub1_2 h4 {
margin:20px 0 20px 5px;
}
#sub1_2 #history {
margin-left:20px;
}
#sub1_2 #history li {
background:url(../images/sub1_2lidot.gif) no-repeat left bottom;
font-size:14px;
color:#1c1c1c;
line-height:20px;
padding:10px 0;
}
#sub1_2 #history .last {
background:none;
}
#sub1_2 #history li img {
background:url(../images/sub1_2dot.gif) no-repeat left center;
float:left;
padding-left:10px;
padding-right:40px;
}
/* 서브1_3 시작 */
#sub1_3 #subcontent img {
margin-top:60px;
}
/* 서브1_4 시작 */
#sub1_4 h4 {
margin-top:40px;
}
#sub1_4 table {
border-collapse:collapse;
border:1px solid #ff8e8e;
width:100%;
margin:30px 0;
}
#sub1_4 table td {
padding:15px;
padding-left:40px;
border:1px solid #ff8e8e;
line-height:15px;
font-size:14px;
color:#c63d3d;
}
#sub1_4 table th {
text-align:center;
background:#ffeeee;
font-weight:bold;
border:1px solid #ff8e8e;
font-size:14px;
color:#c63d3d;
}
#sub1_4 #subcontent ul {
margin-left:15px;
}
/* 서브1_5 시작 */
#sub1_5 h4 {
margin:20px 0;
}
#sub1_5 .first {
margin-top:40px;
}
#sub1_5 .texts, #map {
margin-left:20px;
}
/* 서브2_1 시작 */
#sub2_1 h4 {
margin-top:30px;
}
#sub2_1 p {
background:url(../images/sub1_2circle.gif) no-repeat left 8px;
padding-left:15px;
margin:20px 0 0 15px;
}
#sub2_1 #subcontent ul {
margin:20px 0 0 25px;
}
#sub2_1 #subcontent ul span {
display:inline-block;
float:left;
margin-right:4px;
font-weight:bold;
}
#sub2_1 #subcontent ul #odd {
font-weight:normal;
}
#sub2_1 #subcontent ul .odd span {
height:40px;
}
/* 서브2_2 시작 */
#sub2_2 h4 {
margin:20px 0;
}
#sub2_2 .first {
margin-top:30px;
}
#sub2_2 .texts {
margin-left:15px;
}
#sub2_2 table {
border-collapse:collapse;
border:1px solid #ffb862;
width:100%;
margin:30px 0 0 15px;
}
#sub2_2 table td {
padding:15px;
padding-left:10px;
border:1px solid #ffb862;
line-height:18px;
font-size:14px;
color:#1c1c1c;
}
#sub2_2 table th {
text-align:center;
background:#fff4e1;
font-weight:bold;
border:1px solid #ffb862;
font-size:14px;
color:#ce7b17;
}
#sub2_2 ol li span {
display:inline-block;
float:left;
margin-right:4px;
height:40px;
}
#sub2_2 ol li #odd {
height:60px;
}
#sub2_2 #attach {
margin-top:30px;
text-align:center;
}
#sub2_2 #attach img {
margin-bottom:20px;
}
/* 서브 2_3 시작 */
#sub2_3 #content2 #subheadertext {
margin-left:20px;
}
#sub2_3 h4 {
margin:20px 0;
}
#sub2_3 .first {
margin-top:30px;
}
#sub2_3 .texts {
background:url(../images/sub2_3dot.gif) no-repeat left 9px;
padding-left:8px;
margin-left:15px;
}
#sub2_3 table {
border-collapse:collapse;
border:1px solid #ffb862;
width:100%;
margin:30px 0 0 15px;
}
#sub2_3 table .col1 {
width:90px;
}
#sub2_3 table .col2 {
width:90px;
}
#sub2_3 table td {
padding:7px;
padding-left:10px;
border:1px solid #ffb862;
line-height:18px;
font-size:14px;
color:#1c1c1c;
}
#sub2_3 table th {
width:15%;
padding:7px;
text-align:center;
background:#fff4e1;
font-weight:bold;
border:1px solid #ffb862;
font-size:14px;
color:#ce7b17;
}
#sub2_3 table span {
display:block;
float:left;
margin-right:6px;
height:40px;
}
/* 서브 2_4 시작 */
#sub2_4 #content2 #subheadertext {
margin-left:20px;
}
#sub2_4 h4 {
margin:20px 0;
}
#sub2_4 .first {
margin-top:30px;
}
#sub2_4 .texts {
background:url(../images/sub2_3dot.gif) no-repeat left 9px;
padding-left:8px;
margin-left:15px;
}
#sub2_4 table {
border-collapse:collapse;
border:1px solid #ffb862;
width:100%;
margin:30px 0 0 15px;
}
#sub2_4 table .col1 {
width:90px;
}
#sub2_4 table .col2 {
width:90px;
}
#sub2_4 table td {
padding:7px;
padding-left:10px;
border:1px solid #ffb862;
line-height:18px;
font-size:14px;
color:#1c1c1c;
}
#sub2_4 table th {
padding:7px;
text-align:center;
background:#fff4e1;
font-weight:bold;
border:1px solid #ffb862;
font-size:14px;
color:#ce7b17;
}
#sub2_4 #pics img {
padding:30px 0;
}
#sub2_4 #pics ul li {
text-align:justify;
line-height:25px;
font-size:14px;
color:#1c1c1c;
background:url(../images/sub1_2circle.gif) no-repeat left center;
padding-left:20px;
}
#sub2_4 #pics ul li span {
color:#a06464;
font-weight:bold;
}
/* 서브2_5 시작 */
#sub2_5 h4 {
margin:30px 0 20px 0;
}
#sub2_5 #subcontent ul {
margin-top:20px;
}
#sub2_5 #subcontent ul li {
text-align:justify;
line-height:25px;
font-size:14px;
color:#1c1c1c;
background:url(../images/sub1_2circle.gif) no-repeat left center;
padding-left:20px;
}
/* 서브2_6 시작 */
#sub2_6 h4 {
margin:20px 0;
}
#sub2_6 .first {
margin-top:30px;
}
#sub2_6 #sub2_6p1 {
background:url(../images/sub1_2circle.gif) no-repeat left 8px;
padding-left:17px;
}
#sub2_6 #subcontent ul {
margin-top:20px;
}
#sub2_6 #subcontent ul li {
text-align:justify;
line-height:25px;
font-size:14px;
color:#1c1c1c;
background:url(../images/sub1_2circle.gif) no-repeat left center;
padding-left:20px;
}
#sub2_6 #subcontent .pics {
margin:30px 0;
}
#sub2_6 #subcontent .pics img {
margin-right:10px;
}
#sub2_6 h5 {
font-size:14px;
margin:20px 5px;
padding-left:15px;
}
#sub2_6 #circle1 {
background:url(../images/sub2_6circle1.gif) no-repeat left center;
}
#sub2_6 #circle2 {
background:url(../images/sub2_6circle2.gif) no-repeat left center;
}
#sub2_6 #circle3 {
background:url(../images/sub2_6circle3.gif) no-repeat left center;
}
#sub2_6 .texts {
margin-left:15px;
}
/* 서브 5 시작 */
#sub5_1 .first, #sub5_2 .first {
margin-top:20px;
}
#sub5_1 h4, #sub5_2 h4 {
margin:20px 0;
}
.golink {
text-align:center;
}
#sub5_1 .texts, #sub5_2 .texts {
margin-left:15px;
}
#sub5_1 dl dt {
background:url(../images/sub5_1dot.gif) no-repeat left center;
padding-left:7px;
color:#005f72;
font-weight:bold;
}
#sub5_1 dl dd {
margin-left:8px;
}
#sub5_2 #content2 #subheadertext, #sub5_3 #content2 #subheadertext {
margin-left:10px;
}
#sub5_2 #subcontent ul {
margin-top:20px;
}
#sub5_2 #subcontent ul li {
background:url(../images/sub5_2dot.gif) no-repeat left 9px;
padding-left:8px;
}
#sub5_2 #subcontent ul li span {
color:#1e4e97;
font-weight:bold;
width:140px;
}
#sub5_3 #subheader #location li span {
padding:0 1px;
}
/* 푸터시작 */
#footer {
background:url(../images/footerwrappdot.gif) repeat-x left top;
width:100%;
margin-top:20px;
padding-top:18px;
}
#footerwrapp {
width:1000px;
color:#7d8184;
margin:0 auto;
}
#footerwrapp h1 {
float:left;
margin:5px 0 0 25px;
display:inline;
}
#footerwrapp .container {
float:right;
text-align:right;
margin-right:7px;
display:inline;
}
#footerwrapp #footermenu {
display:inline-block;
}
* html #footer #footermenu {
display:inline;
}
#footerwrapp #footermenu li {
float:left;
}
#footerwrapp #footermenu li a {
color:#7d8184;
}
#footerwrapp #footermenu li span {
padding:0 2px;
}
#footerwrapp address {
font-size:12px;
font-style:normal;
line-height:18px;
border-left:1px solid #e6e6e6;
padding-left:40px;
}
#footerwrapp address a {
color:#7d8184;
}
#footerwrapp p {
font-size:12px;
margin-top:5px;
}
#footerwrapp p span {
color:#e78236;
}
#header, .content, #subheader, #footerwrapp, #footermenu {
zoom: 1;
}
#header:after, .content:after, #subheader:after, #footerwrapp:after, #footermenu:after {
content: "";
display: block;
clear: both;
height: 0;
visibility: hidden;
}