@charset "utf-8";

/* 2010.03.04 */


/* reset-version: 0.1.0 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{font-size:100%;}
object,embed{vertical-align:top;}
em{font-style:normal;}

body {
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #fefef6;
	background-repeat: repeat-x;
	color: #7d7d7d;
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #cccccc;
	scrollbar-highlight-color: #cccccc;
	scrollbar-3dlight-color: #FFFFFF; 
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #cccccc;
	scrollbar-base-color: #ffffff;	

}

a:link {text-decoration:none; color:#7d7d7d;}
a:visited {text-decoration:none; color:#7d7d7d;}
a:active {text-decoration:none; color:#7d7d7d;}
a:hover {text-decoration:none; color:#7d7d7d;}


body{font-family:"돋움","굴림",Gulim,AppleGothic,Arial,Helvetica,Clean,Sans-serif;font-size:12px;line-height:1.6 ; margin:0;padding:0;}
table{ border-collapse:collapse;}
hr.hr {border:2px solid #EFEFEF;}
hr.hr2 {border:1px solid #EFEFEF;}

.png24 { tmp:expression(setPng24(this)); }


/*pageLayout style */
body{ background:#fff url(/img/bg_img.gif) center top no-repeat; }
#wrapperAll{margin:0 auto; width:960px;}
#wrapperTop{width:960px; height:124px;}
#wrapperCenter{width:960px;}
#wrapperCenter #wrapperLeftMenu{width:229px; float:left;}
#wrapperCenter #wrapperFrame{ margin-bottom:60px; margin-left:229px; width:682px; background:url(/img/frame_bg.gif) #fff repeat-y left top;}
#wrapperCenter #wrapperFrame #wrappercontents{ padding:4px 2px 0 2px; background:url(/img/frame_top.gif) no-repeat left top;}
#wrapperBottom{width:960px; height:107px; clear:both; background-color:#fff;}

/*contentsLayOut style*/
#titleArea{ height:44px; background:url(/img/contents_banner.gif) left top no-repeat; padding-left:20px; padding-right:20px; padding-top:28px;}
#titleArea #title{ background: url(/img/bullet_title.jpg) left 4px no-repeat; padding-left:25px; float:left;}
#titleArea #locationArea{float:right; text-align:left; font:normal 8pt gulim; color:#989898; margin-top:5px;}
#titleArea #locationArea p{ display:inline; padding-left:3px;}
#titleArea #locationArea span.current {color:#2e76af; font-weight:bold;}

#contentsArea{margin-left:19px; margin-right:19px; margin-bottom:40px;}

#contentsBox{margin-left:20px;}/*탭아래 글박스*/
#contentsBox2{margin-left:20px; margin-right:20px;}/*탭아래 테이블*/
#contentsBox .subTitleArea{margin-top:27px; margin-bottom:20px;}/*글박스 서브타일틀*/
#contentsBox2 .subTitleArea{margin-top:27px; margin-bottom:20px;}/*글박스 서브타일틀*/

.grayStrokArea{border:#dcdcdc 3px solid;}
.grayStrokArea2{border:#dcdcdc 3px solid; padding:22px 27px;}
.grayStrokArea3{border:#dcdcdc 1px solid; padding:10px ;}
.subTitleArea{margin-top:30px; margin-bottom:15px; background:url(/img/bullet_subTitle.gif) left center no-repeat; padding-left:15px;}
.subTitleAreaRecruit{margin-top:15px; margin-bottom:10px; background:url(/img/bullet_subTitle.gif) left center no-repeat; padding-left:15px;}
.smallTitleArea{margin-top:15px; margin-bottom:10px; background: url(/img/bullet_smallTitle.gif) left center no-repeat; padding-left:12px;}
.textBoxArea{border:#dcdcdc 3px solid; overflow-y:auto; padding:15px;}
.checkBoxArea{padding:3px; text-align:right;}



/*텝 설정*/
	.tabArea{margin:0px; background:url(/img/tab_line.gif) repeat-x bottom;}
	.tabArea ul{}
	.tabArea ul li{ display:inline; padding:0; margin:0;}
	.tabArea img{ vertical-align:bottom;}
	
/*히스토리 텝 설정*/
	.tabAreaHistory{margin:0px; border-bottom:2px #1d73b8 solid;}
	.tabAreaHistory ul{}
	.tabAreaHistory ul li{ display:inline; padding:0; margin:0;}
	.tabAreaHistory img{ vertical-align:bottom;}
	
/*테이블*/	
	.contentsTableArea table th {text-align:center; height:31px; font-weight:bold; vertical-align:middle; color:#fff; background: url(/img/tableThLine2.jpg) no-repeat -3px top;}
	.contentsTableArea table th.fristTh{text-align:center; height:31px; font-weight:bold; vertical-align:middle; color:#fff; background: url(/img/tableThBg.jpg)  repeat-x left top;}
	.contentsTableArea table td{border:1px #7496dc solid; padding:3px;}
	.contentsTableArea table td.leftTdColor{ border-left:none; background-color:#f8faff; }
	.contentsTableArea table td.leftTd{ border-left:none;}
	.contentsTableArea table td.rightTd{ border-right:none;}
	.contentsTableArea table .tableTextColor{color:#7496dc;}
	
	
	/*게시판 테이블*/		
	.tableArea{padding-top:20px;  }
	.tableArea table{color:#999;  text-align:left; font-size:11px; }
	.tableArea caption{ padding-bottom:10px;font-size:11px; color:#999; padding-left:8px; background:url(/img/admin/bulletTableDescription.gif) no-repeat left 4px;}
	.tableArea th{text-align:center; height:31px; font-weight:bold; vertical-align:middle; color:#fff; background: url(/img/tableThLine2.jpg) no-repeat -3px top; }
	.tableArea th.fristTh{text-align:center; height:31px; font-weight:bold; vertical-align:middle; color:#fff; background: url(/img/tableThBg.jpg)  repeat-x left top;}
	.tableArea td{height:29px; border-bottom:dashed #e2e2e2 1px;}
	.lastLine td{border-bottom: solid #e2e2e2 2px}
	.tableArea .tableSection{ color:#fff; background:url(/img/admin/tableSectionBG.gif) no-repeat center center; padding-top:1px;}
	.tableArea table a{text-decoration:none; color:#999; font-size:12px;}
	.tableArea table a:link{color:#999; font-size:12px;}
	.tableArea table a:visited{color:#999; font-size:12px;}
	.tableArea table a:hover{text-decoration:underline; color:#2b8cd9; font-size:12px;}
	.tableArea .tableList{padding-left:10px; font-size:12px; padding-top:1px;}
	.tableArea .tableList p{ display:inline; padding-left:5px;}
	
	/* html 도표 table*/
	.tableContentsArea table{color:#999; font-size:11px; text-align:left; border-bottom:#e2e2e2 2px solid;}
	.tableContentsArea caption{ padding-bottom:10px;font-size:11px; color:#999; padding-left:8px; background:url(/img/admin/bulletTableDescription.gif) no-repeat left 4px;}
	.tableContentsArea th{background:url(/img/admin/tableThBg1.gif)  repeat-x left top; height:29px; text-align:left; padding-left:18px; color:#fff; font-weight:bold; font-size:12px;}
	.tableContentsArea td{height:29px; border-bottom:dashed #e2e2e2 1px;}
	.tableContentsArea .preNextTable td{height:29px; border-bottom:dashed #fff 1px;}
	.tableContentsArea .preNextTable { border:none;}
	.tableContentsArea .txtCon{padding:10px 5px 10px 5px;}
	.tableContentsArea input{background-color:#fff; border:#cecece 1px solid; height:16px;padding-top:2px;margin:3px 0px 3px 0px;font-size:12px; }
	.tableContentsArea .radio{border:0px;}
	.tableContentsArea textarea{background-color:#fff; border:#cecece 1px solid;padding-top:2px;margin:3px 0px 3px 0px;font-size:12px;}
	.tableContentsArea .tableSection{ padding-left:2px; padding-top:1px;}
	.tableContentsArea .rightLine{ background:url(/img/admin/tableLine.gif) right 8px no-repeat;}
	.tableContentsArea .leftTdLine{ background:url(/img/tableLineGray.gif) left 8px no-repeat #f0f1f1;  }
	
	.tableContentsArea a{text-decoration:none; color:#999; font-size:12px;}
	.tableContentsArea a:link{color:#999;}
	.tableContentsArea a:visited{color:#999;}
	.tableContentsArea a:hover{text-decoration:underline; color:#2b8cd9; font-size:12px;}
	.tableContentsArea .tableList{padding-left:10px; font-size:12px;}
	.tableViewArea { padding:10px;}
	
	.tableRightBtnArea{text-align:right; padding-top:10px; padding-bottom:18px;}
	
	/* 게시판 넘버*/	
	.tableNumberArea{text-align:center; padding-top:15px; padding-bottom:15px;}
	.tableNumberArea table{text-align:center; color:#666; font-size:11px; margin-left:auto; margin-right:auto;}
	.tableNumberArea td{border:none; height:auto;}
	.tableNumberArea .selectionNum{ color:#2d7bb9; font-weight:bold; }
	.tableNumberArea table a:hover{text-decoration:none; color:#2d7bb9; font-weight:bold;}
	
	/*게시판 검색*/
	.searchArea{ background-color:#f0f1f1;padding-top:10px; padding-bottom:10px; width:100%; text-align:center;}
	.searchArea Table{margin-left:auto; margin-right:auto;}
	.searchArea Table td{padding-left:2px;}
	.searchArea ul{padding-left:220px; }
	.searchArea input{background-color:#fff; border:#cecece 1px solid; height:20px; }
	.searchArea .searchBtn{padding-top:2px;}
	.searchArea .searchSelect{padding-top:1px;}
	
	
	/*테이블본문*/
	.tableContentsArea .reply{background-color:#fff;border-bottom:#fff 2px solid;}
	.tableContentsArea .reply tr td{padding:5px 0px 3px 0px; border-bottom:dashed #e2e2e2 1px;background-color:#fff;}
	
	.tableContentsArea .inTable{border:0px;background-color:#fff;}
	.tableContentsArea .inTable tr td{border:0px;background-color:#fff;}
	.tableContentsArea .inTable div .img{width:156px;height:156px;padding-bottom:5px;}
	.tableContentsArea .inTable div .title{padding-bottom:20px;font-size:12px; font-weight:bold; color:#cccccc; text-align:center;}
		
	.TableTopLine{border-top:#e2e2e2 2px solid;}
	.TableBtmLine{ border-bottom::#e2e2e2 2px solid;}
		
	/*사회봉사 사진테이블*/
	.lovePicTableArea ul li{padding:10px; border-bottom:1px dashed #ECECEC; height:56px;  }
	.lovePicTableArea .loveSmallPic{float:left; border:3px solid #ECECEC }
	.lovePicTableArea .loveTextTableArea{ float:left; padding-left:20px; padding-top:5px; }
	.lovePicTableArea .loveDateTableArea{float:right; padding-top:5px;}
	.lovePicTableArea .loveTextTableArea .loveTextTableTitle{font-weight:bold;}
	
	/*QnA테이블*/
	.qnaTableArea{margin-top:15px;}
	.qnaTableArea .qnaQuery{background:url(/img/bullet_qa.gif) no-repeat 13px center; padding:5px 0 5px 55px ; border-bottom:1px #f0f0f0 solid;}
	.qnaTableArea .qnaReply{padding:5px 0 5px 55px; border-bottom:1px #f0f0f0 solid; }
	
	/*사진테이블*/
	.picListArea img{border:3px solid #ECECEC}
	.picListArea table td{padding-top:3px;}	
		
	/* 입사지원 */
	.recruitLeftArea{float:left; font-size:11px; margin:0;}
	.recruitLeftArea p{padding-bottom:10px;}
	.recruitRightArea{padding-left:120px; font-size:11px; margin:0;}
	.grayStrokArea3 input{ margin:3px 0;}
	.recruitRightArea td{ padding:3px 0;}
	.recruitRightArea tr{border-bottom:#CCC 1px dashed}
	.grayTable{width:100%; text-align:center; vertical-align:middle;}
	.grayTable th{background-color:#f6f6f6; text-align:center; vertical-align:middle; font-size:11px; font-weight:normal; color:#000; padding:5px; border:1px solid #dcdcdc; }
	.grayTable td{ color:#7d7d7d; font-size:11px; padding:5px; border:1px solid #dcdcdc; }
	
/*biz 소개 이미지 롤링부분*/
	.imgRollingArea{margin-bottom:45px;}
	.rollOverImgArea{ float:right; padding-top:25px; padding-right:10px;}
	.rollingBtnArea{text-align:right;}
	
/*그룹뉴스 이미지 뉴스*/
	.imgNewsArea{height:100px; margin-bottom:5px;}
	.imgNewsAreaLeft{ width:49%; float:left;  background:url(/img/info1_img.gif) left top no-repeat; margin-right:5px;}
	.imgNewsAreaLeft .imgNewsImg{ float:left; padding-top:8px; padding-left:8px; margin-right:20px; height:84px;}
	.imgNewsAreaLeft .imgNewsText{padding-top:5px; height:95px;}
	.imgNewsAreaRight{  width:49%; float:right; background:url(/img/info1_img.gif) left top no-repeat;}
	.imgNewsAreaRight .imgNewsImg{ float:left; padding-top:8px; padding-left:8px; margin-right:20px; height:84px;}
	.imgNewsAreaRight .imgNewsText{padding-top:5px; height:95px;}
	
/* 고객의소리 게시물*/
	.customTable td {padding-bottom:12px;}
	.customTable p{display:inline;}
	.replyText{ color:#2d7bb9;}/*리플 글자색 변경*/
	
	
/* 행복한소식 */
	.lovePicTableArea ul li{padding:10px; border-bottom:1px dashed #ECECEC; height:56px;  }
	.lovePicTableArea .loveSmallPic{float:left; border:3px solid #ECECEC }
	.lovePicTableArea .loveTextTableArea{ float:left; padding-left:20px; padding-top:5px; width:405px;}
	.lovePicTableArea .loveDateTableArea{float:right; padding-top:5px;}
	.lovePicTableArea .loveTextTableArea .loveTextTableTitle{font-weight:bold;}
	
/*인쇄광고 사진테이블*/
	.paperInfoDiv{width:260px; float:left;}
		.paperInfoDiv .tableArea{margin-top:0; padding-top:0;}
	.paperPicTableArea{width:340px; margin-left:280px; margin-top:15px; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #1a72b7; border-top:1px solid #1a72b7; }
	.paperPicTableArea ul li{padding:10px; border-bottom:1px dashed #ECECEC; height:90px;  }
	.paperPicTableArea ul li.endLiNoline{border-bottom:none;}

	.paperPicTableArea .picSmallPic{float:left; border:3px solid #ECECEC }
	.paperPicTableArea .picTextTableArea{margin-left:85px; padding-top:5px; }
	
/*브로슈어 */
	.brochureArea{ border:1px solid #1a72b7; margin-bottom:20px;}
	.brochureArea .brochure{margin:15px;}
	.brochureArea .brochure li{display:inline; margin-left:15px;}
	.brochureArea .brochure .grayStroke{padding:10px; border:#d9d9d9 1px solid;}
	.brochureArea .brochureText{ position:relative; left:0; top:-20px;}
	.brochureArea .brochureBtnArea{margin-left:15px; margin-bottom:15px;}	

/*대보에세이*/

	.essayImgArea{float:left; padding:10px; border:1px solid #1a72b7; width:280px; text-align:center; margin-top:20px; margin-bottom:20px;}
	.essayInfoArea{margin-left:320px;  }
	.essayList{margin-top:10px; padding-left:23px; font-size:11px; line-height:1.3em;}
	.postEssayArea{clear:both; border:1px solid #1a72b7; }
	
	
/*연혁 스크롤*/
	.scrollDivHistory1{ overflow:auto; width:100%; height:400px; background: url(/img/intro5_histoy1Bg.gif) 352px 60px no-repeat; }
	.scrollDivHistory2{ overflow:auto; width:100%; height:400px; background: url(/img/intro5_histoy2Bg.gif) 352px 60px no-repeat; }
	.scrollDivHistory0right{ overflow:auto; height:400px; background: url(/img/intro5.jpg) 10px 30px no-repeat; padding:30px 0 0 265px; border:#e2e2e2 1px solid; }
	
	
/* 폰트 설정*/
	.lightBlueText{color:#1a72b7;}
	.lightBlueTextBold{color:#1a72b7; font-weight:bold;}
	.orangeText{ color:#f17038;}
	.orangeSmallText{ color:#f17038; font-size:11px;}
	.grayBlueText{color:#2c5a84;}
	.boldText{font-weight:bold;}
	.redText{color:#F00;}
	.blackText{color:#000}
	.blackSmallText{color:#000;font-size:11px;}
	.smallText{font-size:11px;}
	.smallBoldText{font-size:11px; font-weight:bold; line-height:1.2em; padding-bottom:3px;}
	.smallText2{line-height:1.2em; font-size:11px;}
	
/*기타 간격이나 라인등 설정*/
	.lightGrayLine{ height:1px; background-color:#f0f0f0; border:0;}
	.tabEndLine{ height:1px; background-color:#1a72b7; border:0; margin-top:25px;}
	.tabEndLine2{ height:2px; background-color:#1a72b7; border:0; margin-top:25px;}
	.blueLine2px{background-color:#1a72b7; border:0;}
	.blueBorder1px{border:1px #1a72b7 solid;}
	.height16px{padding-bottom:16px;}  /* 간격띄우기*/
	.paddingLeft20px{padding-left:20px;}/*간격조절*/
	.paddingLeft18px{padding-left:18px;}
	.paddingLeft15px{padding-left:15px;}
	.paddingRight10px{padding-right:10px;}
	.paddingTop10px{padding-top:10px;}
	
	.clearBothArea{clear:both; padding:0; margin:0;}/*항상 컨텐츠 맨 마지막 레이어 밑에 붙여주세요*/
	.rightBtnArea{float:right; margin-top:11px;}
	.centerBtnArea{text-align:center; }
	.centerBtnArea p{display:inline; padding-left:5px; }
	.leftBtnArea{float:left; margin-top:11px;}
	.rightAlign{text-align:right;}
	.rightAlign2{text-align:right; clear:both;}
	.leftAlignTd{text-align:left;}
	
	.textBoxStyle{border:1px #dedede solid; font-size:12px; color:#666; height: 20px; padding-left:3px;}/* 텍스트인풋박스*/
	.textBoxStyleMuiltText{border:1px #dedede solid;  font-size:12px; color:#666; padding:3px;}/* 텍스트인풋박스 멀티*/
	.textBoxStyleSmallBlackText{border:1px #dedede solid; font-size:11px; color:#000; height: 20px; padding-left:3px;}/* 텍스트인풋박스*/
	
	
	.tableBtn{position:absolute; margin-top:1px; padding-left:5px;}/*게시판 인풋박스옆 버튼 정렬*/
	.tableBtn2{position:absolute; margin-top:3px; padding-left:5px;}
	.tableBtn3{position:absolute; margin-top:3px; padding-left:2px;}
	.tableBtn4{ float:right;}

/*내부 스크롤 세팅*/
	#wrappercontents {scrollbar-face-color:#cdcdcd;
				  scrollbar-3dlight-color:#cdcdcd;
				  scrollbar-highlight-color:#cdcdcd;
				  scrollbar-shadow-color:#cdcdcd;
				  scrollbar-darkshadow-color:#cdcdcd;
				  scrollbar-arrow-color:#FFFFFF;
				  scrollbar-track-color:#eeeeee;
				  }
	
/* footer */
div#footerDiv {margin:40px 0; width:950px;}
div#footerDiv div.footerText {float:left;}

div#footerDiv div#corp {float:left; width:227px; position: relative; cursor:pointer;}
div#footerDiv div#corp ul#listCorp { position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: -202px;
	margin: 0; padding: 0;
	display: none;
	height:202px;	
	width: 227px;
	background:url("/img/footer/listBG.gif") top center no-repeat;
}	
div#footerDiv div#corp ul#listCorp li {margin:0;padding:0;}

/* 페이징 */
div#paging {position:relative; margin-top:10px; text-align:center; margin-bottom:10px;}
div#paging ul.paging {padding:0; list-style:none; display:inline-block;zoom:1;.display:inline}
div#paging ul.paging li {float:left;  margin:0 3px; padding:0; font:normal 8pt arial; }
div#paging ul.paging li.current a {font-weight:bold; color:#000;}
div#paging ul.paging li.btn {margin-right:0;}

.texBoxArea{line-height:150%; text-align:justify; color:#959595;}
.textBoxArea #textDiv h1{color:#000; font-weight:bold; padding-bottom:10px;padding-top:10px; font-size:13px;}
.textBoxArea #textDiv h2{ padding-left:10px; color:#000; font-weight:bold}
.textBoxArea #textDiv p{ padding-left:20px; font-size:11px;}
.textBoxArea table{margin-left:20px; font-size:11px; width:90%;}