@charset "utf-8";

@import url("common.min.css");
@import url("../font/pretendard/pretendard-subset.min.css");

:root {
    --font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    --border-color: #d9d9d9;
    --c-black: #000;
    --c-dark: #121212;
    --c-orange: #FD7E14;
    --c-orange2: #FF7100;
    --c-white: #fff;
}
.text-black {color: var(--c-black) !important;}
.text-dark {color: var(--c-dark) !important;}
.text-orange {color: var(--c-orange) !important;}
.text-orange2 {color: var(--c-orange2) !important;}
.text-white {color: var(--c-white) !important;}

html, body {font-family: var(--font-family);}
body {min-width: 280px;display: initial;color: #121212;font-size: inherit;}
a,
a:hover,
a:visited {text-decoration: none;color: inherit;}

@-webkit-keyframes mainRolling1 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    50% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    50.01% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes mainRolling1 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    50% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    50.01% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes mainRolling2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(-200%, 0, 0);
        transform: translate3d(-200%, 0, 0);
    }
}
@keyframes mainRolling2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(-200%, 0, 0);
        transform: translate3d(-200%, 0, 0);
    }
}

@-webkit-keyframes dot1 {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}
@keyframes dot1 {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}
@-webkit-keyframes dot2 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes dot2 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes dot3 {
    0% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
    }
    50% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    100% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
    }
}
@keyframes dot3 {
    0% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
    }
    50% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    100% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
    }
}
@-webkit-keyframes textCircle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes textCircle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* S : header */
.header {border-bottom: 1px solid #dedede;background-color: #fff;position: fixed;left: 0;top: 0;right: 0;z-index: 100;transition: margin .4s;}
/* .header.header-hide {margin-top: -70px;} */
.header .container {height: 69px;display: flex;align-items: center;justify-content: space-between;}
.header .logo img {width: 220px;}
.header .logo--text {font-size: 22px;color: #504E4E;}
.header .btn {background-color: var(--c-orange);color: var(--c-white);border-radius: 60px;width: 160px;height: 50px;display: inline-flex;align-items: center;justify-content: center;padding: 0;transition: .4s;display: none;}
.header .btn:hover {background-color: #F45320;}
@media (max-width: 1024px) {
    .header .logo img {width: 180px;}
}
@media (max-width: 768px) {
    .header .container {height: 59px;}
    .header .logo img {width: 160px;}
    .header .logo--text {font-size: 18px;}
    .header .btn {height: 36px;width: auto;padding: 0 25px;font-weight: 700;}
}
@media (max-width: 576px) {
    .header .logo--text {font-size: 17px;}
}
@media (max-width: 375px) {
    .header .logo img {width: 145px;}
    .header .logo--text {font-size: 16px;}
}
@media (max-width: 320px) {
    .header .logo img {width: 130px;}
    .header .btn {height: 30px;padding: 0 20px;}
}
/* E : header */

/* S : contents - main */
main#contents {padding-top: 70px;}
@media (max-width: 768px) {
    main#contents {padding-top: 60px;}
}

.main .section {overflow: hidden;}
.main .section1 {background:linear-gradient(263deg, #FFF 19.6%, #F0EFEF 81.62%);;min-height: 502px;position: relative;}
.main .section1-dimmed {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #000;opacity: 0;z-index: 1;}
.main .section1-inner {position: fixed;left: 0;top: 70px;right: 0;padding-top: 112px;}
.main .section1 .container {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.main .section1 .main-title {font-size: 33px;font-weight: 300;color: #000;letter-spacing: -2.145px;line-height:1.3;}
.main .section1 .main-title .font-weight-500 {font-weight: 500;}
.main .section1 .main-title b{font-size: 44px;display:inline-block;;margin-top: 6px;}
.main .section1 .main-title .dot {position: relative;}
.main .section1 .main-title .dot::before {content: '';width: 6px;height: 6px;border-radius: 50%;background-color: #F47E20;position: absolute;left: 50%;top: -10px;transform: translateX(-50%);}
.main .section1 .main-subtitle {margin-top:46px;font-size:18px;color:#1B1B1B;font-weight: 300;line-height:1.3; letter-spacing: -1.17px;}
.main .section1 .main-subtitle__short {display:inline-block;margin-top: 17px;}
.main .section1 .main-subtitle__short.top--pd{margin-top: 0;}
.main .section1 .circle-btn {display: flex;align-items: center;justify-content: center;text-align: center;width: 218px;height: 218px;position: relative;margin-right: 3vw;}
.main .section1 .circle-btn__text {font-size: 22px;font-weight: 500;color: #fff;position: relative;z-index: 1;}
.main .section1 .circle-btn::before {content: '';position: absolute;right: 0%;top: 50%;width: 100%;height: 100%;transform: translateY(-50%);border-radius: 50%;background: linear-gradient(90deg, #FF9845 0%, #F45320 100%);transition: all 0.4s ease-out;}
.main .section1 .cube-btn{ position: relative; display: flex;align-items: center;justify-content: center;width: 350px;height: 86px;margin:46px 0 0 auto; border-radius:6px;background:linear-gradient(90deg, #FF9845 0%, #F45320 100%);}
.main .section1 .cube-btn__text { font-size:22px;font-weight:500; letter-spacing: -1.43px;color:#fff;position: relative;z-index: 1;}
.main .section1 .cube-btn:hover {box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.70);}
.main .section1 .rolling-area {white-space: nowrap;font-size: 0;overflow-x: clip;margin-top: 70px;}
.main .section1 .rolling-wrap {display: inline-block;-webkit-animation-duration: 155s;animation-duration: 155s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;will-change: transform;}
.main .section1 .rolling-wrap--original {-webkit-animation-name: mainRolling1;animation-name: mainRolling1;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.main .section1 .rolling-wrap--clone {-webkit-animation-name: mainRolling2;animation-name: mainRolling2;}
.main .section1 .rolling-item {position: relative;display: inline-block;vertical-align: top;width: 16vw;min-width: 280px;/*min-width: 211px;padding-right: 1px;*/}
.main .section1 .rolling-item::before {content: '';position: absolute;left: -1px;top: 0;bottom: 0;border-left: 2px solid #fff;z-index: 11;}
.main .section1 .rolling-item .video {overflow: hidden;padding: 0;}
.main .section1 .rolling-item .video::before {content: '';display: block;padding-top: 142.85714285714%;}
.main .section1 .rolling-item .video .videoArea {height: 100%;width: auto;top: 0;left: 50%;transform: translateX(-50%);}
.main .section1 .rolling-item .video .videoArea.video5 {left: -10%;}
.main .section1 .rolling-item .text {position: absolute;right: 20px;top: 15px;font-size: 20px;font-weight: 700;color: #fff;}
@media (min-width: 1024.02px) {
    .main .section1 .circle-btn:hover::before {width: 270px;height: 270px;}
}
@media (min-width: 1200.02px) {
    .main .section1 .circle-btn:hover::before {width: 310px;height: 310px;}
}
@media (max-width: 1200px) {

    .main .section1 .circle-btn {margin-right: 0;width: 190px;height: 190px;}
    .main .section1 .rolling-item {min-width: auto;width: 250px;}
}
@media (max-width: 1024px) {
    .main .section1 {min-height: auto;}
    .main .section1-dimmed {display: none;}
    .main .section1-inner {position: static;padding-bottom: 100px;}
    .main .section1 .main-title {width: 100%;}
    .main .section1 .main-subtitle__short.top--pd{margin-top: 10px;}
    .main .section1 .main-subtitle__short span{display:inline-block; margin-top: 12px; font-weight: 500;}
    .main .section1 .cube-btn {margin-top: auto;}
    .main .section1 .main-title .dot::before {width: 4px;height: 4px;top: -5px;}
}
@media (max-width: 768px) {
    .main .section1 .container {display: block;}
    .main .section1 .main-title {font-size: 26px;text-align: center;}
    .main .section1 .main-title b{margin-top: 14px; font-size: 33px;}
    .main .section1 .main-subtitle{width: 100%; text-align: center;margin-top: 29px; font-size: 16px;}
    .main .section1 .cube-btn {margin: 35px auto 0 auto; width: 264px;height: 66px;}

    .main .section1 .circle-btn {margin: 40px auto 45px;width: 170px;height: 170px;}
    .main .section1 .circle-btn__text {font-size: 20px;line-height: 1.25;}
    .main .section1 .rolling-area {margin-top: 0;}
    .main .section1 .rolling-item {width: 230px;}
}
@media (max-width: 576px) {
    .main .section1-inner {padding-top: 80px;padding-bottom: 80px;}
    .main .section1 .main-title .dot::before {width: 3px;height: 3px;top: -4px;}

    .main .section1 .main-title {font-size: 22px;}
    .main .section1 .main-title b{font-size: 26px;}
    .main .section1 .main-subtitle{font-size: 15px;}
    .main .section1 .cube-btn {margin: 35px auto 0 auto; width: 240px;height: 50px;}
    .main .section1 .cube-btn__text {font-size: 18px;}
    .main .section1 .circle-btn {margin: 30px auto 35px;width: 140px;height: 140px;}
    .main .section1 .rolling-item .text {font-size: 18px;right: 10px;top: 10px;}
}
@media (max-width: 375px) {
    .main .section1 .main-title {font-size: 20px;}
    .main .section1 .main-title b{font-size: 24px;}
    .main .section1 .circle-btn {width: 120px;height: 120px;}
    .main .section1 .rolling-item {width: 55vw;}
    .main .section1 .rolling-item .text {font-size: 16px;}
}
@media (max-width: 340px) {
    .main .section1-inner {padding-top: 70px;padding-bottom: 70px;}
    .main .section1 .main-title {font-size: 18px;}
    .main .section1 .main-title b{font-size: 22px;margin-top: 12px;}
    .main .section1 .main-subtitle{margin-top: 26px;font-size: 14px;}
    .main .section1 .main-subtitle__short.top--pd{margin-top: 9px;}
    .main .section1 .main-subtitle__short {margin-top: 15px;}
    .main .section1 .cube-btn {margin-top: 31px;}
}

.main .section2 {padding: 66px 0 8px;overflow: hidden;background-color: #fff;position: relative;z-index: 2;}
.main .section2 .swiper {width: auto;height: auto;padding: 0;border-radius: 0;margin: 0;}
.main .section2 .adv-wrap {position: relative;display: flex;justify-content: flex-end;}
.main .section2 .adv-text {position: absolute;left: 0;top: 0;right: 0;bottom: 0;display: flex;align-items: flex-start;}
.main .section2 .adv-text .adv-text__tit {font-size: 20px;font-weight: 500;margin-bottom: 45px;}
.main .section2 .adv-text__item {line-height: 1.3;letter-spacing: -0.07em;}
.main .section2 .adv-text__item .number {font-size: 28px;margin-bottom: 5px;color: #000;}
.main .section2 .adv-text__item .title {font-size: 32px;font-weight: 500;margin-bottom: 35px;}
.main .section2 .adv-text__item .description {font-size: 20px;font-weight: 300;}
.main .section2 .adv-text .swiper-button-wrap {display: flex;margin-top: 55px;}
.main .section2 .adv-text .swiper-button {position: static;margin: 0;width: 50px;height: 50px;border-radius: 4px;border: 1px solid var(--c-orange);background-color: #fff;background-repeat: no-repeat !important;background-position: center !important;background-size: 22px !important;transition: all 0.3s;}
.main .section2 .adv-text .swiper-button-disabled {opacity: 1;border-color: #A3A3A3;}
.main .section2 .adv-text .swiper-button-prev.swiper-button-disabled {background-image: url(../../../images/2024/adv_swiper_prev_disabled.png) !important;}
.main .section2 .adv-text .swiper-button-next.swiper-button-disabled {background-image: url(../../../images/2024/adv_swiper_next_disabled.png) !important;}
.main .section2 .adv-text .swiper-button:not(.swiper-button-disabled):hover {background-color: var(--c-orange) !important;}
.main .section2 .adv-text .swiper-button-prev {background-image: url(../../../images/2024/adv_swiper_prev_orange.png) !important;margin-right: 15px;}
.main .section2 .adv-text .swiper-button-prev:not(.swiper-button-disabled):hover {background-image: url(../../../images/2024/adv_swiper_prev_white.png) !important;}
.main .section2 .adv-text .swiper-button-next {background-image: url(../../../images/2024/adv_swiper_next_orange.png) !important;}
.main .section2 .adv-text .swiper-button-next:not(.swiper-button-disabled):hover {background-image: url(../../../images/2024/adv_swiper_next_white.png) !important;}
.main .section2 .adv-img {width: 50%;overflow: hidden;}
.main .section2 .adv-img-slider {width: 625px;overflow: visible;}
/* .main .section2 .adv-img__item img {max-width: 625px;} */
@media (max-width: 1200px) {
    .main .section2 .adv-img-slider {width: 480px;}
}
@media (max-width: 1024px) {
    .main .section2 .adv-text .adv-text__tit {margin-bottom: 35px;}
    .main .section2 .adv-text__item .number {font-size: 26px;}
    .main .section2 .adv-text__item .title {font-size: 25px;margin-bottom: 30px;}
    .main .section2 .adv-text__item .description {font-size: 18px;}
    .main .section2 .adv-text .swiper-button-wrap {margin-top: 45px;}
    .main .section2 .adv-text .swiper-button {width: 42px;height: 42px;background-size: 18px !important;}
    .main .section2 .adv-img {width: 48%;}
    .main .section2 .adv-img-slider {width: 400px;}
}
@media (max-width: 768px) {
    .main .section2 {padding: 60px 0 40px;}
    .main .section2 .swiper {width: 100%;}
    .main .section2 .adv-wrap {flex-wrap: wrap;}
    .main .section2 .adv-text {position: static;display: block;text-align: center;width: 100%;order: 2;margin-top: -25px;}
    .main .section2 .adv-text .adv-text__tit {margin-bottom: 20px;font-size: 18px;}
    .main .section2 .adv-text .swiper-button-wrap {display: none;}
    .main .section2 .adv-img {width: 100%;order: 1;}
    .main .section2 .adv-img-slider {width: 100%;overflow: hidden;/*max-width: 460px;margin: 0 auto;*/}
}
@media (max-width: 576px) {
    .main .section2 {padding: 40px 0;}
    .main .section2 .adv-text {margin-top: -3vw;}
    .main .section2 .adv-text .adv-text__tit {font-size: 16px;margin-bottom: 12px;}
    .main .section2 .adv-text__item .number {font-size: 24px;}
    .main .section2 .adv-text__item .title {font-size: 22px;margin-bottom: 20px;}
    .main .section2 .adv-text__item .description {font-size: 16px;}
}

.main .section3 {background: radial-gradient(62.89% 120.57% at 58.88% 127.83%, #FF9845 0%, #222 100%);padding: 100px 0;color: #fff;position: relative;z-index: 2;}
.main .section3-title {font-size: 32px;font-weight: 500;line-height: 1.3;margin-bottom: 70px;}
.main .section3 .category-info {display: flex;flex-wrap: wrap;}
.main .section3 .category-info-menu {flex: 0 0 40.83333333333%;max-width: 40.83333333333%;}
.main .section3 .category-info-detail {flex: 1 1 auto;width: 1%;margin-left: 70px;position: relative;min-height: 440px;}
.main .section3 .menu-item {height: 52px;border-bottom: 1px solid #6C6868;display: flex;align-items: center;cursor: pointer;}
.main .section3 .menu-item .text {font-size: 18px;font-weight: 500;color: #a6a6a6;display: inline-block;transition: all 0.3s;}
.main .section3 .menu-item .ani-dot {display: flex;margin-left: 16px;opacity: 0;}
.main .section3 .menu-item .ani-dot .dot {width: 6px;height: 6px;border-radius: 50%;background-color: #FF9845;margin: 0 3px;animation-iteration-count: 0;animation-iteration-count: 0;animation-duration: 0.3s;animation-duration: 0.3s;animation-play-state: paused;animation-play-state: paused;}
.main .section3 .menu-item .ani-dot .dot:nth-child(1) {transform: translateY(6px);animation-name: dot1;animation-name: dot1;animation-delay: 0.2s;}
.main .section3 .menu-item .ani-dot .dot:nth-child(2) {transform: translateY(0);animation-name: dot2;animation-name: dot2;animation-delay: 0.4s;}
.main .section3 .menu-item .ani-dot .dot:nth-child(3) {transform: translateY(3px);animation-name: dot3;animation-name: dot3;animation-delay: 0.7s;}
.main .section3 .menu-item.active,
.main .section3 .menu-item:hover {border-color: #fff;}
.main .section3 .menu-item.active .text,
.main .section3 .menu-item:hover .text {font-size: 20px;font-weight: 700;background: linear-gradient(90deg, #FF9845 0%, #F45320 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.main .section3 .menu-item.active .ani-dot,
.main .section3 .menu-item:hover .ani-dot {opacity: 1;}
.main .section3 .menu-item:hover .ani-dot .dot {animation-play-state: running;animation-play-state: running;animation-iteration-count: 1;animation-iteration-count: 1;}
.main .section3 .detail-item {position: absolute;right: 0;top: 0;z-index: 0;}
.main .section3 .detail-item.active {z-index: 2;}
.main .section3 .detail-item .img {opacity: 0;transition: .3s ease;}
.main .section3 .detail-item .title {font-size: 24px;font-weight: 700;margin-top: 22px;opacity: 0;transition: .3s ease;}
.main .section3 .detail-item .description {font-size: 18px;line-height: 1.4;margin-top: 30px;opacity: 0;transition: .3s ease;}
.main .section3 .detail-item.active .img,
.main .section3 .detail-item.active .title,
.main .section3 .detail-item.active .description {opacity: 1;}
.main .section3 .category-info-m {display: none;border-top: 1px solid #fff;}
.main .section3 .category-info-m-item {border-bottom: 1px solid rgba(255,255,255,0.5);}
.main .section3 .category-info-m__btn {height: 55px;width: 100%;display: flex;align-items: center;padding: 0 5px;font-size: 16px;font-weight: 500;color: #a6a6a6;position: relative;}
.main .section3 .category-info-m__btn::before {content: '';width: 16px;height: 2px;border-radius: 4px;background-color: #a6a6a6;position: absolute;right: 5px;top: 50%;margin-top: -1px;}
.main .section3 .category-info-m__btn::after {content: '';width: 2px;height: 16px;border-radius: 4px;background-color: #a6a6a6;position: absolute;right: 12px;top: 50%;margin-top: -8px;transition: transform 0.3s;}
.main .section3 .category-info-m__btn.active::after {transform: rotate(90deg);}
.main .section3 .category-info-m__btn.active .text {background: linear-gradient(90deg, #FF9845 0%, #F45320 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 18px;font-weight: 700;}
.main .section3 .category-info-m__contents {display: none;}
.main .section3 .category-info-m__contents .description {padding: 15px 0;font-size: 15px;font-weight: 300;color: #fff;line-height: 1.6;}
@media (max-width: 1024px) {
    .main .section3 {padding: 80px 0;}
    .main .section3-title {font-size: 28px;margin-bottom: 60px;}
    .main .section3 .category-info-menu {flex: 0 0 38%;max-width: 38%;}
    .main .section3 .category-info-detail {margin-left: 60px;}
    .main .section3 .menu-item {height: 46px;}
    .main .section3 .menu-item .text {font-size: 16px;}
    .main .section3 .menu-item .ani-dot {margin-top: -3px;}
    .main .section3 .menu-item.active .text,
    .main .section3 .menu-item:hover .text {font-size: 18px;}
    .main .section3 .detail-item .title {font-size: 22px;}
    .main .section3 .detail-item .description {font-size: 16px;margin-top: 25px;}
}
@media (max-width: 768px) {
    .main .section3 {padding: 65px 0;}
    .main .section3-title {text-align: center;font-size: 24px;margin-bottom: 50px;}
    .main .section3 .category-info {display: none;}
    .main .section3 .category-info-m {display: block;}
}
@media (max-width: 576px) {
    .main .section3 {padding: 40px 0 45px;}
    .main .section3-title {font-size: 20px;margin-bottom: 40px;}
    .main .section3 .category-info-m__btn {font-size: 14px;height: 52px;}
    .main .section3 .category-info-m__contents .description {font-size: 14px;}
}
@media (max-width: 375px) {
    .main .section3-title {font-size: 18px;}
}

.main .section4 {padding: 90px 0 30px;overflow: hidden;position: relative;z-index: 2;background-color: #fff;}
.main .section4-title {font-size: 24px;line-height: 1.4;margin-bottom: 50px;}
.main .section4 .company-rolling {white-space: nowrap;font-size: 0;overflow-x: clip;}
.main .section4 .company-rolling-wrap {width: 6454px;height: 96px;background: url(../../../images/2024/company_logo_rolling1.png) no-repeat 0 0;background-size: auto 100%;display: inline-block;-webkit-animation-duration: 160s;animation-duration: 160s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;will-change: transform;}
.main .section4 .company-rolling-wrap--original {-webkit-animation-name: mainRolling1;animation-name: mainRolling1;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.main .section4 .company-rolling-wrap--clone {-webkit-animation-name: mainRolling2;animation-name: mainRolling2;}
@media (max-width: 1024px) {
    .main .section4 {padding: 60px 0 30px;}
    .main .section4-title {margin-bottom: 35px;}
    .main .section4 .company-rolling-wrap {width: 4975px;height: 74px;}
}
@media (max-width: 768px) {
    .main .section4 {padding: 50px 0 30px;}
    .main .section4-title {text-align: center;font-size: 21px;margin-bottom: 25px;}
}
@media (max-width: 576px) {
    .main .section4 {padding: 40px 0 20px;}
    .main .section4-title {font-size: 18px;margin-bottom: 20px;}
    .main .section4 .company-rolling-wrap {width: 3631px;height: 54px;}
}
/* E : contents - main */

/* S : contents - intro-main */
.intro-main .section {padding: 50px 0 120px;color: var(--c-black);line-height: 1.3;overflow: hidden;}
.intro-main .section .title-area {position: relative;}
.intro-main .section .text-color-ani {transition: color 0.4s;}
.intro-main .section .h5 {font-size: 20px;font-weight: 400;margin-bottom: 50px;}
.intro-main .section .h2 {font-size: 32px;font-weight: 400;margin-bottom: 30px;}
.intro-main .section .h6 {font-size: 18px;font-weight: 300;line-height: 1.4;}
.intro-main .section .request-btn {position: absolute;right: 4vw;bottom: 0;width: 200px;height: 200px;border-radius: 50%;background: linear-gradient(90deg, #FF9845 0%, #F45320 100%);color: #fff;font-size: 20px;font-weight: 500;}
.intro-main .section .request-btn::after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../../../images/2024/request_btn_text.png) no-repeat center;background-size: contain;animation: textCircle 10s infinite linear;}
.intro-main .how-to-use {margin-top: 85px;}
.intro-main .how-to-use .title {font-size: 18px;font-weight: 300;}
.intro-main .how-to-use .dl {padding: 36px 0;color: var(--c-black);}
.intro-main .how-to-use .dl:last-child {padding-bottom: 0;}
.intro-main .how-to-use .dl + .dl {border-top: 1px dashed #a3a3a3;}
.intro-main .how-to-use .dt {font-weight: 700;font-size: 20px;}
.intro-main .how-to-use .dt .number {display: inline-block;width: 40px;}
.intro-main .how-to-use .dd {font-size: 18px;font-weight: 300;margin-top: 12px;padding-left: 40px;}
@media (max-width: 1024px) {
    .intro-main .section .h5 {font-size: 18px;}
    .intro-main .section .h2 {font-size: 28px;}
    .intro-main .section .h6 {font-size: 16px;}
    .intro-main .section .request-btn {width: 170px;height: 170px;}
}
@media (max-width: 768px) {
    .intro-main .section {padding: 40px 0 100px;}
    .intro-main .section .h5 {font-size: 18px;margin-bottom: 35px;}
    .intro-main .section .h2 {font-size: 28px;margin-bottom: 25px;}
    .intro-main .section .h6 {margin-right: 170px;}
    .intro-main .section .request-btn {width: 150px;height: 150px;right: 0;}
    .intro-main .how-to-use {margin-top: 70px;}
    .intro-main .how-to-use .dl {padding: 22px 0;}
    .intro-main .how-to-use .dt {font-size: 18px;}
    .intro-main .how-to-use .dd {font-size: 16px;}
}
@media (max-width: 576px) {
    .intro-main .section .h5 {font-size: 15px;margin-bottom: 20px;}
    .intro-main .section .h2 {font-size: 24px;margin-bottom: 20px;}
    .intro-main .section .h6 {font-size: 14px;margin-right: 140px;}
    .intro-main .section .request-btn {width: 130px;height: 130px;bottom: -50px;font-size: 18px;}
    .intro-main .how-to-use .title {font-size: 16px;}
    .intro-main .how-to-use .dt {font-size: 14px;}
    .intro-main .how-to-use .dt .number {width: 25px;}
    .intro-main .how-to-use .dd {font-size: 14px;margin-top: 8px;padding-left: 25px;}
}
@media (max-width: 375px) {
    .intro-main .section {padding: 30px 0 80px;}
    .intro-main .section .h6 {margin-right: 125px;}
    .intro-main .section .request-btn {width: 120px;height: 120px;right: -10px;}
    .intro-main .how-to-use .dl {padding: 16px 0;}
}
/* E : contents - intro-main */

/* S : contents - chat */
body.chat-body {background: #F5F5F5 url(../../../images/2023/visual-bg.png) no-repeat center;background-size: cover;}
.chat .section {/*height: calc(100vh - 70px);*/padding: 50px 0;}
.chat .message-wrap {position: static;height: auto;max-width: 1040px;margin: 0 auto;background-color: #fff;border-radius: 12px;}
.chat .message-wrap .m-section__content.join-form {padding: 25px 15px 65px;position: relative;}
.chat .message-wrap-scroll {height: calc(100vh - 260px);max-height: calc(100dvh - 260px);overflow-x: hidden;overflow-y: auto;padding: 0 10px;}
.chat .message-wrap-scroll::-webkit-scrollbar {width: 5px;height: 5px;}
.chat .message-wrap-scroll::-webkit-scrollbar-track {width: 5px;background-color: #fff;}
.chat .message-wrap-scroll::-webkit-scrollbar-thumb {width: 5px;background-color: #d9d9d9;border-radius: 5px;}
.chat .messenger-form {position: absolute;border-radius: 0 0 12px 12px;}
@media (max-width: 1024px) {
    .chat .section {padding: 40px 0;}
    .chat .message-wrap-scroll {height: calc(100vh - 247px);max-height: calc(100dvh - 247px);}
}
@media (max-width: 768px) {
    .chat .section {/*height: calc(100vh - 60px);*/padding: 30px 0 40px;}
    .chat .message-wrap-scroll {height: calc(100vh - 227px);max-height: calc(100dvh - 227px);}
}
@media (max-width: 576px) {
    .chat .message-wrap-scroll {margin: 0 -10px;min-height: 300px;}
    .chat .message-wrap .messenger .dlQ {padding: 0 0 0 45px;}
}
/* S : contents - chat */


/* S : footer */
.footer {position: relative;/*z-index: 2;*/background-color: #fff;}
.footer .footer-app {background-color: #F2F2F2;padding: 40px 0;}
.footer .footer-app .container {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.footer .footer-app-text {font-size: 22px;color: #000;}
.footer .footer-app-list {display: flex;align-items: center;}
.footer .footer-app-list .item + .item {margin-left: 20px;}
.footer .footer-app-list .item--down img {height: 61px;}
.footer .footer-app-list .item--qr {margin-left: 40px;}
.footer .footer-app-list .item--qr img {width: 71px;}
.footer .footer-link {border-top: 1px solid var(--border-color);border-bottom: 1px solid var(--border-color);}
.footer .footer-link-list {display: flex;flex-wrap: wrap;}
.footer .footer-link-list .item {flex: 1;text-align: center;height: 63px;display: flex;align-items: center;justify-content: center;font-size: 14px;color: #595959;border-left: 1px solid var(--border-color);}
.footer .footer-link-list .item:last-child {border-right: 1px solid var(--border-color);}
.footer .footer-link-list .item:hover {font-weight: 500;color: #000;}
.footer .footer-link-list .item:nth-child(3) {font-weight: 500;color: #000;}
.footer .footer-copy {padding: 20px 0 70px;}
.footer .footer-copy-inner {position: relative;display: flex;flex-wrap: wrap;padding: 0 40px;}
.footer .footer-copy-logo {padding: 25px 0 0;}
.footer .footer-copy-text {flex: 1 1 auto;width: 1%;padding-left: 45px;font-size: 14px;color: #6c6c6c;}
.footer .footer-copy-familysite {position: absolute;top: 0;right: 0;z-index: 1000;}
.footer .footer-copy .familysite {position: relative;text-align: left;}
.footer .footer-copy .familysite-button {border: 1px solid #ddd;border-radius: 6px;width: 142px;height: 34px;text-align: left;padding: 0 12px;font-size: 14px;font-weight: 300;color: #a3a3a3;background: #fff;position: relative;}
.footer .footer-copy .familysite-button::after {content: '';width: 12px;height: 8px;background: url(../../../images/2024/select_arrow.svg) no-repeat 0 0;position: absolute;right: 12px;top: 50%;margin-top: -4px;}
.footer .footer-copy .familysite-button.active,
.footer .footer-copy .familysite-button:hover {color: #6c6c6c;border-color: #a3a3a3;}
.footer .footer-copy .familysite-button.active::after {transform: rotate(180deg);}
.footer .footer-copy .familysite-list {position: absolute;left: 0;right: 0;top: auto;margin: 1px 0 0;padding: 0;border: 1px solid #a3a3a3;border-radius: 6px;background-color: #fff;display: none;}
.footer .footer-copy .familysite-list__item {padding: 3px 12px;}
.footer .footer-copy .familysite-list__item:first-child {padding-top: 10px;}
.footer .footer-copy .familysite-list__item:last-child {padding-bottom: 10px;}
.footer .footer-copy .familysite-list__item a {font-size: 14px;color: #6c6c6c;}
.footer .footer-copy .familysite-list__item a:hover {color: var(--c-orange);text-decoration: underline;}
.footer .footer-copy-sns {position: absolute;bottom: 0;right: 0;}
.footer .footer-copy-sns .sns-list {display: flex;}
.footer .footer-copy-sns .sns-list__item {margin-left: 22px;}
.footer .footer-copy-sns .sns-list__item img {width: 32px;}
@media (max-width: 1360px) {
    .footer .footer-copy-sns {right: 160px;bottom: auto;top: 0;}
    .footer .footer-copy-sns .sns-list__item {margin-left: 15px;}
}
@media (max-width: 1200px) {
    .footer .footer-app-list .item + .item {margin-left: 10px;}
    .footer .footer-app-list .item--qr {margin-left: 20px;}
    .footer .footer-copy-inner {padding: 0;}
    .footer .footer-copy-text {padding-left: 30px;font-size: 13px;}
}
@media (max-width: 1024px) {
    .footer .footer-app-text {font-size: 20px;}
    .footer .footer-app-list .item--down img {height: 50px;}
    .footer .footer-app-list .item--qr img {width: 60px;}
    .footer .footer-link-list .item {height: 55px;font-size: 13px;}
}
@media (max-width: 768px) {
    .footer .footer-app {padding: 30px 0;}
    .footer .footer-app .container {display: block;text-align: center;}
    .footer .footer-app-text {line-height: 1.3;}
    .footer .footer-app-list {justify-content: center;margin-top: 20px;}
    .footer .footer-app-list .item {margin: 0 10px !important;}
    .footer .footer-app-list .item--down img {height: 45px;}
    .footer .footer-link .container {padding: 0;}
    .footer .footer-link-list .item {line-height: 1.2;}
    .footer .footer-link-list .item:first-child {border-left: 0;}
    .footer .footer-link-list .item:last-child {border-right: 0;}
    .footer .footer-copy {padding-bottom: 40px;}
    .footer .footer-copy-inner {text-align: center;flex-direction: column;}
    .footer .footer-copy-text {width: 100%;padding: 0 0 15px;order: 1;}
    .footer .footer-copy-text .text-bar {font-size: 0;text-indent: -9999em;display: block;}
    .footer .footer-copy-sns {order: 2;position: static;}
    .footer .footer-copy-sns .sns-list {justify-content: center;}
    .footer .footer-copy-sns .sns-list__item {margin: 0 11px;}
    .footer .footer-copy-logo {order: 3;}
    .footer .footer-copy-familysite {order: 4;position: static;margin-top: 20px;}
    /* .footer .footer-copy .familysite {width: 185px;margin: 0 auto;} */
    .footer .footer-copy .familysite--m {width: 185px;margin: 0 auto;height: 36px;border: 1px solid #ddd;border-radius: 6px;padding: 0 12px;font-size: 14px;font-weight: 300;color: #a3a3a3;background: #fff url(../../../images/2024/select_arrow.svg) no-repeat right 10px center;}
    .footer .footer-copy .familysite--m option:disabled {display: none;}
    /* .footer .footer-copy .familysite-button {width: 100%;height: 36px;}
    .footer .footer-copy .familysite-list {position: relative;} */
}
@media (max-width: 576px) {
    .footer .footer-app-text {font-size: 17px;}
    .footer .footer-app-list .item--down img {height: 40px;}
    .footer .footer-link-list .item {flex: 1 0 50%;max-width: 50%;font-size: 14px;height: 43px;}
    .footer .footer-link-list .item:nth-child(3),
    .footer .footer-link-list .item:nth-child(4),
    /*.footer .footer-link-list .item:nth-child(5),*/
    /*.footer .footer-link-list .item:nth-child(6) {border-top: 1px solid var(--border-color);}*/
     .footer .footer-link-list .item:nth-child(5) {border-top: 1px solid var(--border-color);}
    .footer .footer-link-list .item:nth-child(3),
    .footer .footer-link-list .item:nth-child(5) {border-left: 0;}
     .footer .footer-link-list .item:nth-child(5) {flex: 1 0 100%;max-width: 100%;}
    .footer .footer-copy-text {font-size: 12px;}
}
@media (max-width: 375px) {
    .footer .footer-app-list .item {margin: 0 1.5vw !important;}
    .footer .footer-app-list .item--down img {height: 35px;}
    .footer .footer-copy .familysite--m {width: 160px;}
}
/* E : footer */

/* S : 기존 퀵버튼 (탑버튼, 앱다운로드) */
.scroll-new .bar a,
.download-scroll-move a {width: 56px !important;height: 56px !important;background-size: contain !important;background-position: center;box-shadow: 0 2px 6px rgba(0,0,0,0.12);border-radius: 50%;}
.scroll-new .bar a {background-image: url(../../../images/2024/scrolltop_icon.png);}
.scroll-new .bar a:hover {background-image: url(../../../images/2024/scrolltop_icon_hover.png);}
.download-scroll-move a {background-image: url(../../../images/2024/downscroll_icon.png);}
.download-scroll-move a:hover {background-image: url(../../../images/2024/downscroll_icon_hover.png);}
@media (max-width: 1600px) {
    .scroll-new .bar,
    .download-scroll-move {right: 20px;}
}
@media (max-width: 1360px) {
    .scroll-new .bar {bottom: 75px;}
    .download-scroll-move {bottom: 15px;}
    .scroll-new .bar a,
    .download-scroll-move a {width: 50px !important;height: 50px !important;}
}
@media (max-width: 768px) {
    .scroll-new .bar {bottom: 65px;}
    .scroll-new .bar a,
    .download-scroll-move a {width: 42px !important;height: 42px !important;}
}
@media (max-width: 320px) {
    .scroll-new .bar,
    .download-scroll-move {right: 15px;}
}
/* E : 기존 퀵버튼 (탑버튼, 앱다운로드) */

/* S : 모바일 레이어 팝업 (배너) */
.m-layer-pop {position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.65);padding: 0 20px;align-items: flex-end;z-index: 10000;display: none;}
.m-layer-pop.open {display: flex;}
.m-layer-pop__container {width: 100%;max-width: 520px;margin: 0 auto;text-align: center;}
.m-layer-pop__box {background-color: #F47E20;color: #fff;padding: 45px 20px 35px;border-radius: 10px;position: relative;}
.m-layer-pop__close {position: absolute;right: 8px;top: 8px;width: 24px;height: 24px;background: url(../../../images/2024/close_icon.svg) no-repeat 0 0;font-size: 0;text-indent: -9999em;border: 0;padding: 0;}
.m-layer-pop__box .title {font-size: 16px;font-weight: 300;margin-bottom: 25px;}
.m-layer-pop__box .app-btn {display: inline-flex;align-items: center;justify-content: center;width: 100%;max-width: 280px;background-color: #fff;height: 44px;border-radius: 60px;font-size: 15px;font-weight: 700;color: #F47E20;box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);}
.m-layer-pop__box .app-btn .icon {width: 30px;height: 20px;background: url(../../../images/2024/newworker_icon.svg) no-repeat center;background-size: contain;margin-right: 5px;}
.m-layer-pop__container .web-text {display: inline-block;font-size: 13px;color: #fff;padding: 15px 0;letter-spacing: -0.03em;}
@media (max-width: 375px) {
    .m-layer-pop__box .title {font-size: 15px;}
}
/* E : 모바일 레이어 팝업 (배너) */