@media all and (max-width:1600px) { 
	.inner {padding: 0 50px;}
	.sect_inner {max-width: 1400px;}
}

@media all and (max-width:1500px) { 
	.inner {padding: 0 40px;}
	.sect_inner {max-width: 1200px;}
	/* section3 */
	.sect3_left {width: 100%;}
	.sect3_right {width: 100%; padding: 0; margin-top: 30px;}

	/* section4 */
	.sect4_left {width: 100%;}
	.sect4_Wright {width: 100%;}
	.sect4_wrap {width:100%; margin-top: 15px;}
	.sect4_Wleft {width: 100%; margin-top: 0; padding-right: 0; padding-bottom: 25px;}

	/* section6 */
	.sect6_left {width: 100%; padding-right: 0; }
	.sect6_right {width: 100%; padding-left: 0; border-left:none; margin-top: 30px;}
	.sect6_right .sect6_Rwrap {margin-left: 50px;}
}

@media all and (max-width:1024px) {
	.inner {padding: 0 30px;}
	/* 메인비주얼 */
	.main_visual,
	.main_visual .item { height: 100vh; }
	.main_visual .mv_nav {left:12%; bottom:5%;}

	/* 공통 */
	.sect_inner {padding: 50px 0;}
	.sect_tit h3 {font-size: 36px;}
	.sect_tit h3::after {width: 11px; top: -20px; right: -20px;}
	.sect_tit {padding: 30px 0; margin-bottom: 30px;}

	/* section1 */
	.main_visual .item .item_tit .inner {padding: 0 30px;}

	/* section2 */
	.part1 li h3{margin-top:160px; font-size: 36px;}
	.strip__title {}
	.part1 li a {width: 70px; left: calc(50% - 30px); bottom: 285px;}
	.part1 li .strip__title p{ font-size: 24px;}
	.part1 .strip__inner-text p{ font-size: 21px;}
	.part1 .strip__inner-text h2{font-size: 36px;}
	.part1 .strip__inner-text button {padding: 12px 22px; margin-top: 30px; }
	.part1 .strip__inner-text button span{font-size: 16px;}
	.part1 .strip__inner-text button img {margin-left:10px;margin-top: 6px;}

	/* section3 */
	.sect3_right h4 {font-size: 18px;}
	.sect3_right h4::before {margin-top: 0;}
	.pantone_wrap ul li:first-child {height: 100px;}
	.pantone_wrap ul li:last-child {padding: 12px;}

	/* section4 */
	.sect4_tab_link {font-size: 18px; padding: 0 15px 12px 15px;}
	.sect4_tab-contents {padding: 0;}
	.sect4_Wleft p {font-size: 18px;}
	.sect4_Wright.Wright_img01 {background-position: 70% 50%;}
	.sect4_Wright.Wright_img02 {background-position: 0% 50%;}
	.sect4_Wright.Wright_img03 {background-position: 0% 50%;}
	.sect4_Wright.Wright_img04 {background-position: 50% 50%;}

	/* section5 */
	.sect5_slider_container {padding: 50px; min-height:800px;}
	.sect5_slide h4 {font-size: 36px;}
	.sect5_slide p {font-size: 24px; margin-top: 30px;}
	button.sect5_prev, button.sect5_next {width: 45px; height: 45px; background-size: 45px;}
	button.sect5_prev {right: 105px;}
	.sect5_logobg {bottom: -260px; right: -187px; width: 500px;}

	/* section6 */
	.sect6_left h4, .sect6_right h4 {font-size: 24px;}
	.sect6_left .sect6_left_bottom {padding: 15px;}
	.sect6_left .carousel-item {padding: 5px;}
	.sect6_left .carousel-item strong {font-size: 18px;}
	.sect6_left .sect6_left_bottom button {padding: 7px 18px;}
	.sect6_left .sect6_left_bottom button span {font-size: 14px;}
	.sect6_left .sect6_left_bottom button img {height: 12px;}
	.sect6_prev, .sect6_next {width: 45px; height: 45px; background-size: 45px;}
	.sect6_prev {right: 55px;}
	.sect6_right {margin-top: 20px;}
	.sect6_right .sect6_Rwrap {margin-left: 30px;}
	.sect6_right .sect6_Rwrap .box strong.year {font-size: 18px;}
	.sect6_right .sect6_Rwrap .box p {font-size: 16px;}

}

@media all and (max-width:767px) {
	.inner {padding: 0 20px;}
	/* 메인비주얼 */
	.main_visual .mv_bg .img { background-position: 72%; }
	.main_visual .mv_bg .img.img_size02 {background-position: 72%; }
	.main_visual .mv_bg .img.img_size03 {background-position: 72%; }
	.progress_bar02 { display: none; }
	.main_visual .item .item_tit h1 {font-size: 36px;}

	/* 공통 */
	.sect_inner {padding: 20px 0;}
	.sect_tit h3 {font-size: 28px;}
	.sect_tit h3::after {width: 8px; top: -17px; right: -13px;}
	.sect_tit {padding: 15px 0; margin-bottom: 15px;}
	
	/* section1 */
	.main_visual .item .item_tit .inner {padding: 0 20px;}
	.part1 li {height: 700px; padding-top: 195px;}
	.part1 li h3 {margin-top: -110px; font-size: 32px;}
	.part1 li a {position: relative;width: 55px; margin-top: 25px; left: auto; bottom:auto}
	.part1 .strip__inner-text p {font-size: 18px;}
	.part1 .strip__inner-text button {padding: 10px 20px; margin-top: 25px;}
	.part1 .strip__inner-text button span {font-size: 14px;}
	.part1 .strip__inner-text button img {width: 7px;}
	
	/* section3 */
	.sect3_right {margin-top: 20px;}
	.sect3_right h4 {font-size: 16px; }
	.sect3_right h4.mt20 {margin-top: 10px;}
	.sect3_right p {font-size: 14px;}
	.pantone_wrap {width: 100%; margin-top: 10px;}
	.pantone_wrap ul li:first-child {width:50%; float:left;height: 60px;}
	.pantone_wrap ul li:first-child span {left: 10px; bottom: 10px;}
	.pantone_wrap ul li:last-child {width: 50%; float:left; height: 60px; padding: 10px;}
	.pantone_wrap ul li:last-child p {font-size: 13px;}

	/* section4 */
	.sect4_tab_link {padding: 0 15px 8px 15px;}

	/* section5 */
	.sect5_slider_container {padding: 25px; min-height:700px;}
	.sect5_slide h4 {font-size: 32px;}
	.sect5_slide h4::after {width: 70px; height: 2px; margin: 15px 0 20px 0;}
	.sect5_slide p {font-size: 18px; margin-top: 20px;}
	button.sect5_prev, button.sect5_next {top:90%;}
	button.sect5_prev {right: 85px;}
	button.sect5_next {right: 30px;}
	

	/* section6 */
	.sect6_left h4, .sect6_right h4 {font-size: 21px; margin-bottom: 20px;}
	.sect6_left .sect6_left_bottom {padding: 10px;}
	.sect6_left .carousel-item {padding: 1px;}
	.sect6_left .carousel-item strong {font-size: 16px;}
	.sect6_left .sect6_left_bottom button {margin-top: 15px; padding: 5px 15px 0px;}
	.sect6_left .sect6_left_bottom button span {font-size: 12px; vertical-align: super;}
	.sect6_left .sect6_left_bottom button img {width: 7px; height: 10px; margin-top: 5px; margin-left: 3px;}
	.sect6_prev, .sect6_next {width: 30px; height: 30px; background-size: 30px;}
	.sect6_prev  {right: 40px;}
	
	.sect6_right .sect6_Rwrap {margin-left: 15px; margin-top: 20px; padding-left: 10px; padding-right: 0;}
	.sect6_right .sect6_Rwrap .box strong.year {width: 100px; font-size: 16px; padding-right: 15px;}
	.sect6_right .sect6_Rwrap .box strong.year::before {left: -16px; margin-top: 5px;}
	.sect6_right .sect6_Rwrap .box p {width: calc(100% - 100px);}

}
