.sec1 {width: 100%; height: auto; margin-top: 0; background: var(--wt_ef); overflow: hidden;}

/* rolling-list */
.rolling-list {display: flex; align-items: center; gap: 40px; width: 100%; height: auto; overflow: hidden;}
.rolling-list ul {animation: roll2 15s linear infinite; display: flex; align-items: center; gap: 40px;}
/* 롤링 애니메이션 정의 */
@keyframes roll2 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.rolling-list ul li {width: 400px; border-radius: 40px; box-sizing: border-box; overflow: hidden;}
.rolling-list ul li img {border-radius: 40px; box-sizing: border-box; overflow: hidden;}

.sec1 .kv_link {margin-top: 80px; background: var(--pr); color: var(--pr2);}

/* counselor-area */
.counselor-area {width: 100%; height: auto;}
.counselor-area ul {display: flex; align-items: center; justify-content: center; gap: 40px;}
.counselor-area ul li {width: 500px; height: auto; border-radius: 40px;}
.counselor-area ul li .img-box {width: 100%; height: auto;}
.counselor-area ul li .img-box img {width: 100%; height: auto; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16); border-radius: 40px;}

/* talk-area */
.sec3 .container {max-width: 1040px;}
.talk-area {position: relative; width: 100%; height: auto;}
.talk-area .img-box {width: 100%; height: auto;}
.talk-area .img-box img {width: 100%; height: auto;}
.talk-area .img-box2 {position: absolute; left: 40px; top: 50%; transform: translateY(-50%); width: 500px; height: auto;}
.talk-area .img-box2 img {width: 100%; height: auto;}
.sec3 .kv_link {width: 100%; background: var(--pr); color: var(--pr2);}

/* description */
.description {margin-top: 40px; font-size: 30px; font-weight: 500; line-height: 1.33; color: var(--black_41);}
.description span {color: var(--pr);}

/* description2 */
.description2 {margin-top: 20px; font-size: 24px; font-weight: 200; line-height: 1.21; color: var(--wt_ef); text-align: center;}

/* sec4 */
.sec4 {background: var(--black_04) !important; overflow: hidden;}
.sec4 .container {max-width: 1040px;}

/* gauge_bar */
.gauge_bar {display: flex; gap: 90px; width: 100%; height: auto; padding-top: 140px;}
.gauge_bar ul {display: flex; align-items: center; gap: 30px;}
.gauge_bar ul .bar-item {width: 120px; height: auto;}
.gauge_bar ul .bar-item .child-box {width: 100%; height: auto;}
.gauge_bar ul .bar-item .child-box .bar {position: relative; width: 100%; height: 280px; background: var(--gray_46);}
.gauge_bar ul .bar-item .child-box .bar span {position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 100%;}
.gauge_bar ul .bar-item:first-child .child-box .bar span {background: #ff4040;}
.gauge_bar ul .bar-item:last-child .child-box .bar span {background: var(--pr2); height: 100%; transition: all 1s;}
.sec4.on .gauge_bar ul .bar-item:last-child .child-box .bar span {background: var(--pr2); height: 68%; transition: all 1s;}

.gauge_bar ul .bar-item .child-box .txt {margin-top: 20px; text-align: center; font-size: 16px; font-weight: 500; line-height: 1.19; color: var(--wt_ef);}

.gauge_bar ul .arrow {width: 28px; height: auto;}
.gauge_bar ul .arrow img {width: 28px; height: auto;}

.gauge_bar .txt-img {display: flex;}
.gauge_bar .txt-img .pig-arrow {width: 0; height: auto; margin-top: -60px; transition: all 1s; overflow: hidden;}
.sec4.on .gauge_bar .txt-img .pig-arrow {width: 345px; transition: all 1s;}
.gauge_bar .txt-img .pig-arrow img {width: 345px; height: auto;}

.gauge_bar .txt-img .pig-txt {width: 321px; height: auto; margin-top: -140px;}
.gauge_bar .txt-img .pig-txt img {width: 100%; height: auto; opacity: 0;}
.sec4.on .gauge_bar .txt-img .pig-txt img {animation: stampani .5s .5s; animation-iteration-count: 1; animation-timing-function: ease; opacity: 1; transition: all 1s .5s;}
@-webkit-keyframes stampani {
  0%{transform: scale(5); opacity: 0;}
  95%{transform: scale(3); opacity: 1;}
  100%{transform: scale(1); opacity: 1;}
  /* 100%{transform: scale(1); opacity: 1;} */
}
/* ckd-list */
.ckd-list {display: flex; flex-flow: column; gap: 40px; margin-top: 120px;}
.ckd-list dl {display: flex; align-items: flex-start; gap: 54px;}
.ckd-list dl dt {display: flex; align-items: center; gap: 53px;}
.ckd-list dl dt span {min-width: 216px; width: auto; height: auto; font-size: 30px; font-weight: bold; line-height: 1.33; color: var(--pr2); text-align: center; white-space: nowrap;}
.ckd-list dl dt img {width: 36px; height: auto;}
.ckd-list dl dd {font-size: 30px; font-weight: 200; line-height: 1.33; color: var(--wt_ef);}

/* kv_link */
.sec4 .kv_link {width: 100%; margin-top: 80px; background: var(--pr); color: var(--pr2);}

/* sec5 */
.sec5 {background: var(--wt) !important; overflow: hidden;}
/* review-area */
.review-area {display: flex; align-items: center; gap: 40px; width: 100%; height: auto; overflow: hidden; margin-bottom: 30px;}
.review-area:last-of-type {margin-bottom: 0;}
.review-area ul {display: flex; align-items: center; gap: 40px;}
.review-area1 ul {animation: roll3 40s linear infinite;}
/* 롤링 애니메이션 정의 */
@keyframes roll3 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.review-area2 ul {animation: roll4 40s linear infinite;}
/* 롤링 애니메이션 정의 */
@keyframes roll4 {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
.review-area ul li {width: 331px; height: 263px; box-sizing: border-box;}
.review-area ul li .child-box {width: 100%; height: 100%; padding: 35px; background: var(--wt_ef); border-radius: 25px; box-sizing: border-box;}
.review-area ul li .child-box .top {display: flex; align-items: center; gap: 10px; margin-bottom: 21px;}
.review-area ul li .child-box .top .user_img {width: 60px; height: auto;}
.review-area ul li .child-box .top .user_img img {width: 100%; height: auto;}

.review-area ul li .child-box .top .name-box {display: flex; flex-flow: column; gap: 4px;}
.review-area ul li .child-box .top .name-box .name {font-size: 24px; font-weight: 800; line-height: 1.25; color: var(--black);}
.review-area ul li .child-box .top .name-box .job {font-size: 20px; font-weight: bold; line-height: 1.2; color: var(--black_84);}

.review-area ul li .child-box .txt-box p {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; width: 100%; font-size: 18px; font-weight: 500; line-height: 1.28; color: var(--black_41);}

/* img_link */
.counselor-area ul li .img-box {position: relative;}
.img_link {position: absolute; bottom: 0; left: 0; width: 100%; height: auto; aspect-ratio: 16/3;}

/* sec6 */
.sec6 {background:#f5f5f5 !important; padding: 60px 0 !important;}
.sec6 .container { max-width: 1040px; }
.sec6 .container .tit{ font-size: 18px; color: #585858; font-weight: 800; margin-bottom: 15px; }
.sec6 .container .txt{ font-size: 14px; color: #a5a5a5; line-height: 1.5;}

.kt_btn_fix {display: inline-block; padding: 8px 16px; border-radius: 10px; border: 1px solid var(--pr2); margin-bottom: 50px; font-size: 15px; color: var(--pr2);}

/* 262003 로켓팅2 섹션 css */
/*newsec*/
.newsec {padding-bottom:5px; background: #fff !important;}
.newsec .tit-box .sub{font-size:24px;margin-top:20px;color:#434343;font-weight:300;}

.newsec .car-area {width:100%;max-width:1040px;height:auto;margin:auto;box-sizing: border-box;}
.newsec .car-area ul{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;}
.newsec .car-area ul li{width:calc(50% - 20px);height:auto;position:relative;}
.newsec .car-area ul li .img-box{width:100%;height:auto;position:relative;}
.newsec .car-area ul li .img-box img{width:100%;height:auto;}
.newsec .car-area ul li .img-box a.img_link{position:absolute;bottom:0;}

.newsec .car_pc{display:block;}
.newsec .car_mo{display:none;}

.newsec .fadearea{position:absolute;bottom:0;height:300px;}
.newsec .fadearea img{height:300px;object-fit:cover;object-position:bottom;}

.newsec .car_btnarea{position:absolute;bottom:80px;width:100%;}
.newsec .kv_link.kv_link2{background:var(--pr2);color:var(--pr);}


/* popup */
.dim {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 11;}
.agreement-popup {display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 500px; width: 100%; height: 80vh; padding-bottom: 100px; background: var(--wt); border-radius: 16px; box-sizing: border-box; overflow: hidden; z-index: 12;}
.agreement-popup .popup-hd {position: relative; background: var(--pr); padding: 20px; box-sizing: border-box;}
.agreement-popup .popup-hd .tit {font-size: 18px; font-weight: bold; line-height: 1.3; color: var(--wt); text-align: center;}
.agreement-popup .popup-hd .close-btn {position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 20px; height: auto;}
.agreement-popup .popup-content {width: 100%; height: 100%; overflow: auto; overflow-x: hidden; padding: 20px; box-sizing: border-box; font-size: 15px; font-weight: 400; line-height: 1.3; color: var(--black_1e);}
.agreement-popup .popup-content b {display: block; margin-bottom: 10px; font-size: 16px; font-weight: bold; line-height: 1.2; color: var(--black);}
.agreement-popup .popup-content table {width: 100%; height: auto; margin-bottom: 20px; margin-top: 10px; border: 1px solid var(--gray_46);}
.agreement-popup .popup-content table tr {}
.agreement-popup .popup-content table th {width: 150px; height: 35px; font-size: 16px; font-weight: bold; color: var(--black); vertical-align: middle; border-bottom: 1px solid var(--gray_46); border-right: 1px solid var(--gray_46);}
.agreement-popup .popup-content table td {padding: 10px; font-size: 16px; font-weight: bold; color: var(--black); vertical-align: middle; border-bottom: 1px solid var(--gray_46); line-height: 1.2;}

/* toggle_tit */
.toggle_tit {text-decoration: underline; cursor: pointer;}
.toggle_ct {display: block; margin-top: 5px;font-weight: 400;}