.contents {
	left: 50%;
	width: 100%; max-width: 1230px; height: 100%;
	padding: 90px 15px 90px;

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	box-sizing: border-box;
}

.section_01 {
	width: 100%; height: auto;
	padding: 0px 0px 60px;
	box-sizing: border-box;
}

.section_01 > div {
	width: 50%; height: auto;
	box-sizing: border-box;
}

.section_01 > div.section_left { padding-right: 90px; }

.section_01 .title {
	width: 100%; height: auto; line-height: 1.5;
	font-size: 28px; color: #3A3A3B; text-align: left;
	box-sizing: border-box;
}
.section_01 .desc {
	width: 100%; height: auto; line-height: 1.8;
	font-size: 18px; color: #3A3A3B; text-align: left;
	box-sizing: border-box;
}



.section_02 {
	width: 100%; height: auto;
	padding: 60px 0px 90px;
	box-sizing: border-box;
}

.section_02 > div {
	width: 50%; height: auto;
	box-sizing: border-box;
}

.section_02 > div.section_left { padding-right: 90px; }


.section_02 .img , 
.section_02 .img img {
	width: 100%; height: auto;
	z-index: 1;
	box-sizing: border-box;
}


.section_02 .desc.top { margin-top: 30px; }
.section_02 .desc {
	width: 100%; height: auto; line-height: 1.8;
	font-size: 18px; color: #3A3A3B; text-align: left;
	word-break: keep-all;
	box-sizing: border-box;
}

.section_02 .box {
	top: 0px; right: 0px;
	width: calc(50% + 350px); height: 100%;
	border: 1px solid #ECECEC;
	box-sizing: border-box;
}

.section_03 {
	width: 100%; height: auto;
	padding: 90px 0px 0px;
	border-top: 1px solid #ECECEC;
	box-sizing: border-box;
}


.section_03 > div:first-child { margin-top: 0px; }
.section_03 > div {
	width: 100%; height: auto;
	margin-top: 90px;
	box-sizing: border-box;
}

.section_03 .label {
	width: 250px; height: auto; min-height: 1.5em;
	font-size: 28px; color: #3A3A3B; text-align: left;
    
	box-sizing: border-box;
}

.section_03 .label .arrow {
	width: 100%; height: auto;
	margin-top: 45px;
	box-sizing: border-box;
}

.section_03 .label .arrow button:first-child { margin-left: 0px; }
.section_03 .label .arrow button {
	width: 40px; height: 40px;
	border: 0px; background-color: rgba(0,0,0,0);
	margin-left: 20px;
	cursor: pointer;
	box-sizing: border-box;
}

.section_03 .label .arrow button > img { width: 100%; height: 100%; }

	
.section_03 .val {
	width: calc(100% - 250px); height: auto;
	box-sizing: border-box;
}

.section_03 .subject_item:first-child { margin-left: 0px; }
.section_03 .subject_item {
	width: calc(33.333% - 17px); height: auto;
	border: 1px solid #ECECEC;
	margin-left: 25px;
	padding: 30px;
	box-sizing: border-box;
}
.section_03 .subject_item:hover {
	border-color: #6CD090;
}

.section_03 .subject_item .subject_title {
	width: 100%; height: auto; line-height: 1.5;
	font-size: 22px; color: #3A3A3B; text-align: center;
	box-sizing: border-box;
}

.section_03 .subject_item .subject_bar {
	width: 100%; height: 3px;
	margin: 20px 0px;
	background-color: #6CD090;
	box-sizing: border-box;
}

.section_03 .subject_item .subject_desc {
	width: 100%; height: 12em; line-height: 1.5;
	font-size: 16px; color: #3A3A3B; text-align: left;
	box-sizing: border-box;
}
.section_03 .subject_item .subject_desc.contact { height: 7.5em; }
.section_03 .subject_item .subject_desc.text_center { text-align: center; }

.section_03 .subject_item .subject_desc.contact .subject_desc { letter-spacing: -0.2px; }

.section_03 .about_slider,
.section_03 .about_slider > div,
.section_03 .about_slider > div > div {
	width: 100%; height: auto;
	box-sizing: border-box;
}



.section_03 .map {
	width: 100%; height: 530px; 
	background-image: url(../images/main_img_01.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	box-sizing: border-box;
}

#about_slider img { 
	width: 100%; 
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	box-sizing: border-box;
}



.s_img {
	top: 0px;  right: 0px;
	width: 211px; height: auto;
}

br.st_01 { display: none; }
@media (max-width: 479px){ 
	br.st_01 { display: block; }
	.contents { padding: 60px 20px 60px; }
	.section_01 { padding: 0px 0px 45px; }
	.section_02 { padding: 0px 0px 45px; }
	.section_01 .title { font-size: 18px; }
	.section_01 .desc { font-size: 12px; }
	.section_02 .desc { font-size: 12px; }
	.section_01 > div.section_left,
	.section_02 > div.section_left { width: 100%; padding-right: 0px; }
	.section_01 > div.section_right,
	.section_02 > div.section_right { width: 100%; }
	.section_02 .box { width: 100%; }
	.section_02 > div.section_right { padding-right: 0px; }

	.section_01 > div.section_right { padding-top: 15px; }
	.section_02 > div.section_right { padding-top: 15px; padding: 15px 20px 0px; }
	.section_02 .img {
		width: 100%; height: 300px;
		background-image: url(../images/staff.jpg);
		background-size: cover;
		background-position: center 20%;
		background-repeat: no-repeat;
		box-sizing: border-box;
	}

	.section_02 .img img { display: none; }


	.section_03 { padding: 45px 0px 0px; }
	.section_03 .label { width: 100%; font-size: 20px;  }
	.section_03 .val { width: 100%; margin-top: 15px; }
	.section_03 .subject_item .subject_title { font-size: 16px; }
	.section_03 .subject_item .subject_desc { font-size: 12px; height: auto; }
	.section_03 .subject_item { padding: 20px; width: 100%; margin-left: 0px; margin-top: 15px; }
	.section_03 .subject_item:first-child { margin-top: 0px; }
	.section_03 > div { margin-top: 45px; }
	.section_03 .label { height: 30px; line-height: 30px;  }
 	.section_03 .label .arrow { width: auto; float: right; margin-top: 0px; }
	.section_03 .label .arrow button { width: 30px; height: 30px; margin-left: 10px; }


	.section_03 .map { height: 280px; }
	.section_03 .label.contact { margin-top: 0px; display: none; }
	.section_03 .val.contact { margin-top: 0px; }
	.section_03 .subject_item .subject_desc.text_center { height: auto; }

	
	.s_img { 
		left: 50%;
		width: 200px;
		margin-left: -100px;
		position: relative; 
	}


}

@media (max-width: 749px) and (min-width: 480px) { 
	.contents { padding: 60px 20px 60px; }
	.section_01 { padding: 0px 0px 45px; }
	.section_02 { padding: 0px 0px 45px; }
	.section_01 .title { font-size: 20px; }
	.section_01 .desc { font-size: 14px; }
	.section_02 .desc { font-size: 14px; }
	.section_01 > div.section_left,
	.section_02 > div.section_left { width: 100%; padding-right: 0px; }
	.section_01 > div.section_right,
	.section_02 > div.section_right { width: 100%; }
	.section_02 .box { width: 100%; }
	.section_02 > div.section_right { padding-right: 0px; }

	.section_01 > div.section_right { padding-top: 15px; }
	.section_02 > div.section_right { padding-top: 15px; padding: 15px 20px 0px; }
	.section_02 .img {
		width: 100%; height: 400px;
		background-image: url(../images/staff.jpg);
		background-size: cover;
		background-position: center 20%;
		background-repeat: no-repeat;
		box-sizing: border-box;
	}

	.section_02 .img img { display: none; }


	.section_03 { padding: 45px 0px 0px; }
	.section_03 .label { width: 100%; font-size: 20px;  }
	.section_03 .val { width: 100%; margin-top: 15px; }
	.section_03 .subject_item .subject_title { font-size: 16px; }
	.section_03 .subject_item .subject_desc { font-size: 12px; height: auto; }
	.section_03 .subject_item { padding: 20px; width: 100%; margin-left: 0px; margin-top: 15px; }
	.section_03 .subject_item:first-child { margin-top: 0px; }
	.section_03 > div { margin-top: 45px; }
	.section_03 .label { height: 30px; line-height: 30px;  }
 	.section_03 .label .arrow { width: auto; float: right; margin-top: 0px; }
	.section_03 .label .arrow button { width: 30px; height: 30px; margin-left: 10px; }

	.section_03 .map { height: 320px; }
	.section_03 .label.contact { margin-top: 0px; display: none; }
	.section_03 .val.contact { margin-top: 0px; }
	.section_03 .subject_item .subject_desc.text_center { height: auto; }
} 

@media (max-width: 1023px) and (min-width: 750px) { 
	.contents { padding: 60px 20px 60px; }
	.section_01 { padding: 0px 0px 45px; }
	.section_02 { padding: 45px 0px 60px; }
	.section_01 .title { font-size: 22px; }
	.section_01 .desc { font-size: 14px; }
	.section_02 .desc { font-size: 14px; }
	.section_01 > div.section_left,
	.section_02 > div.section_left { width: 45%; padding-right: 45px; }
	.section_01 > div.section_right,
	.section_02 > div.section_right { width: 55%; }
	.section_02 .box { width: calc(50% + 150px); }
	.section_02 > div.section_right { padding-right: 20px; }


	.section_03 { padding: 45px 0px 0px; }
	.section_03 .label { width: 100%; font-size: 22px; }
	.section_03 .val { width: 100%; margin-top: 30px; }
	.section_03 .subject_item .subject_title { font-size: 18px; }
	.section_03 .subject_item .subject_desc { font-size: 14px; }
	.section_03 .subject_item { padding: 20px; }
	.section_03 > div { margin-top: 45px; }
	.section_03 .label { height: 35px; line-height: 35px;  }
 	.section_03 .label .arrow { width: auto; float: right; margin-top: 0px; }
	.section_03 .label .arrow button { width: 35px; height: 35px; margin-left: 10px; }

	.section_03 .map { height: 420px; }
	.section_03 .label.contact { margin-top: 0px; display: none; }
	.section_03 .val.contact { margin-top: 0px; }

	.s_img {
		top: 30px; right: auto; left: 0px;
		width: 173px; 
	}

}


@media (max-width: 1279px) and (min-width: 1024px) { 
	.contents { padding: 60px 30px 60px; }
	.section_02 { padding: 45px 0px 60px; }
	.section_01 .title { font-size: 26px; }
	.section_01 .desc { font-size: 16px; }
	.section_02 .desc { font-size: 16px; }
	.section_01 > div.section_left,
	.section_02 > div.section_left { width: 45%; padding-right: 45px; }
	.section_01 > div.section_right,
	.section_02 > div.section_right { width: 55%; }

	.section_03 { padding: 60px 0px 0px; }
	.section_03 .label { width: 200px; font-size: 26px; }
	.section_03 .val { width: calc(100% - 200px); }
	.section_03 .subject_item .subject_title { font-size: 20px; }
	.section_03 .subject_item .subject_desc { font-size: 14px; }
	.section_03 .subject_item { padding: 20px; }
	.section_03 > div { margin-top: 60px; }
	.section_03 .label .arrow { margin-top: 30px; }
	 .section_03 .map { height: 480px; }
   
	.s_img { width: 189px; }

}



/*
	@media (max-width: 479px){ 

	}

	@media (max-width: 749px) and (min-width: 480px) { 

	}

	@media (max-width: 1023px) and (min-width: 750px) { 

	}


	@media (max-width: 1279px) and (min-width: 1024px) { 

	}
*/