.visual {margin-top: 163px; padding-bottom: 30px;}
.visual .container {overflow: hidden;}

.visual .container .swiper-slide img {cursor: pointer; border-radius: 15px;}

/* sub_kv */
.sub_kv {position: relative; width: 100%; height: 400px; margin-top: 133px; background: url(./../img/sub_kv.png)no-repeat 50% 50%; background-size: cover;}
.sub_kv .container {position: relative; height: 100%;}
.sub_kv_new {position: relative; width: 100%; height: 400px; margin-top: 133px; background: var(--wt_f9) !important;}
.sub_kv .txt-box {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.sub_kv_new .txt-box {left: 0; transform: translateY(-50%);}
.sub_kv .txt-box .tit {margin-bottom: 20px; font-size: 45px; font-weight: bold; line-height: 1.2; color: var(--wt);}
.sub_kv_new .txt-box .tit {color: var(--black_1b); text-align: left;}
.sub_kv .txt-box .sub {font-size: 20px; font-weight: 300; line-height: 1.2; color: var(--gray_dc);}

/* top_banner */
.top_banner {position: relative; width: 100%; height: auto; padding: 20px 0 116px; margin-top: 133px; background: url(./../img/sub_kv.png)no-repeat 50% 50%; background-size: cover; box-sizing: border-box; z-index: 1;}
.top_banner::before {position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: -1;}
.top_banner .expert_info {display: flex; align-items: center; justify-content: space-between;}
.top_banner .expert_info .expert {display: flex; align-items: center; gap: 10px;}
.top_banner .expert_info .expert .img-box {width: 30px; height: auto; aspect-ratio: 1;}
.top_banner .expert_info .expert .img-box img {width: 100%; height: 100%; border-radius: 100%;}
.top_banner .expert_info .expert .name {font-size: 16px; font-weight: 400; line-height: 1.19; color: var(--wt);}
.top_banner .expert_info .expert .name span {font-size: 18px; font-weight: bold; line-height: 1.17; color: var(--wt);}

/* .top_banner .benefit_like {position: fixed; width: 1100px; left: 50%; transform: translateX(-50%); display: flex; justify-content: flex-end;} */
.top_banner .benefit_like .d-flex {display: flex; align-items: center; gap: 5px;}
.top_banner .benefit_like .heart_btn {display: flex; align-items: center; gap: 4px; padding: 5px 11px 5px 8px; box-sizing: border-box; background: var(--red_bg); border-radius: 15px;}
.top_banner .benefit_like .heart_btn img {width: 20px; height: auto;}
.top_banner .benefit_like .heart_btn .num {font-size: 13px; font-weight: 500; line-height: 1.15; color: var(--red);}
.top_banner .benefit_like .soon_day {padding: 7px 11px; background: var(--pr_bg); border-radius: 15px; font-size: 13px; font-weight: 500; line-height: 1.15; color: var(--pr);}

.top_banner .txt-box {width: 100%; height: auto; margin-top: 66px; text-align: center;}
.top_banner .txt-box .sub {margin-bottom: 10px; font-size: 24px; font-weight: bold; line-height: 1.21; color: var(--wt);}
.top_banner .txt-box .tit {font-size: 45px; font-weight: bold; line-height: 1.2; color: var(--wt);}