@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/mainbg.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: 452px;
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 {
}
#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: 208px;
top: 147px;
}
#ffmainbg, #mainbg {
position:absolute;
top:0px;
left:0px;
}
/* 콘텐츠 시작 */
#content {
width: 1000px;
position: relative;
margin-top: -24px;
z-index: 1;
}
/* 콘텐츠1 시작 */
#content1 {
float: left;
margin: 0 0 0 15px;
display: inline;
width: 215px;
}
#calendarwrapp h3 {
position: relative;
margin-left: 5px;
z-index: 2;
}
#calendarwrapp h3 #cal_icon {
position: absolute;
right: 18px;
top: -4px;
}
#calendarwrapp #calendar {
position: relative;
z-index: 1;
margin-top: 7px;
}
#content1 ul {
margin-top: 13px;
}
* html #content1 ul {
margin-top: 9px;
}
#content1 ul li {
margin-top: 6px;
}
* html #content1 ul li {
margin-top: 5px;
}
/* 콘텐츠2 시작 */
#content2 {
float: left;
margin-left: 10px;
display: inline;
width: 436px;
}
#tabnav {
position: relative;
margin-left: 10px;
}
#tabnav li {
float: left;
}
#tabnav li .tabmore {
position: absolute;
right: 10px;
top: 20px;
}
#latest1 {
border-top: 1px solid #d1d1d1;
margin: -2px 0 0 10px;
padding-top: 14px;
}
* html #latest1 {
margin-top: -4px;
}
#latest2 {
border-top: 1px solid #d1d1d1;
margin: -2px 0 0 10px;
padding-top: 14px;
display: none;
}
* html #latest2 {
margin-top: -4px;
}
#photogallery {
margin: 30px 0 0 0;
}
#photos {
margin-top: 18px;
}
* html #photos {
margin-top: 11px;
}
/* 콘텐츠3 시작 */
#content3 {
float: left;
margin-left: 8px;
display: inline;
}
#shortcut1 {
margin-top: 17px;
}
#shortcut2 {
margin-top: 8px;
}
#shortcut3 {
margin-top: 10px;
}
* html #shortcut3 {
margin-top: 7px;
}
#banwrapp {
position:relative;
background:url(../images/mainbannerbg.gif) no-repeat left top;
width:310px;
height:66px;
}
* html #banwrapp {
margin-top:7px;
}
*+ html #banwrapp {
margin-top:7px;
}
#bannerwrapp {
position:relative;
width:261px;
height:66px;
margin:16px 0 0 24px;
overflow:hidden;
}
* html #bannerwrapp {
margin:0 0 0 24px;
}
*+ html #bannerwrapp {
margin:0 0 0 24px;
}
#lbt {
position:absolute;
left:8px;
top:27px;
}
#rbt {
position:absolute;
right:8px;
top:27px;
}
#banner {
position:absolute;
width:2660px;
padding-top:13px;
}
#banner li {
float:left;
margin-right:5px;
border:1px solid #e4e4e4;
}
/* 푸터시작 */
#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, #tabnav, #banner, #footerwrapp, #footermenu {
zoom: 1;
}
#header:after, #content:after, #tabnav:after, #banner:after, #footerwrapp:after, #footermenu:after {
content: "";
display: block;
clear: both;
height: 0;
visibility: hidden;
}