html, body {height: 100%; }
#jayeon {position: relative; width: 100%; _height: 100%; min-width: 1000px; min-height: 100%; margin: 0px; background: url("bg_sub.jpg") repeat-x;}
#magic {position: absolute; left: 0%; top: 0%; width: 100%; *height: 100%; _height: expression(document.body.clientHeight); min-height: 100%; z-index: 100; background: #000; opacity: 0.33; filter: alpha(opacity=33); }
/* Header Area */
#header {position: absolute; left: 15px; width: 158px; _height: expression(document.body.clientHeight-100); min-height: 100%; z-index: 10; background: #555 url("bg_header.jpg") repeat-y; }
#header .area-bi {height: 115px; }
#header .area-bi h1 {width: 112px; height: 70px; margin: 0px auto; padding-top: 20px; }
#header .area-bi h1 img {display: block; }
#header .area-gnb {position: absolute; left: 0px; top: 6px; width: 865px; z-index: 20; }
#header .area-gnb ul {position: relative; float: right; height: 15px; overflow: hidden; }
#header .area-gnb ul li {display: inline; float: left; height: 15px; margin-left: 10px; padding-left: 15px; background: url("bar_v_gnb.gif") no-repeat 0% 50%; }
#header .area-gnb ul li img {display: block; padding: 2px 0px; }
#header .area-gnb ul li:first-child, #header .area-gnb ul li.first-child {margin-left: 0px; padding-left: 0px; background: none; }
#header .area-gnb ul li.style-btn {margin-left: 15px; padding-left: 0px; background: none; }
#header .area-gnb ul li.style-btn img {padding: 0px; }
#header .area-gnb ul a {color: #000000; font-size:12;}
#header .area-lnb {position: relative; }
#header .area-lnb .navi-main {width: 132px; text-align: center;}
#header .area-lnb .navi-main ul#depth1 {width: 132px;}
/*下边线*/
#header .area-lnb .navi-main ul#depth1 li.depth1 {width: 72px; border-top: 1px solid #6d6d6d; }
#header .area-lnb .navi-main ul#depth1 li.depth1:first-child, #header .area-lnb .navi-main ul#depth1 li.depth1.first-child {border-top: 0px none; }
/*下边线*/
#header .area-lnb .navi-main ul#depth1 li.depth1 h2 {height: 20px; margin: 0px -3px; padding: 6px 0px 0px 13px; background: url("bul_depth1_on.gif") no-repeat 0px 4px; }
#header .area-lnb .navi-main ul#depth1 li.depth1 a {display: block; height: 20px; margin: 0px -3px; padding: 6px 0px 0px 13px; color: #FFFFFF; font-size:14;}
#header .area-lnb .navi-main ul#depth1 li.depth1 a.focus, #header .area-lnb .navi-main ul#depth1 li.depth1 a:hover {background: url("bul_depth1_on.gif") no-repeat 0px 4px; }
#header .area-lnb .navi-main ul#depth1 li.depth1 a img {display: block; *display: inline; }
#header .area-lnb .navi-main li.depth1 div {padding-bottom: 11px; }
#header .area-lnb .navi-main li.depth1 div ul.depth2 {width: 96px; padding: 1px 8px; background: #444; }
#header .area-lnb .navi-main li.depth1 div ul.depth2 li.depth2 {width: 96px; border-top: 1px solid #575757; }
#header .area-lnb .navi-main li.depth1 div ul.depth2 li.depth2:first-child, #header .area-lnb .navi-main li.depth1 div ul.depth2 li.depth2.first-child {border-top: 0px none; }
#header .area-lnb .navi-main li.depth1 div ul.depth2 li.depth2 h3 {height: 16px; margin: 0px; padding: 6px 0px 0px 12px; background: url("bul_depth2_on.gif") no-repeat 0px 10px; }
#header .area-lnb .navi-main li.depth1 div ul.depth2 li.depth2 a {height: 16px !important; margin: 0px !important; padding: 6px 0px 0px 2px !important; }
#header .area-lnb .navi-main li.depth1 div ul.depth2 li.depth2 a:hover {padding: 6px 0px 0px 12px !important; background: url("bul_depth2_on.gif") no-repeat 0px 10px !important; }
#header .area-lnb .navi-main li.depth1 li.depth2 ul {width: 96px; padding: 0px 0px 4px 0px !important; background: transparent; }
#header .area-lnb .navi-main li.depth1 li.depth2 ul li.depth3 {width: 96px; *margin-bottom: -4px !important; border-top: 0px none !important; }
#header .area-lnb .navi-main li.depth1 li.depth2 ul li.depth3 a {height: 11px !important; padding: 2px 0px 3px 14px !important; background: url("bul_depth3.gif") no-repeat 6px 7px !important; }
#header .area-lnb .navi-main li.depth1 li.depth2 ul li.depth3 a:hover {padding: 2px 0px 3px 14px !important; background: url("bul_depth3.gif") no-repeat 6px 7px !important; }
#header .area-lnb .navi-main li.depth1 li.depth2 ul li.depth3 a img {display: block !important; }
/* Quick-Menu Area */
#tail {position: absolute; left: 920px; top: 90px; width: 80px; z-index: 20; }
#tail .head {margin-bottom: 3px; }
#tail .head img {display: block; }
#tail .navi-quick {margin-bottom: 5px; padding: 6px 3px 4px 3px; border: 2px solid #c5c5c5; background: #FFF; }
#tail .navi-quick ul.quick1 {width: 58px; margin: 0px auto; }
#tail .navi-quick ul.quick1 li {height: 19px; border-top: 1px solid #d1d1d1; }
#tail .navi-quick ul.quick1 li:first-child, #tail .navi-quick ul.quick1 li.first-child {border-top: 0px none; }
#tail .navi-quick ul.quick1 li a {display: block; height: 15px; text-align: center; padding-top: 4px; }
#tail .navi-quick dl.quick2 {width: 70px; margin: 0px auto; }
#tail .navi-quick dl.quick2 dt {margin-top: 7px; }
#tail .navi-quick dl.quick2 dt:first-child, #tail .navi-quick dl.quick2 dt.first-child {margin-top: 0px; }
#tail .navi-quick dl.quick2 dd {padding-top: 4px; }
#tail .navi-quick dl.quick2 dd ul {padding-bottom: 3px; }
#tail .navi-quick dl.quick2 dd ul li {height: 18px; }
#tail .navi-quick dl.quick2 dd ul li a {display: block; height: 15px; padding-top: 3px; }
/* Footer Area */
#footer {position: static; clear: both; width: 100%; background: #FFF url("bg_footer.jpg") repeat-x; }
html>body #footer {position: absolute; left: 0%; bottom: 0px; z-index: 10; }
#footer .container {width: 100%; height: 100px; padding-top: 144px; margin: 0px; background: url("bg_footer-container.jpg") no-repeat; }
#footer .wrap {position: relative; width: 948px; height: 100px; z-index: 10; padding-left: 52px; background: #FFF; zoom: 1; }
html>body #footer .wrap:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; }
#footer .area-logo {display: inline; float: left; width: 137px; padding-top: 26px; }
#footer .area-logo img {display: block; }
#footer .area-anb {display: inline; float: left; width: 750px; padding-top: 24px; }
#footer .area-anb ul {height: 21px; overflow: hidden; zoom: 1; }
#footer .area-anb ul li {display: inline; float: left; height: 15px; margin-left: 9px; padding-left: 15px; background: url("bar_v_anb.gif") no-repeat 0% 50%; }
#footer .area-anb ul li:first-child, #footer .area-anb ul li.first-child {margin-left: 0px; padding-left: 0px; background: none; }
#footer .area-anb ul li img {display: block; padding: 2px 0px; }
#footer .area-anb address {clear: both; }
#footer .area-anb address img {display: block; }
#footer .area-ci {display: inline; float: left; width: 283px; padding-top: 20px; }
#footer .area-ci img {display: block; position: relative; }
//==========@import url(default.css );
/* Global Selector */
html {overflow-y: scroll; } /* scrollbar-arrow-color: #000; scrollbar-face-color: #FFF; scrollbar-track-color: #EEE; scrollbar-highlight-color: #555; scrollbar-shadow-color: #555; scrollbar-3dlight-color: #FFF; scrollbar-darkshadow-color: #FFF; */
body {margin: 0px; font: 0.75em/1.168em , Gulim, AppleGothic, sans-serif; color: #666; background: #FFF; _filter: expression(document.execCommand('BackgroundImageCache', false, true)); }
/* Type Selector */
* {margin: 0px; padding: 0px; }
address {text-transform: uppercase; font-style: normal; }
address a {text-transform: lowercase; }
em {font-style: normal; font-weight: bold; }
cite {font-style: oblique; }
q:before, q:after {content: ""; }
br {letter-spacing: 0em; }
ins {text-decoration: none; }
del {display: none; }
li {list-style: none; }
table {border-collapse: collapse; empty-cells: show; }
caption {width: 0px; height: 0px; overflow: hidden; visibility: hidden; font-size: 0em; line-height: 0em; }
a {text-decoration: none; font-family:宋体;font-size:12px;}
a:hover, a:focus {text-decoration: underline; }
object {display: block; }
/*img {vertical-align: text-top; border: none; }*/
img {border: none; }
img.btn-type {vertical-align: middle; }
hr {display: none; }
HTML {
OVERFLOW-Y: scroll
}
#jayeon {
BACKGROUND: url(bg_main.jpg) repeat-x
}
#header {
MIN-HEIGHT: 730px! important; HEIGHT: 730px! important
}
#header .container {
BACKGROUND: url(bg_header_main.jpg) no-repeat; HEIGHT: 730px! important
}
#header .container H1 {
BORDER-BOTTOM: 0px
}
#tail {
TOP: 90px! important
}
#footer {
BACKGROUND-IMAGE: none! important; POSITION: static! important
}
#footer .container {
BACKGROUND-IMAGE: none! important; PADDING-TOP: 0px! important
}
#main {
BACKGROUND: url(bg_main_main.jpg) no-repeat; WIDTH: 100%; POSITION: static; HEIGHT: 730px
}
#main H2 {
FONT-SIZE: 0em; LEFT: 0px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 0px; LINE-HEIGHT: 0em; POSITION: absolute; TOP: 0px; HEIGHT: 0px
}
#main .area-visual {
LEFT: 171px; WIDTH: 827px; height:800px; POSITION: absolute; TOP: 0px; HEIGHT: 131px
}
#main .area-visual.div1 {
LEFT: 10px; WIDTH: 300px; height:500px; POSITION: absolute; TOP: 100px; HEIGHT: 131px
}
#main .area-visual.div2 {
LEFT: 10px; WIDTH: 300px; height:500px; POSITION: absolute; TOP: 220px; HEIGHT: 131px
}
#main #launch {
BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg_launch.png', sizingMethod='crop'); LEFT: 247px; WIDTH: 283px; POSITION: absolute; TOP: 213px; HEIGHT: 282px
}
#main #launch H3 {
FONT-SIZE: 0em; LEFT: 0px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 0px; LINE-HEIGHT: 0em; POSITION: absolute; TOP: 0px; HEIGHT: 0px
}
#main #launch .wrap {
LEFT: 0px;
WIDTH: 217px;
POSITION: absolute;
TOP: 26px;
height: 167px;
}
#main #launch .wrap DL {
}
#main #launch .wrap DL DT {
PADDING-RIGHT: 0px; PADDING-LEFT: 4px; PADDING-BOTTOM: 0px; PADDING-TOP: 1px; HEIGHT: 19px
}
#main #launch .wrap DL DD {
}
#main #launch .wrap DL DD A {
POSITION: relative
}
#main #launch .wrap DL DD .box-banner {
PADDING-RIGHT: 3px; PADDING-LEFT: 5px; BACKGROUND: url(box_launch.gif) no-repeat; PADDING-BOTTOM: 4px; WIDTH: 206px; PADDING-TOP: 5px; HEIGHT: 130px
}
#main #launch .wrap DL DD .box-banner IMG {
DISPLAY: block; WIDTH: 196px; HEIGHT: 120px
}
#main #launch .wrap DL DD .btn-launch {
MARGIN-TOP: 7px; PADDING-LEFT: 15px
}
#main #launch .wrap DL DD .btn-launch A {
ZOOM: 1; POSITION: relative
}
#main #launch .wrap .launch_other {
RIGHT: 2px; POSITION: absolute; TOP: 0px
}
#main #launch .wrap .launch_other BUTTON.prev {
BACKGROUND: url(btn_launch_prev.gif) no-repeat; WIDTH: 19px; MARGIN-RIGHT: 3px; HEIGHT: 16px
}
#main #launch .wrap .launch_other BUTTON.next {
BACKGROUND: url(btn_launch_next.gif) no-repeat; WIDTH: 19px; HEIGHT: 16px
}
#main #news {
LEFT: 540px; WIDTH: 360px; POSITION: absolute; TOP: 60px; HEIGHT: 124px
}
#main #news H3 {
BACKGROUND: url(bar_h_mtit.gif) repeat-x 0% 50%; MARGIN-BOTTOM: 10px; HEIGHT: 18px
}
#main #news H3 IMG {
DISPLAY: block
}
#main #news DL {
PADDING-LEFT: 9px; FONT-SIZE: 0.9em; BACKGROUND: url(bul_latest.gif) no-repeat 0px 4px; MARGIN: 4px 0px 0px 9px; OVERFLOW: hidden; WIDTH: 302px; LINE-HEIGHT: 13px; ZOOM: 1; HEIGHT: 14px
}
UNKNOWN {
CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: ""
}
#main #news DL DT {
DISPLAY: inline; FLOAT: left; WIDTH: 242px; COLOR: #524f44
}
#main #news DL DT A {
COLOR: #524f44
}
#main #news DL DT IMG.ico-new {
MARGIN: 0px
}
#main #news DL DD {
DISPLAY: inline; FLOAT: right; WIDTH: 60px; COLOR: #7a7768; TEXT-ALIGN: right
}
#main #news .btn-more {
RIGHT: 0px; POSITION: absolute; TOP: 0px
}
#main #schedule {
BACKGROUND: url(bg_schedule.gif) no-repeat 0% 100%; LEFT: 560px; WIDTH: 320px; POSITION: absolute; TOP: 214px; HEIGHT: 126px
}
#main #schedule H3 {
BACKGROUND: url(bar_h_mtit.gif) repeat-x 0% 50%; MARGIN-BOTTOM: 14px; HEIGHT: 26px
}
#main #schedule H3 IMG {
DISPLAY: block
}
#main #schedule UL {
FONT-SIZE: 0.9em; FLOAT: right; WIDTH: 214px; COLOR: #524f44
}
#main #schedule UL LI {
MARGIN-TOP: 2px; PADDING-LEFT: 8px; BACKGROUND: url(bul_latest.gif) no-repeat 0px 6px; OVERFLOW: hidden; WIDTH: 206px; HEIGHT: 16px;
}
#main #schedule UL LI A {
COLOR: #524f44
}
#main #schedule UL LI EM {
BORDER-RIGHT: #ff7e00 1px solid; BORDER-TOP: #ff7e00 1px solid; DISPLAY: inline-block; FONT-WEIGHT: normal; BACKGROUND: #ffa200; BORDER-LEFT: #ff7e00 1px solid; WIDTH: 28px; COLOR: #fff; LINE-HEIGHT: 13px; PADDING-TOP: 1px; BORDER-BOTTOM: #ff7e00 1px solid; FONT-STYLE: normal; HEIGHT: 13px; TEXT-ALIGN: center
}
#main #schedule .btn-more {
RIGHT: 0px; POSITION: absolute; TOP: 4px
}
#main #infomap {
BACKGROUND: url(bg_infomap.gif) no-repeat; LEFT: 540px; WIDTH: 320px; POSITION: absolute; TOP: 380px; HEIGHT: 169px
}
#main #infomap UL LI {
MARGIN-TOP: 5px; PADDING-LEFT: 32px; BACKGROUND: url(bul_latest.gif) no-repeat 26px 6px; WIDTH: 306px; HEIGHT: 16px;
}
#main #infomap OBJECT {
MARGIN: 9px 0px 0px 12px
}
BODY {
BACKGROUND: none transparent scroll repeat 0% 0%
}
}