@charset "utf-8";
.s-main i {display: none;}

.slick_wrap .slick-dots {
	margin-top: 28px;
	text-align: center;
}

.slick_wrap .slick-dots li {
	display: inline-block;
	margin: 0 3px;
	opacity: 0.3;
}

.slick_wrap .slick-dots li button {
	width: 19px;
	height: 19px;
	border-radius: 50%;
	background: #c5c5c5;
	text-indent: -9999px;
}

.slick_wrap .slick-dots li.slick-active {
	opacity: 1;
}

.slick_wrap .slick-dots li.slick-active button {
	background: #fff;
}

.slick_slide01 .slick-arrow{
	position: absolute;
	z-index: 10;
	top: 50%;
	transform: translateY(-50%);
	background: #00ff0000;
	border-radius: 100%;
	width: 6vw;
	height: 6vw;
	border: none;
}
.slick_slide02 .slick-arrow{
	position: absolute;
	z-index: 10;
	top: 50%;
	transform: translateY(-50%);
	background: #00ff0000;
	border-radius: 100%;
	width: 3vw;
	height: 3vw;
	border: none;
}



.slick-arrow:before{font-family: 'xeicon'; font-size: 3vw; color: #ffffff}
.slick_slide01 .slick-prev{
	left :30px;
	font-size: 0;
	background-color: #00ff0000;
	color: transparent;
	top: 77%;
}
.slick_slide01 .slick-prev:before{
	content :"\e93d";

}
.slick_slide01 .slick-next{
	right :30px;
	font-size: 0;
	background-color: #00ff0000;
	color: transparent;
	top: 77%;
}
.slick_slide01 .slick-next:before{
	content :"\e940";

}
.slick_slide02 .slick-prev{
	left :-140%;
	font-size: 0;
	background-color: #00ff0000;
	color: transparent;
}
.slick_slide02 .slick-prev:before{
	content :"\e93d";

}
.slick_slide02 .slick-next{
	right :-2%;
	font-size: 0;
	background-color: #00ff0000;
	color: transparent;
}
.slick_slide02 .slick-next:before{
	content :"\e940";
}


.btn_apply_scroll {
	position: fixed;
	display: inline-block;
	left: 50%;
	bottom: 1%;
	margin-left: 560px;
	z-index: 2;
	opacity: 0;
	transition: opacity 1s;
}


/* main */
.s-main .s_container {
	height: 603px;
}

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

.s-main .slick_wrap {
	margin-top: 70px;
}

.s-main .slick_wrap .slick-slider {
	z-index: 1;
}

.s-main .slick_wrap .slick-slide {
	text-align: center;
}

.s-main .slick_wrap .slick-slide img {
	display: inline-block;
	width: 1440px;
}

.s-main .slick_wrap .slick-list {
	height: 40px !important;
}

.s-main .base:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 205px;
	background: #000;
	opacity: 0.5;
}

.rolling .base .figure div {
	position: relative;
	width: 100%;
	height: 100%;
}

.rolling .base .figure {
	position: relative;
	width: 137.5vw;
	background: url("../../images/people/pc-main_2.jpg?2020") no-repeat 0 0/ 100% auto;
	height: 103.3414vw;
	left: -19.0vw;
}

.rolling .base .figure img {
	width : 100%;
}

.s-people01 .base {
	position: static;
}

.s-people01 .s_content {
	margin-bottom: 180px;
}

.s-people01 .s_content .text h2 {
	font-weight: normal;
	font-family: "NanumBarunGothic";
}

.s-people01 ul {
	width: 1296px;
	margin: 68px auto 0;
}

.s-people01 ul:after {
	content: "";
	display: block;
	clear: both;
}

.s-people01 ul li {
	float: left;
	position: relative;
	width: 432px;
	height: 382px;
}

.s-people01 ul li .inner > a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}

.s-people01 ul li .inner > a img {
	width: 100%;
}

.s-people01 ul li .inner .title {
	position: absolute;
	top: 108px;
	left: 70px;
}

.s-people01 ul li .inner .title p {
	font-size: 24px;
	line-height: 32px;
	font-family: "NanumBarunGothic";
}

.s-people01 ul li .inner .title p.num {
	margin-bottom: 14px;
	font-size: 44px;
	color: #003571;
	font-family: "NanumBarunGothicUltraLight";
}

.s-people01 ul li .inner .title .arrow {
	width: 28px;
	margin-top: 36px;
	overflow: hidden;
	-webkit-animation: f_arrow 2.4s ease-out infinite;
	-moz-animation: f_arrow 2.4s ease-out infinite;
	animation: f_arrow 2.4s ease-out infinite;
}

.s-people01 ul li .inner .title .arrow span {
	display: block;
	width: 28px;
}

.s-people01 ul li .inner .title .arrow span img {
	width: 100%;
}

.s-people01 ul li .inner .hover {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 382px;
	background: #175eaf;
	overflow: hidden;
	z-index: 1;
	transition: all 0.7s;
}

.s-people01 ul li .inner .hover .inner {
	width: 432px;
	height: 382px;
	padding: 40px 36px;
}

.s-people01 ul li .inner .hover h3 {
	margin-bottom: 10px;
	color: #fff;
	font-size: 44px;
	font-family: "NanumBarunGothicUltraLight";
}

.s-people01 ul li .inner .hover p {
	font-size: 13px;
	color: #fff;
	line-height: 26px;
}

.s-people01 ul li .inner .hover p span {
	display: block;
	margin-bottom: 8px;
	font-size: 18px;
	line-height: 30px;
	font-family: "NanumBarunGothic";
	color: #fff;
}

.s-people01 ul li + li .inner .hover {
	left: 0;
	right: auto;
	top: 0;
	bottom: auto;
	width: 432px;
	height: 0;
}

.s-people01 ul li + li + li .inner .hover {
	left: auto;
	right: 0;
	top: 0;
	bottom: auto;
	width: 0;
	height: 382px;
}

.s-people01 ul li + li + li + li .inner .hover {
	left: 0;
	right: auto;
	top: 0;
	bottom: auto;
	width: 0;
	height: 382px;
}

.s-people01 ul li + li + li + li + li .inner .hover {
	left: 0;
	right: auto;
	top: 0;
	bottom: auto;
	width: 432px;
	height: 0;
}

.s-people01 ul li + li + li + li + li + li .inner .hover {
	left: auto;
	right: 0;
	top: 0;
	bottom: auto;
	width: 0;
	height: 382px;
}

.s-people01 ul li + li + li + li + li + li + li .inner .hover {
	left: 0;
	right: auto;
	top: 0;
	bottom: auto;
	width: 0;
	height: 382px;
}

.s-people01 ul li + li + li + li + li + li + li + li .inner .hover {
	left: 0;
	right: auto;
	top: auto;
	bottom: 0;
	width: 432px;
	height: 0;
}

.s-people01 ul li + li + li + li + li + li + li + li + li .inner .hover {
	left: auto;
	right: 0;
	top: 0;
	bottom: auto;
	width: 0;
	height: 382px;
}

.s-people01 ul li.on .inner .hover {
	width: 432px;
	height: 382px;
}

.s-people02 {
	background: #00244d;
}

.s-people02 .s_container {
	height: 874px;
}

.s-people02 .base figure {
	background: url("../../images/people/pc-s02_slide01.jpg") no-repeat 0 0;
	transition: all 1s;
}

.s-people02 .base figure.n2 {
	background-image: url("../../images/people/pc-s02_slide02.jpg");
}

.s-people02 .base figure.n3 {
	background-image: url("../../images/people/pc-s02_slide03.jpg");
}

.s-people02 .s_content .text h2 {
	font-size: 60px;
	margin-top: 140px;
	font-weight: normal;
	font-family: "NanumBarunGothic";
}

.s-people02 .s_content .text h2 br {
	display: none;
}

.s-people02 .inner_content {
	position: absolute;
	left: 50%;
	top: 372px;
	margin-left: 150px;
}

.s-people02 .slick_wrap {
	width: 650px;
}

.s-people02 .slick_wrap .slick-slide {
	padding: 0 40px;
}

.s-people02 .slick_wrap h3 {
	font-size: 34px;
	color: #fff;
}

.s-people02 .slick_wrap p {
	margin-top: 28px;
	font-size: 22px;
	line-height: 36px;
	color: #fff;
}

.s-people02 .slick-dots {
	position: absolute;
	left: -29%;
	bottom: -78%;
}

.s-people02 .slick-dots li {
	margin: 0 8px;
}

.s-people03 .base {
	position: static;
}

.s-people03 .base .s_content {
	position: static;
	width: 1770px;
	margin: 0 auto;
	padding-bottom: 180px;
}

.s-people03 .s_content .text h2 {
	margin-top: 210px;
	font-weight: normal;
	font-family: "NanumBarunGothic";
}

.s-people03 .inner_content {
	margin-top: 70px;
}

.s-people03 ul li {
	position: relative;
	height: 457px;
	margin-bottom: 56px;
	padding-right: 895px;
	overflow: hidden;
}

.s-people03 ul li > img {
	width: 100%;
	height: 100%;
}

.s-people03 ul li .text_area {
	display: table;
	position: absolute;
	top: 0;
	right: 0;
	width: 895px;
	height: 100%;
	padding: 0 30px 0 045px;
	background: #ebf1f7;
}

.s-people03 ul li .text_area .inner {
	display: table-cell;
	width: 100%;
	padding-top: 50px;
	vertical-align: middle;
}

.s-people03 ul li .text_area h3 {
	margin-bottom: 30px;
	font-size: 30px;
}

.s-people03 ul li .text_area p {
	font-size: 18px;
	line-height: 30px;
}

.s-people03 ul li .text_area .btn_area {
	position: absolute;
	bottom: 23px;
	right: 30px;
}

.s-people03 ul li .text_area .btn_area a {
	display: inline-block;
	width: 70px;
	margin: 0 7px;
}

.s-people03 ul li .text_area .btn_area a + a {
	width: 46px;
}

.s-people03 ul li .text_area .btn_area a img {
	width: 100%;
}

.s-people03 ul li + li .text_area {
	background: #ebf1f7;
}

.s-people03 ul li + li + li .text_area {
	background: #ebf1f7;
}

.s-people03 ul li + li + li + li .text_area {
	background: #ebf1f7;
}

.s-people03 ul li + li + li + li + li .text_area {
	background: #f7f4eb;
}

.s-people03 ul li + li + li + li + li + li .text_area {
	background: #e5ede9;
}

.s-people03 ul li + li + li + li + li + li + li .text_area {
	background: #f1f1f1;
}

.s-people04 .s_container {
	height: 880px;
}

.s-people04 .s_content .text h2 {
	margin-top: 150px;
	font-weight: normal;
	font-family: "NanumBarunGothic";
}

.s-people04 .s_content .text p {
	font-size: 22px;
	line-height: 36px;
}

.s-people04 .s_content .text br.mobile {
	display: none;
}

.s-people05 .base {
	position: static;
}

.s-people05 .base .s_content {
	position: static;
	width: 1440px;
	margin: 0 auto;
	/*padding-bottom: 150px;*/
}

.s-people05 .base .s_content h2 {
	margin-top: 210px;
	font-weight: normal;
	font-family: "NanumBarunGothic";
}

.s-people05 .announce {
	margin-top: 70px;
	padding: 0 25px;
}

.s-people05 .announce .level1_title .selected {
	display: none;
}

.s-people05 .announce .level1_title ul:after {
	content: "";
	display: block;
	clear: both;
}

.s-people05 .announce .level1_title ul li {
	float: left;
	/*width: 258px;*/
	height: 65px;
	margin-left: 10px;
	line-height: 65px;
	margin-bottom: 10px;
}

.s-people05 .announce .level1_title ul li:first-child {
	/*width: 160px;*/
	margin-left: 0;
}

.s-people05 .announce .level1_title ul li a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 24px;
	border: 1px solid #c6c5c7;
	text-align: center;
	font-weight: bold;
	font-family: "NanumBarunGothic";
	padding-left: 10px;
	padding-right: 10px;
}

.s-people05 .announce .level1_title ul li.on a {
	color: #fff;
	background: #1253a1;
}
/*
.s-people05 .announce .level1_title ul li + li {
	width: 373px;
}

.s-people05 .announce .level1_title ul li + li + li {
	width: 360px;
}

.s-people05 .announce .level1_title ul li + li + li + li {
	width: 331px;
}

.s-people05 .announce .level1_title ul li + li + li + li + li {
	width: 226px;
}
*/
.s-people05 .announce .level1_content {
	height: 1044px;
	margin-top: 67px;
}

.s-people05 .announce .level1_content > ul {
	display: none;
	position: relative;
}

.s-people05 .announce .level1_content > ul.on {
	display: block;
}

.s-people05 .announce .level1_content > ul li {
	padding-right: 890px;
}

.s-people05 .announce .level1_content > ul li .level2_title {
	display: table;
	position: relative;
	width: 70%;
	height: 100px;
}

.s-people05 .announce .level1_content > ul li .level2_title a {
	display: table-cell;
	width: 100%;
	height: 100%;
	padding-right: 60px;
	border-bottom: 1px solid #d7d7d7;
	vertical-align: middle;
	color: #919191;
	font-size: 24px;
	line-height: 36px;
	font-family: "NanumBarunGothic";
}

.s-people05 .announce .level1_content > ul li:last-child .level2_title a {
	border-bottom: none;
}

.s-people05 .announce .level1_content > ul.on li.on .level2_title:after {
	content: "";
	display: inline-block;
	position: absolute;
	right: 0;
	top: 44px;
	width: 32px;
	height: 15px;
	background: url("../../images/people/icon_arrow02.png") no-repeat 0 0;
	transform: rotate(-90deg);
}

.s-people05 .announce .level1_content > ul.on li.on .level2_title a {
	color: #000;
}

.s-people05 .announce .level1_content > ul li .level2_content {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 1000px;
	padding: 40px 0 40px 50px;
	z-index: 1;
}

.s-people05 .announce .level1_content > ul.on li.on .level2_content {
	display: block;
}

.s-people05 .announce .level1_content > ul li .level2_content .title {
	float:left;
	font-size: 24px;
	font-family: "NanumBarunGothic";
}

.s-people05 .announce .level1_content > ul li .level2_content .notice_area {
	width: 100%;
	height: 800px;
	margin-top: 20px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.s-people05 .announce .level1_content > ul li .level2_content .notice_area iframe {
	width: 100%;
}

.s-people05 .announce .level1_content > ul li .level2_content .notice_area img {
	width: 100%;
}

.s-people05 .announce .level1_content > ul li .level2_content .btn_area {
	margin-top: 20px;
}

.s-people05 .announce .level1_content > ul li .level2_content .btn_area .sns {
	margin-bottom: 20px;
	text-align: right;
}

.s-people05 .announce .level1_content > ul li .level2_content .btn_area .btn_apply {
	display: block;
	width: 100%;
	height: 75px;
	font-size: 30px;
	line-height: 75px;
	text-align: center;
	color: #fff;
	background: #1253a1;
	font-family: "NanumGothic";
}

.s-people05 .announce .level1_content > ul li .level2_content .btn_close {
	display: none;
}

.btn_sns_box { float:right; }

@keyframes f_arrow {
	0% {
		width: 0;
	}

	80% {
		width: 80px;
	}

	100% {
		width: 80px;
	}
}

@media screen and (max-width:1880px) {
	.top {
		right: 4.7446vw;
	}

	.btn_apply_scroll {
		left: auto;
		right: 7.1276vw;
		margin: 0;
	}
}

@media screen and (max-width:1770px) {
	.btn_apply_scroll {
		width: 13.3898vw;
	}

	.btn_sns_box > button img {
			width : 43px;
		}

	.s-people03 .base .s_content {
		width: 100%;
		padding-bottom: 10.1694vw;
	}

	.s-people03 .s_content .text h2 {
		margin-top: 11.8644vw;
	}

	.s-people03 .inner_content {
		margin-top: 3.9548vw;
	}

	.s-people03 ul li {
		height: 25.8192vw;
		margin-bottom: 3.1638vw;
		padding-right: 50.5649vw;
	}

	.s-people03 ul li .text_area {
		width: 50.5649vw;
		padding: 0 1.6949vw 0 2.5423vw;
	}

	.s-people03 ul li .text_area .inner {
		padding-top: 2.8248vw;
	}

	.s-people03 ul li .text_area h3 {
		margin-bottom: 1.6949vw;
		font-size: 1.6949vw;
	}

	.s-people03 ul li .text_area p {
		font-size: 1.0169vw;
		line-height: 1.6949vw;
	}

	.s-people03 ul li .text_area .btn_area {
		bottom: 1.2994vw;
		right: 1.6949vw;
	}

	.s-people03 ul li .text_area .btn_area a {
		width: 3.9548vw;
		margin: 0 0.3954vw;
	}

	.s-people03 ul li .text_area .btn_area a + a {
		width: 2.5988vw;
	}
}

@media screen and (max-width:1590px) {
	.slick_slide02 .slick-prev {
		left: -135%;
	}

	.slick_slide02 .slick-next {
		right: 11%;
	}

	.btn_sns_box > button img {
	 width: 40px;

	}
}

@media screen and (max-width:1440px) {

	.top {
		right: 4.7446vw;
	}

	.btn_apply_scroll img {
		width: 100%;
	}

	.btn_sns_box > button img {
				width : 38px;

	}

	.slick_wrap .slick-dots {
		margin-top: 1.9444vw;
	}

	.slick_wrap .slick-dots li {
		margin: 0 0.2083vw;
	}

	.slick_wrap .slick-dots li button {
		width: 14px;
		height: 14px;
	}

	.slick-arrow:before{font-family: 'xeicon'; font-size: 3vw; color: #ffffff}
	.slick_slide02 .slick-prev{
		font-size: 0;
		background-color : #00ff0000;
		/*color: transparent;*/
	}
	.slick_slide02 .slick-prev:before{
		content :"\e93d";

	}
	.slick_slide02 .slick-next{
		right :0;
		font-size: 0;
		background-color : #00ff0000;
		/*color: transparent;*/
	}
	.slick_slide02 .slick-next:before{
		content :"\e940";
	}

	.slick_slide02 .slick-prev{
		left: -118%;
	}
	.slick_slide02 .slick-next{
		right: 2%;
	}




	/* main */
	.s-main .s_container {
		height: 40.675vw;
	}

	.s-main .text h2 {
		padding-top: 17.3611vw;
		font-size: 3.8611vw;
	}

	.s-main .slick_wrap {
		margin-top: 5.6805vw;
	}

	.s-main .slick_wrap .slick-list {
		height: 2.7777vw !important;
	}

	.s-main .slick_wrap .slick-track {
		height: 100%;
	}

	.s-main .slick_wrap .slick-slide img {
		/*height: 100%;*/
		width: 94.2vw;
	}

	.s-main .base:after {
		height: 14.2361vw;
	}

	.rolling .base figure {
		width: 137.5vw;
		background-size: auto 41.6944vw;
	}
	.s-people01 .s_content {
		margin-bottom: 12.5vw;
	}

	.s-people01 ul {
		width: 90vw;
		margin-top: 4.7222vw;
	}

	.s-people01 ul li {
		width: 30vw;
		height: 26.5277vw;
	}

	.s-people01 ul li .inner .title {
		top: 7.5vw;
		left: 4.8611vw;
	}

	.s-people01 ul li .inner .title p {
		font-size: 1.6666vw;
		line-height: 2.2222vw;
	}

	.s-people01 ul li .inner .title p.num {
		margin-bottom: 0.9722vw;
		font-size: 3.0555vw;
	}

	.s-people01 ul li .inner .title .arrow {
		width: 1.9444vw;
		margin-top: 2.5vw;
	}

	.s-people01 ul li .inner .title .arrow span {
		width: 1.9444vw;
	}

	.s-people01 ul li .inner .hover {
		height: 26.5277vw;
	}

	.s-people01 ul li .inner .hover .inner {
		width: 30vw;
		height: 26.5277vw;
		padding: 2.7777vw 2.5vw;
	}

	.s-people01 ul li .inner .hover h3 {
		margin-bottom: 0.6944vw;
		font-size: 3.0555vw;
	}

	.s-people01 ul li .inner .hover p {
		font-size: 1.0vw;
		line-height: 1.6666vw;
	}

	.s-people01 ul li .inner .hover p span {
		margin-bottom: 0.5555vw;
		font-size: 1.6666vw;
		line-height: 2.0833vw;
	}

	.s-people01 ul li + li .inner .hover {
		width: 30vw;
	}

	.s-people01 ul li + li + li .inner .hover {
		height: 26.5277vw;
	}

	.s-people01 ul li + li + li + li .inner .hover {
		height: 26.5277vw;
	}

	.s-people01 ul li + li + li + li + li .inner .hover {
		width: 30vw;
	}

	.s-people01 ul li + li + li + li + li + li .inner .hover {
		height: 26.5277vw;
	}

	.s-people01 ul li + li + li + li + li + li + li .inner .hover {
		height: 26.5277vw;
	}

	.s-people01 ul li + li + li + li + li + li + li + li .inner .hover {
		width: 30vw;
	}

	.s-people01 ul li + li + li + li + li + li + li + li + li .inner .hover {
		height: 26.5277vw;
	}

	.s-people01 ul li.on .inner .hover {
		width: 30vw;
		height: 26.5277vw;
	}

	.s-people02 .s_container {
		height: 60.6944vw;
	}

	.s-people02 .base figure {
		width: 137.5vw;
		background-size: auto 60.6944vw;
	}

	.s-people02 .s_content .text h2 {
		font-size: 4.1666vw;
		margin-top: 9.7222vw;
	}

	.s-people02 .inner_content {
		top: 25.8333vw;
		margin-left: 4.4166vw;
	}

	.s-people02 .slick_wrap {
		width: 45.1388vw;
	}

	.s-people02 .slick_wrap .slick-slide {
		padding: 0 2.7777vw;
	}

	.s-people02 .slick_wrap h3 {
		font-size: 2.3611vw;
	}

	.s-people02 .slick_wrap p {
		margin-top: 1.9444vw;
		font-size: 1.5277vw;
		line-height: 2.5vw;
	}

	.s-people02 .slick-dots {
		left: -18%;
	}

	.s-people02 .slick-dots li {
		margin: 0 0.5555vw;
	}

	.s-people04 .s_container {
		height: 61.1111vw;
	}

	.s-people04 .s_content .text h2 {
		margin-top: 10.4166vw;
	}

	.s-people04 .s_content .text p {
		font-size: 1.5277vw;
		line-height: 2.5vw;
	}

	.s-people05 .base .s_content {
		width: 100%;
		padding-bottom: 10.4166vw;
	}

	.s-people05 .base .s_content h2 {
		margin-top: 14.5833vw;
	}

	.s-people05 .announce {
		margin-top: 4.8611vw;
		padding: 0 1.7361vw;
	}

	.s-people05 .announce .level1_title ul li {
		/*width: 17.9166vw;*/
		height: 4.5138vw;
		margin-left: 0.6944vw;
		line-height: 4.5138vw;
	}

	.s-people05 .announce .level1_title ul li a {
		font-size: 1.6544vw;
	}
/*
	.s-people05 .announce .level1_title ul li + li {
		width: 25.9027vw;
	}

	.s-people05 .announce .level1_title ul li + li + li {
		width: 25.1111vw;
	}

	.s-people05 .announce .level1_title ul li + li + li + li {
		width: 6.9861vw;
	}

	.s-people05 .announce .level1_title ul li + li + li + li + li {
		width: 15.6944vw;
	}
*/
	.s-people05 .announce .level1_content {
		height: 72.5vw;
		margin-top: 4.6527vw;
	}

	.s-people05 .announce .level1_content > ul li {
		padding-right: 61.8055vw;
	}

	.s-people05 .announce .level1_content > ul li .level2_title {
		height: 7.1111vw;
		width:70%;
	}

	.s-people05 .announce .level1_content > ul li .level2_title a {
		padding-right: 4.9444vw;
		font-size: 1.6555vw;
		line-height: 2.5vw;
	}

	.s-people05 .announce .level1_content > ul.on li.on .level2_title:after {
		top: 3.0444vw;
		width: 2.2222vw;
		height: 1.0416vw;
		background-size: 2.2222vw auto;
	}

	.s-people05 .announce .level1_content > ul li .level2_content {
		width: 71.8055vw;
		padding: 2.7777vw 0 2.7777vw 6.9444vw;
	}

	.s-people05 .announce .level1_content > ul li .level2_content .title {
		float:left;
		font-size: 1.6533vw;
	}

	.s-people05 .announce .level1_content > ul li .level2_content .notice_area {
		height: 55.5555vw;
		margin-top: 1.3888vw;
	}

	.s-people05 .announce .level1_content > ul li .level2_content .btn_area {
		margin-top: 1.3888vw;
	}

	.s-people05 .announce .level1_content > ul li .level2_content .btn_area .sns {
		margin-bottom: 1.3888vw;
	}

	.s-people05 .announce .level1_content > ul li .level2_content .btn_area .btn_apply {
		height: 5.2083vw;
		font-size: 2.0833vw;
		line-height: 5.2083vw;
	}

    @keyframes f_arrow {
			0% {width: 0;
		}

		80% {
			width: 5.5555vw;
		}

		100% {
			width: 5.5555vw;
		}
	}
}

@media screen and (max-width:768px) {
	.btn_apply_scroll {
		top: auto;
		right: auto;
		width: 34.7560vw;
		margin: 0;
		left: 2.0975vw;
		bottom: 5.3vw;
	}

	.btn_sns_box > button img {
				width : 35px;

	}

	.slick_wrap .slick-dots li {
		margin: 0 0.4vw;
	}

	.slick-arrow:before{font-family: 'xeicon'; font-size: 4vw; color: #ffffff}
	.slick_slide02 .slick-prev{

		font-size: 0;
		background-color : #00244d;
		/*color: transparent;*/
	}
	.slick_slide02 .slick-prev:before{
		content :"\e93d";

	}
	.slick_slide02 .slick-next{
		right :0;
		font-size: 0;
		background-color : #00244d;
		/*color: transparent;*/
	}
	.slick_slide02 .slick-next:before{
		content :"\e940";
	}

	.slick_slide02 .slick-prev{
		left: 5%;
		width: 5vw;
		height: 5vw;
	}
	.slick_slide02 .slick-next{
		right: 5%;
		width: 5vw;
		height: 5vw;
	}


	/* main */
    .s-main .text h2 {
		padding-top: 42.5609vw;
		font-size:5.5365vw
	}

	.s-main .base:after {
		height: 40.8536vw;
	}

	.s-main .slick_wrap_en {
		margin-top:23vw;
	}

	.s-main .slick_wrap .slick-list {
		height: 11.5853vw !important;
	}

	.s-main .slick-dots {
		margin-top: 2.4390vw;
	}

	.s-people01 .s_content {
		margin-bottom: 13.4146vw;
	}

	.s-people01 .s_content .text h2 {
		margin-top: 12.1951vw;
		font-size: 6.7073vw;
	}

	.s-main .slick_wrap .slick-slide img {
		height: 100%;
		width: 94.2vw;
	}

	.s-main .slick_wrap .slick-slide{

	}

	.rolling .base .figure {
		position: relative;
		width: 100%;
		left: 0px;
		background: url("../../images/people/mo-main_2.jpg?20201008192630") no-repeat 0 0 / 100% auto;
	}

	.rolling .base .figure img{
		width: 100%;
		left: 0px;
		height: 107.3414vw;
	}

	.s-people01 ul {
		width: 100%;
		margin: 6.0975vw auto 0;
	}

	.s-people01 ul li {
		width: 50%;
		height: 44.0243vw;
	}

	.s-people01 ul li .inner .title {
		top: 12.1951vw;
		left: 8.5365vw;
	}

	.s-people01 ul li .inner .title p {
		font-size: 2.8048vw;
		line-height: 3.9024vw;
	}

	.s-people01 ul li .inner .title p.num {
		margin-bottom: 1.7073vw;
		font-size: 2.9166vw;
	}

	.s-people01 ul li .inner .title .arrow {
		width: 3.4146vw;
		margin-top: 4.3902vw;
	}

	.s-people01 ul li .inner .title .arrow span {
		width: 3.4146vw;
	}

	.s-people01 ul li .inner .hover {
		display: none;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

	.s-people01 ul li .inner .hover .inner {
		width: 100%;
		height: 100%;
		padding: 2vw 1vw 2vw 2vw;
	}

	.s-people01 ul li .inner .hover h3 {
		margin-bottom: 1.5vw;
		font-size: 5.1219vw;
	}

	.s-people01 ul li .inner .hover p {
		font-size: 2.5vw;
		line-height: 3.2vw;
	}

	.s-people01 ul li .inner .hover p span {
		margin-bottom: 1.2vw;
		font-size: 2.8048vw;
		line-height: 3.9024vw;
	}

	.s-people01 ul li.on .inner .hover {
		display: block;
		width: 100%;
		height: 100%;
	}

	.s-people01 ul li .hover .btn_close {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}

    @keyframes f_arrow {
			0% {width: 0;
		}

		80% {
			width: 5.5555vw;
		}

		100% {
			width: 5.5555vw;
		}
	}

.s-people02 .s_container {
	height: 154.3902vw !important;
}

.s-people02 .s_container .base {
	height: 100% !important;
}

.s-people02 .base figure {
	width: 100%;
	height: 106.3414vw;
	background: url("../../images/people/mo-s02_slide01.jpg") no-repeat 0 0 / 100% auto;
}

.s-people02 .base figure.n2 {
	background-image: url("../../images/people/mo-s02_slide02.jpg");
}

.s-people02 .base figure.n3 {
	background-image: url("../../images/people/mo-s02_slide03.jpg");
}

.s-people02 .s_content .text h2 {
	font-size: 6.7073vw;
	margin-top: 16.4634vw;
	line-height: 9.5vw;
}

.s-people02 .s_content .text h2 br {
	display: inline;
}

.s-people02 .inner_content {
	left: 0;
	top: 115.8536vw;
	width: 100%;
	margin-left: 0;
}

.s-people02 .slick_wrap {
	width: 100%;
}

.s-people02 .slick_wrap .slick-slide {
	padding: 0 4.8780vw;
	text-align: center;
}

.s-people02 .slick_wrap h3 {
	font-size: 4.1463vw;
}

.s-people02 .slick_wrap p {
	margin-top: 3.4146vw;
	font-size: 2.9268vw;
	line-height: 4.6341vw;
}

.s-people02 .slick-dots {
	left: 0;
	top: 120%;
	width: 100%;
	height: 0;
}

.s-people02 .slick-dots li {
	margin: 0 8px;
}

.s-people03 .base .s_content {
	padding-bottom: 12.1951vw;
}

.s-people03 .s_content .text h2 {
	margin-top: 20.7317vw;
	font-size: 6.1073vw;
}

.s-people03 .inner_content {
	margin-top: 9.7560vw;
}

.s-people03 ul li {
	height: auto;
	margin-bottom: 7.3170vw;
	padding: 0;
	padding-top: 51.8536vw;
}

.s-people03 ul li > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}

.s-people03 ul li .text_area {
	display: block;
	position: static;
	width: 100%;
	height: auto;
	min-height: 61.5853vw;
	padding: 5.5vw 3.5vw;
}

.s-people03 ul li .text_area .inner {
	display: block;
	width: 100%;
	padding: 0;
}

.s-people03 ul li .text_area h3 {
	margin-bottom: 2.1951vw;
	font-size: 3.9024vw;
	line-height: 5vw;
	font-family: "NanumBarunGothic";
}

.s-people03 ul li .text_area p {
	font-size: 2.9268vw;
	line-height: 5vw;
}

.s-people03 ul li .text_area .btn_area {
	bottom: 4.2682vw;
	right: 4.0243vw;
}

.s-people03 ul li .text_area .btn_area a {
	width: 9.1463vw;
	margin: 0 0.9756vw;
}

.s-people03 ul li .text_area .btn_area a + a {
	width: 6.0975vw;
}

.s-people03 ul li .text_area .btn_area a img {
	width: 100%;
}

.s-people04 .s_content .text h2 {
	margin-top: 15vw;
	font-size: 6.7073vw;
}

.s-people04 .s_content .text p {
	margin-top: 4vw;
	font-size: 2.9268vw;
	line-height: 4.6vw;
}

.s-people04 .s_content .text br.mobile {
	display: inline;
}

.s-people05 .base .s_content {
	padding-bottom: 18.2926vw;
}

.s-people05 .base .s_content h2 {
	margin-top: 19.5121vw;
	font-size: 6.7073vw;
}

.s-people05 .announce {
	margin-top: 7.9268vw;
	padding: 0 6.0975vw;
}

.s-people05 .announce .level1_title {
	position: relative;
}

.s-people05 .announce .level1_title .selected {
	display: block;
	height: 7.4863vw;
	padding: 1.3888vw;
	padding-bottom: 0;
	border: 1px solid #c6c5c7;
	border-bottom: none;
	line-height: 6.0975vw;
	font-size: 3.4146vw;
	color: #000;
	font-weight: bold;
	background: url("../../images/people/icon_arrow02.png") no-repeat right 2.2vw top 3vw / 3.9024vw auto;
	font-family: "NanumBarunGothic";
}

.s-people05 .announce .level1_title .selected.on {
	background-image: url("../../images/people/icon_arrow03.png");
}

.s-people05 .announce .level1_title ul {
	position: absolute;
	top: 7.4863vw;
	left: 0;
	width: 100%;
	max-height: 0;
	padding: 0 1.3888vw;
	border: 1px solid #c6c5c7;
	border-top: none;
	overflow: hidden;
	background: #fff;
	transition: max-height 0.5s;
	z-index: 1;
}

.s-people05 .announce .level1_title .selected.on + ul {
	height: auto;
	max-height: 25vw;
}

.s-people05 .announce .level1_title ul li {
	float: none;
	width: 100% !important;
	height: 6.0975vw;
	margin-left: 0;
	line-height: 6.0975vw;
}

.s-people05 .announce .level1_title ul li:first-child {
	margin-left: 0;
}

.s-people05 .announce .level1_title ul li:last-child {
	padding-bottom: 1.3888vw;
}

.s-people05 .announce .level1_title ul li a {
	width: 100%;
	height: 100%;
	color: #323232;
	font-size: 3.4146vw;
	border: none;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}

.s-people05 .announce .level1_title ul li.on {
	display: none;
}

.s-people05 .announce .level1_title ul li.on a {
	color: #323232;
	background: none;
}

.s-people05 .announce .level1_content {
	height: auto;
	margin-top: 6.7073vw;
}

.s-people05 .announce .level1_content > ul {
	display: none;
	position: relative;
}

.s-people05 .announce .level1_content > ul.on {
	display: block;
}

.s-people05 .announce .level1_content > ul li {
	position: relative;
	padding: 0;
}

.s-people05 .announce .level1_content > ul li .level2_title {
	width: 100%;
	height: 9.7560vw;
}

#echo_wrap .s-people05 .announce .level1_content > ul li .level2_title:after {
	content: "";
	display: inline-block;
	position: absolute;
	right: 4vw;
	top: 4vw;
	width: 3.9024vw;
	height: 1.8292vw;
	background: url("../../images/people/icon_arrow02.png") no-repeat 0 0 / 100% auto;
	transform: rotate(-90deg);
}

.s-people05 .announce .level1_content > ul li .level2_title a {
	padding: 0;
	padding-right: 8.5365vw;
	color: #323232;
	font-size: 2.9268vw;
	line-height: 4.1463vw;
}

.s-people05 .announce .level1_content > ul.on li.on .level2_title a {
	color: #323232;
}

.s-people05 .announce .level1_content > ul.on li.on:after {
	content: "";
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.8;
	z-index: 101;
}

.s-people05 .announce .level1_content > ul li .level2_content {
	position: fixed;
	top: 0;
	right: auto;
	left: 3.6585vw;
	width: 92.6829vw;
	top: 5%;
	height: 90%;
	padding: 11vw 3.6585vw;
	background: #fff;
	z-index: 102;
}

.s-people05 .announce .level1_content > ul li .level2_content .title {
	float:left;
	font-size: 3.6585vw;
}

.s-people05 .announce .level1_content > ul li .level2_content .notice_area {
	width: 100%;
	height: 82%;
	margin-top: 2.4390vw;
	overflow-y: auto;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.s-people05 .announce .level1_content > ul li .level2_content .notice_area iframe {
	width: 100%;
}

.s-people05 .announce .level1_content > ul li .level2_content .notice_area img {
	width: 100%;
}

.s-people05 .announce .level1_content > ul li .level2_content .btn_area {
	margin-top: 2.4390vw;
}

.s-people05 .announce .level1_content > ul li .level2_content .btn_area .sns {
	margin-bottom: 2.4390vw;
	text-align: right;
}

.s-people05 .announce .level1_content > ul li .level2_content .btn_area .sns a {
	display: inline-block;
	width: 22px;
	height: 22px;
}

.s-people05 .announce .level1_content > ul li .level2_content .btn_area .sns a img {
	width: 100%;
}

.s-people05 .announce .level1_content > ul li .level2_content .btn_area .btn_apply {
	width: 100%;
	height: 9.5121vw;
	font-size: 3.6585vw;
	line-height: 9.5121vw;
}

.s-people05 .announce .level1_content > ul li .level2_content .btn_close {
	display: block;
	position: absolute;
	left: auto;
	right: 3.1707vw;
	top: 3.1707vw;
	width: 6vw;
	height: 6vw;
}

.s-people05 .announce .level1_content > ul li .level2_content .btn_close span {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 3vw;
	width: 100%;
	height: 2px;
	background: #000;
	transform: rotate(45deg);
}

.s-people05 .announce .level1_content > ul li .level2_content .btn_close span + span {
	transform: rotate(135deg);
}
}