@media screen and (min-width: 741px) {
	.ms { width: 100%; position: relative; }
	.ms picture { min-height: 860px; }
	.ms .div-layer { color: #fff; }
	.ms .div-layer > p:nth-of-type(1) { font-size: max(64px, 3.3333vw); letter-spacing: -3.2px; line-height: 1; height: 64px; }
	.ms .div-layer > p:nth-of-type(2) { margin-top: 15px; font-size: max(24px, 1.2500vw); letter-spacing: -1.2px; line-height: 30px; }

	.section {
		position: relative;
		--width: min(1200px, 91.6667vw);
	}

	.section1 { padding: 105px 0 120px; }
	.section1 picture { width: var(--width); } /* 1200이라 대신 .inner-wrap으로 묶어도 됨 */

	.section2 {}
	.section2 picture { width: var(--width);}

	.section3 { padding: 108px 0 105px; }
	.section3 > p { font-size: 60px; font-weight: 700; color: #222; line-height: 74px; letter-spacing: -3px; text-align: center; }
	.section3 > p > span { color: #014086; }
	.section3 > ul { margin-top: 80px; }
	.section3 > ul > li {}
	.section3 > ul > li~li { margin-top: 65px; }
	.section3 > ul > li > p { display: flex; justify-content: center; align-items: center; gap: 0 10px; font-size: 28px; font-weight: 700; color: #222; letter-spacing: -1.4px; }
	.section3 > ul > li > div { margin-top: 14px; width: 700px; height: 386px; border-radius: 10px; background: #e9e9e9; overflow: hidden; }
	.section3 > a { margin-top: 54px; display: block; }

	.section4 {}
	.section4 picture { width: var(--width); }

	.section5  { padding: 130px 0 110px; }
	.section5 picture { width: var(--width); }
	.section5 > ul { display: flex; gap: min(30px, 2.3077vw); flex-wrap: wrap; width: min(1200px, 92.3077vw); }
	.section5 > ul > li { width: min(1131px, 87.0000vw); }

	.section6  { padding: 0; }
	.section6 picture { width: var(--width); }

	.section7  { padding: 130px 0 150px; }
	.section7 picture { width: var(--width); }

	.section8  { padding: 0; }
	.section8 picture { width: var(--width); }

	.section9  { padding: 160px 0 145px; }
	.section9 picture { width: var(--width); }

	.section10 { padding: 0 0 130px; }
	.section10 picture { width: var(--width); }
}

@media screen and (max-width: 740px) {
	.ms { width: 100%; position: relative; }
	.ms picture { min-height: 860px; }
	.ms .div-layer { color: #fff; }
	.ms .div-layer > p:nth-of-type(1) { font-size: 68px; letter-spacing: -3.4px; line-height: 76px; text-align: center; }
	.ms .div-layer > p:nth-of-type(2) { margin-top: 30px; font-size: 30px; letter-spacing: -1.4px; line-height: 30px; }

	.section { position: relative; }

	.section1 { padding: 100px 0 120px; }
	.section1 picture { width: 580px; }

	.section3 { padding: 120px 0 120px; }
	.section3 > p { font-size: 60px; font-weight: 700; color: #222; line-height: 74px; letter-spacing: -3px; text-align: center; }
	.section3 > p > span { color: #014086; }
	.section3 > ul { margin-top: 80px; }
	.section3 > ul > li {}
	.section3 > ul > li~li { margin-top: 65px; }
	.section3 > ul > li > p { display: flex; justify-content: center; align-items: center; gap: 0 10px; font-size: 28px; font-weight: 700; color: #222; letter-spacing: -1.4px; }
	.section3 > ul > li > div { margin-top: 14px; width: 700px; height: 386px; border-radius: 10px; background: #e9e9e9; overflow: hidden; }
	.section3 > a { width: 437px; margin-top: 54px; display: block; }

	.section5 { padding: 120px 0 160px; }
	.section5 picture { width: 720px; }
	.section5 > ul { display: flex; flex-wrap: wrap; gap: 20px; width: 700px; }
	.section5 > ul > li { max-width: 340px; flex: 1 1 48%; }

	.section6 {}
	.section6 picture { width: 700px; }

	.section7 { padding: 140px 0 150px; }
	.section7 picture { width: 700px; }

	.section8 { padding: 0; }
	.section8 picture { width: 580px; }

	.section9 { padding: 140px 0 170px; }
	.section9 picture { width: 700px; }

	.section10 { padding: 0 0 190px; }
	.section10 picture { width: 700px; }

	/* ------------------------------------------------------------- vw (740px, 1px = 0.1351) ------------------------------------------------------------- */
	.ms { width: 100%; position: relative; }
	.ms picture { min-height: 116.2162vw; }
	.ms .div-layer { color: #fff; }
	.ms .div-layer > p:nth-of-type(1) { font-size: 8.1081vw; letter-spacing: -0.4595vw; line-height: 10.2703vw; text-align: center; height: 10.2703vw; }
	.ms .div-layer > p:nth-of-type(2) { margin-top: 4.0541vw; font-size: 2.9730vw; letter-spacing: -0.1892vw; line-height: 4.0541vw; }

	.section { position: relative; }

	.section1 { padding: 13.5135vw 0 16.2162vw; }
	.section1 picture { width: 78.3784vw; }

	.section3 { padding: 16.2162vw 0 16.2162vw; }
	.section3 > p { font-size: 8.1081vw; font-weight: 700; color: #222; line-height: 10.0000vw; letter-spacing: -0.4054vw; text-align: center; }
	.section3 > p > span { color: #014086; }
	.section3 > ul { margin-top: 10.8108vw; }
	.section3 > ul > li {}
	.section3 > ul > li~li { margin-top: 8.7838vw; }
	.section3 > ul > li > p { display: flex; justify-content: center; align-items: center; gap: 0 1.3514vw; font-size: 3.7838vw; font-weight: 700; color: #222; letter-spacing: -0.1892vw; }
	.section3 > ul > li > div { margin-top: 1.8919vw; width: 94.5946vw; height: 52.1622vw; border-radius: 1.3514vw; background: #e9e9e9; overflow: hidden; }
	.section3 > a { width: 59.0541vw; margin-top: 7.2973vw; display: block; }

	.section5 { padding: 16.2162vw 0 21.6216vw; }
	.section5 picture { width: 97.2973vw; }
	.section5 > ul { display: flex; flex-wrap: wrap; gap: 2.7027vw; width: 94.5946vw; }
	.section5 > ul > li { max-width: 95.9459vw; flex: 1 1 48%; }

	.section6 {}
	.section6 picture { width: 94.5946vw; }

	.section7 { padding: 18.9189vw 0 20.2703vw; }
	.section7 picture { width: 94.5946vw; }

	.section8 { padding: 0; }
	.section8 picture { width: 78.3784vw; }

	.section9 { padding: 18.9189vw 0 22.9730vw; }
	.section9 picture { width: 94.5946vw; }

	.section10 { padding: 0 0 13.5135vw; }
	.section10 picture { width: 94.5946vw; }
}