@charset "utf-8";
body{background-color: #f5f5f5;/*#f5f5f5*/}
/***********************************************************************************************************
													고객지원
*************************************************************************************************************/
.customer{ background: url(../images/sub/bg/customer_visual_bg.jpg) no-repeat;}

/**********************************
	 	공지사항(notice.asp) 
***********************************/
.notice .search-form select{ width:78px; height: 22px; margin-right: 1px;border: 1px solid #cecece; font-family: '나눔고딕', Nanum;}

@media \0screen { .notice .search-form select{padding-bottom: 2px;} }
.notice .section-body {position: relative;}
.notice .search-word{width: 139px;height: 20px;line-height: 20px;margin-right: 1px;border: 1px solid #cecece; }
.notice .search-btn{margin: 0;width: 39px;height: 22px;color: #fff;border: 0 none;letter-spacing: -0.3px;background-color: #bababa;font-family: '나눔고딕 bold', NanumBold;}
.notice .write-btn, .notice .delete-btn{
	top: 77px; height: 28px; line-height:28px; position:absolute; display:inline-block; 
	text-align:center; color: #fff; border: 0 none; background-color: #213f6c; font-family: '나눔고딕 bold', NanumBold;
}
.notice .write-btn{  right: 92px; width: 90px;}
.notice .delete-btn{ right: 18px; width: 70px; background-color: #255f99;}
.notice table{ margin: 14px 0 3px 0;width: 100%;color: #666666;letter-spacing: -0.3px;}
.notice table thead{font-size: 13px; border-top: 2px solid #8ab8d6;}
.notice table th{padding: 12px 0; text-align: center; background: url(../images/sub/bg/notice_border_img.gif) no-repeat left top; background-color: #f5f7f8;}
.notice table th:first-child{background-image: url("");}
.notice table tbody{border-bottom: 2px solid #cad2e4;}
.notice table td{padding: 12px 0;text-align: center; border-top: 1px solid #c4cde0;}
.notice table td.subject, .notice table td.manage{font-size: 14px;}
.notice table td.subject{text-indent: 15px; text-align: left;}
.notice .li-btn{position:relative; padding-top:12px; text-align: left; letter-spacing: -0.35px; font-size: 14px; font-family: '나눔고딕 bold', NanumBold;}
.notice .li-btn a{display:inline-block; width: 90px; height: 28px; line-height:28px; text-align:center; color: #fff; border: 0 none; background-color: #255f99;}
.notice .li-btn a.last{position:absolute; top: 12px; right: 0; background-color: #213f6c;}


.notice .paging{text-align: center;}
.notice .paging a{margin-right: 11px;}
.notice .paging a>img{vertical-align: middle;}
.notice .paging a.on{color: #287ec6;}

/**********************************
	 	공지사항(notice_view.asp) 
***********************************/
.notice_view .board-view{color: #666666;font-size: 14px;}
.notice_view .v-header{height: 36px;line-height: 36px;border-top: 2px solid #8ab8d6;border-bottom: 1px solid #c4cde0;background-color: #f5f7f8;}
.notice_view .sub-label{padding: 0 20px;}
.notice_view .text{margin-left: 8px;color: #213f6c;font-family: '나눔고딕 bold', NanumBold;}

.notice_view .v-date{ height: 36px; line-height: 36px; text-align: right; font-size: 13px;}
.notice_view .v-date .date{margin-right: 23px;}
.notice_view .v-date .count{margin-right: 20px;}

.notice_view .v-body{padding: 10px 20px 45px 20px;line-height: 1.6;}

.notice_view .v-footer{border-top: 2px solid #cad2e4;border-bottom: 2px solid #cad2e4;}
.notice_view .v-footer .prev{border-bottom: 1px solid #cad2e4;}
.notice_view .v-footer .prev-label, .notice_view .v-footer .next-label{padding: 0 10px 0 20px;}
.notice_view .v-footer div{height: 36px;line-height: 36px;font-size: 13px;}
.notice_view .v-footer .text{color: #287ec6;font-size: 14px;}
.notice_view .li-btn{position:relative; padding-top:12px; text-align: left; letter-spacing: -0.35px; font-size: 14px; font-family: '나눔고딕 bold', NanumBold;}
.notice_view .li-btn a{display:inline-block; width: 90px; height: 28px; line-height:28px; text-align:center; color: #fff; border: 0 none; background-color: #255f99;}
.notice_view .li-btn a.last{position:absolute; top: 12px; right: 0; background-color: #213f6c;}

/**********************************
	 	문의사항(inquiry.asp) 
***********************************/
.inquiry label, .notice_write label, .login label{font-family: '나눔고딕 bold', NanumBold;}
.inquiry .query-form, .notice_write .query-form{ color: #666666; font-size: 14px;}
.inquiry .t_cont, .notice_write .t_cont{height: 51px;  border-bottom: 1px solid #c4cde0;}
.inquiry .q-subject, .notice_write .q-subject{ border-top: 2px solid #8ab8d6;}
.inquiry .q-cont, .notice_write .q-cont{ height: 351px;}
.inquiry .t_cont label, .notice_write .t_cont label{ display: inline-block; width: 102px; height: 51px; line-height: 51px; text-align: center; background-color: #f5f7f8;}
.inquiry .t_cont input, .notice_write .t_cont input{margin-left: 12px;width: 598px;height: 27px;line-height: 27px;vertical-align: middle;border: 1px solid #cecece;}
.inquiry .q-cont label, .notice_write .q-cont label{width: 102px;height: 351px;line-height: 351px;}
.inquiry .q-cont textarea, .notice_write .q-cont textarea{margin: 12px 0 0 12px;width: 598px;height: 327px;vertical-align: top;border: 1px solid #cecece;}
.inquiry .q-submit, .notice_write .q-submit{margin-top: 12px; text-align: center;font-size: 14px;color: #fff;letter-spacing: -0.3px;font-family: '나눔고딕 bold', NanumBold;}
.inquiry .q-email{position: relative;height: 75px;border-bottom: 2px solid #c4cde0;}
.inquiry .q-email label{height: 75px;line-height: 51px;}
.inquiry .q-email input{margin-left: 12px;width: 598px;height: 27px;line-height: 27px;vertical-align: middle;}
.inquiry .q-email p{position: absolute;left: 116px; top: 50px;}
.inquiry .q-submit input, .notice_write .q-submit input{width: 89px;height: 28px;line-height: 28px;text-align: center;border: none;}
.inquiry .q-submit .send-btn, .notice_write .q-submit .send-btn{ background-color: #213f6c;}
.inquiry .q-submit .reset-btn, .notice_write .q-submit .reset-btn{ background-color: #878787;}

/**********************************
	 	공지사항(notice_write.asp) 
***********************************/
.notice_write .q-file input.fileName{width: 350px; vertical-align: middle;}
.notice_write .seeView{display: inline-block; margin-left: 7px; vertical-align: middle; color: #fff; width:91px; height: 29px; line-height: 29px; text-align: center; background-color: #c3c3c3;}

/*****************************************
		로그인(login.asp)
******************************************/
.login .query-form{margin: 0 auto; width: 456px; }
.login fieldset{position: relative; padding: 22px 0 22px 34px; border-top: 2px solid #8bb9d7; border-bottom: 2px solid #cad2e4;}
.login label{margin-right: 7px; font-size: 14px; color: #666666; vertical-align: middle;}
.login .q-id {margin-bottom: 10px;}
.login .q-id label{margin-right: 8px;}
.login .q-id input, .login .q-pw input{vertical-align: middle; width: 219px; height: 27px; line-height: 27px; font-size: 14px; border: 1px solid #cecece;}
.login .login-btn{position: absolute; top: 22px; right: 36px; width: 89px; color: #fff; font-size: 16px; height: 68px; border: 0 none; background-color: #213f6c; font-family: '나눔고딕 bold', NanumBold;}

/*****************************************
		부서별 연락처(department.asp)
******************************************/
.depart .section-body > div{ font-size:24px; letter-spacing: -0.6px; color: #666666; font-family: '나눔고딕 bold', NanumBold;}
.depart .section-body > div p{font-size:18px; letter-spacing:-0.9px; color: #213f6c;}
.depart .section-body > div p strong{color: #287ec6;}
.depart .section-body > div > p{margin-bottom: 19px;}
.depart .section-body > div > p > strong{margin-right: 7px;}
.depart .section-body > div > div > p{font-size: 24px;}
.depart .section-body > div > div{border-top:2px solid #8ebcd9; border-bottom: 2px solid #cad2e4;}
.depart .section-body > div > div > p{height: 73px; text-align: center; line-height: 73px; border-bottom: 1px solid #c4cde0; background-color: #f5f7f8;}
.depart .section-body > div > div > p > strong{margin-right: 30px;}
.depart .section-body ul{overflow:hidden; padding: 14px 0;}
.depart .section-body ul li {padding: 15px 0 33px 0;float: left; width: 241px; text-align: center; border-left: 2px dotted #e4e8ed; }
.depart .section-body ul li:first-child{border-left: 0 none; }
.depart .section-body ul span{display:inline-block; margin-bottom: 20px; padding-top: 88px; width: 144px; height: 57px; color:#fff; font-size: 22px; letter-spacing: -1.1px; background: url(../images/sub/bg/depart_bg1.png) no-repeat;}
.depart .section-body ul strong{display: block;}
.depart .section-body ul li:first-child span{background: url(../images/sub/bg/depart_bg0.png) no-repeat;}
.depart .section-body ul li.last span{background: url(../images/sub/bg/depart_bg2.png) no-repeat;}

/*****************************************
		채용안내(recruit.asp)
******************************************/
.recruit h4{position: relative;margin-bottom:33px;font-size: 22px;letter-spacing: 0;padding-left: 17px;z-index: 1;background: url(../images/sub/icon/ph_h4_icon.gif) no-repeat 1px 6px;}
.recruit .system h5{padding-left:10px;color:#666666;font-size:18px;letter-spacing:-0.9px;background: url(../images/common/icon/rect_bullet_icon.gif) no-repeat left center;font-family: '나눔고딕 bold', NanumBold;}
.recruit .system {margin-bottom:48px; padding-bottom: 47px; border-bottom: 1px dotted #adbbc9;}
.recruit .ave p{padding-top: 6px; font-size: 13px; text-align: right;letter-spacing: -0.65px; color: #666666;}
.recruit .ave p > span{padding-right:3px; color: #ff0000;}
.recruit .ave p.cptn{padding-top: 0; padding-bottom: 4px;}
.recruit .ave ul{overflow:hidden; height: 109px; border:1px solid #e5e9ed; background: url(../images/sub/bg/rec_ave_bg.gif) no-repeat; font-family: '나눔고딕 bold', NanumBold;}
.recruit .ave ul li{float: left; width: 102px; padding-top: 36px; text-align: center; font-size: 16px; letter-spacing: -0.4px; color: #287ec6;}
.recruit .ave ul li.last{width: 117px; padding-top: 46px;}
.recruit .rec{margin-top: 14px;}
.recruit .rec p{padding-top: 8px; text-indent:11px; font-size: 14px; color: #565656; letter-spacing: -0.7px;}
.recruit .rec ul{overflow:hidden; margin-top: 34px; background: url(../images/sub/bg/rec_rec_bg.gif) no-repeat;}
.recruit .rec ul li{margin-left:7px; float: left; width: 239px; }
.recruit .rec ul li:first-child{margin-left:0;}
.recruit .rec ul h6{margin-bottom: 14px; height: 53px; line-height: 53px; text-align:center; font-size: 18px; color: #fff; font-family: '나눔고딕 bold', NanumBold;}
.recruit .rec ul span{font-size: 14px; letter-spacing: -0.7px; color: #565656}
.recruit .rec ul strong{color:#213f6c; font-family: '나눔고딕 bold', NanumBold;}
.recruit .rec ul > li > span > span{padding-left: 9px;}
/*.recruit .rec ul > li.last > span{display: block; text-align: right; padding-right: 21px;}*/
.recruit .rec ul > li.last > span > span{padding-left: 7px;}
.recruit .rec ul > li.last > span > span:first-child{padding-left: 0;}

.recruit table{width:100%; margin-bottom:44px; border-top: 2px solid #8ebcd9; border-bottom: 2px solid #cad2e4; }
.recruit table thead{border-bottom: 1px solid #c4cde0;}
.recruit table th{height: 53px; font-size: 15px; letter-spacing: -0.75px; color: #213f6c; text-align: center; border-left: 1px dotted #d3dbe2; background-color: #f5f7f8; font-family: '나눔고딕 bold', NanumBold;}
.recruit table td{padding: 26px 0 0 14px; vertical-align: top; height: 102px; font-size: 13px; color: #666666; letter-spacing: -0.65px; line-height: 1.6; border-left: 1px dotted #d3dbe2;}
.recruit table th:first-child,.recruit table td:first-child{border-left: 0 none;}

.recruit .worker > ul{overflow: hidden; height: 453px; background: url(../images/sub/bg/rec_worker_bg.gif) no-repeat;}
.recruit .worker h5{margin-bottom:8px; font-size: 18px; color: #213f6c; letter-spacing: -0.9px; font-family: '나눔고딕 bold', NanumBold;}
.recruit .worker h5 strong{color: #287ec6;}
.recruit .worker > ul > li{margin:25px 0 0 19px; padding: 15px 0 0 146px; height: 119px; /*padding: 18px 0 0 4px;*/ float: left; width: 210px;}
.recruit .worker > ul > li.first{margin-left: 0;}
.recruit .worker > ul > li.tpclear{margin-top: 0;}
.recruit .worker ul ul{font-size: 14px; color: #666666; letter-spacing: -0.7px;}
.recruit .worker ul ul li{line-height: 1.5;}