.sec1 {background: var(--wt_f2);}
.sec1 .sec1_ct {width: 100%; height: auto;}
.sec1 .sec1_ct ul {display: flex; align-items: center; justify-content: center; margin: 0 -13.5px;}
.sec1 .sec1_ct ul li {width: calc(100% / 4); padding: 0 13.5px; box-sizing: border-box;}
.sec1 .sec1_ct ul li .child-box {position: relative; display: block; width: 100%; height: auto; border: solid 1px #d9d9d9; border-radius: 20px; overflow: hidden;}
.sec1 .sec1_ct ul li .child-box .img-box {width: 100%; height: auto;}
.sec1 .sec1_ct ul li .child-box .img-box img {width: 100%; height: auto;}
.sec1 .sec1_ct ul li .child-box .txt-box {position: absolute; bottom: 0; left: 0; width: 100%; height: auto; padding: 27px; box-sizing: border-box; background: var(--wt); transition: all .5s;}
.sec1 .sec1_ct ul li:hover .child-box .txt-box {bottom: -100%;}
.sec1 .sec1_ct ul li .child-box .txt-box .tit {margin-bottom: 11px; font-size: 22px; font-weight: bold; line-height: 1.4; letter-spacing: -0.44px; color: var(--black_3);}
.sec1 .sec1_ct ul li .child-box .txt-box .txt {font-size: 18px; font-weight: 400; line-height: 1.5; letter-spacing: -0.36px; color: var(--gray_6);}
.sec1 .sec1_ct ul li .child-box .txt-box button {display: flex; align-items: center; justify-content: center; width: 159px; height: 42px; margin-top: 17px; border-radius: 4px; background: var(--pr); font-size: 16px; font-weight: 400; line-height: 1.4; letter-spacing: -0.32px; color: var(--wt);}


/* sec4 */
.sec2 {position: relative; overflow: hidden;}
.sec2 .rolling-item2 {}
.sec2 .rolling-item2 {display: flex; align-items: center; justify-content: center; gap: 27px;}
.sec2 .rolling-item2 ul {display: flex; align-items: center; gap: 27px;}
.sec2 .rolling-item2 ul {animation: roll2 20s linear infinite;}
.sec2 .rolling-item2 ul li {flex: 0 0 auto; width: 300px; height: auto;}
.sec2 .rolling-item2 ul li .child-box {position: relative; width: 100%; height: auto;}
.sec2 .rolling-item2 ul li .child-box .img-box {width: 100%; height: auto;}
.sec2 .rolling-item2 ul li .child-box .img-box img {width: 100%; height: auto;}
.sec2 .rolling-item2 ul li .child-box .txt-box {position: absolute; bottom: -100%; left: 0; width: 100%; padding: 30px; box-sizing: border-box; z-index: 2; transition: all .5s;}
.sec2 .rolling-item2 ul li:hover .child-box .txt-box {bottom: 0;}
.sec2 .rolling-item2 ul li .child-box .txt-box .tit {margin-bottom: 12px; font-size: 22px; font-weight: bold; line-height: 1.4; letter-spacing: -0.44px; color: var(--wt);}
.sec2 .rolling-item2 ul li .child-box .txt-box .sub {font-size: 16px; font-weight: 400; line-height: 1.4; letter-spacing: -0.32px; color: var(--wt);}

/* 롤링 애니메이션 정의 */
@keyframes roll2 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* about_ct */
.about_ct {display: flex; align-items: flex-start; gap: 41px; justify-content: space-between; margin-top: 90px;}
.about_ct .txt-box {white-space: nowrap;}
.about_ct .txt-box .tit {margin-bottom: 20px; font-size: 40px; font-weight: bold; line-height: 1.3; letter-spacing: -0.8px; color: var(--black_3);}
.about_ct .txt-box .sub {margin-bottom: 50px; font-size: 22px; font-weight: 400; line-height: 1; letter-spacing: -0.44px; color: var(--black_3);}
.about_ct .txt-box .txt {font-size: 18px; font-weight: 400; line-height: 1.4; letter-spacing: -0.36px; color: var(--gray_6);}

.about_ct .img-box {max-width: 630px; width: 100%; height: auto;}
.about_ct .img-box img {width: 100%; height: auto;}

/* about_sec2 */
.about_sec2 {width: 100%; height: auto; padding: 50px 0 120px;}
.about_sec2 .about_sec2_ct {position: relative; width: 100%; height: auto; z-index: 1;}
.about_sec2 .about_sec2_ct:before {position: absolute; top: 59px; left: 0; content: ''; display: block; width: 100%; height: 2px; background: var(--gray_d9); opacity: 0.85; z-index: -1;}
.about_sec2 .about_sec2_ct ul {display: flex; align-items: flex-start; justify-content: space-between;}
.about_sec2 .about_sec2_ct ul li {}
.about_sec2 .about_sec2_ct ul li .child-box {display: flex; flex-flow: column; align-items: center; gap: 12px;}
.about_sec2 .about_sec2_ct ul li .child-box .tit {font-size: 26px; font-weight: bold; line-height: 1.4; letter-spacing: -0.52px; color: var(--pr);}
.about_sec2 .about_sec2_ct ul li .child-box span {display: block; width: 17px; height: auto; aspect-ratio: 1; border-radius: 100%; border: 2px solid var(--pr); background: var(--wt);}
.about_sec2 .about_sec2_ct ul li .child-box .history_txt {display: flex; flex-flow: column; gap: 10px;}
.about_sec2 .about_sec2_ct ul li .child-box .history_txt dl {display: flex; align-items: center; gap: 16px;}
.about_sec2 .about_sec2_ct ul li .child-box .history_txt dl dt {font-size: 18px; font-weight: bold; line-height: 1.4; letter-spacing: -0.36px; color: var(--gray_6);}
.about_sec2 .about_sec2_ct ul li .child-box .history_txt dl dd {font-size: 18px; font-weight: 400; line-height: 1.4; letter-spacing: -0.36px; color: var(--gray_6);}

/* about_sec3 */
.about_sec3 {width: 100%; height: auto; background: var(--wt_f2);}
.about_sec3 .map_ct {width: 100%; height: auto;}
.about_sec3 .map_ct .map_box {width: 100%; height: auto; aspect-ratio: 1280/500;}
.about_sec3 .map_ct .map_box iframe {width: 100%; height: 100%;}

.about_sec3 .map_ct .address {display: flex; flex-flow: column; gap: 30px; margin-top: 30px;}
.about_sec3 .map_ct .address dl {display: flex; align-items: flex-start; gap: 18px; height: 61px; padding: 0 30px; border-bottom: 1px solid var(--gray_d9); box-sizing: border-box;}
.about_sec3 .map_ct .address dl dt {width: 215px; height: auto; font-size: 18px; font-weight: 400; line-height: 1.4; ;}
.about_sec3 .map_ct .address dl dt img {width: 26px; height: auto;}
.about_sec3 .map_ct .address dl dd {font-size: 18px; font-weight: 400; letter-spacing: -0.36px; color: var(--gray_6);}

/* tab_btn */
.tab_btn {display: flex; align-items: center; justify-content: center; gap: 20px; margin: 210px 0 120px;}
.tab_btn a {display: flex; align-items: center; justify-content: center; padding: 10px 16px; border-radius: 6px; background: var(--wt_f2); box-sizing: border-box; font-size: 16px; font-weight: 500; line-height: 1.4; letter-spacing: -0.32px; color: var(--black_3);}
.tab_btn a.active {background: var(--pr); color: var(--wt);}

.process_sec {}
.process_ct {width: 100%; height: auto;}
.process_ct ul {display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: center; margin: 0 -15.5px;}
.process_ct ul li {width: calc(100% / 3); padding: 0 15.5px; box-sizing: border-box;}
.process_ct ul li .child-box {width: 100%; height: 232px; padding: 37px; border-radius: 20px; background: var(--wt_f2); box-sizing: border-box;}
.process_ct ul li .description {margin-top: 10px; font-size: 13px; font-weight: 400; line-height: 150%; color: var(--gray_6); text-align: center;}
.process_ct ul li .child-box .top {display: flex; align-items: center; justify-content: space-between; margin-bottom: 31px;}
.process_ct ul li .child-box .top .num {display: flex; align-items: center; gap: 12px; font-size: 22px; font-weight: bold; line-height: 1.5; letter-spacing: -0.44px; color: var(--black_3);}
.process_ct ul li .child-box .top .num span {display: flex; align-items: center; justify-content: center; width: 40px; height: auto; aspect-ratio: 1; border-radius: 100%; background: var(--wt); font-size: 16px; font-weight: bold; line-height: 1.4; letter-spacing: -0.32px; color: var(--black_3);}
.process_ct ul li .child-box .top .icon {width: 40px; height: auto;}
.process_ct ul li .child-box .top .icon img {width: 100%; height: auto;}

.process_ct ul li .child-box .txt-box {}
.process_ct ul li .child-box .txt-box p {font-size: 17px; font-weight: 400; line-height: 1.5; letter-spacing: -0.36px; color: var(--gray_6);}

/* contact_sec */
.contact_sec {margin-top: 90px;}
.contact_sec .tit-box {text-align: left;}