@charset "utf-8";

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

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


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

.s-info .inner_content { padding:60px 170px 100px; }
.s-info ul { width:100%; height:46px;  }
.s-info ul:after { content:""; display:block; clear:both; }
.s-info ul li { float:left; height:100%;  background:#f2f2f2; } 
.s-info 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-info ul li:first-child a { border-left:1px solid #e5e5e5; }
.s-info ul li.on a { background:#fff; border-bottom:none; }

.s-info .info_area { width:100%; margin-top:-1px; padding:30px 25px; border:1px solid #e5e5e5;  }
.s-info .info_area .title { display:none; }
.s-info .info_area .text { display:none; }
.s-info .info_area > div.on .text { display:block; }
.s-info .info_area .text p { margin-bottom: 20px; font-size: 16px; color: #777777; line-height: 1.66em; font-family: 'nanumbarungothic'; }
.s-info .info_area .text ol { margin-bottom: 16px; margin-left: 30px; list-style-position: outside; list-style-type: decimal; }
.s-info .info_area .text ol li { font-size:14px; color:#777; line-height:26px; list-style:unset;  }


@media screen and (max-width:1440px) {
	.s-main .s_container {
		height: 36.25vw;
	}

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


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

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

	.s-info .info_area { margin-top:-1px; padding:2.0833vw 1.7361vw; }
	.s-info .info_area .text p { margin-bottom: 1.3888vw; font-size: 1.1111vw; }
	.s-info .info_area .text ol { margin-bottom: 1.1111vw; margin-left: 2.0833vw; }
	.s-info .info_area .text ol li { font-size:0.9722vw; line-height:1.8055vw;}

	
}

@media screen and (max-width:768px) {
	.s-main .s_container {
		height: 63.6585vw;
	}

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

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

	.s-info .info_area { width:100%; margin:0; padding:0; border:none;}
	.s-info .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-info .info_area .text { display:block; }
	.s-info .info_area > div { margin-bottom:40px; }
	.s-info .info_area .text p { margin-bottom: 20px; font-size: 16px; color: #777777; line-height: 1.66em; font-family: 'nanumbarungothic'; }
	.s-info .info_area .text ol { margin-bottom: 16px; margin-left: 30px; list-style-position: outside; list-style-type: decimal; }
	.s-info .info_area .text ol li { font-size:14px; color:#777; line-height:26px; list-style:unset;  }
}