/* 박스 */
.SubBax {width:100%;}
.SubBax h2{color:#1e7bb8; 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:24px; letter-spacing:-0.02em;}

/* 인사말 */
.gree {width:100%;}
.gree h2{color:#444; font-size:18px;}
.gree p{text-align:right; margin-top:10px; font-size:13.5px; letter-spacing:-0.02em;}
.gree p span{font-size:18px; font-family:notokrM;}

@media (min-width:768px){
.gree img {float:left; padding-right:40px; padding-bottom:130px;}
}

@media (max-width:768px){
.gree img {float:left; padding-right:15px; padding-bottom:20px; width:90px; height:146px;}
}

/* 박스 */
.SubBax {width:100%; overflow:hidden;}
.SubBax p{font-size:14px; line-height:16px; letter-spacing:-0.02em; font-family:notokrM;}
.SubBax span{font-size:13.5px; line-height:25px; letter-spacing:-0.02em; font-family:notokrM;}


/* 1-1인사말 */
.gree {width:100%;}
.gree .left{width:50%; float:left; }
.gree .right{width:50%; float:left;}
.gree .left img{width:100%; padding:0 50px 0 0}
.gree .right h2{color:#023d6f; padding-bottom:10px; line-height:24px; letter-spacing:-0.04em; font-size:20px; font-family:notokrM;}
.gree .right h2 img{padding:0 0 10px 0}
.gree .right span{color:#666; line-height:25px;font-size:13.5px;}
.gree .right p{text-align:right; margin-top:5px; font-size:13.5px; letter-spacing:-0.01em; color:#666;}
.gree .right p span{font-size:18px; font-family:notokrM; color:#333;}


/* 1-2인사말 */
.gree2 {width:100%;}
.gree2 .left{width:70%; float:left; }
.gree2 .right{width:30%; float:left;}
.gree2 .left img{width:100%; padding:0 50px 0 0}
.gree2 .right h2{color:#023d6f; padding-bottom:10px; line-height:24px; letter-spacing:-0.04em; font-size:20px; font-family:notokrM;}
.gree2 .right h2 img{padding:0 0 10px 0}
.gree2 .right span{color:#666; line-height:25px;font-size:13.5px;}
.gree2 .right p{text-align:right; margin-top:5px; font-size:13.5px; letter-spacing:-0.01em; color:#666;}
.gree2 .right p span{font-size:18px; font-family:notokrM; color:#333;}


/* 1-3인사말 */
.gree3 {width:100%;}
.gree3 .left{width:30%; float:left; }
.gree3 .right{width:70%; float:left;}
.gree3 .left img{width:100%; padding:0 50px 0 0}
.gree3 .right h2{color:#023d6f; padding-bottom:10px; line-height:24px; letter-spacing:-0.04em; font-size:20px; font-family:notokrM;}
.gree3 .right h2 img{padding:0 0 10px 0}
.gree3 .right span{color:#666; line-height:25px;font-size:13.5px;}
.gree3 .right p{text-align:left; margin-top:5px; font-size:13.5px; letter-spacing:-0.01em; color:#666;}
.gree3 .right p span{font-size:18px; font-family:notokrM; color:#333;}
/* 1-3인사말 */
.gree4 {width:100%;}
.gree4 .left{width:40%; float:left; }
.gree4 .right{width:60%; float:left;}
.gree4 .left img{width:100%; padding:0 50px 0 0}
.gree4 .right h2{color:#023d6f; padding-bottom:10px; line-height:24px; letter-spacing:-0.04em; font-size:20px; font-family:notokrM;}
.gree4 .right h2 img{padding:0 0 10px 0}
.gree4 .right span{color:#666; line-height:25px;font-size:13.5px;}
.gree4 .right p{text-align:left; margin-top:5px; font-size:13.5px; letter-spacing:-0.01em; color:#666;}
.gree4 .right p span{font-size:18px; font-family:notokrM; color:#333;}

/* 박스 */
.SubBax {width:100%;}
.SubBax h2{color:#444; 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%; overflow: hidden;}
.gree .left,
.gree .right{width:50%; float:left;}
.gree .left h2{color:#000; padding-bottom:25px; line-height:30px; letter-spacing:-0.04em; font-size:22px;}
.gree .left span{color:#666; line-height:24px; font-size:15px;}
.gree .left p{margin-top:25px; font-size:20px; letter-spacing:-0.01em; color:#406eab;}

.gree .right img{width:100%; padding-left:50px;}

@media (max-width:768px){
	/* 소개 */
	.gree .left,
	.gree .right{width:100%; float:none;}
	.gree .left h2{font-size:16px;  line-height:20px;}
	.gree .left span{font-size:13px;}
	.gree .left p span{font-size:16px;}
	
	.gree .right{margin-top:30px;}
	.gree .right img{width:100%; padding-left:0;}

}


/* 소개 */
.gree2 {width:100%; overflow: hidden;}
.gree2 .left{width:30%; float:left; }
.gree2 .right{width:70%; float:left;}
.gree2 .left h2{color:#000; padding-bottom:25px; line-height:30px; letter-spacing:-0.04em; font-size:22px;}
.gree2 .left span{color:#666; line-height:24px; font-size:15px;}
.gree2 .left p{margin-top:25px; font-size:20px; letter-spacing:-0.01em; color:#406eab;}

.gree2 .right img{width:100%; padding-left:50px;}

@media (max-width:768px){
	/* 소개 */
	.gree2 .left,
	.gree2 .right{width:100%; float:none;}
	.gree2 .left h2{font-size:16px;  line-height:20px;}
	.gree2 .left span{font-size:13px;}
	.gree2 .left p span{font-size:16px;}
	
	.gree2 .right{margin-top:30px;}
	.gree2 .right img{width:100%; padding-left:0;}

}

/* 연혁 */
table.History {width:100%;}
table.History tr {border-bottom:1px solid #dddddd;}
table.History tr:first-child{border-top:3px solid #ddd;}
table.History tr:hover td {background-color:#f3f3f3;}
table.History tr th {width:15%; background:#f3f3f3; color:#444; font-size:20px; text-align:center;}
table.History tr td {padding:0 0 0 20px; background:url("/img/sub_img/dot.png")repeat-y 80px 0 }
table.History tr td dl{padding:5px 0 5px 0; color:#666; font-size:13.5px; }
table.History tr td dl dt {float:left; color:#666; font-weight:bold; padding: 0 25px 0 0 ;}
table.History tr td dl dd {font-size:13px; color:#666666; letter-spacing:-0.04em; padding:0 0 0 75px; background:url("/img/sub_img/con_h.gif")no-repeat 59px }

/* 연혁_mobile */
@media screen and (max-width:1151px) {
table.History tr th{font-size:18px}
table.History tr td {padding:10px 0 10px 10px; background:none}
table.History tr td dl{padding:3px 0 3px 0;font-size:13px; }
table.History tr td dl dt{padding: 0 10px 0 0 ;}
table.History tr td dl dd {color:#666666; padding:0 0 0 48px; background:url("/img/sub_img/con_h.gif")no-repeat 40px 6px}
}

/* 오시는 길 */
.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_icon1.png") 5px 0 no-repeat; padding:7px 0 7px 80px; 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%;}
}

/* 회원가입 안내 */
.mbCon {width:100%; margin-top:10px}
.mbCon li {background:url("/img/sub_img/t_icon2.png") 0 11px no-repeat; padding-left:15px; line-height:25px;} 
.mbCon li h2 {margin-bottom:10px;}
.mbCon li p {margin-bottom:10px; font-weight:bold;}
.mbCon li span {color:#444;}

.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;}

.mbCon2 {width:100%; margin-top:10px}
.mbCon2 li {background:url("/img/sub_img/t_icon2.png") 0 11px no-repeat; padding-left:15px; line-height:25px;}
.mbCon2 p {background:url("/img/sub_img/t_icon3.png") 0 11px no-repeat; padding-left:10px; line-height:25px;} 
.mbCon2 span {color:#444;}

/* 테이블 */
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-weight:700; font-family:"Nanum Gothic", sans-serif; letter-spacing:-0.02em;}

/* 주요 내용 박스*/
.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;}

/* 기본 테이블 */
table.bagTable {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.bagTable th {height:1px; background-color:#dddddd;}
table.bagTable td:last-child {border-right:1px solid #ddd;}
table.bagTable th:last-child {border-right:1px solid #ddd;}
table.bagTable td {padding:10px 15px; border:#e0e0e0 1px solid; border-top:none; border-right:none;}
table.bagTable tr:hover td {background-color:#f3f3f3;}
.td2 {background-color: #fafafa;}
.t_center {text-align:center}
.t_color {color:#1e7bb8; font-weight:bold;}

/* 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;}

/* 탭 */
.writer { text-align:center; font-size:11px; color:#999; line-height:1.2em }
.tab_wrap { width:100%; margin:0 auto }
.tab_nav { *zoom:1 }
.tab_nav:after { display:block; clear:both; content:"" }
.tab_nav li { float:left; padding:7px 12px 7px 33px; margin:0 5px 5px 0; background:#e0e7ed url("/img/sub_img/icon_tab.png") no-repeat 10px 8px;}
.tab_nav li:hover {background:#6e7a86 url("/img/sub_img/icon_tab_active.png") no-repeat 10px 8px; color:#fff}
.tab_nav li a:hover { color:#fff; }
.tab_nav li a { color:#444; font-family:notokrM; font-size:13px;}
.tab_nav .on { background:#6e7a86 url("/img/sub_img/icon_tab_active.png") no-repeat 10px 8px;}
.tab_nav .on a { color:#fff }
.tab_cont {line-height:1.6em;}


/* 게시판용 내용 테이블 */
.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;}