@charset "euc-kr";
/* common
------------------------------------------------------------------------------------ */
/* base */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td  {padding:0; margin:0;}
ol, ul, li { padding:0px; margin:0px;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:100%; overflow:hidden; visibility:hidden;}
form, fieldset {border:0; margin:0px; padding:0px;}
img {border:0; vertical-align:top;}
div {vertical-align:top; padding:0px; margin:0px;}
address, caption, em {font-weight:normal; font-style:normal;}
#accessibility, .skip, hr, legend { position:absolute; width:0px; height:0px; font-size:0; overflow:hidden; visibility:hidden;}
A:link		{text-decoration:none; color:#4D4D4D}
A:visited	{text-decoration:none; color:#4D4D4D}
A:active	{text-decoration:none; color:#4D4D4D}
A:hover		{text-decoration:none; color:#FF0000; }
ul li	{margin:0; padding:0; list-style: none; list-style-image:none; list-style-position:outside; list-style-type:none;}
.access{position:absolute;  margin:150px 10px 10px 500px;font-family: Dotum, "µ¸¿ò"; color:#000000; font-size: 9pt; }
.blank {position:absolute;  left:0; margin:0; padding:0 ;}
table { font-family: Dotum, "µ¸¿ò"; color:#4D4D4D; font-size: 9pt; line-height:130%;}
div { font-family: Dotum, "µ¸¿ò"; color:#4D4D4D; font-size: 9pt; line-height:130%;}
textarea, select { font-family: Dotum, "µ¸¿ò"; color:#4D4D4D; font-size: 9pt; margin-top:1px;border:1px solid #A2A2A2; border-right:1px solid #E3E3E3;border-bottom:1px solid #E3E3E3;background-color:#F6F6F6;padding:1px 2px;}
input {font-family: Dotum, "µ¸¿ò"; font-size:9pt;color:#4D4D4D;}
input.type-text {background: #ffffff; border-top: 1px solid #E3E3E3; border-left: 1px solid #E3E3E3; border-right: 1px solid #E3E3E3; border-bottom: 1px solid #E3E3E3; width: 100px;}
input.type-file {background: #ffffff; border-top: 1px solid #E3E3E3; border-left: 1px solid #E3E3E3; border-right: 1px solid #E3E3E3; border-bottom: 1px solid #E3E3E3; width: 100px;}
.intxt {margin-top:-1px;border:1px solid #A2A2A2;border-right:1px solid #E3E3E3;border-bottom:1px solid #E3E3E3;background-color:#F6F6F6;padding:1px 2px;} 
.intxt2 {margin-top:-1px;border:1px solid #A2A2A2;border-right:1px solid #E3E3E3;border-bottom:1px solid #E3E3E3;background-color:#F6F6F6;padding:1px 2px;} 
.tex{margin-top:-1px;border:1px solid #A2A2A2;border-right:1px solid #E3E3E3;border-bottom:1px solid #E3E3E3;background-color:#F6F6F6;padding:1px 2px;}
.frtxt{ border-collapse:collapse;  border-spacing:1px;}
.frtxt th {padding:0px 0px 0px 0px; font-weight:bold;}
.frtxt td {padding:0px 0px 0px 5px; line-height:28px; }
.frtxt2{border-collapse:collapse;}
.frtxt2 td {padding:0px 0px 0px 5px; line-height:28px;}
.frtxt2 td.h2 {height:50px;}
.png24{tmp:expression(setPng24(this)); }
/* anchor */
/* layout  */
#head a, #topmenu a, #sidebar a, #body_head a, #foot a, #wing a, img { color: #333; list-style:none; border:0;}
body{position: absolute; list-style:none; margin: 0; padding: 0; font-size: 9px; font-family: Dotum, "µ¸¿ò"; color:#4D4D4D; line-height:130%; width:100%;}
/* margin: 0 auto; */
#wrapper {position: relative;padding:0; width:100%; }
#header {position: relative;  width: 100%; height:108px; left:0px; padding:0px;  margin: 0; background-image: url('img/top_bg.gif');clear: both;}
/*  topmenu  */
#gnb{position:absolute; width:140px; height:17px; top:10px; left:860px; margin:0; padding: 0; }
#gnb ul{position: relative;  top:0; left:0; margin:0; padding: 0; clear: both; }
#gnb ul li{position: relative;  top:0; left:0; margin:0; padding: 0; float: left;}
#gnb ul li.s{position: relative;  top:0; left:0; margin:0; padding: 0; float: left;}
#gnb ul li.end{position: relative;  top:0; left:0; margin:0; padding: 0; }
/*  topmenu  */
#l_img{position: relative;  top:27px; left:0; margin:0; padding: 0;  float: left;}
#log{position:absolute; width:253px; height:66px; top:27px; left:36px; padding:0 0 0 17px;  margin:0;  float: left; background:#fff;}
/*  menu  */
#menu{position:absolute; width:697px; height:81px; top:27px; left:304px; padding:0;  margin:0; background-image: url('img/menu_bg.gif'); }
/*  menu  */
#center1{position: relative;  top:0px; left:0px; padding:0px; width: 1000px;   margin:0px; clear: both; }
/*  leftmenu  */
#leftcolumn {position: relative; left:0px; margin:0; padding:0; height: 638px; width: 652px; float: left;}
#m_swf{position: relative; margin: 0px; padding:0px; top:25px; left:30px; width:622px; height:422px; clear: both;}
#baro{position: relative; margin: 0px; padding:0px; top:0px; left:30px; width:338px; height:216px; float: left;}
#baro3{position: relative; margin: 0px; padding:0px; top:0px; left:30px; width:284px; height:216px; float: left;}
#baro3 ul{position: relative; margin: 0px; padding:0px; top:15px; left:30px; width:254px; clear: both;}
#baro3 ul li.ba01{position: relative; margin: 0px; padding:0px; top:0px; left:0px; width:254px; height:80px; clear: both;}
#baro3 ul li.ba02{position: relative; margin: 0px; padding:0px; top:0px; left:0px; width:254px; height:62px; clear: both;}
#baro3 ul li.ba03{position: relative; margin: 0px; padding:0px; top:0px; left:0px; width:254px; height:59px; clear: both;}
/*  leftmenu  */
/*  center  */
#center {position: relative; margin: 0px;  left:0px; padding: 0; top:30px; height:613px; width:348px; display: inline;  float: left;}
/* °øÁö»çÇ× */
#notice{position: relative; margin: 0px;  left:30px; padding: 0px; top:6px; height: 109px; width: 318px; clear: both}
#notice ul.notice_ti{position: relative; margin: 0px;  left:0px; padding: 0px; top:0px; height:24px ; width: 318px; background-image: url('img/notice_bg.gif');}
#notice ul.notice_ti li.ti{position: relative; margin: 0px;  padding: 0px 2px 0px 0px;  top:0px;left:0px; width:70px; height:23px ;  float: left;}
#notice ul.notice_ti li.more{position: relative; margin: 0px;  padding:0; top:10px; width:37px; float: right;}

#notice_con{position: relative; margin: 0px;  left:4px; padding: 0; top:2px; width: 310px; height:79px;}
#notice_con ul.tti {position: relative; margin: 0px;  left:0px; padding: 2px 0 0 0 ; top:0px; width: 310px; height:17px; clear: both; }
#notice_con ull.tti li{position: relative; margin: 0px;  left:0px; padding: 0px; top:0px;  float: left; } 
#notice_con ul.ttil li.day{position: relative; margin: 0px;  left:0px; padding: 0px 0px 0px; top:0px;  float: right;}
#notice_con ul {position: relative; margin: 0;  left:0; padding: 0; top:0; width: 310px; height:18px; clear: both; }
#notice_con ul li{position: relative; margin: 0;  left:0; padding: 0; top:0;  float: left; } 
#notice_con ul li.day{position: relative; margin: 0;  left:0; padding: 0;  float: right;}
/* °øÁö»çÇ× */
/* °øÁö»çÇ×2 */
#notice2{position: relative; margin: 0px;  left:30px; padding: 0px; top:20px; height: 120px; width: 318px; clear: both}
#notice2 ul.notice_ti{position: relative; margin: 0px;  left:0px; padding: 0px; top:0px; height:24px ; width: 318px; background-image: url('img/notice_bg.gif');}
#notice2 ul.notice_ti li.ti{position: relative; margin: 0px;  padding: 0px 2px 0px 0px;  top:0px;left:0px; width:70px; height:23px ;  float: left;}
#notice2 ul.notice_ti li.more{position: relative; margin: 0px;  padding:0; top:10px; width:37px; float: right;}
/* °øÁö»çÇ×2 */
/* ¹Ù·Î°¡±â*/
#quick{position: relative; margin:0;  left:30px; padding: 0px; top:30px; height: 120px; width:348px; clear: both;}
#quick ul.ti{position: relative; margin:0; left:0px; padding: 0px; top:0px; height: 18px; width: 119px; clear: both;}
#quick ul.con{position: relative; margin:0;  left:0; padding: 0; top:0; width:318px; height:102px; background-image: url('img/quick_bg.gif'); clear: both;}
.quick_btn{position: relative; margin:0;  left:0; padding: 0; top:1px;  clear: both;}
.quick_btn ul{position: relative; margin:0;  left:6px; padding: 0; top:0px;  clear: both;}
.quick_btn ul li{position: relative; margin:0;  left:0; padding: 0; top:1px;   float: left;}
/* ¹Ù·Î°¡±â*/
#quick2{position: relative; margin:0;  left:30px; padding: 0px; top:30px; height:137px; width:348px; clear: both;}
#quick2 ul.bg {position: relative; margin:0;  left:0px; padding: 0px; top:6px; height:107px; width:318px; background-image: url('img/quick2.gif'); clear: both;}
#quick2 ul.bg li{position: relative; margin:0;  left:0px; padding: 0px; top:0px; }
#quick_btn2{position: relative; margin:0;  left:66px; padding:0; top:25px;  width:318px;  clear: both;}
#quick_btn2 ul{position: relative; margin:0;  left:0px; padding: 0; top:0px;  clear: both;}
#quick_btn2 ul li{position: relative; margin:0;  left:0; padding: 0; top:1px;   float: left;}
/* ¹Ù·Î°¡±â*/
#banner{position: relative; margin:0;  left:30px; padding:0; top:30px;  width:46px;  height:43px; clear: both;}
#banner02{position: relative; margin:0;  left:30px; padding:0; top:5px;  width:318px;  height:49px; clear: both;}
#banner_more{position: relative; margin:0;  left:0px; padding:0; top:5px;  width:48px;  height:20px; clear: both; float: right;}
/* ¹Ù·Î°¡±â*/
/*  center  */

/* Ä«ÇǶóÀÌÆ®  */
#footer {position: relative;  width:100%; height:82px; left:0px; background-image: url('img/cop_bg.gif'); top:30px; margin: 0; padding: 0px;  clear: both; }
#footer ul {position: relative;  margin: 0; padding: 0px; }
#footer ul li.log{position: relative; top:17px; left:70px;  width:185px; height:43px;  margin:0; padding: 0px;  float: left;}
#footer ul li.copy{position: relative; top:25px; left:150px; margin:0; padding: 0px;  float: left;}
/* Ä«ÇǶóÀÌÆ®  */
/* layout  */
.ba{border:1px solid #E3E3E3;}
/*»ö,±½±âÁöÁ¤*/
.blue{color:#336699; font-weight:bold;}
.orange{color:#993300; font-weight:bold;}
.orange02{color:#993300;}
.braoun{color:#993300;}
.black{ font-weight:bold; color:#000;}
.black02{font-size: 12pt; font-weight:bold; color:#000;}
.green{color:#09913C;}
.red{color:#ff2200;  font-weight:bold;}
.red02{color:#E62E2E; border-bottom:1px solid #E62E2E;}
.red03{color:#E62E2E;}
.red04{color:#E62E2E; font-weight:bold;}
.green02{color:#0C9D1B;}
.line01{border-bottom:1px solid #333333;}