
/* 박스 */
.SubBax {width:100%;}
.SubBax h2{color:#444; margin:0 0 15px 0; font-size:18px; line-height:20px; font-weight:600; letter-spacing:-0.01em; font-family:notokrM;}
.SubBax p{color:#444;font-size:14px; line-height:16px; letter-spacing:-0.01em;}
.SubBax span{font-size:13.5px; color:444; line-height:25px; letter-spacing:-0.01em;}

/* 인사말 */
.gree {width:100%;}
.gree h2{color:#2f8fc9; font-size:25px; padding-bottom:10px}
.gree p{text-align:right; margin-top:10px; font-size:13.5px; letter-spacing:-0.01em;}
.gree p span{font-size:18px; font-family:notokrM;}

@media (min-width:768px){
.gree img {float:right; padding:80px 0 0 10px}
.gree p{padding-right:340px}
}

@media (max-width:768px){
.gree img {padding-bottom:20px; width:100%;}
}

/* 회사개요 */
.com_left {float:left; width:70%;}
.com_right {float:left; width:30%;}

table.company {width:100%; color:#666; border-collapse:separate; border-spacing: 0;border:none; -webkit-box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1); box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1);}
table.company th {height:2px; background-color:#1195cb;}
table.company td:last-child {border-right:1px solid #dbe5eb;}
table.company th:last-child {border-right:1px solid #dbe5eb;}
table.company td {padding:10px 15px; border:#dbe5eb 1px solid; border-top:none; border-right:none;}
table.company tr:hover td {background-color:#f0f5f8;}
.comTd_bg2 {background-color: #f0f5f8; font-weight:bold;}

@media (min-width:768px){
.comTd_bg2 {width:15%;}
.com_right {text-align:right}
.com_right img{padding-top:40px;}
}

@media (max-width:768px){
table.company {margin-bottom:30px}
.comTd_bg2 {width:25%;}
.com_left{width:100%;}
.com_right img{display:none}
}

/* 경영이념 */

.comPhil h2{color:#444; font-size:18px; padding-bottom:10px; text-align:center; font-family:notokrM;}
.comPhil img{padding-top:30px;}

@media (min-width:768px){
.comPhil {margin:0 auto; text-align:center;}
}

@media (max-width:768px){
.comPhil {width:100%;}
.comPhil img{width:100%;}
}

/* 오시는 길 */
.maps{width:100%; text-align:center; border:1px solid #e4e4e4; margin-bottom:15px;}
.mapInner{border:8px solid #f8f8f8;}
.mapAd {background:url("/img/sub_img/map_icon.png") 3px 0 no-repeat; padding:7px 0 7px 70px; border-top:1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.mapAd > span, .mapAd > p { display:inline-block; margin:0 0 0 28px; font-family: Arial, sans-serif; font-size:14px; line-height:20px; color: #898989;}

@media (min-width: 430px){
.map {width:100%; text-align:center}
.mapMobile {display:none}
}

@media (max-width: 430px){
.map {display:none}
.mapMobile {width:100%;}
}

/* 사업분야 */
.busCon {width:100%;}
.busCon li {background:url("/img/sub_img/tt_icon1.png") 0 6px no-repeat; padding-left:18px; line-height:25px; font-size:16px; font-family:notokrM; margin-bottom:5px;} 
.busCon span {color:#444; line-height:22px; letter-spacing:-0.02em; font-size:13.5px;}
.busCon img {padding-top:15px}

.busCon .sBoxWrap { width:100%; margin:0 auto }
.busCon .sBoxtt{ *zoom:1 }
.busCon .sBoxtt:after {display:block; clear:both; content:"" }
.busCon .sBoxtt li { float:left; border:3px solid #f0f0f0; padding:10px 16px; background:#fff; margin:10px 5px 5px 0;  font-size:13.5px; letter-spacing:-0.02em; font-family:"Nanum Gothic", sans-serif; }
.busCon .sBoxtt li span {font-size:20px; color:#1195cb; font-family:notokrM;}

.busCon .busNumBox{width:100%; background:url("/img/sub_img/business04_2.jpg") right no-repeat;}
.busCon .busNum{ width:100%; margin-bottom:20px}
.busCon .busNum ol{overflow:hidden; list-style-type:decimal;}
.busCon .busNum ol li{margin-left:20px; padding:0; list-style:decimal; background:#fff; color:#444; line-height:20px; letter-spacing:-0.02em; font-size:13.5px; font-family:"Nanum Gothic", sans-serif;}
.busCon .busNum img {float:right; margin-top:-20px}

@media screen and (max-width:1151px) {
.busCon .sBoxtt li { float:left; width:100%; margin:10px 0;}
.busCon .busNum img {display:none}
}

/* 기본 테이블 */
.tableBox{width:100%; margin-top:15px;}
table.bagTable {width:100%; color:#444; border-collapse:separate; border-spacing: 0;border:none; -webkit-box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1); box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1);}
table.bagTable th {height:2px; background-color:#709cb3;}
table.bagTable td:last-child {border-right:1px solid #dbe5eb;}
table.bagTable th:last-child {border-right:1px solid #dbe5eb;}
table.bagTable td {padding:10px 15px; border:#dbe5eb 1px solid; border-top:none; border-right:none;}
.td2 {background-color:#f0f5f8; font-weight:bold;}
.tdCenter {text-align:center;}

.downloadBtn {margin:0 auto; width:180px; background:url("/img/sub_img/download_icon.png") 15px 7px no-repeat #1195cb; padding:10px 10px; border-right:1px solid #ddd; border-radius:5px;}
.downloadBtn p {padding-left:30px; text-align:center; font-size:16px; color:#fff; font-weight:700; font-family:notokrM; }
.downloadBtn:hover {background:url("/img/sub_img/download_icon.png") 15px 7px no-repeat #086d96;}

/* 테이블 */
table.mbCon2 {width:100%; color:#444; text-align:center; border-collapse:separate; border-spacing: 0;border:none; 
                 -webkit-box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1); box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1);}
table.mbCon2 th {height:1px; background-color:#dddddd;}
table.mbCon2 td:last-child {border-right:1px solid #ddd;}
table.mbCon2 th:last-child {border-right:1px solid #ddd;}
table.mbCon2 td {padding:10px 15px; border:#e0e0e0 1px solid; border-top:none; border-right:none;}
.mbtd2 {background-color: #fafafa;}
.mbt_bold {font-weight:bold;}
.mbt_border {border-right:none}

/* 개요 */
.outline {width:100%;}
.outline li {background:url("/img/sub_img/t_icon2.png") 0 11px no-repeat; padding:0 0 10px 15px; line-height:25px; font-size:16px; font-weight:bold;}
.outline p {background:url("/img/sub_img/t_icon3.png") 0 11px no-repeat; padding-left:10px; line-height:25px;}
.outlineNm ol{overflow:hidden;list-style-type:decimal;}
.outlineNm ol li{margin-left:20px;list-style:decimal;}

.downloadBtn2 {margin:0 auto; width:220px; background:url("/img/sub_img/download_icon.png") 15px 7px no-repeat #1195cb; padding:10px 10px 0 10px; border-right:1px solid #ddd; border-radius:5px;}
.downloadBtn2 h2 {padding:0 0 10px 30px; text-align:center; font-size:16px; color:#fff; font-family:notokrM; }
.downloadBtn2:hover {background:url("/img/sub_img/download_icon.png") 15px 7px no-repeat #086d96;}

@media (min-width:768px){
.outline img {float:right; padding:20px 0 20px 30px; padding-bottom:20px;}
}

@media (max-width:768px){
.outline img {float:left;width:100%;padding-bottom:20px;}
}

/* 리스트 스타일 */
.list-1 li,.list-2 li,.list-3 li {list-style: none; margin: 7px 0;margin-left: 2px;}
.list-4 li {list-style: none; margin: 3px 0;margin-left: 2px;}
.list-1 li:first-child,.list-2 li:first-child,.list-3 li:first-child,.list-4 li:first-child {margin-top: 0;}
.list-1 li:before,.list-2 li:before,.list-3 li:before,.list-4 li:before {content: "";font-family: "FontAwesome";margin: 0 7px 0 0;position: relative;color: #777;}
.list-1 li {padding-bottom:5px}
.list-2 li:before { content: ""; }
.list-3 li:before {content: ""; }
.list-4 li:before { content: ""; }
.list-4 li  {/*border-bottom:1px dashed #e1e1e1;*/padding:2px 0 1px 0}
.list-5 li  {padding-bottom:5px; list-style: none; line-height:30px; letter-spacing:-0.03em;}
.black{padding-right:10px; font-weight:bold;color:#333;padding-bottom:6px;font-size:14px;}
.black2{padding-right:5px; font-weight:bold;color:#333;padding-bottom:6px;font-size:15px;}
.blue{padding-right:10px; font-weight:bold;color:#2774c2;padding-bottom:6px;font-size:14px;}

/*주요 타이틀 */
.headLine {background:url("/img/line_bg.png") 0 50% repeat-x; display: block; margin:0 0 10px 0; }
.headLine h2 {background-color:#fff;display: inline; padding:0 10px 0 0; color:#444; font-size:15px; font-family:notokrM; letter-spacing:-0.01em;}

/* 주요 내용 박스*/
.topNotice {margin: 0 0 20px 0; background-color:#fafafa; border:1px solid #ddd; padding:20px; -webkit-box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1); box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1);}
.topNotice li {background:url("/img/sub_img/t_icon1.png") 0 7px no-repeat; padding-left:15px; line-height:25px;} 
.topNotice li h2 {margin-bottom:10px;}
.topNotice li span {color:666;}


/* 테이블 ttype_a */
table.ttype_a {width:100%; color:#666; border-collapse:separate; border-spacing: 0;border:none; -webkit-box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1); box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1);}
table.ttype_a th {height:1px; background-color:#dddddd;}
table.ttype_a td:last-child {border-right:1px solid #ddd;}
table.ttype_a th:last-child {border-right:1px solid #ddd;}
table.ttype_a td {padding:5px 15px; border:#e0e0e0 1px solid; border-top:none; border-right:none;}

/* 게시판용-공지 내용 테이블 ttype_h*/
.subcontent h3{ font-size:18px; font-weight:600; color:#444; clear:both; background:url("/img/sub_img/subtitbl.png") no-repeat 0 2px; padding-left:20px; margin-bottom:10px; font-family:notokrM;}
.ttype_h{width: 100%;margin-bottom:15px;border-top: 1px solid #333 !important;border-bottom:2px solid #ddd; text-align:center;}
.ttype_h .tl{padding-left: 10px;}
.ttype_h caption{display:none;}
.ttype_h th {font-size:13px; border-left:solid 1px #ddd; border-bottom:solid 1px #bbb;font-weight:600;vertical-align: middle;height:45px;background-color:#f7f7f7;}
.ttype_h th.sfont{ font-size:13px; color:#666; text-align:center;}
.ttype_h th:first-child{ border-left:none;}
.ttype_h td {height:45px;border-bottom:1px solid #ddd; border-left:1px solid #ddd;font-size: 13px;font-weight:normal;color:#666;line-height:1.3em;}

.ttype_h td a{color:#666;}
.ttype_h td a:hover{text-decoration:underline;}
.ttype_h td:first-child{ border-left:none;}

.tablettxt{font-size:13px; color:#666; padding:15px 0 7px 0; float:left;}
.tablettxt img{vertical-align:middle;}
.tablettxt a:link{ color:#666; text-decoration:none;}
.tablettxt a:hover{ text-decoration:underline;}
.small-font{font-size: 13px !important;}






