.visual {width: 100%; height: 700px; margin-top: 100px; background: url(./../img/kv_bg.png)no-repeat 50% 50%; background-size: cover; background-position: right;}
.visual .container {position: relative; height: 100%;}
.visual .txt-box {position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.visual .txt-box .tit {margin-bottom: 40px; font-size: 60px; font-weight: bold; line-height: 1.2; letter-spacing: -2.4px; color: var(--wt);}
.visual .txt-box .txt {margin-bottom: 40px; font-size: 18px; font-weight: 400; line-height: 1.5; letter-spacing: -0.54px; color: rgba(255, 255, 255, 0.9);}
.visual .txt-box .more_btn {display: flex; align-items: center; justify-content: center; width: 162px; height: 60px; background: var(--pr); font-size: 20px; font-weight: bold; line-height: 1.4; letter-spacing: -0.4px; color: var(--wt);}

/* banner_list */
.banner_list {width: 100%; height: auto; padding: 70px 0; box-sizing: border-box; background: var(--wt);}
.banner_list ul {display: flex; align-items: center; justify-content: center;}
.banner_list ul li {width: calc(100% / 3); box-sizing: border-box;}
.banner_list ul li .child-box {display: flex; align-items: center; justify-content: center; gap: 23px;}
.banner_list ul li .child-box .img-box {width: auto; height: 80px;}
.banner_list ul li .child-box .img-box img {width: auto; height: 100%;}

.banner_list ul li .child-box .txt-box {display: flex; flex-flow: column; align-items: flex-start; justify-content: flex-start; gap: 5px;}
.banner_list ul li .child-box .txt-box .tit {font-size: 22px; font-weight: bold; line-height: 1.4; letter-spacing: -0.44px; color: var(--black_3);}
.banner_list ul li .child-box .txt-box .txt {font-size: 18px; font-weight: 400; line-height: 1.4; letter-spacing: -0.36px; color: var(--gray_6);}

/* sub_kv */
.sub_kv {position: relative; width: 100%; height: 380px; margin-bottom: 120px;}
.sub_kv .txt-box {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: auto; font-size: 50px; font-weight: 600; line-height: 1.3; letter-spacing: -1px; color: var(--wt); text-align: center;}

.sub_kv.about {background: url(./../img/sub_kv1.png)no-repeat 50% 50%; background-size: cover;}
.sub_kv.tp_mg {background: url(./../img/sub_kv2.png)no-repeat 50% 50%; background-size: cover;}
.sub_kv.noti {background: url(./../img/sub_kv3.png)no-repeat 50% 50%; background-size: cover;}
.sub_kv.bn_it {background: url(./../img/sub_kv4.png)no-repeat 50% 50%; background-size: cover;}
.sub_kv.step {background: url(./../img/sub_kv5.png)no-repeat 50% 50%; background-size: cover;}