@charset "utf-8";

.s-main .s_container {
	height: 522px;
}

.s-main .s_container figure {
	background-color: #161669;
}

.s-main .text h2 {
	padding-top: 226px;
	color: #fff;
	font-size: 70px;
	text-align: center;
	font-family: "NanumBarunGothicBold";
}

textarea { font-family: 'nanumbarungothic'; }


.s-info2 .s_content { width:1440px; margin:0 auto; }

.s-info2 .inner_content { padding:60px 170px 100px; }
.s-info2 ul { width:100%; height:46px; }
.s-info2 ul:after { content:""; display:block; clear:both; }
.s-info2 ul li { float:left; height:100%; }
.s-info2 ul li a { display:block; padding:0 20px; height:100%; font-size:13px; line-height:46px; color:#444; text-align:center; border:1px solid #e5e5e5; border-left:none; font-family:"NanumBarunGothic"; }
.s-info2 ul li:first-child a { border-left:1px solid #e5e5e5; }
.s-info2 ul li.on a { background:#fff; border-bottom:none; }

.s-info2 .info_area { width:100%; margin-top:-1px; padding:30px 25px; border:1px solid #e5e5e5;  }
.s-info2 .info_area .title { display:none; }
.s-info2 .info_area .text { display:none; }
.s-info2 .info_area > div.on .text { display:block; }
.s-info2 .info_area .text p { margin-bottom: 20px; font-size: 16px; color: #777777; line-height: 1.66em; font-family: 'nanumbarungothic'; }
.s-info2 .info_area .text p.sj { font-size: 22px; }
.s-info2 .info_area .text ol { margin-bottom: 16px; margin-left: 30px; list-style-position: outside; list-style-type: decimal; }
.s-info2 .info_area .text ol li { font-size:14px; color:#777; line-height:26px; list-style:unset;  }
.s-info2 .info_area .text p.mb0 { margin-bottom: 0px !important; }
.s-info2 .info_area .text div, label { font-size: 16px; color: #777777; line-height: 1.66em; font-family: 'nanumbarungothic'; }
.s-info2 .info_area .text .target { float:left; width: 150px; height: 50px; }
.s-info2 .info_area .text .target2 { float:left; width: 150px; height: 50px; line-height: 40px }
.s-info2 .info_area .text div.cn { float:left; width: calc(100% - 150px); height: 50px; }
.s-info2 .info_area .text div.cn input { padding: 4px; width: 250px; height: 40px; font-size: 16px; border: solid 2px; border-radius: 4px; font-family: 'nanumbarungothic'; }
.s-info2 ul li a.file { width: 500px; float: right; border: 1px solid #e5e5e5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* 버튼 */
.s-info2 .info_area div.btn {
	display: block;
	text-align: center;
	cursor: pointer;
	width: 370px;
	height:70px;
	margin-left: 80px;
	line-height: 72px;
}
/*.s-info .info_area div.btn:hover { background-color: #0b57ae; }*/
.s-info2 .info_area .text .btn_submit {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 76px;
	font-size: 30px;
	background: #0d64c8;
	color: #fff;
	cursor: pointer;
}
.s-info2 .info_area .text .btn_submit:hover { background-color: #0b57ae; }

/* 제보처리 결과 */
.s-info2 .info_area .text .result_area { display: none; height: 750px; margin-top: 50px; }
.s-info2 .info_area .text ul li {
    float: left;
    width: 650px;
	margin-left: 20px;
    margin-bottom: 30px;
    border-bottom: 2px solid #222222;
}
.s-info2 .info_area .text ul li label {
	display: inline-block;
    width: 115px;
    height: 44px;
    line-height: 40px;
}
.s-info2 .info_area .text ul li input {
	width: 510px;
    height: 40px;
	font-size: 18px;
    padding: 0 10px;
    background: none;
	font-family: 'nanumbarungothic';
}
.s-info2 .info_area .text ul li.textarea {
	width: 92%;
	height: auto;
	margin-bottom: 60px;
	border-bottom: none;
}
.s-info2 .info_area .text ul li.textarea label {
	position: relative !important;
	top: 0;
	border-bottom: 2px solid #222222;
	margin-bottom: 2px;
}
.s-info2 .info_area .text ul li.textarea div {
	width: 100%;
	/*height: 190px;*/
	max-height: 600px;
	font-size: 16px;
	background: #f6f6f6;
	border: none;
	padding: 10px;
	resize: none;
	word-wrap: break-word;
	overflow-y: auto;
}
.s-info2 .info_area .text ul li.textarea label {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}


@media screen and (max-width:1440px) {
	.s-main .s_container figure { width: 1980px !important; }

	.s-main .s_container {
		height: 36.25vw;
	}

	.s-main .text h2 {
		padding-top: 15.6944vw;
		font-size: 4.8611vw;
	}

	.s-info2 .s_content { width:100%; margin:0 auto; }

	.s-info2 .inner_content { padding:4.1666vw 11.8055vw 6.9444vw; }
	.s-info2 ul { height:3.1944vw;  }
	.s-info2 ul li a { padding:0 1.3888vw; height:100%; font-size:0.9027vw; line-height:3.1944vw; }

	.s-info2 .info_area { margin-top:-1px; padding:2.0833vw 1.7361vw; }
	.s-info2 .info_area .text p { margin-bottom: 1.3888vw; font-size: 1.1111vw; }
	.s-info2 .info_area .text ol { margin-bottom: 1.1111vw; margin-left: 2.0833vw; }
	.s-info2 .info_area .text ol li { font-size:0.9722vw; line-height:1.8055vw;}
	.s-info2 .info_area .text ul li { width: 66vw; height: 5vw; }
	.s-info2 .info_area .text ul li.textarea div { font-size: 1.1112vw; }
	.s-info2 .info_area .text ul li input { width: 50vw; height: 4.1111vw; font-size: 2.3333vw; padding: 0 1vw; }

	.s-info2 .info_area .text .target { width: 18vw; height: 4.7666vw; }
	.s-info2 .info_area .text .target2 { width: 18vw; height: 4.7666vw; line-height: 3.3333vw; }

	.s-info2 .info_area .text div.cn { width: calc(100% - 18vw); height: 4.7666vw; }
	.s-info2 .info_area .text div.cn input { width: 26vw; height: 3.7666vw; font-size: 2vw; }
	.s-info2 .info_area .text div, label { font-size: 1.7777vw; }

	.s-info2 ul li a.file { width: 50vw; font-size: 2vw; line-height: 5vw; }
}

@media screen and (max-width:768px) {
	.s-info2 ul { display: none; }
	.s-info2 .result_area ul { display: block; }

	.s-main .s_container {
		height: 63.6585vw;
	}

	.s-main .s_container figure {
		height: 60vw;
	}

	.s-main .text h2 {
		padding-top: 27.5609vw;
		font-size: 8.5365vw;
	}

	.s-info2 .inner_content { padding:6.0975vw 8.5365vw 10vw; }
	/*.s-info2 ul { display:none; }*/

	.s-info2 .info_area { width:100%; margin:0; padding:0; border:none; }
	.s-info2 .info_area .title { display:block;  color: #444; white-space: nowrap; font-weight: 700; font-size: 14px; line-height: 24px; margin-bottom: 15px; background-color: rgba(0,0,0,.05); border-bottom: 2px solid rgba(0,0,0,.1); padding: 5px 10px; }
	.s-info2 .info_area .text { display:block; }
	.s-info2 .info_area > div { margin-bottom:40px; }
	.s-info2 .info_area .text p { margin-bottom: 20px; font-size: 2.5555vw; color: #777777; line-height: 1.66em; font-family: 'nanumbarungothic'; }
	.s-info2 .info_area .text ol { margin-bottom: 16px; margin-left: 30px; list-style-position: outside; list-style-type: decimal; }
	.s-info2 .info_area .text ol li { font-size:14px; color:#777; line-height:26px; list-style:unset; }

	.s-info2 .info_area .text .target { width: 18vw; height: 4.7666vw; }
	.s-info2 .info_area .text .target2 { width: 25vw; height: 12.7666vw; font-size: 3.5555vw; line-height: 7.3333vw; }

	.s-info2 .info_area .text div.cn { width: calc(100% - 18vw); height: 4.7666vw; }
	.s-info2 .info_area .text .result div.cn { width: calc(100% - 25vw); height: 12.76666vw; }
	.s-info2 .info_area .text div.cn input { width: 46vw; height: 7.7666vw; font-size: 3.3338vw; }
	.s-info2 .info_area .text div, label { font-size: 2.7777vw; }

	.s-info2 .info_area .text .result div, label { font-size: 5.7777vw; }

	.s-info2 .info_area div.btn { width: 50vw; height: 18vw; }
	.s-info2 .info_area .text .btn_submit { font-size: 7vw; margin-left: -6vw; line-height: 18vw; }

	.s-info2 .info_area .text ul li { width: 82vw; height: 9vw; margin-left: 0vw; }
	.s-info2 .info_area .text ul li label { width: 20vw; height: 8vw; line-height: 8vw; font-size: 3.1555vw; }
	.s-info2 .info_area .text ul li input { width: 60vw; height: 8vw; font-size: 4.5555vw; padding: 0 10px; }
	.s-info2 .info_area .text ul li.textarea { width: 82vw; margin-bottom: 10vw; font-size: 5.5555vw; border-bottom: none; }
	.s-info2 .info_area .text ul li.textarea label { line-height: 7vw; }
	.s-info2 .info_area .text ul li.textarea div { max-height: 80vw; font-size: 2.5555vw; padding: 3vw; }

	.s-info2 ul li a.file { width: 55vw; font-size: 4.3333vw; line-height: 9vw; }
}