@charset "utf-8";

.kt-ux {}
.kt-ux .ux-image {position: relative; width: 100%; margin: 80px 0 200px}
.kt-ux .ux-image img {width: 100%;}
.kt-ux .sub-title + .msg {margin-top: -8px;}
.kt-ux .msg + .btn-area {margin-top: 28px}
.kt-ux .msg + .btn-area .btn {width: 210px; height: 50px; line-height: 50px; font-size: 15px;}

.kt-ux .ux-grid {width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 64px 0 210px}
.kt-ux .ux-grid > div {position: relative; width: 100%; height: auto; min-height: 496px;}
.kt-ux .ux-grid > div .txt {position: absolute; top: 36px; left: 36px;}
.kt-ux .ux-grid > div .txt span {font-size: 15px; line-height: 148%; font-weight: 700; color: #757575;}
.kt-ux .ux-grid > div .txt span + p {font-size: 24px; color: #1a1a1a; font-weight: 700; margin-top: 8px;}
.kt-ux .ux-grid > div:first-child {background: url('../images/kt/ux_design_system_img_02.png?ver=2025110501') no-repeat center / 100%;}
.kt-ux .ux-grid > div:nth-child(2) {background: url('../images/kt/ux_design_system_img_03.png?ver=2025110501') no-repeat center / 100%;}
.kt-ux .ux-grid > div:nth-child(3) {background: url('../images/kt/ux_design_system_img_04.png?ver=2025110501') no-repeat center / 100%;}
.kt-ux .ux-grid > div:last-child {background: url('../images/kt/ux_design_system_img_05.png?ver=2025110501') no-repeat center / 100%;}

.kt-ux .kt-ux-bg {width: 100%; background: #FAFAFA; padding: 200px 0;}
.kt-ux .kt-ux-bg .ux-image .txt {position: absolute; top: 68px; left: 62px;}
.kt-ux .kt-ux-bg .ux-image .txt p {font-size: 64px; line-height: 72px; font-weight: 900; color: #1a1a1a; margin-bottom: 28px;}
.kt-ux .kt-ux-bg .ux-image .txt p + span {font-size: 20px; font-weight: 400px; color: #404040;}
.kt-ux .kt-ux-bg .ux-image img {margin-bottom: 24px;}
.kt-ux .kt-ux-bg .ux-image img:last-child {margin-bottom: 0;}

.kt-ux .kt-ux-banner {width: 100%; height: 380px; margin: 80px auto; background: url('../images/kt/ux_design_system_img_09.png') no-repeat center; background-size: cover; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column;} /* 25-11-03 ¹è³Ê ½ºÅ¸ÀÏ ¼öÁ¤ */
.kt-ux .kt-ux-banner p.tit {width: 383px; height: 52px; background: url('../images/kt/ux_design_system_img_10.png') no-repeat center / 100%; margin: 0 auto 4px;}
.kt-ux .kt-ux-banner p.tit span {width: 1px; height: 1px; display: inline-block; text-indent: -9999px; color: transparent;}
.kt-ux .kt-ux-banner p + span {font-size: 16px; font-weight: 400; letter-spacing: 0; margin-bottom: 20px; display: inline-block;}
.kt-ux .kt-ux-banner .btn-area a {width: 210px; line-height: 50px;}

.kt-ux .mt0 {margin:0}