/**
 * ÆÄÀÏ¸í: index.css
 * ¼³¸í : ¸ÞÀÎ ½ºÅ¸ÀÏ ½ÃÆ®
**/

@charset "EUC-KR";
@import "../css/default.css";
@import "../css/common.css";


html,body{
	height: 100%;
	margin: 0;
	overflow:hidden;
}
#wrapper1{
	height: 100%;
	overflow: auto;
	position: relative;
}
.topWrap{width: 1000px;margin:0 auto;}

.skip{
	left:0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	overflow: hidden;
	text-indent: -9999px;
	top:0;
}


.menuWrap{
	overflow:hidden;
	background:url(../images/main/ma_menubg.gif) no-repeat left bottom;
	height: 90px;
	width: 1000px;margin:0 auto;
}
#GNB{
	/* background: url(../images/top/bg_gnb.gif) no-repeat left top; */
	background: no-repeat left top;
	font-size:0;
	line-height: 0;
	float: left;
	height: 36px;
	position: relative;
	width: 776px;
}
#GNB li{background: url(../images/main/mn_bar.gif) no-repeat right center;
	float: left;
	font-size:0;
	line-height: 0;
	padding: 0 10px 0 5px;
}
#GNB li.nobar{background:none;}


/* midWrap */
.midWrap{
	
	position: relative;
	width: 1000px;margin:0 auto;
	z-index:10;
}
#mainContent1{
	background: url(../images/main/ma_img01.jpg) no-repeat left bottom;
	overflow: hidden;
	height: 476px;
	width: 783px;
	float: left;
}
#mainContent2{
	background: url(../images/main/ma_img02.jpg) no-repeat left bottom;
	overflow: hidden;
	height: 476px;
	width: 783px;
	float: left;
}
#mainContent3{
	background: url(../images/main/ma_img03.jpg) no-repeat left bottom;
	overflow: hidden;
	height: 476px;
	width: 783px;
	float: left;
}
#mainContent4{
	background: url(../images/main/ma_img04.jpg) no-repeat left bottom;
	overflow: hidden;
	height: 476px;
	width: 783px;
	float: left;
}

.conVisual{background: url(../images/main/ma_leftbg.gif) repeat-y left top;
	float: left;
	padding:69px  0px 0 20px;
	width: 77px;
	height: 476px;
}

.conVisual li{padding-bottom:45px;}
.rightbenner{width: 217px;float: right;}
.rightbenner li{font-size:0;
	line-height:0;}

/*ÅÜ¸Þ´º
#tapbox{width: 647px;float: left;}
.alltapmenu01{width: 617px;height:124px;position:absolute;top:0px;left:97px;margin-top:15px}
.alltapmenu01 p{position: absolute;top:0px;left:0px;}
.tapmenu01{width: 617px;height:130px;background:#ffffff;padding:2px 0 0px 20px;}
.nobg{background:#none;display:none;}
.tapmenu01 li{display: inline;}


.alltapmenu02{width: 617px;height:124px;margin-top:15px;position:absolute;top:139px;left:97px;}
.alltapmenu02 p{position: absolute;top:0px;left:0px;}
.tapmenu02{width: 617px;height:124px;background:#ffffff;padding:10px 0 0px 20px;}
.tapmenu02 li{display: inline;}


.alltapmenu03{width: 617px;height:137px;margin-top:10px;position: absolute;top:289px;left:97px;}
.alltapmenu03 p{position: absolute;top:0px;left:630px;}
.tapmenu03{width: 617px;height:136px;background:#ffffff;padding:5px 0 0 20px;}
.tapmenu03 .tap3_benner1 li{display: inline;}
.tapmenu03 .tap3_benner2{padding-top:10px;}
.tapmenu03 .tap3_benner2 li{display: inline;}
*/

/*ÅÜ¸Þ´º*/
#tapbox{width: 647px;float: left;margin-top:10px;}
.menu01{padding-bottom:10px;top:18px;}
.menu02{padding-bottom:10px;top:166px;}
.menu03{padding-bottom:10px;top:315px;}

/*noticeGroup*/
#noticeGroup{width: 998px;height: 150px;clear: both;padding-top:20px;margin:0 auto;border-right:1px solid #E2E2E2;border-left:1px solid #E2E2E2;}
.faq{float: left;width: 305px;padding-left:13px;}
.data{height:90px;}
.data li{display: inline;padding-right:4px;}
.tell li{display: inline;padding-right:1px;}

/*°øÁö»çÇ×*/
#common-notice{float: left;
	background: url(../images/main/bg_tab_line.gif) repeat-x left 2px;
	height: 139px;
	position: relative;
	width: 322px;
}
#common-notice li{
	line-height: 100%;
	float: left;
	margin-right: 2px;
}
#common-notice ul{
	background: none;
	left: 0px;
	position: absolute;
	top: 31px;
	width: 322px;
}
#common-notice li li{
	/* background: url(../images/main/bg_dot_line.gif) repeat-x left bottom; */
	background: repeat-x left bottom;
	line-height: 220%;
	min-height: 26px;
	_height: 26px;
	margin: 0;
	text-align: right;
	float: none;
	width: 322px;
}
#common-notice li li a{
	background: url(../images/main/bg_list_bult.gif) no-repeat left center;
	float: left;
	padding-left: 8px;
}
#common-notice li li.more{
	background: none;
	font-size:0;
	height:13px;
	line-height:0;
	right: 0;
	position: absolute;
	top: -23px;
	width: 40px;
}
#common-notice li li.more a{
	background: none;
	float: none;
	padding:0;
}
#common-notice #comNoti02{
	display: none;
}
#common-notice #comNoti03{
	display: none;
}
#noti-right{
	float: right;
	padding: 2px 8px 0;
	position: relative;
	width: 336px;
}
#noti-right .newsBox{
	
	font-size:12px;
	line-height:150%;
	min-height: 197px;
	_height: 197px;
	left: 12px;
	padding:  0px 0 0 0px;
	position: absolute;
	top:0;
	width: 325px;
}
#noti-right .newsBox .news-paging{
	margin: -15px 0 2px;
	text-align: right;
}
#noti-right .newsBox .news-paging img{
	vertical-align: middle;
}
#noti-right .newsBox li{
	/* background :url(../images/main/bg_list_bult2.gif) no-repeat 2px 6px; */
	background : no-repeat 2px 6px;
	font-size:12px;
	line-height:150%;
	padding-left: 20px;
	text-align: left;
}
#noti-right .newsBox li a{
	float: left;
}
#noti-right .newsBox .focus-news{
	background: none;
	min-height: 118px;
	_height: 118px;
	padding: 8px 0 0 113px;
	position: relative;
	text-align: left;
}
#noti-right .newsBox .focus-news dt{
   text-align: left;
	color: #4A8CAC;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: -1px;
	
}


#noti-right .newsBox .focus-news .description{background: url(../images/main/bg_list_bult.gif) no-repeat 15px center;
	line-height:25px;
}
#noti-right .newsBox .focus-news .description a{
	float: none;
}
#noti-right .newsBox .focus-news .photo{margin-top:10px;
	background-color: #ffffff;
	border:1px solid #E0DDDD;
	height: 90px;
	left: 0;
	padding: 2px;
	position: absolute;
	top: 0;
	width: 115px;
}

/*bottom*/
#footerWrap{background-color:#F3F1F2;clear: both;width:1000px;padding-top:10px;margin:0 auto; }
#subfooter{clear: both;width:1000px;height:73px;margin:0 auto;}
#subfooter p.logo1 {float:left;padding:10px 60px 0 26px;}
#add{width:766px;float:left;height: 45px;margin-right:10px;margin-left:10px;}
#addtxt{width:382px;float:left;height: 45px;margin-right:10px;}
.use-help{width:368px;height:32px;background :url(../images/main/ma_botbg.gif) no-repeat 0 0;margin-bottom:3px;margin-right:10px;}
.use-help p{float:left;}
.use-help li{display: inline;background : /* url(../images/main/ma_bot_bar.gif) */ no-repeat center right;float: left;padding:5px 0 0 3px;}
.use-help li.noline{background :none;}

#selbox{float: left;width: 187px;height:45px;}
.sel{margin-bottom:2px;}
.sel input{border:0;padding-left:5px;}
.sel select{height:21px; float: left;margin-left:8px;  font-size:12px; border:1px solid #82A2BF; letter-spacing:-1px;margin-top:5px;}