@charset "utf-8";


/* PC이하 */
@media all and (max-width:1600px) {
	
	.mv { background: url('../image/mv.jpg') no-repeat center / cover; }
	.mv_img { display: none; }	

}

@media all and (max-width:1230px) {

	* { word-break: keep-all; }
	
	.mv_txt { margin-right: -500px; }
	.mv_txt .tit { font-size: 60px; }
	.mv_txt .sub { font-size: 27px; }
	.mv_btn { margin-top: 120px; }

	.section01 { height: auto; }
	.section01 .section_img { position: static; margin-top: 30px; }

	.section04_list_wrap,
	.section07_list_wrap { width: auto; margin: 75px 20px 0; }
	.section04_list { margin: 0; }
	.section04_list li .tit,
	.section07_list li .tit { font-size: 20px; line-height: 1.4em; }
	.section04_list li .sub br { display: none; }
	
	.section07_list { margin: 0 -10px; }
	.section07_list li { margin: 0 10px; }

}

/* 타블렛 세로 */
@media all and (max-width:1023px) {
	
	.mv { background: url('../image/mv_bg.jpg') no-repeat center / cover; height: auto; padding-top: 150px; }
	.mv_img {display: block;position: relative;width: 80%;margin-top: 50px;padding-left: 0;}
	.mv_txt { position: static; margin-right: 0; text-align: center; }
	.mv_btn { margin-top: 50px; }

	.section04_list { flex-wrap: wrap; }
	.section04_list li {width: 100%;height: auto;margin: 0 0 60px;border-radius: 20px;padding: 50px 260px 60px 30px;text-align: left;}
	.section04_list li .icon { position: absolute; right: 30px; top: 10px; }
	.section04_list li .sub {margin: 30px 0 0;}
	
	.section07_list li .icon img { max-height: 130px; }
	.section07_list li .sub br { display: none; }

}

/* 타블렛 가로 미만 ~ 모바일 */
@media all and (max-width:767px) {
	
	.main_wrap { padding-top: 70px; }
	.main_tit { font-size: 30px; }

	.section02 .section_img .txt { bottom: 10px; font-size: 13px; }

	.section04_list_wrap, 
	.section07_list_wrap { margin: 50px 20px 0; }
	.section04_list li { height: 260px; padding: 50px 230px 60px 30px; }
	.section04_list li .icon { top: 10%; }
	.section04_list li .icon img { max-height: 200px; }

	.section05 { padding: 100px 0; }

	.section07 { padding-bottom: 70px; }
	.section07_list { flex-wrap: wrap; margin: 0; }
	.section07_list li { width: 100%;height: auto; margin: 0 0 20px; padding: 40px 15px; }

	.contact { width: auto; margin: 50px 20px 0; }

	#footer { padding: 50px 15px; box-sizing: border-box; }

}

/* 모바일 상세 */
@media all and (max-width:640px) {

	.small_tit { font-size: 15px; }
	.main_tit { font-size: 25px; margin: 30px 10px 20px; }
	.main_sub { padding: 0 10px; font-size: 16px; }
	.main_sub br { display: none; }
	
	.mv_txt .tit { font-size: 50px; }
	.mv_txt .sub { font-size: 23px; }
	.mv_btn a img { width: 200px; }
	
	.section04_list li { height: auto; padding: 50px 15px 40px; text-align:center; }
	.section04_list li .icon { position: static; margin-top: 30px; }
	.section04_list li .sub { font-size: 15px; margin: 20px 0 0; }
	.section04_list li .sub br { display: block; }
	.section04_list li .tit, 
	.section07_list li .tit { font-size: 18px; }

	.section07_list li .sub { margin-top: 20px; }

	.section06 .section_img { margin-top: 0; }

	.section08 .main_tit { font-size: 27px; }

}

/* 모바일 가로 */
@media all and (max-width:568px) {

	.main_tit { font-size: 23px; }
	.main_sub { font-size: 15px; }

	.mv_txt .tit {font-size: 38px;}
	.mv_txt .sub {font-size: 18px;margin-top: 20px;}
	.mv_btn a img {width: 150px;}

	.section04_list li .icon img { max-height: 150px; }
	.section07_list li .icon img { max-height: 100px; }

	.contact li { margin-bottom: 10px; }
	.contact li.flex { margin: 0 -5px 10px; }
	.contact li.flex > div { margin: 0 5px; }
	.contact_btn a { width: 200px; }

}

@media all and (max-width:425px) {

}

@media all and (max-width:375px) {

}

@media all and (max-width:320px) {

}