@charset "utf-8";

.kt-ux {width: 100%;}
.kt-ux .btn-wrap.full {margin: 20px 0;}
.kt-ux .kt-ux-inner {padding-bottom: 80px;}
.kt-ux .image-area img + img {padding-top: 20px;}

.kt-ux-bg {width: 100%; background: #FAFAFA; padding:80px 0 40px;}
.kt-ux-bg .image-area:first-child {margin-top: 0;}

.kt-ux-banner {width: 100%; height: 78.4vw; margin: 80px 0; background: url('../images/info/ux_design_system_img_08.png?ver=2026041601a') no-repeat center; background-size: cover; border-radius: 10px; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.kt-ux-banner p.tit {width: 230px; height: 36px; background: url('../images/info/ux_design_system_img_09.png') no-repeat center / 100%; margin: 0 auto 4px;}
.kt-ux-banner p.tit span {width: 1px; height: 1px; display: inline-block; text-indent: -9999px; color: transparent;}
.kt-ux-banner p + span {font-size: 14px; font-weight: 500; letter-spacing: -0.5px; color: #666;}
.kt-ux-banner .btn-wrap.full {width: 100%; margin: 20px 0 0;}
.kt-ux-banner .btn-wrap .dark-line {background-color: transparent;}

.kt-bi {padding:20px; text-align:center; word-break:keep-all;}
.kt-bi .page_h1 {padding-top:14px; font-family:"KTFlow-Bold", sans-serif; font-weight:700; font-size:25px; letter-spacing:0; line-height:1; color:#000;}
.kt-bi .sub-title {margin:0; font-family:"KTFlow-Bold", sans-serif; font-weight:700; font-size:20px; letter-spacing:0; line-height:1; color:#000;}
.kt-bi .sub-text {margin-left:-2px; margin-right:-2px; font-family:"Pretendard", sans-serif; font-weight:500; font-size:14px; letter-spacing:0; line-height:1.48; color:#000;}

.kt-bi .sub-title + .sub-text {margin-top:12px;}
.kt-bi .image-area {padding-left:0; padding-right:0;}
.kt-bi > .kt-ux .btn-wrap {padding-left:0; padding-right:0;}