/* 전체 css */

body{margin:0; padding:0;}
ul, li, ol{list-style:none;}
img, fieldset{border:none;}
img{padding:0; margin:0;}
div{padding:0; margin:0;}
dl{padding:0; margin:0;}
dt{padding:0; margin:0;}
dd{padding:0; margin:0;}
ul{padding:0; margin:0;}
ol{padding:0; margin:0;}
li{padding:0; margin:0;}
h1{padding:0; margin:0;}
h2{padding:0; margin:0;}
h3{padding:0; margin:0;}
h4{padding:0; margin:0;}
h5{padding:0; margin:0;}
h6{padding:0; margin:0;}
pre{padding:0; margin:0;}
form{padding:0; margin:0;}
fieldset{padding:0; margin:0;}
input{padding:0; margin:0;}
textarea{padding:0; margin:0;}
p{padding:0; margin:0;}
blockquote{padding:0; margin:0;}
th, td{margin:0; padding:0; border:0 none;}
table{border:0 none;}
address{font-style:normal; font-weight:normal;}
caption{font-style:normal; font-weight:normal;}
th{font-style:normal; font-weight:normal;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;}
em{font-style:normal; font-weight:normal;}

/* //전체 css */

/* 공통 css */

.hidden{position:absolute; left:-1000%; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; text-indent:-5000px;}
.absmiddle{vertical-align:middle;}

a:link    {color:#333333; text-decoration:none;}
a:visited {color:#333333; text-decoration:none;}
a:active  {color:#333333; text-decoration:none;}
a:hover   {color:#348fca; text-decoration:none;}

a.m1:link    { color:#333333; text-decoration: none;}
a.m1:visited { color:#333333; text-decoration: none;}
a.m1:active	 { color:#333333; text-decoration: none;}
a.m1:hover	 { color:#333333; text-decoration: none;}

body,td,tr,li,p,span,div {font-size: 12px; font-family: "돋움", Dotum; line-height:150%; color:#333333;}

.blue1 {color: #348FCA !important;}
.red1 {color: #F96637 !important;}
.nim {color:#fff !important; padding-left:4px;}
.graycolor {color: #999999;}

.main1 {color: #8B8B8B; line-height:170%;}
.notice {color: #4C4C4C}

.board_line{border-bottom: solid 1px #CDCDCD;} 
.board_line2{border-bottom: solid 1px #CDCDCD;padding-left:15px} 

.form {  font-size: 12px; border: 1px #999999 solid; margin-left: 4px; margin-top: 3px; margin-bottom: 3px}
.form_pad {  font-size: 12px; border: 1px #999999 solid; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; color: #666666}
.sitemap {  padding-top: 2px; padding-right: 15px; padding-bottom: 2px; padding-left: 15px}
.small {  font-size: 11px}
.p1_copy {  font-family: "굴림", "굴림체"; font-size: 12px; line-height: 16px; color: #666666; padding-left: 7px}
.bold {  font-size: 12px; font-weight: bold; color: #666666}
.padding_10 {  padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px}
.underbar {  text-decoration: underline}

.history {  font-size: 12px; line-height: 18px; padding-left: 5px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px}
.history_bold {  font-size: 12px; line-height: 18px; color: #009900; font-weight: bold; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px}
.overview_biz {  color: #333333; padding-top: 2px; padding-right: 15px; padding-bottom: 2px; padding-left: 15px}

.table {font-family: "돋움";font-size: 9pt;color: #969696;line-height:12pt;}
.table2 {font-family: "돋움";font-size: 9pt;color: #333333;line-height:11pt;}
.table_back1 {font-family: "돋움";font-size: 9pt;font-size:9pt;line-height:12pt;background-color: #f2f2f2;background-repeat: repeat-y;}
.box1 {font-family: "돋움";font-size: 9pt;color: #666666;height: 14px;padding: 0px;border: 1px solid #88a4c9;}
.box2 {font-family: "돋움";font-size: 9pt;color: #666666; height: 20px; padding: 2px;border: 1px solid #88a4c9; vertical-align:top;}
.box3 {font-family: "돋움";font-size: 9pt;color: #666666;padding: 2px;border: 1px solid #88a4c9;}

.input1 {border:0px; vertical-align:top; margin:3px 0 0 12px;}

.eng1 {color: #b54145;}
.eng2 {font-family: "돋움"; font-size: 9pt; color: #969696; line-height:12pt;}

/* //공통 css */

#wrapper {width:879px; margin:0 auto;}

#header {width:879px; height:145px; position:relative;}
a.hide {display:block; width:1px; height:1px; overflow:hidden; position:absolute; top:21px; left:350px; font-size:12px; text-decoration:none;}
a.hide:hover,
a.hide:focus,
a.hide:active {width:175px; height:auto;}

a.hide1 {display:block; width:1px; height:1px; overflow:hidden; position:absolute; top:21px; left:350px; font-size:12px; text-decoration:none;}
a.hide1:hover,
a.hide1:focus,
a.hide1:active {width:260px; height:auto;}

#area_top {width:879px; height:56px; float:left;}
#header .logo {width:747px; float:left; padding-top:8px;}
#header .top_menu {padding-top:24px;}
#header .top_menu ul li {float:left; line-height:0;}
#header .top_menu ul li a{display:block; line-height:0;}
#header .top_menu ul .bar {padding:0 10px 0 10px;}

#main_menu ul {float:left; padding-top:9px;}
#main_menu ul li {float:left; position:relative;}
#main_menu .login {width:146px; height:58px; float:right;}
#main_menu .login a {padding-left:34px;}
#main_menu .gnb_back {width:64px; float:left; padding-top:9px;}

#main_menu .login_user {width:146px; height:58px; float:right;}
#main_menu .log_name {width:146px; padding-top:12px; text-align:center;}
#main_menu .log_out {padding-top:3px;}
#main_menu .log_mody {margin-right:1px;}

#gnb .menu1_ul {position:absolute; top:40px; left:0px; width:450px;}
#gnb .menu1_ul li {float:left; margin-right:31px;}
#gnb .menu2_ul {position:absolute; top:40px; left:-89px; width:500px;}
#gnb .menu2_ul li {float:left; margin-right:31px;}
#gnb .menu3_ul {position:absolute; top:40px; left:-93px; width:450px;}
#gnb .menu3_ul li {float:left; margin-right:31px;}
#gnb .menu4_ul {position:absolute; top:40px; left:-67px; width:450px;}
#gnb .menu4_ul li {float:left; margin-right:31px;}
#gnb .menu5_ul {position:absolute; top:40px; left:-60px; width:450px;}
#gnb .menu5_ul li {float:left; margin-right:31px;}
#gnb .menu6_ul {position:absolute; top:40px; left:-116px; width:450px;}
#gnb .menu6_ul li {float:left; margin-right:31px;}
#gnb .menu7_ul {position:absolute; top:40px; left:-164px; width:500px;}
#gnb .menu7_ul li {float:left;}
#gnb .menu7_ul .menu701 {margin-right:16px;}
#gnb .menu7_ul .menu702 {margin-right:24px;}
#gnb .menu7_ul .menu703 {margin-right:22px;}
#gnb .menu7_ul .menu704 {margin-right:16px;}
#gnb .menu7_ul .menu705 {margin-right:16px;}

#container {width:879px;}
#cont_top {width:879px;}
#cont_top .intro {width:350px; float:left;}
#cont_top .cont_top_right {width:518px; float:left; margin-top:5px;}

#search_top {width:518px; position:relative; height:63px; float:left;}
#tab1 {float:left;}
#tab1 h3 {padding-left:5px;}
#tab1 #tab1c1 {width:518px; height:32px;}
#tab1 #tab1c1 .fieldset {width:434px; float:left;}
#tab1 #tab1c1 fieldset {padding:6px 0 0 11px;}

#tab2 {float:left;}
#tab2 #tab1c2 {width:518px; height:32px;}
#tab2 #tab1c2 .fieldset {width:434px; float:left;}
#tab2 #tab1c2 fieldset {padding:6px 0 0 11px;}

.search_btn {position:absolute; top:0px; right:2px;}
.tab_cont {position:absolute; top:19px; left:0px;}

#news_area {width:518px; height:245px; float:left;}
#gongi {margin:18px 0 0 18px;}
#tab_news {margin:16px 0 0 18px;}

#news_area .news_start {width:481px; position:relative;}
#news_area .news_ul {width:481px; padding-top:5px;}
#news_area .news_ul li em {display:inline-block;}
#news_area .news_ul li img {padding-left:4px; display:inline-block;}
#news_area .news_ul li a {display:inline-block; width:413px;}
#news_area .news_ul li span {color:#8b8b8b;}
#news_area .news_ul1 {width:481px; padding-top:6px;}
#news_area .news_ul1 li em {display:inline-block;}
#news_area .news_ul1 li img {padding-left:4px; display:inline-block;}
#news_area .news_ul1 li a {display:inline-block; width:413px;}
#news_area .news_ul1 li span {color:#8b8b8b;}
#news_area .news_start .more {position:absolute; top:3px; right:0px;}
#news_area .news_start h3{width:481px; height:16px; background:url(/tpl/blue/images/main_notice_dot.gif) no-repeat bottom left;}

#news_area .news_start1 {position:relative; float:left;}
#news_area .news_start1 .more {position:absolute; top:-13px; right:0px;}
#news_area .tab_cont2 ul {background:url(/tpl/blue/images/main_notice_dot.gif) no-repeat 0 0;}
#news_area #tab2c1 {position:absolute; top:16px; left:0px; width:481px;}
#news_area #tab2c2 {position:absolute; top:16px; left:-54px; width:481px;}
#news_area .tab_bar {background:url(/tpl/blue/images/main_notice_titlebar.gif) no-repeat right 2px; width:54px;}
#news_area .tab_bar1 {padding-left:6px;}

#bottom_cont {width:879px; float:left; margin-top:17px;}
#bottom_cont .focus_ul {width:311px; height:123px; float:left; padding:13px 0 0 14px;}
#bottom_cont .focus_ul ul li {float:left;}
#bottom_cont .focus_ul ul .focus1 {width:154px; height:60px;}
#bottom_cont .focus_ul ul .focus2 {width:154px; height:60px; position:relative; z-index:5;}
#bottom_cont .focus_ul ul .focus3 {width:154px;}

#nowSeeList {
	position:absolute; 
	top:-25px; 
	left:100px; 
	z-index:60; 
	display:block; 
	width:301px;
	height:256px;
	border:4px solid #b0d2f6;
	padding:1px 0 0 1px;
}
#nowSeeList .closed {position:absolute; top:8px; right:15px;}

#bottom_cont .service {width:518px; float:left; margin:1px 0 0 25px;}
#bottom_cont .service1 {width:173px; float:left;}
#bottom_cont .service2 {width:172px; float:left;}
#bottom_cont .service3 {width:173px; float:left;}
#bottom_cont .ser01 {height:21px; overflow:hidden;}
#bottom_cont .ser02 {height:19px; overflow:hidden;}

#footer {
	width:832px; 
	height:140px; 
	float:left; 
	margin-top:21px; 
	padding:20px 0 0 47px; 
}

#footer .foot_top {width:832px; float:left;}
#footer .marquee {position:relative; float:left; width:427px; z-index:1;}
#footer .marquee .portBtns {position:absolute; top:4px; left:90px;}
#footer .marquee h3 {float:left; width:130px; padding:6px 0 0 2px;}

#footer .rolling_banner {width:270px; height:21px; float:left; padding:4px 5px 0 5px;}
#footer #rolling {width:270px; overflow:hidden;}
#footer #rolling li {display:inline; padding-right:25px;}
#footer #info_regi li {float:left; margin-right:20px;}

#footer .foot_bottom {width:832px; float:left; margin:5px 0 0 2px;}
#footer .btp_link {width:200px; height:55px; float:left;}
#footer .btp_link h3 {font-weight:bold; padding:6px 0 0 16px;}
#footer .btp_link fieldset {margin:2px 0 0 15px;}

#footer .btp_graph {width:210px; height:55px; float:left; text-align:center;}
#footer .btp_graph h3 {font-size:11px; padding-top:10px;}
#footer .btp_graph span {font-size:11px;}
#footer .btp_graph dl {padding:0px 0 0 16px;}
#footer .btp_graph dl dt {float:left; font-size:11px;}
#footer .btp_graph dl dd {font-weight:bold; font-size:11px; float:left; margin-right:7px;}

#footer .copyright {padding:10px 0 0 15px; float:left; position:relative;}
#footer .copyright .wawa {position:absolute; bottom:0px; right:0px;}

#ps {width:298px; height:253px; overflow:hidden; border:1px solid #b0d2f6;}
#ps .cal {width:296px; height:26px; background-color:#ccc; padding:4px 0 0 4px;}
#ps .jae {width:300px; height:223px; background-color:#d2e1ff;}
#ps .calBtn {height:21px; vertical-align:top;}
#ps .ps01 {font-size:12px; border:1px solid #999999; width:53px; height:16px; padding:3px 0 0 2px; vertical-align:top;}
#ps .jae ul {padding:18px 0 0 0;}
#ps .jae ul li {line-height:140% !important;}
#ps .jaeBar {background:url(../onixweb/images/ico_qb.gif) no-repeat 0 3px; padding-left:9px;}
#ps .jaeBar1 {background:url(../onixweb/images/help_b.gif) no-repeat 0 2px; padding-left:17px;}
#ps .jaeBlue {color:blue !important;}

#pop_nab {width:500px; overflow:hidden;}
.pop_nab01 {width:500px; background-color:#eee; padding-bottom:20px;}
.pop_nab01 h3 {margin-bottom:13px;}
.pop_nab01 p {padding-left:29px; font-family:굴림; font-size:9pt; line-height:150%;}
.poph3 {margin-top:12px;}