@charset "euc-kr";

/* common
------------------------------------------------------------------------------------ */
html {height:100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, table, th, td  {	margin: 0;	padding: 0; }

body{background-color:#fff; color:#666; font-family:µ¸¿ò, dotum, Tahoma, Helvetica; font-size:12px; line-height:140%;}
ol, ul, li {list-style:none;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:100%;}
form, fieldset {border:0; }
img {border:0; vertical-align:middle;}
select {height:20px; background-color:#fff; border:0;  font-size:11px;}
input{padding:0 0 0 1px; background-color:#fff; border:0; font-size:11px;}
table{border-collapse:collapse;border-spacing:0;}
address, caption, em {font-weight:normal; font-style:normal;}
hr, skipNav, caption {display: none;}
#accessibility, .blind, .legend {display: none;}

/* anchor 
------------------------------------------------------------------------------------ */
a,
a:link {color:#2d75cc; text-decoration:none;}
a:visited {color:#000; text-decoration:none;}
a:hover,s
a:active{color:#2d75cc; text-decoration:underline;}


/* layout
------------------------------------------------------------------------------------ */

html, body {padding:0; margin:0; background:url(../images/im_main_bg.gif)  repeat-x;}
#wrap-Main {position:relative;  background:url(../images/im_main_bg.gif)  repeat-x;}
	.ie6 #wrap-Main {float:left; width:100%;}

	#hd {position:relative; clear:both;  height:100px; }

	#main-Container {overflow:hidden; width: 965px; margin:9px 0 20px 0; }
	.ie6 #main-Container {overflow:hidden; width: 974px;}
		#main-Left {float:left;	width: 204px; margin:16px 0 0 9px; }
		#main-Center {float:left; width:550px; margin:0; padding:0;}
		#main-Right {float:left; width:186px; margin:0; padding:0; }

	#ft{clear:both; position:relative;  height:70px; background-color:#fff; border-top:1px solid #eaeadd; }



/* hd
------------------------------------------------------------------------------------ */
/* »ó´Ü */
#hd  {margin:0; padding:0; width:940px;}
#hd h1 {padding:34px 0 0 26px;}
#hd .link {position:absolute; height:20px; top:1px; left:692px; margin: 0; padding: 0;}
#hd .link li {margin:0; padding:0; display:inline;}


/* ¸ÞÀÎ¸Þ´º
------------------------------------------------------------------------------------ */
#hd .lnb_menu{position:absolute;  list-style:none;  top:34px; left:200px;}
#gnavigation{float:left;}
#gnavigation li{float:left; }
#gnavigation li ul{position:absolute;  top:45px; display:none;}
#gnavigation li.menu01 ul {left:10px; width:740px;}
#gnavigation li.menu01 ul li.menu01_08{background-color:#1D97DF;}
#gnavigation li.menu02 ul {left:43px; width:740px;}
#gnavigation li.menu02 ul li.menu02_02{background-color:#1D97DF;}
#gnavigation li.menu03 ul {left:50px; width:740px;}
#gnavigation li.menu03 ul li.menu03_04{background-color:#1D97DF;}
#gnavigation li.menu04 ul {left:62px; width:440px;}
#gnavigation li.menu04 ul li.menu04_06{background-color:#1D97DF;}
#gnavigation li.menu05 ul {left:308px; width:440px;}
#gnavigation li.menu05 ul li.menu05_04{background-color:#1D97DF;}
#gnavigation li.menu06 ul {left:495px; width:140px;}
#gnavigation li.menu06 ul li.menu06_02{background-color:#1D97DF;}
#gnavigation li.menu07 ul {left:111px; width:640px;}
#gnavigation li.menu07 ul li.menu07_09{background-color:#1D97DF;}
#gnavigation li.menu08 ul {left:240px; width:505px;}
#gnavigation li.menu08 ul li.menu08_07{background-color:#1D97DF;}


/* ¼­ºê ³×ºñ°ÔÀÌ¼Ç 
------------------------------------------------------------------------------------ */
.snb_list{padding:7px 0 0 9px ; overflow:hidden; width:146px;}

.snb_middle{ width:164px; background-color:#1978cb;margin:0 0 0 8px;}
.snb_title{width:164px;height:58px; background:url(../images/snb_title_bg.gif) no-repeat;}
.snb_title img{float:left;padding:28px 10px 0 55px;}

.snb_title_02{width:164px;height:58px; background:url(../images/snb_title_bg.gif) no-repeat;}
.snb_title_02 img{float:left;padding:21px 0 0 48px;}

.snb_title_03{width:164px;height:58px; background:url(../images/snb_title_bg.gif) no-repeat;}
.snb_title_03 img{float:left;padding:21px 0 0 26px;}

.snb_title_04{width:164px;height:58px; background:url(../images/snb_title_bg.gif) no-repeat;}
.snb_title_04 img{float:left;padding:21px 0 0 33px;}

.snb_title_05{width:164px;height:58px; background:url(../images/snb_title_bg.gif) no-repeat;}
.snb_title_05 img{float:left;padding:21px 0 0 53px;}

.snb_title_06{width:164px;height:58px; background:url(../images/snb_title_bg.gif) no-repeat;}
.snb_title_06 img{float:left;padding:21px 0 0 50px;}

.snb_title_07{width:164px;height:58px; background:url(../images/snb_title_bg.gif) no-repeat;}
.snb_title_07 img{float:left;padding:21px 0 0 21px;}

.snb_title_08{width:164px;height:58px; background:url(../images/snb_title_bg.gif) no-repeat;}
.snb_title_08 img{float:left;padding:21px 0 0 68px;}

.snb_title_09{width:164px;height:58px; background:url(../images/snb_title_bg.gif) no-repeat;}
.snb_title_09 img{float:left;padding:21px 0 0 48px;}

.snb_title_10{width:164px;height:58px; background:url(../images/snb_title_bg.gif) no-repeat;}
.snb_title_10 img{float:left;padding:21px 0 0 55px;}

.snb_title_11{width:164px;height:58px; background:url(../images/snb_title_bg.gif) no-repeat;}
.snb_title_11 img{float:left;padding:21px 0 0 61px;}

.snb_cont{ width:146px; }
.snb_cont ul.snb_main li{ border-bottom:1px solid #7aade4;}
.snb_cont ul.snb_close ul{width:146px;}
.snb_cont ul.snb_close li{float:left; height:23px; padding-left:16px;}
.snb_cont ul.snb_main li span img,
.snb_cont ul.snb_main li img{padding:0px 0 0px 0;vertical-align:middle;}
.snb_cont ul.snb_sub {padding:6px 0 0 0;}
.snb_cont ul.snb_sub li{border:0px;}
.snb_cont ul.snb_sub li img{padding:0 0 0 0;} 
.snb_foot{width:164px;height:13px; background:url(../images/snb_bg_bottom.gif) no-repeat;}
.snb_foot1{padding:10px 0 0 0;width:164px;height:13px; background:url(../images/snb_bg_bottom.gif) no-repeat;}
.snb_footer_left_1{position:relative;float:left; width:180px;height:211px; margin:30px 0 0 0;  background:url(../images/left_bottom_0101_bg.gif) no-repeat; }


/* °Ë»ö 
------------------------------------------------------------------------------------ */
.search{width:165px;height:53px; margin:20px 0 0 8px;  background:url(../images/im_search_bg.gif) no-repeat;}
.search_form{float:left; margin:23px 0 0 6px ; background-color: #326CC3; padding:3px 0 0 2px; border:1px solid #6395DF; color: #fff;}
.search_btn { float:right; margin:23px 5px 0px 0; width:34px; height:18px;  font-size:11px;}	

/* ±¹°¡±â·Ï¿ø¼Ò°³
------------------------------------------------------------------------------------ */
#adv{float:left;  width:194px; height:111px;  background:url(../images/left_top_td3_bg.gif) no-repeat; overflow:hidden;}
#adv .con{padding:27px 0 0 8px;}


/* ÆË¾÷Á¸ 
------------------------------------------------------------------------------------ */
#popupzone {float:left;  width:194px; height:150px;  margin:15px 0 15px 0;  background:url(../images/im_pop_bg.gif) no-repeat; overflow:hidden; }
#popupzone h3 {float:left;  padding: 7px 5px 0 6px;}
#popupzone ul { padding: 9px 0 0 6px; }
#popupzone .tabmenu li {float:left; padding: 0 2px 0 0;}
#popupzone .content{padding: 22px 0 0 7px; }


/* ±¹°¡±â·Ï¿øÀÇ ÄÃ·º¼Ç¼Ò°³ 
------------------------------------------------------------------------------------ */
#popupzone2{float:left; width:194px; height:185px; margin:0 0 15px 0; background:url(../images/im_pop_bg_02.gif) no-repeat; overflow:hidden; }
#popupzone2 h3 {padding:0 0;}
#popupzone2 ul  {padding: 6px 0 0 3px; }
	.tabmenu2 li {float:left; padding: 0 1px 0 0;}
	.pop_content2{padding: 6px 0 0 7px;}


/* ±¹°¡±â·Ï¿ø ¹ß°£¹° 
------------------------------------------------------------------------------------ */
#c3m1 {float:left; width:194px; height:105px; margin:0 0 15px 0; background:url(../images/balganmul_bg.gif) no-repeat; overflow:hidden; font-size:11px; }
#c3m1 h3 { padding: 7px 5px 0 6px;}
#c3m1 .pic{float:left;  padding: 9px 5px 0 10px;}
#c3m1 .subject { float:left; width:104px; height:50px;  padding: 9px 5px 0 0;}
#c3m1 .more { padding: 8px 0 0 0;}

/* °Ë»ö 
------------------------------------------------------------------------------------ */
#search-Main{float: left; width:507px; height:37px; margin: 0 0 0 17px; background:url(../images/center_search_bg.gif) no-repeat; overflow:hidden; }
#search-Main .select{ float:left;  margin: 8px 0 0 100px; }
#search-Main .query{ float:left; margin: 8px 0 0 3px; border: 1px solid #76A4C4 ; width: 226px; height: 19px; background-color:#fff; }
#search-Main .search-But{margin: 8px 0 0 0; border:0; }
	.detail {padding: 0 0 10px 70px;}

.ie6 #search-Main {position:relative;  height:37px;  margin: 0 0 0 8px;  background:url(../images/center_search_bg.gif) no-repeat; overflow:hidden;}


/* ¾ð·Ðº¸µµ/±¹°¡±â·Ï¿ø´º½º/±â·Ï°ü¸®ºÐ¾ß¼Ò½Ä 
------------------------------------------------------------------------------------ */
#notice { float:left;  margin:0 0 0 26px; width:488px; height:249px; background:url(../images/news_tab_bg.gif) no-repeat; overflow:hidden;}
#notice .tabmenu {padding: 0 0;} 
#notice .content {float:left; padding: 4px 0 0 7px;}
#notice .content ul{padding:2px 15px 0 15px; }
#notice .content li{margin:0 10px 0 0; }
#notice .content ul li a{color:#505050; text-decoration: none;  }
#notice .content ul li a:hover {color:#0000ff; }
#notice .content ul li a em{padding:0 0; color:#f67609; }
#notice .content ul li span{float:right; padding:0 0 0 0; color:#9a9a99; text-decoration:none;  }
#notice .more{float:right; padding:0px 5px 5px 0;}
#notice .content_data{height:93px;}
#notice .content_list{float: left;  width: 450px;padding:10px 5px 0 0; } 

.ie6 #notice {  margin:0 0 0 13px; width:488px; height:249px; background:url(../images/news_tab_bg.gif) no-repeat; overflow:hidden;}


/* ½Ç½Ã°£´º½º 
------------------------------------------------------------------------------------ */
#onlinenews { float:left;  width: 505px; height: 20px; margin: 15px 0 0 46px; overflow:hidden;}
#onlinenews  h3 { float:left;  padding: 0 0 0 0;}
#onlinenews  .subject { padding: 0 0 0 20px; }

.ie6 #onlinenews {width: 505px; height: 20px; margin: 15px 0 0 23px; overflow:hidden;}


/* ¹Ù·Î°¡±â Quick Menu 
------------------------------------------------------------------------------------ */
#quick{ float:left; width:476px; height:146px; margin:10px 0 0 30px;  background:url(../images/im_quick_bg.gif) no-repeat; overflow:hidden;}
#quick h3{padding: 0 0;}
#quick .quickTabmenu { float: left; padding:0 0 0 6px; width:294px;}
#quick .quickTabmenu li {float:left; padding:2px 0 0 0;}
#quick .content3 {padding:3px 0 0 5px; }

.ie6 #quick{ width:476px; height:146px; margin:10px 0 0 15px;  background:url(../images/im_quick_bg.gif) no-repeat; overflow:hidden;}


/* ¹è³Ê¸µÅ©-¿À¸¥ÂÊ¹è³Ê 
------------------------------------------------------------------------------------ */
#bannersite { float:left; width: 184px; padding:16px 0 0 0; margin: 0 0 10px 0; overflow:hidden;}
#bannersite li{  padding:0 0 8px 0;}

.ie6 #bannersite {width: 184px;  margin: 0 0 12px 0; overflow:hidden;}


/* ÃÖ±Ù ¼öÁý±â·Ï¹° 
------------------------------------------------------------------------------------ */
#list2 { float:left;  width: 184px; height: 93px; background:url(../images/im_list2_bg.gif) no-repeat; margin: 0 0 15px 0; overflow:hidden;}
#list2 h3{padding: 5px 0 0 5px;}
#list2 .subject { width: 165px; height: 12px;  margin: 6px 0 0 2px; padding: 0 0 0 19px; background:url(../images/right_close_archive_bullet.gif) no-repeat; color:#313131;}

.ie6 #list2 {  width: 184px; height: 93px; background:url(../images/im_list2_bg.gif) no-repeat; margin: 0 0 15px 0; overflow:hidden;}


/* e-¼Ò½ÄÁö
------------------------------------------------------------------------------------ */
#newsletter {width:184px; height:52px; background:url(../images/newsletter_bg.gif) no-repeat;  margin: 0 0 15px 0; overflow:hidden;}
#newsletter h3{padding: 5px 0 0 5px;}
#newsletter .subject {width:174px; height:20px;  padding: 10px 0 0 22px;}


/* ¿Â¶óÀÎ ¼­ºñ½º
------------------------------------------------------------------------------------ */
#service1 {  float:left;  width: 89px; height: 95px; background: url(../images/im_ser01_bg.gif) no-repeat;  overflow:hidden;}
#service1 h3{width:89px; height:25px; background:url(../images/im_ser_tit_01.gif) no-repeat;}
#service1  ul li{padding: 4px 0 0 10px; }


/* °í°´ ¼­ºñ½º 
------------------------------------------------------------------------------------ */
#service2 {  float:left;  width: 89px; height: 95px; margin: 0 0 0 4px; background: url(../images/im_ser02_bg.gif) no-repeat;  overflow:hidden;}
#service2 h3{width:89px;height:25px; background:url(../images/im_ser_tit_02.gif) no-repeat;}
#service2  ul li{ padding: 4px 0 0 10px; }


/* °ü·Ã»çÀÌÆ®-select box
------------------------------------------------------------------------------------ */
#jump {float:left; width: 184px; margin: 15px 0 0 0; overflow:hidden;}
#jump .jump-Select {float:left; border:1px solid #dadada; color:#7f7f7f; height: 21px; margin:5px 0 0 0; }
.jump-Move{float:left; width: 24px; height: 21px; padding:2px 0 2px 2px; }

/* footer
------------------------------------------------------------------------------------ */

#ft ul li { margin:0; padding:0 0px; list-style:none; display:inline;}

#ft #rewards{ float:left; margin: 8px 0 0 146px;}
.ie6 #rewards{position:absolute; }

#f-Link{ position: absolute;  left:320px; top:15px; width: 560px;}
#f-Menu li { display:inline;  padding:0 0 0 0; }
address {position:absolute; top:20px; left:104px;}

#line{position: absolute;  width: 1px; height: 40px;  left:848px; top:16px; background-color:#d0d0b8; }
#ci{ position: absolute; left:853px; top:26px;}

#banner { display: block; position: absolute; left: 1px; top: 15px; width: 140px; height: 39px;  }
#banner-scroll { position: absolute; left: 20px; top: 0px; width: 110px; height: 39px; overflow: hidden; }
ul#banner-content  { position: absolute; left: 0; top: 0; width: 100%; overflow: hidden; }
ul#banner-content li { display: inline; }
ul#banner-content li a { display: inline; float: left; }
#banner .control { position: absolute; left: 8px; top: 16px; }
#banner .control2 { position: absolute; left: 131px; top: 16px; }
#banner img { vertical-align: top; }


/* ¹æ¹®ÀÚ-count
------------------------------------------------------------------------------------ */
#count{position: absolute; left:860px; top:9px;}
