/*!
 * style.css - user defined styles for this theme.
 * Copyright (C) SmarTools Co. (https://smartools.co.kr)
*/
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); 
.mt3 {margin-top:3px !important;}
.mt5 {margin-top:5px !important;}
.mt7 {margin-top:7px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}

.mgt20 {margin-top:20px}
.mgt30 {margin-top:30px}

.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}

/* 반투명 검은 배경 */
#blackback {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7); z-index:998; justify-content:center; align-items:center;}

/* 공사감리자 지정신청(허가권자 지정)small 선택 창 */
#small_choice {display:none; position:fixed; left:50%; top:50%; width:800px; height:400px; margin-left:-400px; margin-top:-200px; background:#fff; z-index:999; border:2px solid #333;}
#small_choice h4 {text-align:center; font-size:2em; background:#333; color:#fff; margin:0; padding:20px;}
#small_choice ul {display:flex; justify-content:space-around; margin:20px; padding:0; list-style:none; font-size:2em;}
#small_choice ul li {width:33%; height:280px; text-align:center;}
#small_choice ul li button {width:90%; height:100%; border:1px solid #333; border-radius:20px; font-weight:bold;}
#small_choice ul li button:hover {background:#1E7BB4; color:#fff;}
#small_choice ul li .fa {font-size:1.5em;}

.edu_wrap {}
.edu_wrap { text-align:left;}
.edu_wrap .table {border-top: 2px solid #333; border-bottom: 1px solid #999;}
.edu_wrap .table .h150 {display:block; padding:80px 0 !important;  text-align:center; border:none; letter-spacing:-0.5px;}
.edu_wrap .table th, .edu_wrap .table td {padding:0 !important; vertical-align:middle !important;  height:auto !important; line-height:18px !important; border-bottom: 1px solid #aaa; }
.edu_wrap .table th {background:#f7f7f7 !important;  border-bottom: 1px solid #aaa !important; border-left: 1px solid #aaa;}
.edu_wrap .table th:first-child {border-left:none;}
.edu_wrap .table td {border-right: 1px solid #aaa;}
.edu_wrap .table td:last-child {border-right:none;}
.edu_wrap .table label {padding:12px 10px; margin:0 !important; font-weight:600 !important; color:#444 !important;}
.edu_wrap .table p {padding:10px 10px; margin:0; line-height:18px !important;}
.edu_wrap .table .line_r {border-right: 1px solid #aaa;}

.edu_wrap ul {list-style-type:none; margin:0; padding:0;}
.edu_wrap ul li {text-align:left;}

.edu_wrap ul.edu {margin:0 0 30px !important; }
.edu_wrap ul.edu li {border-bottom: 1px solid #cecece; font-size:14px !important;}
.edu_wrap ul.edu li:last-child {border-bottom: 1px solid #999;}
.edu_wrap ul.edu li label {width:150px; padding:12px 15px; background:#f7f7f7; margin:0 !important; color:#111;}
.edu_wrap ul.edu li p {display:inline-block; margin:0;  padding:12px 15px;}

.edu_wrap ul.text {margin:20px 15px !important; }
.edu_wrap ul.text li {margin:0 0 5px; line-height:19px; font-size:14px;}
.edu_wrap ul.text li:first-child {margin:0 0 10px;}
.edu_wrap ul.text li:last-child {margin:0;}
.edu_wrap ul.text li strong {font-weight:600; color:#111; font-size:15px; }

.tbl01{width:676px;margin:0 auto;wdith:100%;border-spacing:0; border-collapse:separate;border-top:2px solid #333;margin-top:50px;}
.tbl01 th{font-size:14px;color:#333;border-bottom:1px solid #999;border-right:1px solid #999;padding:12px 8px;text-align:center;}
.tbl01 td{text-align:center;font-size:14px;color:#555;border-bottom:1px solid #d4d4d4;border-right:1px solid #999;padding:12px 8px;}
.tbl01 .nbor_r{border-right:none;}


@media screen and (max-width:320px) { 
	.edu_wrap ul.edu li label {width:100%; border-bottom: 1px dashed #cecece;}
	.edu_wrap ul.edu li p {width:100%; }
} 

@media screen and (max-width:767px) { 
	.edu_wrap ul.text {margin:20px 5px !important; }
	.edu_wrap .table label { font-size:14px; letter-spacing:-0.5px !important; padding:12px 15px; }
} 

.greeting {font-family:'Nanum Gothic', sans-serif !important;}
.greeting strong {font-weight:600 !important;}
.greeting .fl {float:left;}
.greeting .fr {margin-left:320px;  letter-spacing:-0.3px; margin-right:10px;}
.greeting .fr h2 {font-size:25px; font-weight:600; margin:0 0 5px; color:#005c96;}
.greeting .fr h3 {font-size:23px; font-weight:600; margin:0; letter-spacing:-1px; color:#2c4a5d; line-height:1.25em !important;}
.greeting .fr h3 span {display:inline-block; word-break:keep-all; }
.greeting .fr h5 {margin:30px 0 0; font-size:18px; color:#000; font-weight:600; line-height:1.3em !important; letter-spacing:-0.5px; }
.greeting .fr h5 span {display:inline-block; word-break:keep-all; }

.greeting .fr .hgroup {display:block; margin-top:20px; letter-spacing:-0.3px;}
.greeting .fr .hgroup p {display:block; font-size:14px; line-height:1.35em; margin-top:15px; word-break:keep-all; color:#666;}
.greeting .fr .hgroup:first-child {margin-top:0;}
.greeting .fr .hgroup:nth-child(3n) {margin-top:50px; }
.greeting .fr p span {display:inline-block; *margin-top:8px;}
.greeting .fr p strong {font-weight:600;}



@media only screen and (min-width : 768px) and (max-width:1200px) { 
	.greeting .fr {margin-left:310px; margin-right:0;}
	.greeting .fr h2 {font-size:22px;}
	.greeting .fr h3 {font-size:21px; }
	.greeting .fr h5 {margin:20px 0 0; font-size:17px; letter-spacing:-0.5px;}
	.greeting .fr .hgroup {margin-top:20px;}
	.greeting .fr .hgroup:first-child {margin-top:0;}
	.greeting .fr .hgroup:nth-child(3n) {margin-top:30px; }
} 


@media screen and (max-width:767px) { 
	.greeting .fl {float:none; margin:0 0 30px; display:block; text-align:center; }
	.greeting .fr {margin-left:0; margin-right:0;}
	.greeting .fr h2 {font-size:20px; line-height:1.3em; margin:0;}
	.greeting .fr h3 {font-size:18px;}
	.greeting .fr h5 {margin:13px 0 0; font-size:16px; line-height:1.3em;}
	.greeting .fr .hgroup {margin-top:20px;}
	.greeting .fr .hgroup:nth-child(3n) {margin-top:30px; text-align:right;}
	.greeting .fr .hgroup p {font-size:15px;}

    #small_choice{left:0; width:100%; margin-left:0;}
} 

@media screen and (max-width:340px) {
	.greeting .fl {width:200px;}
		.greeting .fl img {width:100%;}
}

.legislation_warp {overflow:hidden; border-top:1px dashed #999; *border-bottom: 1px solid #999; margin:0;}
.legislation_warp .title {width:150px; float:left; font-weight:600; padding:25px 0 20px 20px; *background-color:#e8f2f8; color:#214356; font-size:16px;}
.legislation_warp .con {*float:right; *width:690px; overflow:hidden; padding:20px 0; margin-left:150px;}
.legislation_warp .con ul {list-style-type:none; margin:0; padding:0;}
.legislation_warp .con ul li {width:33.3%; float:left;}
.legislation_warp .con ul li a {
	display:block; padding:7px 18px; margin:3px 5px; background-color:#e8f2f8; border-radius:3px; border: 1px solid #a8bcc8; transition: .1s ease; 
	font-size:14px; letter-spacing:-0.5px; color:#325365; line-height:18px;
}
.legislation_warp .con a:hover {text-decoration: none; color:#fff; font-weight:600; background-color:#307399; border: 1px solid #1e5c7f; *transition: .1s ease;}
.legislation_warp1 .con a:before {
    content: '';
    position: absolute; top: 0; left: 0; display: block; margin:4px 0 0; width: 1px; height: 14px; background-color: #d9d9d9; vertical-align: top;
}
.legislation_warp:first-child {border-top: 2px solid #333; }
.legislation_warp:last-child {border-bottom:1px solid #333; }

@media screen and (max-width:767px) {
	.legislation_warp .title {width:100%; float:none; margin:0; padding:18px 5px 10px;} 
	.legislation_warp .con {width:100%; float:none; margin:0 0 10px; padding:0;} 
	.legislation_warp .con ul li {width:50%; float:left;}
	.legislation_warp .con ul li a {padding:0 10px; margin:3px 3px; font-size:13.3px;  letter-spacing:-1px;  line-height:35px;}
}
@media screen and (max-width:400px) {
	.legislation_warp .con ul li {width:100%; float:none;}
	.legislation_warp .con ul li a {padding:0 15px; font-size:13.5px;  letter-spacing:-0.5px;}
}

@media only screen and (min-width : 768px) and (max-width : 1199px) { 
	.legislation_warp .con ul li {width:50%; float:left;}
}


#hd_pop .hd_pops_con img {width:100%;height:auto}

@media screen and (max-width:1199px) {
	#hd_pop {width:100% !important}
	#hd_pop .hd_pops {left:0 !important}
	#hd_pop .hd_pops_con {width:100% !important;max-width:100%;height:auto !important}
}


#mb_notice {position:fixed;left:0;top:0;z-index:9999;width:100%;height:100%;background:rgba(255,255,255,0.75)}
#mb_notice > div {position:absolute;left:50%;top:50%;width:300px;height:200px;margin:-100px 0 0 -150px;padding:17px 20px;border:2px solid #000;font-weight:500;font-size:1.286em;line-height:1.5;background:#fff;color:#000;text-align:center;word-break:keep-all}

@media screen and (min-width:768px) {
	#mb_notice > div {width:700px;height:150px;margin:-75px 0 0 -350px;padding:25px 10px;font-size:1.5em}
}