/**
 * 파일명: index.css

**/

@charset "utf-8";
@import "../css/default.css";
@import "../css/common.css";


html,body{background: url(../images/common/body_bg.jpg) repeat-x left top;
	height: 100%;
	margin: 0;
	
}
#wrapper{
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
}

.skip{
	left:0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	overflow: hidden;
	text-indent: -9999px;
	top:0;
}
/* 상단 */
.topWrap{
	background: url(../images/top/bg_wrap.gif) repeat-x left top;
	position: relative;
	width: 100%;
	z-index:900;
}
.logo{
	display: inline;
	float: left;
	margin: 12px 0 0 10px;
}

.topNavi{width: 220px;height:25px;
	float: right;
	margin: 8px 0 8px 0;
}
.topNavi li{
	float:left;
	padding-right:7px;
	font-size:0;
	line-height: 0;
}
.menuWrap{border-right:1px solid #BCCBE1;
	overflow:hidden;
	background:url(../images/common/top_menubg.jpg) repeat-x left top;
	height: 100px;
	width: 999px;
}


/* 중단 */
.submidWrap{background: url(../images/sub/com_bodybg.gif) repeat-y left top;
  
    width: 1000px;
   float: left;
   
}


/* content */
.subcontentWrap{background: url(../images/sub/com_titbg.gif) no-repeat left top; margin-bottom:15px;;min-height: 500px;
    float: left;
    width: 745px;
}
#subcon{background: url(../images/sub/com_bodybg.gif) repeat-y left top; position:relative;}
#conbox{ width: 740px;padding-left:20px;position: relative;}
/*left*/
.leftWrap{display: inline;
	float: left;width:218px;height: 100%;}

.left-box-mid{
	background: url(../images/ma_left_bg.gif) repeat-y left bottom;
	width: 208px;
}
.left-box-top{
	background: url(../images/ma_left_top.gif) no-repeat left top;
	width: 208px;
}
.left-box-btm{
	background: url(../images/ma_left_bot.gif) no-repeat left bottom;
	padding: 0px 10px 20px;
	height: 100%;
	
	
}
#LNBtop{
	background: url(../images/sub/left_top.gif) no-repeat left top;
	min-height: 420px;

margin-left:25px;
	width: 142px;
}
#LNB{
	background: url(../images/sub/left_btm.gif) no-repeat left bottom;
	height: 246px;
	
	width: 149px;
}
#LNB li{padding-top:1px;

}
.leftname{height:81px;}
.leftmenu1{width: 189px;margin:10px 0 0 10px;}
.tell{width: 142px;padding-left:15px;padding-bottom:10px;}
/*history*/
#cHeader{ width: 781px;height:81px;background: url(../images/sub/com_titbg.gif) no-repeat left bottom;}
#cHeader h4{float:left;background: url(../images/ico_dot2.gif) no-repeat 0 8px;
color:#363636;height:47px;
    margin: 0 0 10px 0;
    padding:14px 0 0px 10px;font-weight:bold;
    
}
.location{height:38px;padding-top:30px;padding-right:15px;
    font-family: gulim;
    font-size: 11px;
    text-align: right;
   
    
}
.home{background: url(../images/sub/ico_home.gif) no-repeat 0 0px;padding-left:18px;}

/*바디 본문부분*/

.sear {border:2px solid #BCD0E3;}
.sear th {height:32px;background:#EAF0F5 url(../images/sub/ico2.gif) no-repeat 5px center;text-align:left; padding-left:15px;border-bottom:1px solid #BCD0E3;}
.sear td{padding-left:5px;border-bottom:1px solid #BCD0E3;}



.datalist{
	
	padding: 0 0 8px;
	 width: 720px;
}
.datalist table{
	border-collapse: collapse;
}
.datalist thead th{border-top:2px solid #BCD0E3;border:1px solid #BCD0E3;
	background:#EAF0F5;
	
	padding-top: 2px;
	height: 25px;
}

.datalist td{padding:0 10px;
	border: 1px solid #E3E3E2;
	height: 30px;
	height:29px\9;
	
	text-align: center;
}

.telllist{
	
	padding: 0 0 8px;
	width: 740px;
}
.telllist table{border:1px solid #BCD0E3;border-top:2px solid #BCD0E3;
	border-collapse: collapse;
}
.telllist th{border:1px solid #BCD0E3;
	background:#EAF0F5;
	
	padding-top: 2px;
	height: 25px;
}

.telllist td{
	border:1px solid #BCD0E3;
	height: 30px;
	padding:0 8px;
	text-align: center;
}

/*포토사진*/
.phto li{width: 50px;height: 25px;border:2px solid #BCD0E3;}


/* paging */
.paging{
	text-align: center;
	margin: 20px 0 0;
	width: 100%;
}
.paging li{
	display: inline;
	margin: 0 2px;
}
.paging ul{
	display: inline;
	margin: 0 -2px;
}
.paging li li{
	margin: 0;
}
.paging ul a, .paging ul strong{
	display: inline-block;
	padding: 0 5px;
}
.paging ul strong{
	color: #ED6001;
}
.paging img{
	vertical-align: -3px;
}

/*bottom*/
#footerWrap{clear: both;width:999px;border-top:1px solid #BCCBE2;border-right:1px solid #BCCBE2;padding-top:15px;}
#subfooter{background-color:#ffffff;clear: both;width:999px;height:84px;}
#subfooter p.logo1 {float:left;padding:10px 20px 0 26px;}
#add{float:left;height: 70px;}
#subfooter address{padding-left:10px;}

.use-help{width:399px;height:25px;}
.use-help li{display: inline;background :url(../images/main/ma_bot_bar.gif) no-repeat center right;
	float: left;padding:0 10px;}
.use-help li.noline{background :none;}

.sel{width: 142px;padding-left:15px;margin-top:80px;}
.sel select{margin-left:8px; margin-bottom:6px !important;}


/* 로그인 */
#login{height:320px;width:760px;padding-left:15px;}
#login p{margin:18px 0 10px 5px;}
#login .box01{margin-left:5px;float:left;height:225px;width:334px;background:url('../images/login/log_imgbg01.jpg') no-repeat 0px 0px;}
#login .login_btn01{width:184px;float:right; padding-top:70px;padding-right:20px;}
#login .login_btn01 span{font-weight:bold;float:left;}
#login .login_btn01 img{display:block;padding-bottom:10px;}
#login .login_btn02{display:block;margin:160px 0 0 110px;width:136px;height:27px;}
#login .login_btn03{display:block;margin:57px 0 0 110px;width:136px;height:27px;}
#login .box02{ position:absolute;left:590px;width:392px;height:225px;background:url('../images/login/log_imgbg02.jpg') no-repeat 0px 0px;}
#login .login_id{width:240px;height:27px;padding-top:70px;padding-left:20px;}
#login .login_pw{width:240px;height:27px;padding-left:20px;float:left;}
#login .login_ok{display:block;position:absolute;top:70px;left:270px;}
#login .login_mem{margin:45px 0 0 90px;}


#box03{ position:absolute;padding-top:10px;margin-left:75px;float:left;height:255px;width:597px;background:url('../images/login/box_bg.gif') no-repeat 0px 0px;}
#box03 .login_id1{width:250px;height:27px;padding-top:15px;padding-left:90px;}
#box03 .login_pw1{width:250px;height:27px;padding-left:90px;float:left;}
#box03 .login_ok1{display:block;position:absolute;top:145px;left:340px;}
.bigtext{padding-left:5px; font:normal 14px "애플고딕", AppleGothic, "굴림체", GulimChe, "돋움", dotum, Arial, Verdana, sans-serif; font-weight:bold;vertical-align:middle;height:17px;}
.bigtext span{color:#74A8DA;}

#box04{ position:absolute;padding-top:10px;margin-left:75px;float:left;height:355px;width:597px;background:url('../images/login/box_bg1.gif') no-repeat 0px 0px;}
#box04 .login_id1{width:270px;height:27px;padding-top:10px;padding-left:190px;}
#box04 .login_pw1{width:270px;height:27px;padding-left:190px;float:left;}
#box04 .login_ok2{display:block;position:absolute;top:135px;left:440px;}
#box04 .login_req1{width:270px;height:27px;padding-left:190px;float:left;}

/*조직도*/
.his{padding-right:155px;}
.his li{text-align: right;}
.imgreplace{text-indent: -9999px;
    visibility: hidden;}
.title_s{background:url('../images/info/info_ico1.gif') no-repeat 0px center;padding-left:15px;font-size:14px;font-weight:bold;}
.ceo{width:735px;height:163px;background:url('../images/info/info_ceo.jpg') no-repeat 0px center;}
.ceolist{padding:20px 0 0 160px;}
.ceolist li{line-height:25px;background:url('../images/info/info_ico2.gif') no-repeat 0px center;padding-left:8px;}

.Stipulation{background-color:#F2F7F9;width:100;border:2px solid #E2EAED;padding:13px;margin-bottom:15px;}
.bluetext{color:#6A88BF;font-weight:bold;line-height:22px;}
.redtext{color:#F57F20;font-weight:bold;}
.dotlation{background-color:#F9F9EF;width:685px;border:2px dotted #EEDFC6; padding:13px;margin-bottom:15px;}

/*미디어*/

#media{width:482px;height:326px;background:url('../images/info/info_media.jpg') no-repeat 0px center;padding:11px 0 0 252px;}
#media .mediaview{width:281px;height:70px;background:url('../images/info/info_media1.jpg') no-repeat 0px center;padding:41px 0 0 102px;}
#media .mediaview li{padding-left:10px;padding-bottom:5px;float:left;}

.win{height:165px;}
.winlist{width:236px;float:left;}

.winlist li{padding-bottom:3px;}


/*공지사항*/

.noticeTable{border-top: 2px solid #A3B5CE;
	
	 width: 743px;
}
.noticeTable table{
	border-collapse: collapse;
}
.noticeTable thead th{background:#EDF1F6 url(../images/sub/bg_table_bar.gif) no-repeat right bottom;
height: 30px;border-bottom: 1px solid #A3B5CE;
}
.noticeTable thead th.nobar{background:#EDF1F6 none;
height: 30px;
}
.noticeTable td{
	border-bottom: 1px solid #E3E3E2;
	height: 30px;
	height:29px\9;
	padding:0;
	
}


.noticeview{width: 743px;}
.noticeview table{border-top: 2px solid #A3B5CE;
	border-collapse: collapse;
}
.noticeview th{border-top:1px solid #BCD0E3;
	background:#F6F7FA url(../images/sub/bg_table_bar.gif) no-repeat right bottom;
	border-bottom: 1px solid #A3B5CE;
	padding-top: 2px;
	height: 28px;
}

.noticeview td{padding:0 10px;background:#F6F7FA;
	border-bottom: 1px solid #A3B5CE;}
.noticeview td.name{padding:0 10px;background:#F6F7FA url(../images/sub/bg_table_bar.gif) no-repeat right bottom;
	border-bottom: 1px solid #A3B5CE;text-align: center;font-weight:bold;
height: 28px;
	
}
.noticeview td.view{background:#Ffffff;padding:0 10px;
	border-bottom: 1px solid #A3B5CE;

	
}
.noticeview td.line{padding:0 10px;background:#F6F7FA;
	border-bottom: 1px solid #A3B5CE;text-align: center;font-weight:bold;
height: 28px;border-right: 1px solid #A3B5CE;

}
.benner{width: 203px;float:left;height:300px;}
.bennerico{background:url(../images/biz/ico3.gif) no-repeat left center;padding-left:12px;margin-bottom:15px !important;font-weight:bold;}


.logllist{
	
	padding: 0 0 8px;
	width: 700px;
}
.loglist table{border:1px solid #BCD0E3;border-top:2px solid #BCD0E3;
	border-collapse: collapse;
}
.loglist th{border:1px solid #BCD0E3;
	background:#EAF0F5;
	
	padding-top: 2px;
	height: 25px;
}

.loglist td{
	border:1px solid #BCD0E3;
	height: 30px;
	padding:0 8px;
	
	text-align: center;
}
.qna ul a:hover{color:#4385D8;}
.qna ul .off{color:#757575;background: url(../images/biz/faq_q_day.gif) no-repeat 5px 7px; font-weight:bold;padding:3px 0 3px 32px;line-height:23px; border-top:2px solid #ACC3E2;cursor:pointer}
.qna ul .on{color:#757575;background:#F1F5F9 url(../images/biz/faq_q.gif) no-repeat 5px 7px; font-weight:bold;padding:3px 0 3px 32px;line-height:23px; border-top:2px solid #ACC3E2;cursor:pointer}
.ans ul{background:url(../images/biz/faq_a.gif) no-repeat 5px 5px;padding:3px 0 3px 32px;line-height:24px; border-top:2px dotted #DEE2E7;}

.faq{height:27px;width: 740px;background: url(../images/biz/faq_bg.gif) no-repeat 0 0;padding:4px 0 0 10px;}
.faq ul{width: 700px;}
.faq ul li{display: inline;float:left;}

/*변성균 슬라이드 메뉴 */
.scroll-list {
background-color: #ffffff;
width: 155px;
height: 0px;
overflow: hidden;
line-height:150%;
padding:10;
}