* {
margin: 0;
padding: 0;
}
html {height: 100%; width: 100%;}
body
{
font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; color: #000000;
width: 100%;
height: 100%;
background-image: url(des/bg.jpg);
background-repeat: repeat-x;
}
*html #page { height: 100%;}
#page { width: 100%; min-height: 100%; height: auto !important; height: 100%;}
#bg {
height: 5px;
}
#fix { width: 1024; left: 50%; margin-left: -500px; position: absolute;}
#heder { width: 1024px; height: 457px; background-image: url(des/logo-w.jpg); background-repeat:no-repeat;}
#main { width: 1024px; background-image: url(des/fon-w.jpg); background-repeat:repeat-y; }
#menu { clear:both; width:996px; height: 41px; color: #C99CCC; background: #eff5fa; margin: 0px auto auto 11px;}
#info { width: 956px; margin: 0px auto auto 31px;}
.line { width:1px; background-image: url(des/line-v.jpg); background-repeat:repeat-y;}
.white { clear:both; width:956px; color: #C99CCC; background: #ffffff; }
#kor { clear:both; float:left; width:770px; height: 36px; margin: 16px auto auto 20px; }
*html #lang { float:right; width:70px; height: 36px; margin: 16px 8px auto auto;}
#lang { float:right; width:70px; height: 36px; margin: 16px 16px auto auto; }
*html #gaslo { clear:both; float:left; width:430px; height: 41px; margin: 64px auto auto 76px; }
#gaslo { clear:both; float:left; width:430px; height: 41px; margin: 64px auto auto 153px; }
#gaslo .t1 {font-family: Verdana; font-size: 17px; color: #525252; }
#gaslo .t2 {font-family: Verdana; font-size: 17px; color: #cccccc; }
*html #tel { float:right; width:300px; height: 100px; margin: 5px 8px auto auto; }
#tel { float:right; width:300px; height: 100px; margin: 5px 16px auto auto; }
#tel .t1 {font-family: Verdana; font-size: 14px; font-weight:bolder; color: #5f5f5f; background-image: url(des/tel1.jpg); background-repeat:no-repeat; letter-spacing: -1px;}
#tel .t2 {font-family: Arial; font-size: 12px; color: #ffa451; }
#tel .t3 {font-family: Arial; font-size: 12px; color: #aeaeae; text-decoration:underline;}
#centr { clear:both; width:512px; margin: 0px 14px auto 14px;}
#text-list{ clear:both; width:512px; padding-top: 10px;}
#text-list ul {padding-top: 10px; list-style-image:url(des/list1.jpg); list-style-position:inside;}
#text-list li {padding-top: 10px; text-align: justify; }
#text-list .i { font-family: Verdana; font-size: 16px; font-weight:bolder; }
#left-t { clear:both; float:left; width:250px; margin: 10px auto auto 0px; }
#right-t{ float:right; width:250px; margin: 10px 0px auto auto; }
h6{ padding-top: 10px; font-size: 12px; font-family: Verdana; color: #4c93c8; text-decoration:underline;}
p {font-size: 12px; font-family: Verdana; }
.i {font-size: 11px; font-family: Verdana; }
.i2 { font-family: Verdana; font-size: 16px; font-weight:bolder; }
#left { clear:both; width:192px; margin: 0px auto auto 0px;}
#vertmenu{text-align:left; font:Verdana, Arial; font-size:14px; color:#303030; font-weight:bolder;}
#vertmenu li{ list-style:none; margin-top: 10px;}
#vertmenu a:link {font-size: 14px; color: #303030; font-family: Verdana, Tahoma; font-weight: bolder; text-decoration: underline;}
#vertmenu a:visited {font-size: 14px; color: #303030; font-family: Verdana, Tahoma; font-weight: bolder; text-decoration: underline;}
#vertmenu a:active {font-size: 14px; color: #303030; font-family: Verdana, Tahoma; font-weight: bolder; text-decoration: underline;}
#vertmenu a:hover {font-size: 14px; color: #4c93c8; font-family: Verdana, Tahoma; font-weight: bolder; text-decoration: none;}
#pidmenu{ margin: 0 0 0 15px; text-align:left; font-size: 12px; color: #ff9226; font-family: Verdana, Tahoma, Arial; }
#pidmenu a:link {font-size: 12px; color: #ff9226; font-family: Verdana, Tahoma, Arial; font-weight: normal; text-decoration: none;}
#pidmenu a:visited {font-size: 12px; color: #ff9226; font-family: Verdana, Tahoma, Arial; font-weight: normal; text-decoration: none;}
#pidmenu a:active {font-size: 12px; color: #ff9226; font-family: Verdana, Tahoma, Arial; font-weight: normal; text-decoration: none;}
#pidmenu a:hover {font-size: 12px; color: #ff9226; font-family: Verdana, Tahoma, Arial; font-weight: normal; text-decoration: underline;}
#g-line {clear:both; width:192px; margin-top: 15px; height: 1px; background-image: url(des/line-g.jpg); background-repeat:repeat-x;}
#g-line1 {clear:both; width:512px; margin-top: 15px; height: 1px; background-image: url(des/line-g.jpg); background-repeat:repeat-x;}
#left-ad {margin-top: 15px; }
#left-ad ul {padding-top: 15px; }
#left-ad li {list-style:none; text-align:left; font-size: 12px; color: #4c93c8; font-family: Arial; text-decoration: underline;}
#right { clear:both; width:192px; margin: 0px auto auto 15px;}
#right-news {width:192px; margin: 10px auto auto auto;}
#right-news a:link { font-size:12px; color:#111111; font-family:Verdana, Arial; text-decoration:none; }
#right-news a:visited { font-size:12px; color:#111111; font-family:Verdana, Arial; text-decoration:none; }
#right-news a:visited { font-size:12px; color:#111111; font-family:Verdana, Arial; text-decoration:none; }
#right-news a:hover { font-size:12px; color:#111111; font-family:Verdana, Arial; text-decoration:underline;}
#right-date {clear:both; float:right; width:65px; height: 15px; margin: 5px 3px 10px auto; background-image: url(des/date.jpg); background-repeat:no-repeat; }
#right-date p { font-size: 10px; color: #ffffff; font-family: Verdana; text-align:center; padding-top:1px; letter-spacing: -1px;}
#orange { clear:both; width:956px; height: 133px; color: #C99CCC; background-image: url(des/orange-n.jpg); background-repeat:repeat-x; }
#orange1 { clear:both; float:left; width:150px; margin: 10px auto auto 222px; font-family: Verdana, Tahoma; }
#orange2 { float:left; width:150px; margin: 10px auto auto 31px; font-family: Verdana, Tahoma; }
#orange3 { float:right; width:150px; margin: 10px 222px auto auto; font-family: Verdana, Tahoma; }
*html #orange1 { clear:both; float:left; width:150px; margin: 10px auto auto 120px; font-family: Verdana, Tahoma; }
*html #orange2 { float:left; width:150px; margin: 10px auto auto 31px; font-family: Verdana, Tahoma; }
*html #orange3 { float:left; width:150px; margin: 10px auto auto 31px; font-family: Verdana, Tahoma; }
#orange ul {padding-top: 10px; }
#orange li {list-style:none; }
#orange a:link {color:#262626; font-size: 12px; font-family: Verdana, Tahoma; text-decoration: underline; }
#orange a:visited {color:#262626; font-size: 12px; font-family: Verdana, Tahoma; text-decoration: underline; }
#orange a:active {color:#262626; font-size: 12px; font-family: Verdana, Tahoma; text-decoration: underline; }
#orange a:hover {color:#262626; font-size: 12px; font-family: Verdana, Tahoma; text-decoration: none; }
#im { clear:both; width:956px; height: 190px; color: #000000; }
*html #im { clear:both; width:956px; height: 200px; color: #000000; }
#bg-n { clear:both; width: 1024px; background: #FFCC00; }
#space { clear:both; width: 1024px; height: 25px;}
#foot{ clear:both; width: 1024px; height: 100px;}
#footer{ clear:both; width: 1000px; margin: 0 auto auto 10px; }
#footer-copy{ clear:both; width: 1000px; margin: 0 auto auto 10px; }
#copy1 { clear:both; float:left; width:245px; height: 100px; margin: 0px auto auto 0px; font-family: Verdana, Tahoma; color:#525252; font-size: 11px; }
#copy-r{ width:5px; float:left; margin: 10px auto auto 10px;}
*html #copy-n{ width:180px; float:right; margin: 10px 10px auto auto;}
#copy-n{ width:205px; float:right; margin: 10px 10px auto auto;}
.web a:link {color:#525252; font-size: 11px; font-family: Verdana, Tahoma; text-decoration: none; }
.web a:visited {color:#525252; font-size: 11px; font-family: Verdana, Tahoma; text-decoration: none; }
.web a:active {color:#525252; font-size: 11px; font-family: Verdana, Tahoma; text-decoration: none; }
.web a:hover {color:#ff9a16; font-size: 11px; font-family: Verdana, Tahoma; text-decoration:underline;}
*html #copy2 { float:right; width:750px; height: 36px; margin: 0px auto auto auto;}
#copy2 { float:right; width:750px; height: 110px; margin: 0px auto auto auto; }
#copy2-m { width:750px; height: 34px; margin: 0px auto auto auto; background: #fffad9; font-family: Verdana, Tahoma; color:#84b5d9; font-size: 11px;}
#copy2-m ul {padding-top: 10px; padding-left: 10px;}
#copy2-m li {display:inline; margin-right: 5px; }
*html #copy2-m li {display:inline; margin-right: 5px; }
#copy2-m a:link {color:#84b5d9; font-size: 11px; font-family: Verdana, Tahoma; }
#copy2-m a:visited {color:#84b5d9; font-size: 11px; font-family: Verdana, Tahoma; }
#copy2-m a:active {color:#84b5d9; font-size: 11px; font-family: Verdana, Tahoma; }
#copy2-m a:hover {color:#84b5d9; font-size: 11px; font-family: Verdana, Tahoma; text-decoration: none; }
#copy2-k { width:750px; height: 76px; margin: 0px auto auto auto; font-family: Verdana, Tahoma; color:#979797; font-size: 11px;}
#copy2-k ul {padding-top: 20px; padding-left: 10px; padding-right: 15px;}
#copy2-k li {display:inline; margin-right: 2px; }
*html #copy2-k li {display:inline; margin-right: 2px; }
#copy2-k a:link {color:#979797; font-size: 11px; font-family: Verdana, Tahoma; text-decoration: none; }
#copy2-k a:visited {color:#979797; font-size: 11px; font-family: Verdana, Tahoma; text-decoration: none; }
#copy2-k a:active {color:#979797; font-size: 11px; font-family: Verdana, Tahoma; text-decoration: none; }
#copy2-k a:hover {color:#ff9a16; font-size: 11px; font-family: Verdana, Tahoma; text-decoration:underline;}
.empty {padding-bottom:6px;}
.table { padding:5px 5px 5px 5px; border-collapse:collapse;}
a.t3:link {font-size: 12px; color: #4c93c8; font-family: Verdana; font-weight: normal; text-decoration: none}
a.t3:visited {font-size: 12px; color: #4c93c8; font-family: Verdana; font-weight: normal; text-decoration: none}
a.t3:active {font-size: 12px; color: #4c93c8; font-family: Verdana; font-weight: normal; text-decoration: none}
a.t3:hover {font-size: 12px; color: #990000; font-family: Verdana; font-weight: normal; text-decoration: none}
a.t5:link {font-size: 12px; color: #000000; font-family: Verdana; font-weight: bold; text-decoration: none}
a.t5:visited {font-size: 12px; color: #000000; font-family: Verdana; font-weight: bold; text-decoration: none}
a.t5:active {font-size: 12px; color: #000000; font-family: Verdana; font-weight: bold; text-decoration: none}
a.t5:hover {font-size: 12px; color: #0000FF; font-family: Verdana; font-weight: bold; text-decoration: underline}
#im-text { clear:both; margin: 20px auto auto 208px; }
#im-text2 { clear:both; margin: 0px auto auto 300px; }
#im-im { clear:both; margin: 10px auto auto 296px; }
h2 { font-size: 22px; font-family: Verdana, Tahoma; position: relative; color: #5b9ccd; font-style:italic; font-weight:lighter;}
h2 span { background: url(des/gradient.png) repeat-x; position: absolute; display: block; width: 100%; height: 22px; }
* html h2 span { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='des/gradient.png', sizingMethod='scale'); }
h1 { padding-top: 10px; font-size: 18px; font-family: Arial; position: relative; color: #ff9b35; }
h1 span { background: url(des/gradient.png) repeat-x; position: absolute; display: block; width: 100%; height: 22px; }
* html h1 span { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='des/gradient.png', sizingMethod='scale'); }
h3 { padding-top: 10px; font-size: 16px; font-family: Arial; position: relative; color: #579acb; }
h3 span { background: url(des/gradient.png) repeat-x; position: absolute; display: block; width: 100%; height: 16px; }
* html h3 span { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='des/gradient.png', sizingMethod='scale'); }
h4 { padding-top: 10px; font-size: 16px; font-family: Arial; position: relative; color: #ffa343; font-weight: bolder;}
#menu ul{
list-style:none;
padding:0 15px;
}
#menu li{
list-style:none;
display:block;
float:left;
margin:0 6px;
}
* html #menu li{
list-style:none;
display:block;
float:left;
margin:0 5px;
}
#menu li a{
display:block;
float:left;
color:#84b5d9;
font-size:17px;
line-height:41px;
padding:0 0 0 12px;
text-decoration:none;
cursor:pointer;
}
#menu li a span{
display:block;
float:left;
color:#84b5d9;
line-height:41px;
padding:0 15px 0 5px;
}
#menu li a:hover{
display:block;
float:left;
background:url(des/menu_l.jpg) no-repeat left center;
height:41px;
}
#menu li a:hover span{
display:block;
float:left;
background:url(des/menu_r.jpg) no-repeat right center;
color:#fff;
height:41px;
}
#menu li a.current{
display:block;
float:left;
color:#fff;
font-size:17px;
background:url(des/menu_l.jpg) no-repeat left center;
line-height:20px;
padding:0 0 0 12px;
text-decoration:none;
}
#menu li a.current span{
display:block;
float:left;
background:url(des/menu_r.jpg) no-repeat right center;
color:#fff;
line-height:41px;
padding:0 15px 0 5px;
}