@charset "utf-8";

/******************************************************

+ Version : 1.0 
*******************************************************/

/* Default Style
*******************************************************/
* {margin:0; padding:0;}
html, body, div, span, object, frame, iframe, 
table, caption, thead, tbody, tfoot, tr, th, td, 
form, fieldset, legend, label, input, select, textarea, button, 
dl, dt, dd, ol, ul, li, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre {font-size:12px; line-height:16px; font-family:"돋움", Dotum, AppleGothic, Sans-Serif;}
a, abbr, acronym, address, big, cite, code, dfn, em, strong {font-size:100%;}
html, body {}
hr {display:none;}
abbr, img, fieldset {border:0 none;}
address, blockquote, code, pre {}
address, cite, em {font-style:normal;}
ol, ul, li {list-style:none;}
a {text-decoration:none;}
a:hover {background:none;} /* FOR IE6 BUG FIXED : ie6 Ignored selector hover bug */
a:link:hover, a:active {text-decoration:underline;}
table {border-collapse:separate; border-spacing:0;}
table caption, fieldset legend {position:absolute; left:10000%; top:-10000%; overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0;}
button, label, input.img_input {cursor:pointer;}
label {display:-moz-inline-stack;/* FOR FF2 ONLY */ display:inline-block; *display:inline;/* FOR IE~7 ONLY */ vertical-align:top; *zoom:1;/* FOR IE~7 ONLY */} /* 테스트후재정의필요 : 사용시 ie6,7에서 label 간격 붙어버림, 거의 모든 브라우저에서 정렬 불규칙하게 틀어짐 */
button{overflow:visible; font:0/0 Arial; border:0; background:transparent;}
input.txt_input,
textarea.txt_input{height:18px; margin:-1px 0 1px; border:1px solid #ccc;}input.rdo_input, input.chk_input {width:16px; height:16px;}
select {height:20px;}
select.slt_input {}
textarea {border:1px solid #ccc;}
textarea.txt_area {}
fieldset, label, input, select, textarea, button, label img, fieldset img {vertical-align:middle;} /* 테스트후재정의필요 */
fieldset.inline-block {vertical-align:middle;}

/* common */
.hidden_obj {position:absolute; left:-10000% !important; top:-10000%; overflow:hidden; width:1px;height:1px;margin:0;padding:0;font-size:0;line-height:0;}

/* text-align */
.txt_left {text-align:left !important;}
.txt_right {text-align:right !important;}
.txt_center {text-align:center !important;}
.txt_top {vertical-align:top !important;}
.txt_middle {vertical-align:middle !important;}

/* border */
.bdnone {border:0 none !important;}

/* margin */
.mg0 { margin:0 !important;}
.mt2 { margin-top:2px !important;}
.mb15 { margin-bottom:15px !important;}
.mb35 { margin-bottom:35px !important;}
.mb70 { margin-bottom:70px !important;}
.mr20 { margin-right:20px !important;}

/* padding */
.pd0 { padding:0 !important;}
.pt50 { padding-top:50px !important;}
.pb0 { padding-bottom:0 !important;}

/* png 24*/
.png24 { tmp:expression(setPng24(this)); }


/* layout */
html{width:100%; height:100%; color:#666; overflow-y:scroll;}
body{width:100%; background:url(/images/bg_main.jpg) center top no-repeat;}
#main_area{width:100%; background:url(/images/bg_main2.jpg) center top no-repeat;}
a {color:#757575;}
a:hover {color:#757575; background:none;} /* FOR IE6 BUG FIXED : ie6 Ignored selector hover bug */
table { _border-collapse:collapse; *border-collapse:collapse;}

#wrapper{width:100%;height:100%;}
#main_flash {width:100%; height:645px;}
#header{position:relative; /* z-index:100; */ width:976px;; height:644px; margin:0 auto;}
#header .util_area {width:972px; overflow:hidden; zoom:1; height:16px; padding:27px 3px 12px 0;}
#header .util_area h1 {float:left;}
#header .util_area ul.util{float:right; overflow:hidden; zoom:1; padding:2px 0 0;}
#header .util_area ul.util li{float:left; padding:4px 8px 0 8px; font-size:1px; line-height:1px; background:url(/images/bu_util.gif) left 6px no-repeat;}
#header .util_area ul.util li.first{background:none;}
#header .util_area ul.util li.global{margin-top:0px; padding:0; background:none;}

#main_menu{width:976px; height:517px;}
#main_menu .menu_box{width:926px; overflow:hidden; zoom:1; padding:0 25px 0 25px;}
#main_menu .title{width:976px; height:62px; text-align:left; padding:20px 0 0;}
#main_menu .menu_box .menu_list{position:relative;}
#main_menu .menu_box .menu_list h2{padding:0 0 16px;}
#main_menu .menu_box .menu_list p.img{margin-bottom:5px;}
#main_menu .menu_box .menu_list .description{padding:3px 0 10px;}
#main_menu .menu_box .menu_list{float:left; width:172px; height:415px; background:url(/images/bg_main_list.jpg) right top no-repeat; margin-left:21px;}
#main_menu .menu_box .menu_list ul li{padding:0 0 0 7px; margin:0 0 0 5px; background:url(/images/bu_arrow1.gif) left 6px no-repeat; line-height:18px; font-family:"돋움", Dotum;}
#main_menu .menu_box .menu_list ul li.first{margin-top:0;}
#main_menu .menu_box .menu_list ul li.more{background:none; padding-top:2px;}
#main_menu .menu_box .menu_list ul li a:hover {color:#1a5895;}
#main_menu .menu_box .type1{background:none; margin:0 0 0 20px; width:150px;}

#main_menu .menu_box .menu_list .change{position:absolute; left:58px; top:386px; overflow:hidden; zoom:1;}
#main_menu .menu_box .menu_list .change img{vertical-align: middle;}


#header #gnb{}
#navi {overflow:hidden; zoom:1; width:976px; height:31px;}
#navi li{float:left; font-size:1px; line-height:1px;}
#navi li.first{margin:0;}

#navi_list {position: relative; width:976px; /*z-index:30;*/}
#naviLayer1{visibility:hidden; position:absolute; overflow:hidden;zoom:1; top:0px; left:0px; height:20px; padding:9px 0 0 46px; background:#05396e;}
#naviLayer1 ul{overflow:hidden; zoom:1; float:left;}
#naviLayer1 ul li{float:left; padding:0 10px 0 0; margin:0 10px 0 0; background:url(/images/navi_bar.gif) right top no-repeat;}
#naviLayer1 ul li.last{background:none; padding-right:46px; margin:0;}

#naviLayer2{visibility:hidden;position:absolute; overflow:hidden;zoom:1; top:0px; left:165px; height:20px; padding:9px 0 0 46px; background:#05396e;}
#naviLayer2 ul{overflow:hidden; zoom:1; float:left;}
#naviLayer2 ul li{float:left; padding:0 10px 0 0; margin:0 10px 0 0; background:url(/images/navi_bar.gif) right top no-repeat;}
#naviLayer2 ul li.last{background:none; padding-right:46px; margin:0;}

#naviLayer3{visibility:hidden;position:absolute; overflow:hidden;zoom:1; top:0px; left:327px; height:20px; padding:9px 0 0 46px; background:#05396e;}
#naviLayer3 ul{overflow:hidden; zoom:1; float:left;}
#naviLayer3 ul li{float:left; padding:0 10px 0 0; margin:0 10px 0 0; background:url(/images/navi_bar.gif) right top no-repeat;}
#naviLayer3 ul li.last{background:none; padding-right:46px; margin:0;}

#naviLayer4{visibility:hidden;position:absolute; overflow:hidden;zoom:1; top:0px; left:489px; height:20px; padding:9px 0 0 46px; background:#05396e;}
#naviLayer4 ul{overflow:hidden; zoom:1; float:left;}
#naviLayer4 ul li{float:left; padding:0 10px 0 0; margin:0 10px 0 0; background:url(/images/navi_bar.gif) right top no-repeat;}
#naviLayer4 ul li.last{background:none; padding-right:46px; margin:0;}

#naviLayer5{visibility:hidden;position:absolute; overflow:hidden;zoom:1; top:0px; left:651px; height:20px; padding:9px 0 0 46px; background:#05396e;}
#naviLayer5 ul{overflow:hidden; zoom:1; float:left;}
#naviLayer5 ul li{float:left; padding:0 11px 0 0; margin:0 11px 0 0; background:url(/images/navi_bar.gif) right top no-repeat;}
#naviLayer5 ul li.last{background:none; padding-right:46px; margin:0;}

#naviLayer6{visibility:hidden;position:absolute; overflow:hidden;zoom:1; top:0px; left:359px; height:20px; padding:9px 0 0 46px; background:#05396e;}
#naviLayer6 ul{overflow:hidden; zoom:1; float:left;}
#naviLayer6 ul li{float:left; padding:0 10px 0 0; margin:0 10px 0 0; background:url(/images/navi_bar.gif) right top no-repeat;}
#naviLayer6 ul li.last{background:none; padding-right:46px; margin:0;}



#container{position: relative; width:976px;; min-height:80%; margin:0 auto 0; /* z-index:20; */}
* html #container{ height: 100%;} /* 윈도우 IE 6이하 브라우저를 위한 핵 */
#main{width:926px; margin:0 auto; padding:0 25px 50px;}
#main #content1 {overflow:hidden; _zoom:1; width:926px; margin:0 0 25px;} 
#main #content1 .notice {float:left; width:346px;}
#main #content1 .irdata {float:left; width:346px;}
#main #content1 .con{float:left; width:370px; padding-left:2px; margin-right:25px;}
#main #content1 .tit{height:18px; border-bottom:2px solid #b6c6d6;}
#main #content1 .tit span{float:left;}
#main #content1 .tit em{float:right; padding-right:5px;}
#main #content1 .tit em img.more{padding-top:6px;}

#content1 .notice .tab{position:relative; width:322px; height:22px; overflow:hidden; zoom:1; background:url(/images/bg_tab.jpg) left bottom no-repeat;}
#content1 .notice .tab li{float:left;position:relative;}
#content1 .notice .tab li.first{padding:0;}
#content1 .notice .tab li img {cursor:pointer; display:block; }
#content1 .notice .tab li.more img{position:absolute; top:0px;  left:135px; padding:8px 0 0;}

#content1 .notice .tapLayer1 ul{margin-top:10px;width:322px;}
#content1 .notice .tapLayer1 li{padding:0 0 0 7px; margin:0 0 0 5px; background:url(/images/bu1.gif) left 6px no-repeat;}
#content1 .notice .tapLayer1 ul li span{width:243px; display:inline-block;}
#content1 .notice .tapLayer1 ul li span img{padding:0 0 0 8px; vertical-align:middle;}
#content1 .notice .tapLayer1 ul li em{width:64px;display:inline-block;text-align:right; font-family:Verdana;font-size:11px;}

#content1 .irdata{display:none;}

#content1 .irdata .tab{position:relative; width:322px; height:22px; overflow:hidden; zoom:1; background:url(/images/bg_tab.jpg) left bottom no-repeat;}
#content1 .irdata .tab li{float:left;position:relative;}
#content1 .irdata .tab li.first{padding:0;}
#content1 .irdata .tab li img {cursor:pointer; display:block; }
#content1 .irdata .tab li.more img{position:absolute; top:0px;  left:135px; padding:8px 0 0;}

#content1 .irdata .tapLayer1 ul{margin-top:10px;width:322px;}
#content1 .irdata .tapLayer1 li{padding:0 0 0 7px; margin:0 0 0 5px; background:url(/images/bu1.gif) left 6px no-repeat;}
#content1 .irdata .tapLayer1 ul li span{width:243px; display:inline-block;}
#content1 .irdata .tapLayer1 ul li span img{padding:0 0 0 8px; vertical-align:middle;}
#content1 .irdata .tapLayer1 ul li em{width:64px;display:inline-block;text-align:right; font-family:Verdana;font-size:11px;}

#content1 .main_con{overflow:hidden; zoom:1;}
#content1 .main_con li{float:left;padding:0 0 0 13px;}
#content1 .main_con li.first{padding-left:15px;}

#main #content1 .stock_bx{float:left; width:182px; }

#main #content1 .stock_bxa{float:left; width:338px; }


#main #content1 .stock1 {overflow:hidden; zoom:1; width:170px;}
#main #content1 .stock1 p.left{float:left;}
#main #content1 .stock1 p.right{float:right; color:#7c7c7c; font-weight:bold;}
#main #content1 .stock1 p.right span{padding:10px 0 0; display:block; _padding:20px 0 0; *padding:20px 0 0;}
#main #content1 .stock1 p.left {color:#229bd8; padding:5px 0 10px; font-size:22px; padding-left:5px; font-family:Verdana;}
#main #content1 .stock1 p.left img{padding-right:3px;}
#main #content1 .stock1 {padding:15px 12px 0 0;color:#7c7c7c; font-weight:bold;}
#main #content1 .stock2 {border-top:1px solid #d3dde6; border-bottom:2px solid #b6c6d6; padding:7px 0 6px; background:#f9faf9;}
#main #content1 .stock2 span.txt1{padding-left:9px; padding-right:15px;}
#main #content1 .stock2 em{ text-align:right; padding:10px 0 0;color:#7c7c7c;font-size:11px;}


#content2 {overflow:hidden; zoom:1; width:926px;}
#content2 .main_search{float:left; width:346px;}
#content2 .main_search p.tit{ margin:0 0 3px;}
#content2 .main_search dl{overflow:hidden; zoom:1;width:322px; margin:4px 0 0;}
#content2 .main_search dl dt{float:left; width:63px;}
#content2 .main_search dl dd{float:left; width:258px;word-break:keep-all; color:#818181;font-size:12px;}
#content2 .main_search .search_area{position:relative;}
#content2 .main_search .search_area input{width:310px; height:18px; padding:6px 0 0 12px; background:url(/images/bg_search.jpg) left top no-repeat; border:none; color:#829398;}
#content2 .main_search .search_area p.btn{position:absolute; left:303px; top:6px;}

#content2 ul.main_bn{float:left;overflow:hidden; zoom:1;}
#content2 ul.main_bn li{float:left; font-size:1px; margin-left:8px; line-height:1px;}
#content2 ul.main_bn li.first{margin:0;}



#footer_area{width:100%; height:100px; border-top:1px solid #e3e5e5;}
#footer_area .fnb{position:relative; width:926px; margin:0 auto; padding: 0 25px;}
#footer_area .fnb p.logo{position:absolute; left:25px; top:25px;} /* 20110620 푸터로고 높이29px에서 25px로 수정 */
#footer_area .fnb .footer_txt {position:absolute; left:536px; top:22px;}
#footer_area .fnb .footer_txt .txt li{float:left; padding-left:10px; font-size:1px; line-height:1px;}
#footer_area .fnb .footer_txt li img{vertical-align:top;}
#footer_area .fnb .footer_txt li.first{background:none; margin:0; padding-right:15px; background:url(/images/footer_bar.gif) right top no-repeat;}
#footer_area .fnb .footer_txt li.last{clear:both; padding-top:7px; background:none; }
#footer_area .fnb .familymap{position:absolute; left:283px; top:10px; width:132px; height:19px; /*z-index:10;*/}
#footer_area .fnb .familymap div.familysite {position:absolute; top:0; right:0; width:132px; height:18px;}
#footer_area .fnb .familymap div.familysite .familysite-list {position:absolute; bottom:17px; left:0; width:132px; background:url(/images/ftr_fambg.gif) no-repeat 0 bottom; /*z-index:1;*/}
#footer_area .fnb .familymap div.familysite .familysite-list div {overflow:hidden; background:url(/images/ftr_fambg_top.gif) no-repeat 0 0;}
#footer_area .fnb .familymap div.familysite .familysite-list div ul li a{padding-left:15px;}
#footer_area .fnb .familymap div.familysite ul {padding:10px 0 12px; background:url(/images/ftr_fambar.gif) no-repeat 0 0;}
#footer_area .fnb .familymap div.familysite ul li {width:132px; padding:4px 0 0 0;}
#footer_area .fnb .familymap div.familysite ul li a { display:block; }
#footer_area .fnb .familymap div.familysite ul li a:hover{background:#c8c4c4; text-decoration:none;}
#footer_area .fnb .familymap div .familysite-list img {display:block;}
#skipNav{position:absolute; left:-5000px; top:-5000px;}


/* For Print */
@media print {
	#content { padding: 0; margin: 0; }
	#header,
	#footer { display: none; }
}
/*
     FILE ARCHIVED ON 09:51:47 Apr 07, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:24:29 Feb 01, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.499
  exclusion.robots: 0.035
  exclusion.robots.policy: 0.024
  esindex: 0.01
  cdx.remote: 5.103
  LoadShardBlock: 81.113 (3)
  PetaboxLoader3.datanode: 84.669 (4)
  load_resource: 121.209
  PetaboxLoader3.resolve: 59.429
*/