@charset "utf-8";

/* Default */
html { background-color: #ffffff; }
body, html {width:100%;height:100%;margin:0 auto; scroll-behavior:smooth;}
#wrap {position:relative;min-width:360px;height:auto; margin:0 auto;background-color: #ffffff; width: 100%; overflow: hidden; }
.m-only { display: none !important; }
.pc-only { display: inline-block; }
.hide { display: none !important; }
.mt0 { margin-top: 0px !important; }
.mt10 { margin-top: 10px !important; }
.mt17 { margin-top: 17px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }

.mb0 { margin-bottom: 0px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.scrollOff{position:fixed;overflow:hidden;height:100%;}

img {
    image-rendering: -moz-crisp-edges; /* firefox */
    image-rendering: -o-crisp-edges; /* opera */
    image-rendering: -webkit-optimize-contrast; /* chrome(비표준) */
    image-rendering: crisp-edges;
}

/* wrapper */
section { position: relative; }
.section-default-wrapper { width: 100%; max-width: 944px; height: auto; margin: 0 auto; position: relative; }

.view-m { display: none !important; }
/* button */
.btn { display: inline-block; box-sizing: border-box; }

/* h:34 / r:57 / f:14 / b:1 s f */
.btn.type01 { height: 34px; line-height: 34px; padding: 0 22px; display: flex; justify-content: center; align-items: center; gap: 15px; color: #ffffff; font-size: 14px; border: 1px solid #ffffff; border-radius: 57px; box-shadow: 0px 6px 13px 0px rgba(50, 58, 100, 0.30); }
/* h:38 / r:57 / f:16 / b:1 s f */
.btn.type02 { height: 38px; line-height: 38px; padding: 0 22px; display: flex; justify-content: center; align-items: center; gap: 15px; color: #ffffff; font-size: 16px; border: 1px solid #ffffff; border-radius: 57px; box-shadow: 0px 6px 13px 0px rgba(50, 58, 100, 0.30); }
/* h:46 / r:30 / f:16 / b:1 s f.5 / bg:b.25 */
.btn.type03 { height: 46px; line-height: 46px; padding: 0 16px; display: flex; justify-content: center; align-items: center; gap: 6px; color: #ffffff; font-size: 16px; border: 1px solid rgba(255,255,255,0.5); border-radius: 30px; background: rgba(0, 0, 0, 0.25); backdrop-filter: blur(1.5px); }
/* h:50 / r:57 / f:24 / b:1 s f */
.btn.type04-w-line { height: 50px; line-height: 50px; padding: 0 22px; display: flex; justify-content: center; align-items: center; gap: 15px; color: #ffffff; font-size: 24px; border: 1px solid #ffffff; border-radius: 57px; box-shadow: 0px 6px 13px 0px rgba(50, 58, 100, 0.30); }
.btn.type04-w-bg { height: 50px; line-height: 50px; padding: 0 22px; display: flex; justify-content: center; align-items: center; gap: 15px; color: #ffffff; font-size: 24px; background-color: #ffffff; border-radius: 57px; box-shadow: 0px 6px 13px 0px rgba(50, 58, 100, 0.30); }
.link-btn { display: inline-block; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #ffffff; background: rgba(255, 255, 255, 0.20); backdrop-filter: blur(1.5px); background-image: url(../image/icon/icn-arrow-right02.svg); background-repeat: no-repeat; background-position: center; }


/* Header */
header { position: fixed; top: 0; left: 0; width: 100%; z-index: 100; color: #ffffff; white-space: nowrap; background-color: #000000; }
header .header-wrap { width: 100%; height: 65px; display: flex; justify-content: space-between; align-items: center; padding: 0 92px 0 92px; }
header .header-wrap h1 a { display: inline-block; width: 70px; overflow: hidden; }
header .header-wrap h1 img { width: 100%; }
header .left-area { display: flex; align-items: center; }
header .header-wrap nav { margin-left: 24px; }
header .header-wrap nav ul { display: flex; align-items: center; gap: 16px; }
header .header-wrap .nav-menu { display: inline-block; font-size: 14px; font-weight: 600; height: 24px; line-height: 24px; }
header .header-wrap .nav-menu:hover,
header .header-wrap .nav-menu.active { color: var(--neon-blue, #07F0FF); }
header .header-wrap .etc-link-area { display: flex; align-items: center; gap: 20px; }
header .header-wrap .etc-link-area .family-btn-wrap { position: relative; }
header .header-wrap .etc-link-area .family-btn-wrap .family-list-wrap { position: absolute; height: 0; overflow: hidden; left: 50%; transform: translateX(-50%); top: 38px; transition: height .3s; overflow: hidden; }
header .header-wrap .etc-link-area .family-btn-wrap .family-list-wrap.active { border-radius: 12px; background-color: rgba(0,0,0,0.6); width: 143px; height: 72px; white-space: nowrap; padding: 0 10px; }
header .header-wrap .etc-link-area .family-btn-wrap .family-list-wrap .inner-wrap { display: flex; gap: 12px; flex-direction: column; align-items: center; justify-content: center; height: 100%; color: #ffffff; font-size: 14px; }
header .header-wrap .etc-link-area .family-btn-wrap .family-list-wrap .inner-wrap a { line-height: 1.4; display: inline-block; width: 100%; text-align: right; padding-right: 24px; background-image: url(../image/icon/icn-arrow-right02.svg); background-repeat: no-repeat; background-position: right center; background-size: 16px; }

#fake-dimm { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 50; display: none; }
#fake-dimm.active { display: block; }
#dimm { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; display: none; background-color: rgba(0,0,0,0.6); }
#dimm.active { display: block; }

/* Footer */
footer { background-color: #000000; color: #ffffff; padding: 80px 0 54px; }
footer .title { text-align: center; color: #979797; font-size: 38px; font-weight: 300; }
footer .main-search-input-wrap { margin-top: 36px; text-align: center; }
footer .main-search-input { display: inline-block; width: 420px; height: 42px; padding: 23px; background-color: #ffffff; border-radius: 40px; font-size: 20px; font-weight: 400; }
footer .main-search-input::placeholder { color: #979797; }
footer .link-area { margin-top: 72px; }
footer .link-area { display: flex; justify-content: center; gap: 50px }
footer .sitemap .menu-depth1 { display: flex; gap: 50px }
footer .sitemap .menu-title { font-size: 12px; font-weight: 600; }
footer .sitemap .menu-depth2 { margin-top: 25px; display: flex; flex-direction: column; gap: 23px; }
footer .sitemap .menu-depth2 a { color: rgba(255,255,255,0.6); font-size: 12px; font-weight: 600; }
footer .family-site { display: flex; flex-direction: column; }
footer .family-site .title { font-size: 12px; font-weight: 600; color: #ffffff; text-align: left; }
footer .family-site .title + .link-wrap { margin-top: 24px; }
footer .family-site .link-wrap { display: flex; flex-direction: column; gap: 16px; justify-content: flex-start; align-items: flex-start; }
footer .family-site .link-wrap .btn { padding: 0 18px; background-color: #333333; border-radius: 35px; height: 32px; line-height: 32px; font-size: 14px; display: flex; align-items: center; }
footer .family-site .link-wrap .btn img { margin-left: 10px; width: 14px; transform: rotate(45deg); }
footer .family-site .link-wrap + .link-wrap { margin-top: 28px; border-top: 1px solid rgba(255,255,225,0.4); padding-top: 28px;}
footer .copyright { padding-top: 82px; width: 944px; margin: 0 auto; }
footer .copyright { color: #ffffff; font-size: 10px; font-weight: 400; }
footer .copyright p { display: inline-block; }
footer .copyright p + p { margin-left: 16px; }
footer .copyright .text-wrap { margin-top: 4px; }
footer .copyright .text-wrap:last-child { margin-top: 20px; }

/* Indicator */
.contents-outer-wrap { position: relative; }
#indicator { position:fixed; right: 50px; top: 50%; transform: translateY(-50%); display: grid; grid-template-columns: auto auto; padding: 20px; gap: 20px; z-index: 100; background-color: rgba(0,0,0,0.6); border-radius: 14px; }
#indicator.fix { position: absolute; top: 1100px; transform: none; }
#indicator .link-list { display: flex; flex-direction: column; gap: 60px; }
#indicator .link-list a { color: #bbbbbb; font-size: 20px; line-height: 1.25; text-align: right; }
#indicator .link-list a.active { color: var(--neon-blue, #07F0FF); font-weight: 700; }
#indicator .bar-wrap { width: 16px; height: 100%; padding: 7px 6px; border-radius: 16px; background-color: rgba(246,246,246,0.2); display: flex; flex-direction: column; align-items: center; }
#indicator .bar-wrap .bar { width: 4px; background-color: var(--neon-blue, #07f0ff); height: 0px; transition: height .5s;  }
#indicator .bar-wrap .bar:first-child { border-top-left-radius: 20px; border-top-right-radius: 20px; }
#indicator .bar-wrap .bar:last-child { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }

/* Common - quick-employ */
#quick-employ { height: 492px; overflow: hidden; }
#quick-employ > img { object-fit: cover; min-height: 492px; min-width: 100%; }
#quick-employ .section-default-wrapper { width: 1400px; padding-top: 110px; color: #ffffff; position: absolute; left: 50%; transform: translateX(-50%); top: 0; z-index: 1; height: 100%; }
#quick-employ .text-area .title { font-size: 50px; font-weight: 500; line-height: 1.25; }
#quick-employ .text-area .sub-copy { margin-top: 30px; font-size: 22px; font-weight: 400; line-height: 1.25; }
#quick-employ .text-area + .btn { margin-top: 64px; }
#quick-employ .btn { width: 188px; }

/* 인터렉션 */
.hover-scale img { transition: transform 0.7s; }
.hover-scale:hover img { transform: scale(1.1); }
.up-card {
    opacity: 0;
    transform: translateY(20%);
}
.up-card.up-card-action {
    animation: appear-bot-to-top .75s ease forwards;
}
.up-card-center {
    opacity: 0;
    transform: translate(-50%,20%);
}
.up-card-center.up-card-action {
    animation: appear-bot-to-top2 .75s ease forwards;
}
@keyframes appear-bot-to-top {
    from {
        opacity: 0;
        transform: translateY(20%);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes appear-bot-to-top2 {
    from {
        opacity: 0;
        transform: translate(-50%,20%);
    }
    to {
        opacity: 1;
        transform: translate(-50%,0);
    }
}
.img-action { transition: transform 1.2s; }
.img-action.img-slide-left-right {
    transform: translateX(15%);
}
.img-action.img-slide-bot-top {
    transform: translate(-50%, 20%);
}
.img-action.img-slide-right-left {
    transform: translateX(-15%);
}

.swiper-slide-active .img-action.img-slide-left-right {
    transform: translateX(0%);
}
#main #service .service-slide-box.contents02,
#main #service .service-slide-box.contents04 {
    overflow: hidden;
}
#main #service .service-slide-box.contents02.swiper-slide-active .img-action.img-slide-bot-top,
#main #service .service-slide-box.contents04.swiper-slide-active .img-action.img-slide-bot-top
{
    transform: translate(-50%, 0%);
}
.swiper-slide-active .img-action.img-slide-right-left {
    transform: translateX(0%);
}
.action-text-wrap { display: inline-block; overflow: hidden; }
.action-text-wrap .action-text { transform: translateY(100%); display: inline-block; transition: transform 0.75s; }
.action-text-up.active .action-text-wrap .action-text { transform: translateY(0); }
.scroll-opacity-up { opacity: 0; }

/************   Main Layout   ************/

/* Main - Visual */
#visual { width: 100%; height: 700px; position: relative; z-index: 0; overflow: hidden; }
#visual .bg-wrapper { position: absolute; left: 0; top: 0; width: 100%; height: 700px; }
#visual .bg-wrapper .bg-area { width: 100%; overflow: hidden; }
#visual .bg-wrapper .bg-area > img { object-fit: cover; width: 100%; min-height: 700px; position: absolute; }
#visual .text-wrap { margin: 0 auto; width: 100%; height: 100%; z-index: 1; padding-top: 275px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; position: sticky; position: -webkit-sticky; top: 0; }
#visual .text-wrap h2 { color: #ffffff; text-align: center; text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25); font-size: 50px; }
#visual .text-wrap h2 + a { margin-top: 24px; }
#visual .bg-wrapper h2.page-title { text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.40); font-size: 32px; line-height: 1.14; }
#visual .sub-copy { margin-top: 38px; color: #ffffff; text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25); font-size: 50px; font-weight: 600; line-height: 1.5; text-align: center; }

/* Main - Partner */
#main #partner { background-color: #292929; }
#main #partner .section-default-wrapper { padding: 0 80px; display: flex; justify-content: space-between; }
#main #partner .text-wrap { padding: 90px 0 86px; }
#main #partner .text-wrap h2 { color: #ffffff; font-size: 33px; line-height: 1.4; }
#main #partner .text-wrap h2 + .sub-copy { margin-top: 40px; }
#main #partner .text-wrap .sub-copy { color: rgba(255, 255, 255, 0.65); font-size: 16px; font-weight: 400; line-height: 20px; }
#main #partner .img-wrap { height: 350px; overflow: hidden; display: flex; gap: 48px; }
#main #partner .img-wrap ul { position: relative; }
#main #partner .img-wrap ul img { margin: 40px 0; }

/* 애니메이션 */
.roller01.original{
    animation: 200s linear 0s infinite normal forwards running rollingtop1;
}
.roller01.clone{
    animation: 200s linear 0s infinite normal none running rollingtop2;
}
@keyframes rollingtop1 { /* 원본용 */
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-100%);
    }
    50.01%{
        transform: translateY(100%);
    }
    100%{
        transform: translateY(0);
    }
}

@keyframes rollingtop2 { /* 클론용 */
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-200%);
    }
}

/* 애니메이션 */
.roller02.original{
    animation: 200s linear 0s infinite reverse forwards running rollingtop1;
}
.roller02.clone{
    animation: 200s linear 0s infinite reverse none running rollingtop2;
}
@keyframes rollingtop1 { /* 원본용 */
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-100%);
    }
    50.01%{
        transform: translateY(100%);
    }
    100%{
        transform: translateY(0);
    }
}

@keyframes rollingtop2 { /* 클론용 */
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-200%);
    }
}

/* Main - Business */
#main #business .section-default-wrapper { padding: 140px 80px; }
#main #business .title-area h2 { color: #000000; font-size: 50px; line-height: 1.4; }
#main #business .title-area .sub-copy { color: #616161; font-size: 18px; font-weight: 300; line-height: 1.4; }
#main #business .contents-list-wrap { margin-top: 60px; display: grid; grid-template-columns: auto auto; gap: 20px 16px; }
#main #business .contents-list-wrap > a:first-of-type { grid-column: 1/3; }
#main #business .contents-list-wrap > a { display: inline-block; border-radius: 20px; overflow: hidden; position: relative; }
#main #business .contents-list-wrap > a img { width: 100%; object-fit: cover; }
#main #business .contents-list-wrap .text-area { position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #ffffff; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 180px 30px 0; }
#main #business .contents-list-wrap .text-area .title { font-size: 32px; font-weight: 700; line-height: 30px; }
#main #business .contents-list-wrap .text-area .sub-copy { font-size: 18px; line-height: 26px; }
#main #business .contents-list-wrap .text-area .title + .sub-copy { margin-top: 30px; word-break: keep-all; }
#main #business .contents-list-wrap > a:first-of-type .text-area { justify-content: flex-end; padding: 32px 40px; }

/* Main - Solution */
#main #solution { background-color: #070A0F; }
#main #solution .section-default-wrapper { padding: 100px 80px 78px; color: #ffffff; }
#main #solution h2 { font-size: 50px; line-height: 1.4; text-align: center; }
#main #solution .solution-slide-box { display: flex; justify-content: center; gap: 52px; }
#main #solution .solution-slide-box .img-wrap { width: 360px; height: 360px; overflow: hidden; border-radius: 20px; }
#main #solution .solution-slide-box .img-wrap img { min-width: 100%; min-height: 100%; }
#main #solution .solution-slide-box .text-wrap { width: 380px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; }
#main #solution .solution-slide-box .text-wrap .title { font-size: 40px; font-weight: 800; }
#main #solution .solution-slide-box .text-wrap .sub-copy { margin-top: 40px; flex-grow: 1; font-size: 16px; line-height: 1.3; font-weight: 400; }
#main #solution .solution-slide-box .btn { display: inline-block; height: 38px; line-height: 38px; border-radius: 55px; border: 1px solid #ffffff; box-shadow: 0px 6px 13px 0px rgba(50, 58, 100, 0.30); padding: 0 22px 0 56px; font-size: 16px; background-image: url(../image/icon/icn-arrow-right01.svg); background-repeat: no-repeat; background-position: 22px center; }
/* Main - Service */
#main #service { width: 100%; overflow: hidden; }
#main #service .section-default-wrapper { padding: 128px 0; }
#main #service .title-area .sub-copy { color: #616161; font-size: 18px; font-weight: 300; line-height: 1.4; }
#main #service .title-area h2 { color: #000000; font-size: 50px; line-height: 1.4; }
#main #service .service-contents-swiper { margin-top: 150px; }
#main #service .service-slide-box { width: 655px; height: 692px; border-radius: 20px; position: relative; box-shadow: 4.173801422119141px 15.02568531036377px 26.712329864501953px 0px rgba(5, 25, 39, 0.25); padding: 50px 42px; transform: scale(0.7); filter: blur(3px); transition: transform 0.3s, filter 0.3s; }
#main #service .service-slide-box.swiper-slide-active { transform: scale(1); filter: blur(0); }
#main #service .service-slide-box .text-area { color: #ffffff; width: 100%; }
#main #service .service-slide-box .text-area .title { font-size: 50px; font-weight: 800; }
#main #service .service-slide-box .text-area .sub-copy { font-size: 20px; font-weight: 400; }
#main #service .service-slide-box.contents01 { background-color: #070A0F; }
#main #service .service-slide-box.contents01 .sub-copy { margin-top: 28px; }
#main #service .service-slide-box.contents01 img { position: absolute; bottom: 0; right: -108px; width: 730px; }
#main #service .service-slide-box.contents02 { background-color: #070A0F; }
#main #service .service-slide-box.contents02 .text-area { display: flex; justify-content: space-between; align-items: flex-end; }
#main #service .service-slide-box.contents02 img { position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 20%); width: 560px; }
#main #service .service-slide-box.contents03 { background-color: #CC5199; }
#main #service .service-slide-box.contents03 .text-area .title { text-align: right; }
#main #service .service-slide-box.contents03 img { position: absolute; bottom: 0; left: -45px; width: 480px; }
#main #service .service-slide-box.contents04 { background-color: #070A0F; padding: 36px 50px 0; }
#main #service .service-slide-box.contents04 .title span { font-size: 22px; font-weight: 300; }
#main #service .service-slide-box.contents04 .sub-copy { margin-top: 12px; }
#main #service .service-slide-box.contents04 img { position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 20%); width: 480px; }



/************   Intro Layout   ************/
/* Intro - About us */
#intro #about-us { background-color: #070a0f; padding: 200px 80px 160px; color: #ffffff; }
#intro #about-us .title { color: #ffffff; font-size: 50px; font-weight: 500; line-height: 1.45; }
#intro #about-us .sub-copy { margin-top: 100px; font-size: 18px; font-weight: 400; line-height: 1.6; }

/* Intro - Value */
#intro #value { background-color: #070A0F; padding: 0 80px 175px; color: #ffffff; }
#intro #value .label-title { display: inline-block; height: 50px; line-height: 50px; padding: 0 20px; background-color: #333333; border-radius: 35px; font-size: 24px; }
#intro #value .value-contents { margin-top: 126px; display: grid; grid-template-columns: 1fr 1fr; gap: 80px 144px; }
#intro #value .value-contents .contents-box { display: flex; flex-direction: column; align-items: center; width: auto; }
#intro #value .value-contents .contents-box .box-title { text-align: left; width: 100%; }
#intro #value .value-contents.type01 .contents-box .box-title { font-size: 32px; font-weight: 800; margin-top: 66px; }
#intro #value .value-contents.type01 .contents-box .sub-copy { margin-top: 30px; font-size: 18px; font-weight: 400; line-height: 1.5; word-break: keep-all; }
#intro #value .value-contents + .label-title { margin-top: 257px; }
#intro #value .value-contents.type02 .contents-box .box-title { font-size: 32px; font-weight: 800; margin-top: 40px; color: rgba(255,255,255,0.5); }
#intro #value .value-contents.type02 .contents-box .box-title em { color: #ffffff; }
#intro #value .value-contents.type02 .contents-box .sub-copy { margin-top: 20px; font-size: 18px; font-weight: 300; line-height: 1.26; word-break: keep-all; width: 100%; }

/* Intro - History */
#intro #history { background-color: #070A0F; color: #ffffff; overflow: hidden; }
#intro #history .section-default-wrapper { padding: 175px 80px 290px; }
#intro #history .section-default-wrapper .title-area { display: flex; justify-content: space-between; align-items: center; }
#intro #history .section-default-wrapper .title-area h2 { font-size: 50px; font-weight: 600; line-height: 1.4; }
#intro #history .section-default-wrapper .contents-box { background-color: #1c1c1e; border-radius: 20px; padding: 46px 40px; display: flex; gap: 28px; min-height: 400px; }
#intro #history .section-default-wrapper .contents-box .year { font-size: 32px; color: #346dff; font-weight: 800; }
#intro #history .section-default-wrapper .contents-box .detail-list { font-size: 18px; font-weight: 400; line-height: 1.6; list-style: disc; list-style-position: inside; }
#intro #history .title-area .btn { height: 50px; line-height: 50px; padding: 0 22px; border-radius: 55px; border: 1px solid #ffffff; box-shadow: 0px 6px 13px 0px rgba(50, 58, 100, 0.30); color: #ffffff; display: flex; justify-content: flex-start; align-items: center; font-size: 24px; gap: 15px; width: 150px; }
#intro #history .title-area .btn .more,
#intro #history .title-area .btn .fold { width: 63px }
#intro #history .title-area .btn .more { display: block; }
#intro #history .title-area .btn .fold { display: none; }
#intro #history .title-area .btn.active .more { display: none; }
#intro #history .title-area .btn.active .fold { display: block; }
#intro #history .title-area .btn.active img {transform: rotate(180deg); }
#intro #history .history-contents-swiper { display: block; }
#intro #history .history-column-list { width: calc(100% + 180px); margin-left: -60px; display: none; }
#intro #history.active .history-contents-swiper { display: none; }
#intro #history.active .history-column-list { display: block; }
#intro #history .history-column-list .inner-wrap::after { content: ""; position: absolute; left: 50%; display: inline-block; top: 100px; width: 1px; height: calc(100% - 105px); background-color: #346DFF; }
#intro #history .history-column-list .inner-wrap { padding-top: 100px; position: relative; }
#intro #history .history-column-list .contents-box { background-color: transparent; position: relative; padding: 0; min-height: inherit; }
#intro #history .history-column-list .contents-box + .contents-box { margin-top: 100px; }
#intro #history .history-column-list .contents-box .year { position: absolute; left: 50%; transform: translateX(-50%); background-color: #070A0f; z-index: 1; padding: 22px 0; }
#intro #history .history-column-list .contents-box .detail-list { list-style: none; width: 422px; padding-top: 30px; }
#intro #history .history-column-list .contents-box:nth-of-type(odd) { justify-content: flex-end; }
#intro #history .history-column-list .contents-box:nth-of-type(even) { text-align: right; }

/* Intro - Patent */
#intro #patent .section-default-wrapper { padding: 130px 0; }
#intro #patent h2 { color: #000000; font-size: 50px; font-weight: 600; line-height: 1.4; }
#intro #patent .list-search-area { margin-top: 40px; }
#intro #patent .toggle-list-wrap .list-inner-wrap .hidden-area img { display: block; margin: 0 auto; }



/************   Business Layout   ************/
/* Business - Payment */
#business #payment { overflow: hidden; }
#business #payment .section-default-wrapper { padding: 118px 80px 180px; }
#business #payment .top-right-sub-copy { color: #000000; font-size: 18px; line-height: 26px; text-align: right; }
#business #payment .main-title-area { margin-top: 80px; }
#business #payment .main-title-area h2 { color: #000000; font-size: 50px; font-weight: 600; line-height: 1.4; }
#business #payment .main-title-area .sub-copy { margin-top: 30px; color: #000000; font-size: 18px; line-height: 30px; word-break: keep-all; }
#business #payment .main-title-area + .contents-title-area { margin-top: 154px; }
#business #payment .contents-title-area .top-copy { color: #346dfe; font-size: 18px; font-weight: 700; line-height: 1.4; }
#business #payment .contents-title-area .main-copy { color: #000000; font-size: 50px; line-height: 1.4; }
#business #payment .contents-title-area .sub-copy { margin-top: 30px; color: #000000; font-size: 18px; line-height: 30px; }
#business #payment .payment-contents-swiper { margin-top: 150px; }
#business #payment .payment-slide-box { width: 600px; height: 600px; border-radius: 20px; position: relative; box-shadow: 4.173801422119141px 15.02568531036377px 26.712329864501953px 0px rgba(5, 25, 39, 0.25); padding: 50px 42px; transform: scale(0.7); filter: blur(3px); transition: transform 0.3s, filter 0.3s; overflow: hidden; }
#business #payment .payment-slide-box.swiper-slide-active { transform: scale(1); filter: blur(0); }
#business #payment .payment-slide-box .text-area { color: #ffffff; width: 100%; }
#business #payment .payment-slide-box .text-area .title { font-size: 50px; font-weight: 700; }
#business #payment .payment-slide-box .text-area .sub-copy { margin-top: 20px; font-size: 18px; font-weight: 400; line-height: 1.25; word-break: keep-all; }
#business #payment .payment-slide-box.contents01 { background-color: #070a0f; }
#business #payment .payment-slide-box.contents01 .sub-copy { width: 380px; }
#business #payment .payment-slide-box.contents01 img { position: absolute; left: 50%; transform: translateX(-50%); bottom: -10px; }
#business #payment .payment-slide-box.contents02 { background-color: #070a0f; }
#business #payment .payment-slide-box.contents02 .sub-copy { width: 520px; }
#business #payment .payment-slide-box.contents02 img { position: absolute; left: 50%; transform: translateX(-50%); bottom: -120px; }
#business #payment .payment-slide-box.contents03 { background-color: #336FD3; }
#business #payment .payment-slide-box.contents03 img { position: absolute; left: 60%; transform: translateX(-50%); bottom: -190px; }
#business #payment .payment-slide-box.contents03 .sub-copy { width: 450px; }
#business #payment .payment-bullet-pagination + .contents-title-area { margin-top: 150px; }
#business #payment .tab-menu-area { margin-top: 40px; }
#business #payment .tab-contents-wrap { margin-top: 80px; }
#business #payment .tab-contents-wrap .software-contents { width: calc(100% + 864px); margin-left: -432px; }
#business #payment .tab-contents-wrap .software-contents { display: grid; grid-template-columns: repeat(4, 1fr); gap: 60px 75px; }
#business #payment .tab-contents-wrap .software-contents > a { width: 100%; height: 419px; border-radius: 20px; overflow: hidden; position: relative; }
#business #payment .tab-contents-wrap .software-contents > a > img { object-fit: cover; transition: transform .5s; min-height: 100%; min-width: 100%; }
#business #payment .tab-contents-wrap .software-contents > a:hover > img { transform: scale(1.1); }
#business #payment .tab-contents-wrap .software-contents > a > p { color: #ffffff; position: absolute; white-space: nowrap; z-index: 1; }
#business #payment .tab-contents-wrap .software-contents > a:nth-child(1) > p { top: 24px; left: 50%; transform: translateX(-50%); font-size: 70px; font-weight: 900; line-height: 1.24; }
#business #payment .tab-contents-wrap .software-contents > a:nth-child(2) > p { transform: rotate(-90deg); font-size: 78px; font-weight: 700; line-height: 1.24; left: -20px; top: 68px; }
#business #payment .tab-contents-wrap .software-contents > a:nth-child(3) > p { font-size: 78px; font-weight: 700; line-height: 1.24; top: 0; left: 20px; }
#business #payment .tab-contents-wrap .software-contents > a:nth-child(4) > p { top: 22px; left: 50%; transform: translateX(-50%); font-size: 40px; font-weight: 700; line-height: 1.24; }
#business #payment .tab-contents-wrap .software-contents > a:nth-child(5) > p { top: 16px; left: 50%; transform: translateX(-50%); font-size: 60px; font-weight: 700; line-height: 1.24; }
#business #payment .tab-contents-wrap .software-contents > a:nth-child(6) > p { bottom: 45px; left: 50%; transform: translateX(-50%); font-size: 78px; font-weight: 700; line-height: 1.24; }
#business #payment .tab-contents-wrap .software-contents > a:nth-child(7) > p { top: 16px; left: 50%; transform: translateX(-50%); font-size: 60px; font-weight: 700; line-height: 1.24; }
#business #payment .tab-contents-wrap .software-contents > a:nth-child(8) > p { left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 78px; font-weight: 700; line-height: 1.24; }
#business #payment .tab-contents-wrap .software-contents .link-btn { position: absolute; right: 12px; bottom: 12px; }
#business #payment .tab-contents-wrap .hardware-contents { width: calc(100% + 160px); margin-left: -80px; }
#business #payment .tab-contents-wrap .hardware-contents .list-title { color: #070a0f; font-size: 24px; line-height: 1.4; }
#business #payment .tab-contents-wrap .hardware-contents .list-wrap { margin-top: 20px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px 60px; }
#business #payment .tab-contents-wrap .hardware-contents .list-wrap + .list-title { margin-top: 92px; }
#business #payment .tab-contents-wrap .hardware-contents .list-wrap .img-box { width: 190px; height: 220px; perspective: 1000px; transition: 0.5s ease-in-out; transform-style: preserve-3d; position: relative; cursor: pointer; }
#business #payment .tab-contents-wrap .hardware-contents .list-wrap .img-box .front-box { padding: 16px 0; text-align: center; background-color: #292929; border-radius: 10px; z-index: 1; position: relative; }
#business #payment .tab-contents-wrap .hardware-contents .list-wrap .img-box .front-box .title { color: #ffffff; font-size: 25px; font-weight: 700; line-height: 1.24; }
#business #payment .tab-contents-wrap .hardware-contents .list-wrap .img-box .back-box { z-index: 1; transform: rotateY(-180deg); background-color: #292929; border-radius: 10px; padding: 16px 12px; }
#business #payment .tab-contents-wrap .hardware-contents .list-wrap .img-box .back-box .title { color: #ffffff; font-size: 25px; font-weight: 700; line-height: 1.24; text-align: center; }
#business #payment .tab-contents-wrap .hardware-contents .list-wrap .img-box .back-box .sub-copy { margin-top: 12px; color: #ffffff; font-size: 12px; font-weight: 700; line-height: 1.2; list-style: disc; margin-left: 12px; }
#business #payment .tab-contents-wrap .hardware-contents .list-wrap .img-box .front-box,
#business #payment .tab-contents-wrap .hardware-contents .list-wrap .img-box .back-box { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; }
#business #payment .tab-contents-wrap .hardware-contents .list-wrap .img-box.active { transform: rotateY(180deg); }
#business #payment .tab-contents-wrap .hardware-contents .list-wrap .img-box .front-box::after { content: ""; display: inline-block; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #ffffff; background-color: rgba(255,255,255,0.2); backdrop-filter: blur(1.5px); background-image: url(../image/icon/icn-plus01.svg); background-repeat: no-repeat; background-position: center; position: absolute; right: 10px; bottom: 10px; }

/* Business - Solution */
#business #solution { background-color: #000000; color: #ffffff; overflow: hidden; }
#business #solution .section-default-wrapper { padding: 170px 80px 270px; }
#business #solution .title-area .title { font-size: 50px; font-weight: 600; line-height: 1.4; }
#business #solution .title-area .sub-copy { margin-top: 34px; font-size: 18px; line-height: 30px; }
#business #solution .tab-contents-area { margin-top: 72px; }
#business #solution .tab-contents-wrap { margin-top: 260px; height: 806px; position: relative; }

#business #solution .solution-contents-box { display: flex; justify-content: space-between; width: calc(100% + 570px); margin-left: -285px; height: 100%; }
#business #solution .solution-contents-box .contents-img-box { position: absolute; left: 50%; transform: translateX(-50%); z-index: 2; width: 752px; height: 100%; display: flex; justify-content: center; align-items: center; }
#business #solution .solution-contents-box .side-text-wrap { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
#business #solution .solution-contents-box .side-text-wrap:first-child { align-items: flex-start; }
#business #solution .solution-contents-box .side-text-wrap:last-child { align-items: flex-start; }
#business #solution .solution-contents-box .side-text-wrap .inner-contents-box { display: flex; flex-direction: column; align-items: flex-end; }
#business #solution .solution-contents-box .side-text-wrap .inner-title { font-size: 32px; line-height: 1.4; width: 100%;  }
#business #solution .solution-contents-box .side-text-wrap.right-side .inner-title { text-align: right; }
#business #solution .solution-contents-box .side-text-wrap .inner-sub-copy { margin-top: 18px; font-size: 18px; line-height: 20px; word-break: keep-all; width: 274px; }
#business #solution .solution-contents-box .side-text-wrap:last-child .inner-sub-copy { text-align: right; }
#business #solution .solution-contents-box .link-btn { margin-top: 10px; }

#business #solution .tab-contents-wrap .tab-contents-box { display: block !important; position: absolute; left: 0; top: 0; opacity: 0; transition: opacity 0.3s; width: 100%; height: 100%; z-index: 1; }
#business #solution .tab-contents-wrap .tab-contents-box.active { opacity: 1; z-index: 10; }
#business #solution .solution-contents-box .contents-img-box img { transition: transform 0.3s, opacity 0.3s; transform: scale(0.8); opacity: 0.5; vertical-align: center; }
#business #solution .active .solution-contents-box .contents-img-box img { transform: scale(1); opacity: 1; }

#business #solution .tab-contents-box .side-text-wrap .inner-contents-box { position: relative; }
#business #solution .tab-contents-box .side-text-wrap .inner-contents-box::after { display: inline-block; content: ""; border: 1px solid; position: absolute; z-index: 1; }
#business #solution .tab-contents-box:nth-child(1) .side-text-wrap .inner-contents-box::after { border-color: #779eeb; }
#business #solution .tab-contents-box .left-side .inner-contents-box:nth-child(1)::after { width: 382px; height: 100px; bottom: -100px; left: 122px; border-top: 0; border-right: 0; border-bottom-left-radius: 10px; }
#business #solution .tab-contents-box .left-side .inner-contents-box:nth-child(2)::after { width: 272px; height: 0px; top: 20px; right: -190px; border-top: 0; border-right: 0; }
#business #solution .tab-contents-box .left-side .inner-contents-box:nth-child(3)::after { width: 371px; height: 86px; top: -86px; left: 122px; border-bottom: 0; border-right: 0; border-top-left-radius: 10px; }
#business #solution .tab-contents-box .right-side .inner-contents-box:nth-child(1)::after { width: 298px; height: 47px; bottom: -47px; right: 134px; border-top: 0; border-left: 0; border-bottom-right-radius: 10px; }
#business #solution .tab-contents-box .right-side .inner-contents-box:nth-child(2)::after { width: 177px; height: 1px; top: 26px; left: -190px; border-bottom: 0; border-right: 0; border-left: 0; }
#business #solution .tab-contents-box .right-side .inner-contents-box:nth-child(3)::after { width: 501px; height: 53px; top: -53px; right: 88px; border-bottom: 0; border-left: 0; border-top-right-radius: 10px; }
#business #solution .tab-contents-box:nth-child(2) .side-text-wrap .inner-contents-box::after { border-color: #FFA141; }
#business #solution .tab-contents-box:nth-child(3) .side-text-wrap .inner-contents-box::after { border-color: #9676FF; }
#business #solution .tab-contents-box:nth-child(4) .side-text-wrap .inner-contents-box::after { border-color: #3986FF; }

/* Business - Voucher */
#business #voucher .section-default-wrapper { padding: 180px 80px; }
#business #voucher .title-area { color: #000000; }
#business #voucher .title-area .title { font-size: 50px; font-weight: 600; line-height: 1.4; }
#business #voucher .title-area .sub-copy { margin-top: 34px; font-size: 18px; line-height: 30px; width: 460px; word-break: keep-all; }
#business #voucher .contents-title-area { margin-top: 167px; }
#business #voucher .contents-title-area .top-copy { color: #346dfe; font-size: 25px; font-weight: 700; line-height: 1.4; }
#business #voucher .contents-title-area .main-copy { color: #000000; font-size: 50px; line-height: 1.4; }
#business #voucher .contents-title-area .sub-copy { margin-top: 30px; color: #000000; font-size: 18px; line-height: 1.5; }
#business #voucher .voucher-contents-wrap { margin-top: 108px; display: grid; grid-template-columns: 1fr 1fr; gap: 70px 84px; }
#business #voucher .voucher-contents-wrap .img-box { width: 346px; height: 346px; overflow: hidden; border-radius: 20px; }
#business #voucher .voucher-contents-wrap .img-box img { object-fit: cover; min-height: 100%; }
#business #voucher .voucher-contents-wrap .img-sub-copy { margin-top: 42px;  text-align: center; color: #000000; font-size: 26px; font-weight: 600; line-height: 40px; width: 100%; word-break: keep-all; }

#business #partner-list-section { width: 100%; padding: 100px 0; background-color: #070a0f; }
#business #partner-list-section .wrap { position: relative; width: 100%; display: flex; gap: 0; }
#business #partner-list-section .roller { width:  auto; top: 0; }
#business #partner-list-section div { padding: 0 40px; }
#business #partner-list-section div img { max-width: inherit; }

/* 애니메이션 */
.roller.original{
    animation: 200s linear 0s infinite forwards running rollingleft1;
}
.roller.clone{
    animation: 200s linear 0s infinite none running rollingleft2;
}
@keyframes rollingleft1 { /* 원본용 */
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(-100%);
    }
    50.01%{
        transform: translateX(100%);
    }
    100%{
        transform: translateX(0);
    }
}

@keyframes rollingleft2 { /* 클론용 */
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-200%);
    }
}

/************   Solution Layout   ************/
/* Solution - Payment */
#solution #payment .section-default-wrapper { padding: 120px 80px 180px; }
#solution #payment h2 { color: #000000; font-size: 50px; line-height: 1.5; }
#solution #payment .tab-contents-area { margin-top: 40px; }
#solution #payment .tab-contents-wrap { margin-top: 104px; }
#solution #payment .tab-contents-wrap .title-area .title { color: #000000; font-size: 50px; line-height: 1.4; }
#solution #payment .tab-contents-wrap .title-area .sub-copy { margin-top: 34px; color: #000000; font-size: 18px; line-height: 30px; }
#solution #payment .tab-contents-wrap .img-list-cont-wrap { margin-top: 104px; }
#solution #payment .tab-contents-wrap .img-list-cont-wrap.type01 { display: grid; grid-template-columns: 1fr 1fr; gap: 99px 20px; }
#solution #payment .tab-contents-wrap .img-list-cont-wrap.type01 .inner-box { text-align: center; min-width: 350px; }
#solution #payment .tab-contents-wrap .img-list-cont-wrap.type01 .inner-text-box { margin-top: 40px; }
#solution #payment .tab-contents-wrap .img-list-cont-wrap.type01 .inner-text-title { color: #000000; font-size: 32px; line-height: 1.4; }
#solution #payment .tab-contents-wrap .img-list-cont-wrap.type01 .inner-text-sub-copy { margin-top: 14px; color: #000000; font-size: 18px; line-height: 1.5; }
#solution #payment .tab-contents-wrap .img-list-cont-wrap.type02 .label-title { display: inline-block; height: 62px; line-height: 62px; padding: 0 20px; background-color: #f7f7f7; border-radius: 40px; color: #000000; font-size: 30px; }
#solution #payment .tab-contents-wrap .img-list-cont-wrap.type02 .label-title + img { margin-top: 48px; }
#solution #payment .tab-contents-wrap .img-list-cont-wrap.type02 img + .label-title { margin-top: 200px; }
#solution #payment .tab-contents-wrap .img-list-cont-wrap.type02 img + .sub-copy-list { margin-top: 100px; color: #000000; font-size:20px; line-height: 30px; list-style-type: disc; list-style-position: inside; }

/* Solution - Calculate */
#solution #calculate { background-color: #070A0F; }
#solution #calculate .section-default-wrapper { padding: 126px 80px 180px; }
#solution #calculate h2 { color: #ffffff; font-size: 54px; line-height: 1.4; }
#solution #calculate .calc-cont-area { margin-top: 88px; display: grid; grid-template-columns: 1fr 1fr; gap: 50px 96px; }
#solution #calculate .calc-cont-area .input-box { position: relative; }
#solution #calculate .calc-cont-area .input-box em { position: absolute; left: 310px; color: #ffffff; bottom: 18px; font-size: 22px; }
#solution #calculate .calc-cont-area .input-box label { display: block; color: rgba(255,255,255,0.6); font-size: 24px; line-height: 20px; }
#solution #calculate .calc-cont-area .input-box input[type="text"] { display: inline-block; width: 300px; height: 58px; padding: 0 20px; border-radius: 6px; background-color: #eaeaea; margin-top: 20px; font-size: 22px; text-align: right; }
#solution #calculate .calc-cont-area .input-box input[type="text"]::placeholder { color: rgba(0,0,0,0.24); }
#solution #calculate .calc-cont-area .btn-box { display: flex; align-items: center; gap: 16px; align-items: flex-end; }
#solution #calculate .calc-cont-area .btn-box .btn { display: inline-block; width: 144px; height: 58px; line-height: 58px; border-radius: 32px; font-size: 28px; font-weight: 700; border: 0; }
#solution #calculate .calc-cont-area .btn-box .btn.type01 { background-color: #346dff; color: #ffffff; }
#solution #calculate .calc-cont-area .btn-box .btn.type02 { background-color: #ffffff; color: #000000; }
#solution #calculate .guide-table { color: #000000; position: absolute; left: -490px; top: 350px; width: 410px; background-color: #f4f4f4; border-radius: 20px; padding: 24px 20px; }
#solution #calculate .guide-table .table-title { font-size: 22px; line-height: 1.4; }
#solution #calculate .guide-table .table-wrap { margin-top: 24px; padding: 8px; background-color: #ffffff; border-radius: 18px; }
#solution #calculate .guide-table .table-wrap table { font-size: 16px; line-height: 1.4; }
#solution #calculate .guide-table .table-wrap table thead tr td { border-bottom: 1px solid #dadada; }
#solution #calculate .guide-table .table-wrap table td { border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; text-align: center; height: 44px; }
#solution #calculate .guide-table .table-wrap table td:last-child { border-right: 0; }
#solution #calculate .guide-table .table-wrap table tbody tr:last-child td { border-bottom: 0; }
#solution #calculate .guide-table .table-wrap table tbody tr:first-child td:last-child { border-top: 1px solid #dadada; border-bottom: 0; border-left: 1px solid #dadada; }
#solution #calculate .guide-table .sub-text { margin-top: 16px; color: #3344dc; font-size: 16px; line-height: 28px; list-style: disc; list-style-position: outside; margin-left: 20px; }

#calculate h2 .guide-btn { display: inline-block; margin-left: 28px; width: 54px; height: 54px; background-color: rgb(57,59,63); border-radius: 50%; background-image: url(../image/mo/icn-mark.svg); background-repeat: no-repeat; background-position: center; margin-top: 11px; }
#solution #calculate .guide-table { display: none; z-index: 9999; }
#solution #calculate .guide-table.active { display: block; z-index: 9999; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); }

.guide-table.popup .popup-exit { display: inline-block; position: absolute; width: 32px; height: 32px; right: 20px; top: 24px; background-image: url(../image/mo/icn-popup-exit.png); background-repeat: no-repeat; background-position: center; }

/* Solution - Settlement */
#solution #settlement .section-default-wrapper { padding: 232px 80px; }
#solution #settlement .title-area { color: #000000; }
#solution #settlement .title-area h2 { font-size: 50px; line-height: 1.4; }
#solution #settlement .title-area .sub-copy { margin-top: 34px; font-size: 18px; line-height: 30px; }
#solution #settlement .tab-contents-area { margin-top: 40px; }
#solution #settlement .settlement-cont-area { padding-top: 104px; }
#solution #settlement .settlement-cont-area .title-area { color: #000000; }
#solution #settlement .settlement-cont-area .title-area .cont-title { font-size: 50px; line-height: 1.4; }
#solution #settlement .settlement-cont-area .title-area .cont-sub-title { font-size: 18px; line-height: 30px; }
#solution #settlement .settlement-cont-area .cont-list-area { margin-top: 104px; display: grid; color: #000000; }
#solution #settlement .settlement-cont-area .cont-list-area.type01 { grid-template-columns: repeat(2, 1fr); gap: 100px; }
#solution #settlement .settlement-cont-area .cont-list-area.type01 .cont-title { font-size: 30px; line-height: 1.4; }
#solution #settlement .settlement-cont-area .cont-list-area.type01 .cont-sub-copy { margin-top: 50px; font-size: 18px; line-height: 30px; }
#solution #settlement .settlement-cont-area .cont-list-area.type02 { grid-template-columns: repeat(3, 1fr); gap: 52px; word-break: keep-all; }
#solution #settlement .settlement-cont-area .cont-list-area.type02 .cont-title { font-size: 30px; line-height: 1.4; height: 126px; }
#solution #settlement .settlement-cont-area .cont-list-area.type02 .cont-sub-copy { margin-top: 74px; font-size: 18px; line-height: 30px; }

/* Solution - certi-title */
#solution #certi-title { background-color: #000000; }
#solution #certi-title .section-default-wrapper { padding: 158px 80px 120px; color: #ffffff; }
#solution #certi-title h2 { font-size: 50px; line-height: 1.4; }
#solution #certi-title .title-area { margin-top: 116px; }
#solution #certi-title .title-area .title { font-size: 50px; line-height: 1.4; }
#solution #certi-title .title-area .sub-copy { margin-top: 34px; font-size: 18px; line-height: 30px; }

/* Solution - section-div-img */
#solution #section-div-img { width: 100%; height: 815px; overflow: hidden; position: relative; }
#solution #section-div-img > img { object-fit: cover; min-height: 815px; width: 100%; }
#solution #section-div-img .side-dim { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.5); max-width: 100%; min-width: 50%; }
#solution #section-div-img .side-dim p { color: #ffffff; position: absolute; left: 50%; top: 50%; transform: translate(-100%,-50%); font-size: 80px; font-weight: 700; line-height: 1.4; white-space: nowrap; }

/* Solution - section-contents */
#solution #section-contents { background-color: #000000; color: #ffffff }
#solution #section-contents .section-default-wrapper { padding: 166px 80px 180px; }
#solution #section-contents .label-title { display: inline-block; height: 58px; line-height: 58px; padding: 0 20px; border-radius: 42px; background-color: #333333; font-size: 30px; color: #ffffff; }
#solution #section-contents .label-title + .img-wrap { margin-top: 40px; }
#solution #section-contents .img-wrap + .label-title { margin-top: 160px; }
#solution #section-contents .label-title + .img-cont-wrap { margin-top: 106px; }
#solution #section-contents .img-cont-wrap .text-wrap { display: flex; justify-content: space-between; width: calc(100% + 570px); margin-left: -285px; height: 834px; }
#solution #section-contents .img-cont-wrap .contents-img-box { position: absolute; left: 50%; transform: translateX(-50%); z-index: 2; }
#solution #section-contents .img-cont-wrap .side-text-wrap { display: flex; flex-direction: column; justify-content: space-between; height: 100%; z-index: 1; }
#solution #section-contents .img-cont-wrap .side-text-wrap:first-child { align-items: flex-start; }
#solution #section-contents .img-cont-wrap .side-text-wrap:last-child { align-items: flex-end; }
#solution #section-contents .img-cont-wrap .side-text-wrap .inner-contents-box { display: flex; flex-direction: column; align-items: flex-end; }
#solution #section-contents .img-cont-wrap .side-text-wrap .inner-title { font-size: 32px; line-height: 1.4; width: 100%; }
#solution #section-contents .img-cont-wrap .side-text-wrap .inner-list { margin-top: 18px; font-size: 18px; line-height: 20px; word-break: keep-all; max-width: 274px; list-style-type: disc; margin-left: 20px; }
#solution #section-contents .img-cont-wrap .side-text-wrap.right-side .inner-title { text-align: left; }
#solution #section-contents .img-cont-wrap .side-text-wrap.right-side .inner-list { text-align: left; }
#solution #section-contents .img-cont-wrap .contect-line { position: absolute; width: 44px; height: 44px; background-color: rgba(52,109,255,0.20); border-radius: 50%; z-index: 0; }
#solution #section-contents .img-cont-wrap .side-text-wrap .inner-box { position: relative; z-index: 1; }
#solution #section-contents .img-cont-wrap .side-text-wrap .inner-box .contect-line::after { position: absolute; content: ""; display: inline-block; border: 1px solid rgb(52 109 255 / 50%); }
#solution #section-contents .img-cont-wrap .side-text-wrap.left-side .inner-box:first-child .contect-line { left: 46px; bottom: -16px; }
#solution #section-contents .img-cont-wrap .side-text-wrap.left-side .inner-box:first-child .contect-line::after { width: 450px; height: 64px; bottom: -64px; left: 22px; border-top: 0; border-right: 0; border-bottom-left-radius: 10px; }
#solution #section-contents .img-cont-wrap .side-text-wrap.left-side .inner-box:last-child .contect-line { left: 200px; top: -6px; }
#solution #section-contents .img-cont-wrap .side-text-wrap.left-side .inner-box:last-child .contect-line::after { width: 300px; height: 86px; top: -86px; left: 22px; border-bottom: 0; border-right: 0; border-top-left-radius: 10px; }
#solution #section-contents .img-cont-wrap .side-text-wrap.right-side .inner-box:first-child .contect-line { right: 35px; bottom: -23px; }
#solution #section-contents .img-cont-wrap .side-text-wrap.right-side .inner-box:first-child .contect-line::after { width: 450px; height: 70px; bottom: -70px; right: 22px; border-top: 0; border-left: 0; border-bottom-right-radius: 10px; }
#solution #section-contents .img-cont-wrap .side-text-wrap.right-side .inner-box:last-child .contect-line { right: 46px; top: -6px; }
#solution #section-contents .img-cont-wrap .side-text-wrap.right-side .inner-box:last-child .contect-line::after { width: 450px; height: 86px; top: -86px; right: 22px; border-bottom: 0; border-left: 0; border-top-right-radius: 10px; }

/* Solution - banner-section */
#solution #banner-section {  background-color: #000000; overflow: hidden; }
#solution #banner-section .banner-cont-wrap { width: 100%; max-width: 1920px; height: 1178px; position: relative; color: #ffffff; margin: 0 auto; }
#solution #banner-section .banner-cont-wrap .text-wrap { padding-top: 272px; position: absolute; left: 200px; z-index: 2; }
#solution #banner-section .banner-cont-wrap .top-copy { color: rgba(255,255,255,0.65); font-size: 30px; font-weight: 400; line-height: 42px; }
#solution #banner-section .banner-cont-wrap .main-copy { margin-top: 28px; color: #ffffff; font-size: 82px; font-weight: 400; line-height: 108px; letter-spacing: -3px; }
#solution #banner-section .banner-cont-wrap .link { display: inline-block; margin-top: 86px; height: 62px; line-height: 62px; padding: 0 22px; border-radius: 56px; border: 1px solid #ffffff; background-color: rgba(253,253,253,0.2); backdrop-filter: blur(2px); font-size: 30px; color: #ffffff; }
#solution #banner-section .banner-cont-wrap .link img { display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; }
#solution #banner-section .img-wrap { position: absolute; height: 80%; left: 30%; bottom: 0; overflow: hidden; min-height: 80%; max-height: 100%; transform-origin: center bottom; }
#solution #banner-section .img-wrap img { height: 100%; }

/* Solution - Kiosk */
#solution #kiosk .section-default-wrapper { padding: 170px 0 186px; color: #000000; }
#solution #kiosk .title-area h2 { font-size: 50px; line-height: 1.4; }
#solution #kiosk .title-area .sub-copy { margin-top: 34px; font-size: 18px; line-height: 1.5; }
#solution #kiosk .kiosk-cont-area { margin-top: 186px; }
#solution #kiosk .kiosk-cont-area .label-title { display: inline-block; height: 62px; line-height: 62px; padding: 0 20px; border-radius: 40px; background-color: #f7f7f7; font-size: 30px; }
#solution #kiosk .kiosk-cont-area .cont-list-area { padding-top: 54px; display: grid; grid-template-columns: 1fr 1fr; gap: 70px 170px; }
#solution #kiosk .kiosk-cont-area .cont-list-area .cont-box { text-align: center; }
#solution #kiosk .kiosk-cont-area .cont-list-area .cont-box .cont-title { margin-top: 30px; font-size: 32px; line-height: 1.4; }
#solution #kiosk .kiosk-cont-area .cont-list-area .cont-box .cont-sub-copy { margin-top: 14px; font-size: 18px; line-height: 30px; }

/* Solution - kiosk-sub-contents */
#solution #kiosk-sub-contents { background-color: #070a0f; color: #ffffff; }
#solution #kiosk-sub-contents .section-default-wrapper { padding: 180px 0px 168px; width: 1230px; max-width: 1230px; }
#solution #kiosk-sub-contents .img-cont-wrap  { position: relative; }
#solution #kiosk-sub-contents .img-cont-wrap .text-wrap { display: flex; justify-content: space-between; height: 874px; }
#solution #kiosk-sub-contents .img-cont-wrap .contents-img-box { position: absolute; left: 50%; transform: translateX(-50%); z-index: 2; top: 138px; width: 752px; }
#solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap { display: flex; flex-direction: column; justify-content: space-between; height: 100%; z-index: 1; }
#solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap:first-child { align-items: flex-start; }
#solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap:last-child { align-items: flex-end; }
#solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap .inner-contents-box { display: flex; flex-direction: column; align-items: flex-end; }
#solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap .inner-title { font-size: 32px; line-height: 1.4; width: 100%; }
#solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap .box-text { margin-top: 18px; font-size: 18px; line-height: 20px; word-break: keep-all; max-width: 274px; }
#solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap.right-side .inner-box { display: flex; flex-direction: column; align-items: flex-end; }
#solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap.right-side .inner-title { text-align: right; }
#solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap.right-side .box-text { text-align: right; }
#solution #kiosk-sub-contents .img-cont-wrap .contect-line { position: absolute; width: 44px; height: 44px; background-color: rgba(83, 152, 255, 0.20); border-radius: 50%; z-index: 0; }
#solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap .inner-box { position: relative; z-index: 1; }
#solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap .inner-box .contect-line::after { position: absolute; content: ""; display: inline-block; border: 1px solid rgb(83 152 255 / 50%); }
#solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap.left-side { padding: 100px 0 56px; }
#solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap.left-side .inner-box:first-child .contect-line { left: 46px; bottom: -16px; }
#solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap.left-side .inner-box:first-child .contect-line::after { width: 250px; height: 138px; bottom: -138px; left: 22px; border-top: 0; border-right: 0; border-bottom-left-radius: 10px; }
#solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap.left-side .inner-box:last-child .contect-line { left: 130px; top: -6px; }
#solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap.left-side .inner-box:last-child .contect-line::after { width: 300px; height: 86px; top: -86px; left: 22px; border-bottom: 0; border-right: 0; border-top-left-radius: 10px; }
#solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap.right-side .inner-box:first-child .contect-line { right: 135px; bottom: -23px; }
#solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap.right-side .inner-box:first-child .contect-line::after { width: 200px; height: 70px; bottom: -70px; right: 22px; border-top: 0; border-left: 0; border-bottom-right-radius: 10px; }
#solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap.right-side .inner-box:nth-child(2) .contect-line { left: 60px; top: 10px; }
#solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap.right-side .inner-box:nth-child(2) .contect-line::after { width: 100px; height: 1px; bottom: 22px; left: -100px; border-top: 0; border-left: 0; border-right: 0; }
#solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap.right-side .inner-box:last-child .contect-line { right: 46px; top: -6px; }
#solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap.right-side .inner-box:last-child .contect-line::after { width: 450px; height: 30px; top: -30px; right: 22px; border-bottom: 0; border-left: 0; border-top-right-radius: 10px; }

/* Solution - kiosk-mo-contents */
#solution #kiosk-mo-contents { color: #000000; }
#solution #kiosk-mo-contents .section-default-wrapper { padding: 172px 80px 160px; }
#solution #kiosk-mo-contents .text-area .main-copy { font-size: 50px; font-weight: 600; line-height: 1.5; }
#solution #kiosk-mo-contents .text-area .sub-copy { margin-top: 32px; font-size: 18px; line-height: 1.5; word-break: keep-all; }
#solution #kiosk-mo-contents .img-cont-wrap { margin-top: 172px; width: calc(100% + 180px); margin-left: -90px; }
#solution #kiosk-mo-contents .img-cont-wrap { display: flex; justify-content: center; flex-wrap: wrap; gap: 120px }
#solution #kiosk-mo-contents .img-cont-wrap .cont-box { width: 241px; text-align: center; }
#solution #kiosk-mo-contents .img-cont-wrap .cont-text { margin-top: 50px; }
#solution #kiosk-mo-contents .img-cont-wrap .cont-text { font-size: 32px; line-height: 1.4; white-space: nowrap; }
#solution #kiosk-mo-contents .img-cont-wrap .cont-box:last-child { position: relative; }
#solution #kiosk-mo-contents .img-cont-wrap .cont-box:last-child::after { position: absolute; content: "OR"; display: inline-block; left: -90px;  top: 200px; color: #d8d8d8; font-weight: 700; font-size: 38px; line-height: 1.4; }

/* Solution - esg-banner */
#solution #esg-banner { color: #ffffff; height: 940px; overflow: hidden; background-color: #000000; }
#solution #esg-banner .bg-img-area { width: 100%; height: 100%; position: absolute; }
#solution #esg-banner .bg-img-area img { object-fit: cover; width: 100%; min-height: 940px; }
#solution #esg-banner .text-wrap { width: calc(100% + 422px); margin-left: -211px; padding-top: 242px; height: 100%; }
#solution #esg-banner .top-copy { font-size: 28px; line-height: 1.4; }
#solution #esg-banner .main-copy { margin-top: 56px; font-size: 70px; font-weight: 300; line-height: 92.5px; }
#solution #esg-banner .main-copy b { font-weight: 700; }

/* Solution - esg-main */
#solution #esg-main { color: #000000; }
#solution #esg-main .section-default-wrapper { padding: 198px 80px 180px; }
#solution #esg-main .title-area h2 { font-size: 50px; line-height: 1.4; }
#solution #esg-main .title-area p { margin-top: 34px; font-size: 18px; line-height: 30px; }
#solution #esg-main .img-list { margin-top: 88px; display: grid; grid-template-columns: repeat(3, 1fr); }
#solution #esg-main .img-list .img-box { text-align: center; }
#solution #esg-main .img-list .img-box .text { margin-top: 22px; font-size: 32px; line-height: 1.4; }
#solution #esg-main .step-cont-area { margin-top: 168px; }
#solution #esg-main .step-cont-area .label-title { display: inline-block; height: 62px; line-height: 62px; padding: 0 20px; border-radius: 40px; background-color: #f7f7f7; font-size: 30px; }
#solution #esg-main .step-cont-area .sub-copy { margin-top: 45px; font-size: 18px; line-height: 1.4; word-break: keep-all; }
#solution #esg-main .step-cont-area .img-wrap { margin-top: 84px; text-align: center; }
#solution #esg-main .step-cont-area .img-wrap + .label-title { margin-top: 200px; }

/* Solution - agent */ /* Solution - kiosk mart */
#solution #agent { background-color: #000000; color: #ffffff; }
#solution #agent .section-default-wrapper { padding: 160px 72px; }
#solution #agent .title-area h2,
#solution #kiosk-mart .title-area h2 { font-size: 50px; font-weight: 600; line-height: 1.4; }
#solution #agent .title-area p,
#solution #kiosk-mart .title-area p { margin-top: 34px; font-size: 18px; line-height: 1.5; }
#solution #agent .tab-contents-area,
#solution #kiosk-mart .tab-contents-area { margin-top: 40px; }
#solution #agent .tab-contents-area .tab-menu-area,
#solution #kiosk-mart .tab-contents-area .tab-menu-area { width: 100%; flex-wrap: wrap; gap: 30px; }
#solution #agent .tab-contents-area .tab-contents-wrap,
#solution #kiosk-mart .tab-contents-area .tab-contents-wrap { margin-top: 104px; }
#solution #agent .tab-contents-area .tab-contents-wrap .cont-title,
#solution #kiosk-mart .tab-contents-area .tab-contents-wrap .cont-title { font-size: 50px; font-weight: 500; line-height: 1.4; }
#solution #agent .tab-contents-area .tab-contents-wrap .cont-title + .cont-sub-copy,
#solution #kiosk-mart .tab-contents-area .tab-contents-wrap .cont-title + .cont-sub-copy { margin-top: 34px; }
#solution #agent .tab-contents-area .tab-contents-wrap .cont-sub-copy,
#solution #kiosk-mart .tab-contents-area .tab-contents-wrap .cont-sub-copy { font-size: 18px; font-weight: 500; line-height: 1.5; }
#solution #agent .tab-contents-area .tab-contents-wrap dl { display: grid; grid-template-columns: auto auto; }
#solution #agent .tab-contents-area .tab-contents-wrap img,
#solution #kiosk-mart .tab-contents-area .tab-contents-wrap img { margin-top: 104px; max-width: inherit; width: 100%; }
#solution #agent .tab-contents-area .tab-contents-wrap img.tb-only { display: none; }

#solution #kiosk-mart .main-cont-wrap { width: 100%; background-color: #e0e0e0; display: flex; justify-content: center; }
#solution #kiosk-mart .section-cont-wrap { background-color: #000000; color: #ffffff; }
#solution #kiosk-mart .section-default-wrapper { padding: 160px 72px; }

/* Solution - smart rpa */
#solution #smartrpa .main-cont-wrap { width: 100%; background-color: #d9d9d9; }
#solution #smartrpa .main-cont-wrap .flex-wrap { width: 100%; display: flex; justify-content: center; color: #ffffff; gap: 60px; }
#solution #smartrpa .main-cont-wrap img { height: 100%; }
#solution #smartrpa .main-cont-wrap .title-area { display: flex; flex-direction: column; justify-content: center; gap: 32px; }
#solution #smartrpa .main-cont-wrap .title-area h2 { font-size: 84px; font-weight: 700; line-height: 1.5; }
#solution #smartrpa .main-cont-wrap .title-area .sub-copy { font-size: 32px; font-weight: 500; line-height: 1.5; }
#solution #smartrpa .section-default-wrapper { padding: 160px 80px; }
#solution #smartrpa .sub-cont-wrap .title-area h3 { font-size: 50px; font-weight: 600; line-height: 1.5; }
#solution #smartrpa .sub-cont-wrap .title-area .sub-copy { margin-top: 34px; font-size: 18px; font-weight: 500; line-height: 1.5; }
#solution #smartrpa .sub-cont-wrap .img-list-wrap { margin-top: 110px; }
#solution #smartrpa .sub-cont-wrap .img-list-wrap ul { display: grid; grid-template-columns: auto auto; gap: 106px 84px; }
#solution #smartrpa .sub-cont-wrap .img-list-wrap li { display: flex; flex-direction: column; align-items: center; }
#solution #smartrpa .sub-cont-wrap .img-list-wrap .img-box { border-radius: 8px; border: 1px solid #ffffff; filter: drop-shadow(0px 8.685px 9.925px rgba(138, 138, 138, 0.25)); }
#solution #smartrpa .sub-cont-wrap .img-list-wrap .label { margin-top: 38px; height: 48px; line-height: 48px; background-color: #efefef; border-radius: 46px; padding: 0 16px; color: #3b3b3b; font-size: 18px; font-weight: 700; }
#solution #smartrpa .sub-cont-wrap .img-list-wrap .list-sub-copy { margin-top: 20px; font-size: 18px; font-weight: 500; line-height: 1.5; }

/* Solution - my book */
#solution #mybook .main-cont-wrap { width: 100%; background-color: #f5f5f7; display: flex; justify-content: center; padding-top: 24px; }
#solution #mybook .section-cont-wrap { background-color: #000000; color: #ffffff; }
#solution #mybook .section-default-wrapper { padding: 160px 72px 104px; }
#solution #mybook .title-area h2 { font-size: 50px; font-weight: 600; line-height: 1.4; }
#solution #mybook .title-area .sub-copy { margin-top: 34px; font-size: 18px; line-height: 1.5; }
#solution #mybook .mybook-text-pagination { margin-top: 40px; display: flex; flex-wrap: wrap; gap: 30px; }
#solution #mybook .mybook-text-pagination .swiper-pagination-bullet { display: inline-block; width: auto; height: 50px; text-align: center;  line-height: 50px; border-radius: 35px; background-color: #333333; font-size: 24px; opacity: 1; padding: 0 20px; }
#solution #mybook .mybook-text-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #ffffff; color: #000000; font-weight: 600; }
#solution #mybook .swiper-wrapper,
#solution #mybook .swiepr-slide { height: auto; }
#solution #mybook .mybook-slide-box .text-wrap { width: 784px; margin: 0 auto; }
#solution #mybook .mybook-slide-box .text-wrap .slide-title { font-size: 50px; font-weight: 500; line-height: 1.4; }
#solution #mybook .mybook-slide-box .text-wrap .slide-sub-copy { margin-top: 34px; font-size: 18px; font-weight: 500; line-height: 1.5; min-height: 82px; }
#solution #mybook .mybook-slide-box .img-wrap { margin-top: 104px; margin-bottom: 160px; }
#solution #mybook .mybook-slide-box .img-wrap img { width: 100%; height: 900px; object-fit: contain; }
#solution #mybook .mybook-slide-box .img-wrap img.tb-only { display: none; }


/************   Service Layout   ************/
/* Service - Kiosk01 */
#service #kiosk01 { width: 100%; overflow: hidden; }
#service #kiosk01 .section-default-wrapper { padding: 220px 80px 228px; }
#service #kiosk01 h2 { color: #000000; font-size: 50px; font-weight: 600; line-height: 1.5; }
#service #kiosk01 .kiosk01-swiper-wrap { margin-top: 106px; }

/* Service - banner-section */
#service #banner-section .banner-cont-wrap { width: 100%; height: 1178px; position: relative; background-color: #000000; color: #ffffff; }
#service #banner-section .banner-cont-wrap .text-wrap { padding-top: 272px; position: absolute; left: 15%; z-index: 2; }
#service #banner-section .banner-cont-wrap .top-copy { color: rgba(255,255,255,0.65); font-size: 30px; font-weight: 400; line-height: 42px; }
#service #banner-section .banner-cont-wrap .main-copy { margin-top: 28px; color: #ffffff; font-size: 82px; font-weight: 400; line-height: 108px; letter-spacing: -3px; }
#service #banner-section .banner-cont-wrap .link { display: inline-block; margin-top: 86px; height: 62px; line-height: 62px; padding: 0 22px; border-radius: 56px; border: 1px solid #ffffff; background-color: rgba(253,253,253,0.2); backdrop-filter: blur(2px); font-size: 30px; color: #ffffff; }
#service #banner-section .banner-cont-wrap .link img { display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; }
#service #banner-section .img-wrap { position: absolute; height: 80%; left: 30%; bottom: 0; overflow: hidden; min-height: 80%; max-height: 100%; transform-origin: center bottom; }
#service #banner-section .img-wrap img { height: 100%; }

/* Service - common contents */
#service .kiosk-title-area h2 { font-size: 90px; font-weight: 900; line-height: 108px; }
#service .kiosk-title-area p { font-size: 60px; font-weight: 300; line-height: 97px; }
#service .service-img-cont-area { margin-top: 45px; display: grid; gap: 10px 16px; grid-template-rows: 324px 324px; }
#service .service-img-cont-area > div { border-radius: 10px; overflow: hidden; position: relative; }
#service .service-img-cont-area > div:first-child { grid-column: 1/3; }
#service .service-img-cont-area > div .title { width: 100%; border-bottom: 1px solid #ffffff; padding-bottom: 4px; font-size: 16px; font-weight: 700; line-height: 22px; }
#service .service-img-cont-area > div .sub-copy { margin-top: 14px; font-size: 18px; font-weight: 700; line-height: 28px; }


/* Service - hospital */
#service #hospital .section-default-wrapper { padding: 200px 80px 260px; color: #000000; }
#service #hospital .service-img-cont-area { grid-template-columns: auto 300px; color: #ffffff; }
#service #hospital .service-img-cont-area > div:first-child img { object-fit: cover; min-height: 100%; min-width: 100%; }
#service #hospital .service-img-cont-area > div:first-child .dim-wrap { position: absolute; width: 60%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.5); z-index: 1; padding: 70px 0 0 40px; }
#service #hospital .service-img-cont-area > div:first-child .dim-wrap p { font-size: 46px; font-weight: 600; line-height: 55px; }
#service #hospital .service-img-cont-area > div:nth-child(2) { background-color: #F09F00; }
#service #hospital .service-img-cont-area > div:nth-child(2) img { position: absolute; left: 10px; bottom: 0; width: 270px; }
#service #hospital .service-img-cont-area > div:nth-child(2) .text-wrap { position: absolute; right: 20px; top: 100px; width: 170px; }
#service #hospital .service-img-cont-area > div:nth-child(3) { background-color: #4b8bf7; }
#service #hospital .service-img-cont-area > div:nth-child(3) img { position: absolute; left: 0; bottom: 0; }
#service #hospital .service-img-cont-area > div:nth-child(3) .text-wrap { position: absolute; left: 26px; top: 20px; width: 170px; }

/* Service - Mart */
#service #mart { background-color: #000000; }
#service #mart .section-default-wrapper { padding: 186px 80px 188px; color: #ffffff; }
#service #mart .service-img-cont-area { grid-template-columns: 350px auto; color: #ffffff; }
#service #mart .service-img-cont-area > div:first-child img { object-fit: cover; min-height: 100%; min-width: 100%; }
#service #mart .service-img-cont-area > div:first-child .text-wrap { position: absolute; right: 28px; top: 44px; }
#service #mart .service-img-cont-area > div:first-child .text-wrap .title { color: #40474e; font-size: 50px; font-weight: 300; line-height: 60px; border-bottom: 0; padding-bottom: 0; }
#service #mart .service-img-cont-area > div:first-child .text-wrap .label-area { margin-top: 18px; width: 286px; display: flex; flex-wrap: wrap; gap: 8px; }
#service #mart .service-img-cont-area > div:first-child .text-wrap .label-area span { display: inline-block; height: 24px; line-height: 24px; border-radius: 4px; background-color: rgba(255,255,255,0.5); backdrop-filter: blur(2px); color: #40474e; font-size: 12px; font-weight: 300; padding: 0 6px; }
#service #mart .service-img-cont-area > div:first-child .text-wrap .label-area .flex-wrap { width: 100%; }
#service #mart .service-img-cont-area > div:nth-child(2) { background-color: #AAC4E7; }
#service #mart .service-img-cont-area > div:nth-child(2) img { position: absolute; width: 100%; left: 0; bottom: 0; }
#service #mart .service-img-cont-area > div:nth-child(2) .text-wrap .title { padding: 20px 24px 0; border-bottom: 0; color: #182536; font-size: 40px; font-weight: 300; line-height: 50px; }
#service #mart .service-img-cont-area > div:nth-child(3) { background-image: url(../image/bg/bg-service-cont11.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
#service #mart .service-img-cont-area > div:nth-child(3) img { position: absolute; width: 45%; left: 20px; bottom: 0; }
#service #mart .service-img-cont-area > div:nth-child(3) .text-wrap { position: absolute; right: 16px; top: 38px; }
#service #mart .service-img-cont-area > div:nth-child(3) .text-wrap .title { border-bottom: 0; font-size: 38px; font-weight: 700; line-height: 50px; }

/* Service - Golf */
#service #golf { color: #000000; }
#service #golf .section-default-wrapper { padding: 200px 80px 267px; }
#service #golf .service-img-cont-area { grid-template-columns: auto 290px; color: #ffffff; }
#service #golf .service-img-cont-area > div:first-child { background-color: #038D00; }
#service #golf .service-img-cont-area > div:first-child img { position: absolute; left: 140px; bottom: 0; }
#service #golf .service-img-cont-area > div:first-child .text-wrap { right: 40px; top: 46px; position: absolute; z-index: 1; text-align: left; }
#service #golf .service-img-cont-area > div:first-child .text-wrap .golf-title { font-size: 121px; font-weight: 900; }
#service #golf .service-img-cont-area > div:first-child .text-wrap .golf-sub-text { font-size: 50px; font-weight: 600; margin-top: -30px; padding-left: 10px; }
#service #golf .service-img-cont-area > div:nth-child(2) { background-color: #F09F00; }
#service #golf .service-img-cont-area > div:nth-child(2) img { position: absolute; top: -30px; right: -50px; width: 530px; max-width:inherit; z-index: 1; }
#service #golf .service-img-cont-area > div:nth-child(2) .text-wrap { position: absolute; left: 30px; top: 20px;  }
#service #golf .service-img-cont-area > div:nth-child(2) .text-wrap .golf-title { font-size: 113px; font-weight: 900; }
#service #golf .service-img-cont-area > div:nth-child(3) img { object-fit: cover; }

/* Service - MY BOOK */
#service #my-book { color: #000000; }
#service #my-book .section-default-wrapper { padding: 200px 80px 260px; }
#service #my-book .service-img-cont-area { grid-template-columns: auto 290px; }
#service #my-book .service-img-cont-area > div:first-child { background-color: #f5f5f7; }
#service #my-book .service-img-cont-area > div:first-child img:first-child { display: inline-block; position: absolute; left: 50%; top: 50%; transform: translateX(-50%); z-index: 1; }
#service #my-book .service-img-cont-area > div:first-child img:last-child { display: inline-block; position: absolute; left: calc(50% - 170px); bottom: 0; }
#service #my-book .service-img-cont-area > div:nth-child(2),
#service #my-book .service-img-cont-area > div:nth-child(3) { background-color: #dedede; }
#service #my-book .service-img-cont-area > div:nth-child(2) img { position: absolute; right: 0; }
#service #my-book .service-img-cont-area > div:nth-child(2) .text-wrap { position: absolute; top: 50px; left: 28px; }
#service #my-book .service-img-cont-area > div:nth-child(2) .text-wrap .title { border-bottom: 0; padding-bottom: 0; color: #727272; font-size: 52px; font-weight: 300; line-height: 60px; }
#service #my-book .service-img-cont-area > div:nth-child(2) .text-wrap .sub-copy { margin-top: 12px; color: #ffffff; font-size: 21px; font-weight: 300; line-height: 26px; }
#service #my-book .service-img-cont-area > div:nth-child(3) img { position: absolute; left: 0; }

/* Service - Solution */
#service #solution { background-color: #000000; color: #ffffff; overflow: hidden; }
#service #solution .section-default-wrapper { padding: 170px 80px 270px; }
#service #solution .title-area .title { font-size: 50px; font-weight: 600; line-height: 1.4; }
#service #solution .title-area .sub-copy { margin-top: 34px; font-size: 18px; line-height: 30px; }
#service #solution .tab-contents-area { margin-top: 72px; }
#service #solution .tab-contents-wrap { margin-top: 260px; height: 806px; position: relative; }

#service #solution .tab-contents-wrap .tab-contents-box { display: block !important; position: absolute; left: 0; top: 0; opacity: 0; transition: opacity 0.3s; width: 100%; height: 100%; z-index: 1; }
#service #solution .tab-contents-wrap .tab-contents-box.active { opacity: 1; z-index: 10; }
#service #solution .solution-contents-box .contents-img-box img { transition: transform 0.3s, opacity 0.3s; transform: scale(0.8); opacity: 0.5; vertical-align: center; }
#service #solution .active .solution-contents-box .contents-img-box img { transform: scale(1); opacity: 1; }

#service #solution .solution-contents-box { display: flex; justify-content: space-between; width: calc(100% + 570px); margin-left: -285px; height: 100%; }
#service #solution .solution-contents-box .contents-img-box { position: absolute; left: 50%; transform: translateX(-50%); z-index: 2; width: 752px; height: 100%; display: flex; justify-content: center; align-items: center; }
#service #solution .solution-contents-box .side-text-wrap { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
#service #solution .solution-contents-box .side-text-wrap:first-child { align-items: flex-start; }
#service #solution .solution-contents-box .side-text-wrap:last-child { align-items: flex-end; }
#service #solution .solution-contents-box .side-text-wrap .inner-contents-box { display: flex; flex-direction: column; align-items: flex-end; }
#service #solution .solution-contents-box .side-text-wrap .inner-title { font-size: 32px; line-height: 1.4; width: 100%; }
#service #solution .solution-contents-box .side-text-wrap.right-side .inner-title { text-align: right; }
#service #solution .solution-contents-box .side-text-wrap .inner-sub-copy { margin-top: 18px; font-size: 18px; line-height: 20px; word-break: keep-all; width: 274px; }
#service #solution .solution-contents-box .side-text-wrap:last-child .inner-sub-copy { text-align: right; }
#service #solution .solution-contents-box .side-text-wrap .link-btn { margin-top: 20px; }

#service #solution .tab-contents-box .side-text-wrap .inner-contents-box { position: relative; }
#service #solution .tab-contents-box .side-text-wrap .inner-contents-box::after { display: inline-block; content: ""; border: 1px solid; position: absolute; z-index: 1; }
#service #solution .tab-contents-box:nth-child(1) .side-text-wrap .inner-contents-box::after { border-color: #779eeb; }
#service #solution .tab-contents-box .left-side .inner-contents-box:nth-child(1)::after { width: 382px; height: 100px; bottom: -100px; left: 122px; border-top: 0; border-right: 0; border-bottom-left-radius: 10px; }
#service #solution .tab-contents-box .left-side .inner-contents-box:nth-child(2)::after { width: 272px; height: 0px; top: 20px; right: -190px; border-top: 0; border-right: 0; }
#service #solution .tab-contents-box .left-side .inner-contents-box:nth-child(3)::after { width: 371px; height: 86px; top: -86px; left: 122px; border-bottom: 0; border-right: 0; border-top-left-radius: 10px; }
#service #solution .tab-contents-box .right-side .inner-contents-box:nth-child(1)::after { width: 298px; height: 47px; bottom: -47px; right: 134px; border-top: 0; border-left: 0; border-bottom-right-radius: 10px; }
#service #solution .tab-contents-box .right-side .inner-contents-box:nth-child(2)::after { width: 177px; height: 1px; top: 26px; left: -190px; border-bottom: 0; border-right: 0; border-left: 0; }
#service #solution .tab-contents-box .right-side .inner-contents-box:nth-child(3)::after { width: 501px; height: 53px; top: -53px; right: 88px; border-bottom: 0; border-left: 0; border-top-right-radius: 10px; }
#service #solution .tab-contents-box:nth-child(2) .side-text-wrap .inner-contents-box::after { border-color: #FFA141; }
#service #solution .tab-contents-box:nth-child(3) .side-text-wrap .inner-contents-box::after { border-color: #9676FF; }
#service #solution .tab-contents-box:nth-child(4) .side-text-wrap .inner-contents-box::after { border-color: #3986FF; }



/************   Supprot Layout   ************/
/* Support - Customer */
#support #customer { color: #000000; }
#support #customer .section-default-wrapper { padding: 154px 80px 164px; }
#support #customer .top-copy { color: #d1d1d1; font-size: 18px; font-weight: 700; line-height: 1.5; }
#support #customer .main-copy { margin-top: 20px; font-size: 50px; font-weight: 500; line-height: 1.4; }
#support #customer .step-cont-area { margin-top: 176px; }
#support #customer .step-cont-area .title-area .title { font-size: 50px; line-height: 1.4; }
#support #customer .step-cont-area .title-area .sub-copy { margin-top: 34px; font-size: 18px; line-height: 30px; }
#support #customer .step-cont-area .img-wrap { margin-top: 168px; width: calc(100% + 160px); margin-left: -80px; }
#support #customer .step-cont-area img { width: 100%; }

/* Support - card-step */
#support #card-step { background-color: #000000; color: #ffffff; }
#support #card-step .section-default-wrapper { padding: 140px 0 210px; text-align: center; }
#support #card-step .title { font-size: 50px; line-height: 1.4; }
#support #card-step img { margin-top: 110px; width: 100%; }

/* Support - card-center */
#support #card-center { color: #000000; }
#support #card-center .section-default-wrapper { padding: 140px 80px 144px; }
#support #card-center .title-area .title { font-size: 50px; line-height: 1.4; }
#support #card-center .title-area .sub-copy { margin-top: 40px; font-size: 32px; line-height: 40px; }
#support #card-center .title-area .guide-copy { margin-top: 16px; font-size: 16px; font-weight: 400; line-height: 22px; text-decoration-line: underline; }
#support #card-center .center-list-area { margin-top: 140px; display: grid; grid-template-columns:  repeat(3, 1fr); gap: 100px; }
#support #card-center .center-list-area > div { text-align: center; }
#support #card-center .center-list-area img { width: 100%; }
#support #card-center .center-list-area .label,
#support #card-center .center-list-area > div > a { display: inline-block; height: 56px; line-height: 56px; padding: 0 20px; border-radius: 40px; background-color: #f7f7f7; margin-top: 50px; color: #7a7a7a; font-size: 26px; font-weight: 700; white-space: nowrap; }

/* Support - Faq */
#support #faq { color: #000000; }
#support #faq .section-default-wrapper { padding: 220px 0 420px; }
#support #faq h2 { font-size: 50px; font-weight: 600; line-height: 1.4; }
#support #faq .list-search-area { margin-top: 40px; }
#support #faq .toggle-list-wrap .list-inner-wrap .inner-header > div:first-child { flex-grow: 1; }
#support #faq .toggle-list-wrap.type-normal .list-inner-wrap .hidden-area .hide-contents-wrap p { white-space: normal; }

/* Support - center-number */
#support #center-number { color: #000000; }
#support #center-number .section-default-wrapper { padding: 45px 80px 108px; }
#support #center-number .support-center-area { border-top: 2px solid #e7e7e7; padding-top: 90px; display: grid; grid-template-columns: auto 320px; gap: 140px }
#support #center-number .support-center-area .title { font-size: 28px; line-height: 1.4; }
#support #center-number .support-center-area .number { margin-top: 4px; color: #303030; font-size: 60px; font-weight: 700; line-height: 1.4; }
#support #center-number .support-center-area .time-list { margin-top: 16px; display: grid; grid-template-columns: 124px auto; gap: 12px 36px; }
#support #center-number .support-center-area .time-list dt { color: #525252; font-size: 16px; line-height: 1.4; }
#support #center-number .support-center-area .time-list dd { color: #525252; font-weight: 700; font-size: 16px; line-height: 1.4; }
#support #center-number .side-wrap { color: #787878; font-size: 30px; font-weight: 400; line-height: 1.64; }



/************   Example Layout   ************/
/* Example - Partners */
#example #partners .section-default-wrapper { padding: 154px 80px 360px; color: #000000 }
#example #partners .title-area .top-copy { color: #d1d1d1; font-size: 18px; font-weight: 700; line-height: 1.5; }
#example #partners .title-area .title { margin-top: 36px; font-size: 50px; line-height: 1.4; }
#example #partners .title-area .bot-copy { margin-top: 92px; color: #747474; font-size: 20px; line-height: 1.4; text-decoration-line: underline;  }
#example #partners .tab-contents-area { margin-top: 20px; }
#example #partners .partners-contents-box { padding-top: 142px; }
#example #partners .partners-contents-box .list-title { font-size: 40px; line-height: 1.4; }
#example #partners .partners-contents-box .partners-list { margin-top: 50px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px 32px; }
#example #partners .partners-contents-box .partners-list-wrap + .partners-list-wrap { margin-top: 160px; }
#example #partners .partners-contents-box .partners-list li { border-radius: 66px; height: 80px; display: flex; align-items: center; }



/************   Community Layout   ************/
/* Community - Person */
#community #person { color: #000000; }
#community #person .section-default-wrapper { padding: 154px 70px 250px; }
#community #person .title-area .top-copy { color: #d1d1d1; font-size: 18px; line-height: 1.5; font-weight: 700; }
#community #person .title-area .main-copy { margin-top: 64px; font-size: 50px; line-height: 1.4; font-weight: 300; }
#community #person .title-area .main-copy b { font-weight: 700; }
#community #person .text-contents-area { margin-top: 250px; }
#community #person .text-contents-area .title { font-size: 50px; font-weight: 300; line-height: 1.4; }
#community #person .text-contents-area .sub-copy { margin-top: 30px; font-size: 18px; font-weight: 500; line-height: 1.5; }
#community #person .bg-wrap { height: 100%; position: absolute; width: calc(100% + 1096px); margin-left: -548px; left: 0; top: 0; }
#community #person .bg-wrap .bg-figure01 { position: absolute; top: 150px; left: -64px; }
#community #person .bg-wrap .bg-figure02 { position: absolute; top: 627px; right: -64px; }
#community #person .swiper-cont-wrap { margin-top: 178px; width: calc(100% + 852px); margin-left: -291px; }
#community #person .person-swiper02 { margin-top: 146px; }
#community #person .person-swiper01 .swiper-wrapper,
#community #person .person-swiper01 .swiper-slide,
#community #person .person-swiper02 .swiper-wrapper,
#community #person .person-swiper02 .swiper-slide { height: auto; }

/* Community - Benefits */
#community #benefits { color: #000000; }
#community #benefits .section-default-wrapper { padding: 0 80px 300px; }
#community #benefits h2 { font-size: 50px; font-weight: 300; line-height: 1.4; }
#community #benefits h2 b { font-weight: 700; }
#community #benefits .text-list-wrap { margin-top: 130px; }
#community #benefits .text-list-wrap .div-wrap { display: grid; grid-template-columns: repeat(3, 1fr); gap: 90px; }
#community #benefits .text-list-wrap .div-wrap + .div-wrap { margin-top: 50px; padding-top: 50px; border-top: 1px solid #ececec; }
#community #benefits .text-list-wrap .text-box .box-title { font-size: 26px; font-weight: 700; line-height: 40px; letter-spacing: 1.5px; }
#community #benefits .text-list-wrap .text-box .box-copy { margin-top: 20px; font-size: 18px; font-weight: 300; line-height: 26px; word-break: keep-all; }

/* Community - Preview */
#community #preview { color: #000000; }
#community #preview .section-default-wrapper { padding: 0 80px 180px; }
#community #preview h2 { font-size: 50px; font-weight: 500; line-height: 1.4; }
#community #preview .tab-contents-area { margin-top: 40px; }
#community #preview .tab-contents-wrap { margin-top: 140px; }
#community #preview .img-box { border-radius: 30px; height: 520px; overflow: hidden; box-shadow: 0px 3px 30px 0px rgba(144, 144, 144, 0.25); }
#community #preview .img-box img { object-fit: cover; min-height: 520px; min-width: 100%; }
#community #preview .swiper-wrapper,
#community #preview .swiper-slide { height: 520px; }
#community #preview .tab-contents-wrap { position: relative; height: 520px; }

/* Community - Posting */
#community #posting { color: #000000; }
#community #posting .section-default-wrapper { padding: 100px 0 325px; }
#community #posting h2 { font-size: 54px; font-weight: 500; line-height: 1.4; }
#community #posting .tab-contents-area { margin-top: 40px; }
#community #posting .tab-contents-wrap { margin-top: 70px; }
/* #community #posting .toggle-list-wrap .list-inner-wrap .inner-header > div:first-child { flex-grow: 1; } */
.toggle-list-wrap .list-inner-wrap .hidden-area .hide-contents-wrap { white-space: pre-wrap; }


/* Community - News */
#community #news { color: #ffffff; background-color: #070a0f; }
#community #news .section-default-wrapper { padding: 130px 80px; }
#community #news h2 { color: #ffffff; font-size: 60px; }
#community #news .news-cont-box { margin-top: 62px; }
#community #news .view-box { display: grid; grid-template-columns: repeat(2, 1fr); gap: 60px 88px; }
#community #news .cont-inner-box { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 28px }
#community #news .cont-inner-box .img-box { height: 296px; border-radius: 18px; overflow: hidden; }
#community #news .cont-inner-box .img-box img { object-fit: cover; min-height: 100%; }
#community #news .cont-inner-box .text-box { display: flex; justify-content: center; flex-direction: column; align-items: center; }
#community #news .cont-inner-box .text-box .cont-title { font-size: 26px; font-weight: 800; word-break: keep-all; }
#community #news .cont-inner-box .text-box .date { text-align: left; width: 100%; margin-top: 12px; font-size: 16px; font-weight: 400; line-height: 1.35; }
#community #news .cont-inner-box .text-box .cont-sub-copy { margin-top: 18px; text-align: left; width: 100%; font-size: 16px; font-weight: 400; line-height: 1.35; }
#community #news .list-contents-pagination { margin-top: 82px; }
#community #news .list-contents-pagination span { color: #ffffff; }
#community #news .list-contents-pagination span.pagination-active {color: #3465ff; }



/************   Notice Board   ************/
/* Toggle List - 더보기/접기 목록 */
.list-search-area { display: flex; justify-content: space-between; align-items: center; }
.list-search-area .list-length { color: #585858; font-size: 16px; line-height: 1.4; }
.list-search-area .search-area { display: flex; align-items: center; gap: 12px; }
.list-search-area .search-area .search-input { width: 300px; height: 42px; padding: 0 10px 0 20px; border-radius: 40px; border: 1px solid #333333; font-size: 16px; }
.list-search-area .search-area .search-input::placeholder { color: #949494; }
.list-search-area .search-area .search-btn { height: 42px; line-height: 42px; padding: 0 20px; border-radius: 24px; background-color: #333333; color: #ffffff; font-size: 16px; }
.list-search-area + .toggle-list-wrap { margin-top: 70px; }
.toggle-list-wrap .list-title { display: flex; gap: 40px; align-items: center; }
.toggle-list-wrap .list-title > div { min-width: 104px; color: #585858; font-size: 16px; line-height: 1.4; }
.toggle-list-wrap .list-title > div:nth-child(2) { text-align: center; }
.toggle-list-wrap .list-title > div:nth-child(3) { flex-grow: 1; padding-left: 50px; }
.toggle-list-wrap .list-title > div:nth-child(4) { text-align: center; }
.toggle-list-wrap .list-contents,
.toggle-list-wrap .posting-list-contents { margin-top: 70px; }
.toggle-list-wrap .list-inner-wrap { padding-top: 30px; padding-bottom: 30px; border-top: 1px solid #d9d9d9; }
.toggle-list-wrap .list-inner-wrap .inner-header { display: flex; gap: 40px; align-items: center; }
.toggle-list-wrap .list-inner-wrap .inner-header > div { color: #000000; font-size: 18px; font-weight: 400; line-height: 1.4; white-space: nowrap; min-width: 104px; }
.toggle-list-wrap .list-inner-wrap .inner-header > div:nth-child(3) { flex-grow: 1; white-space: inherit; word-break: keep-all; }
.toggle-list-wrap .list-inner-wrap .inner-header > div:last-child { display: flex; justify-content: flex-end; }
.toggle-list-wrap .list-inner-wrap .hidden-area { max-height: 0; overflow: hidden; transition: max-height 0.3s; }
.toggle-list-wrap .list-inner-wrap .hidden-area .hide-contents-wrap { padding: 30px 0px; }
.toggle-list-wrap .list-inner-wrap .hidden-area .hide-contents-wrap p { font-size: 18px; font-weight: 400; line-height: 1.6; }
.toggle-list-wrap .list-inner-wrap:first-child { border-top: 0; padding-top: 0; }

.list-contents-pagination { margin-top: 40px; display: flex; justify-content: center; align-items: center; gap: 26px; }
.list-contents-pagination span { display: inline-block; width: 30px; height: 45px; line-height: 45px; color: #000000; font-size: 18px; font-weight: 600; line-height: 1.4; text-align: center; cursor: pointer; }
.list-contents-pagination span.pagination-active { color: #3465ff; font-size: 18px; font-weight: 600; text-decoration-line: underline; }

.toggle-list-wrap .toggle-btn { display: flex; justify-content: center; align-items: center; height: 38px; line-height: 38px; gap: 10px; border: 1px solid #000000; border-radius: 40px; background-color: #ffffff; padding: 0 16px; font-size: 16px; color: #000000; width: 104px; }
.toggle-list-wrap .toggle-btn .more,
.toggle-list-wrap .toggle-btn .fold { width: 42px; }
.toggle-list-wrap .toggle-btn .more { display: inline-block; }
.toggle-list-wrap .toggle-btn .fold { display: none; }
.toggle-list-wrap .toggle-btn.toggle-btn-active img { transform: rotate(180deg); }
.toggle-list-wrap .toggle-btn.toggle-btn-active .fold { display: inline-block; }
.toggle-list-wrap .toggle-btn.toggle-btn-active .more { display: none; }

.toggle-list-wrap .toggle-popup-btn { display: flex; justify-content: center; align-items: center; height: 38px; line-height: 38px; gap: 10px; border: 1px solid #000000; border-radius: 40px; background-color: #ffffff; box-shadow: 0 4px 8px 0 rgba(50, 58, 100, 0.30); padding: 0 16px; font-size: 16px; color: #000000; width: 104px; }
.toggle-list-wrap .toggle-popup-btn .more,
.toggle-list-wrap .toggle-popup-btn .fold { width: 42px; }
.toggle-list-wrap .toggle-popup-btn .more { display: inline-block; }
.toggle-list-wrap .toggle-popup-btn .fold { display: none; }

/* Tab Menu List - 탭메뉴 */
.tab-menu-area { display: flex; align-items: center; gap: 35px; }
.tab-menu-area .btn { height: 50px; line-height: 50px; padding: 0 20px; border-radius: 35px; background-color: #eeeeee; color: #070a0f; font-size: 24px; white-space: nowrap; }
.tab-menu-area .btn.tab-active { background-color: #1a1a1a; color: #ffffff; }
.tab-contents-wrap .tab-contents-box { display: none !important; }
.tab-contents-wrap .tab-contents-box.active { display: block !important; }
.tab-menu-area.type-color-reverse .btn { background-color: #333333; color: #ffffff; font-weight: 500; }
.tab-menu-area.type-color-reverse .btn.tab-active { background-color: #ffffff; color: #000000; font-weight: 600; }

/************   Main Swiper   ************/

/* Visual - Swiper */
#visual .main-visual-swiper { overflow: hidden; }
#visual .main-visual-swiper .swiper-wrapper { height: auto; }
#visual .main-visual-swiper .swiper-wrapper .swiper-slide { height: 700px; }
#visual .main-visual-pagination { position: absolute; left: 50%; top: 640px; transform: translateX(-50%); z-index: 1; color: #ffffff; width: auto; white-space: nowrap; }
#visual .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
#visual .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px; }
#visual .swiper-pagination-bullet { width: 104px; height: 40px; line-height: 40px; border-radius: 0; background-color: transparent; text-align: center; border-bottom: 2px solid #ffffff; font-weight: 600; font-size: 12px; opacity: 1; margin: 0 10px }
#visual .swiper-pagination-bullet.swiper-pagination-bullet-active { color: #07F0FF; border-bottom: 2px solid #07F0FF; }

/* Solution - Swiper */
#main #solution .solution-contents-swiper { overflow: hidden; margin-top: 100px; }
#main #solution .solution-contents-swiper .swiper-wrapper { height: auto; }
#main #solution .solution-text-pagination { width: calc(100% + 180px); margin-left: -90px; white-space: nowrap; margin-top: 48px; text-align: center; }
#main #solution .solution-text-pagination .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
#main #solution .solution-text-pagination .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 15px; }
#main #solution .solution-text-pagination .swiper-pagination-bullet { display: inline-block; width: 168px; height: 50px; text-align: center;  line-height: 50px; border-radius: 35px; background-color: #333333; font-size: 24px; opacity: 1; margin: 0 15px; }
#main #solution .solution-text-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #ffffff; color: #000000; font-weight: 600; }
#main #solution .solution-bullet-pagination { margin-top: 108px; text-align: center; }
#main #solution .solution-bullet-pagination .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
#main #solution .solution-bullet-pagination .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 7px; }
#main #solution .solution-bullet-pagination { margin-top: 108px; }
#main #solution .solution-bullet-pagination .swiper-pagination-bullet { width: 10px; height: 10px; opacity: 1; background: rgba(255, 255, 255, 0.20); border-radius: 40px; transition: width .3s; margin: 0 7px; }
#main #solution .solution-bullet-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #ffffff; width: 30px; }

/* Service - Swiper */
#main #service .service-contents-swiper { width: 655px; margin: 150px auto; }
#main #service .service-contents-swiper .swiper-wrapper { height: auto; }
#main #service .service-bullet-pagination { text-align: center; margin-top: 200px; }
#main #service .service-bullet-pagination .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
#main #service .service-bullet-pagination .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 7px; }
#main #service .service-bullet-pagination .swiper-pagination-bullet { width: 10px; height: 10px; opacity: 1; background-color: rgba(0,0,0,0.20); border-radius: 40px; transition: width .3s; margin: 0 7px; }
#main #service .service-bullet-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #000000; width: 30px; }

/* Payment - Swiper */
#business #payment .payment-contents-swiper { width: 600px; margin: 150px auto; }
#business #payment .payment-contents-swiper .swiper-wrapper { height: auto; }
#business #payment .payment-bullet-pagination { text-align: center; margin-top: 160px; }
#business #payment .payment-bullet-pagination .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
#business #payment .payment-bullet-pagination .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 7px; }
#business #payment .payment-bullet-pagination .swiper-pagination-bullet { width: 10px; height: 10px; opacity: 1; background-color: rgba(0,0,0,0.20); border-radius: 40px; transition: width .3s; margin: 0 7px; }
#business #payment .payment-bullet-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #000000; width: 30px; }

/************   Intro Swiper   ************/

/* History - Swiper */
#intro #history .history-contents-swiper { margin-top: 68px; position: relative; }
#intro #history .history-contents-swiper .swiper-wrapper { height: auto; }

/************   Service Swiper   ************/

/* Kiosk01 - Swiper */
#service #kiosk01 .kiosk01-swiper-wrap .inner-box { width: 100%; height: 416px; overflow: hidden; border-radius: 20px; position: relative; display: inline-block; }
#service #kiosk01 .kiosk01-swiper-wrap .inner-box > img { object-fit: cover; min-width: 100%; min-height: 100%; }
#service #kiosk01 .kiosk01-swiper-wrap .inner-box + .inner-box { margin-top: 84px; }
#service #kiosk01 .kiosk01-swiper-wrap .inner-box .link-btn { position: absolute; right: 12px; bottom: 12px; z-index: 1; }
#service #kiosk01 .kiosk01-swiper-wrap .inner-box p { color: #ffffff; position: absolute; white-space: nowrap; z-index: 1; }
#service #kiosk01 .kiosk01-swiper-wrap .inner-box.mart p { transform: rotate(-90deg); font-size: 78px; font-weight: 700; line-height: 1.24; left: -20px; top: 68px; }
#service #kiosk01 .kiosk01-swiper-wrap .inner-box.hospital p { bottom: 45px; left: 50%; transform: translateX(-50%); font-size: 78px; font-weight: 700; line-height: 1.24; }
#service #kiosk01 .kiosk01-swiper-wrap .inner-box.golf p { font-size: 78px; font-weight: 700; line-height: 1.24; top: 0; left: 20px; }
#service #kiosk01 .kiosk01-swiper-wrap .inner-box.next p { left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 78px; font-weight: 700; line-height: 1.24; }
#service #kiosk01 .kiosk01-swiper-wrap .inner-box.agent p { top: 24px; left: 50%; transform: translateX(-50%); font-size: 70px; font-weight: 900; line-height: 1.24; }
#service #kiosk01 .kiosk01-swiper-wrap .inner-box.calendar p { transform: rotate(-90deg); font-size: 50px; font-weight: 700; line-height: 1.24; left: -140px; top: 180px; }
#service #kiosk01 .kiosk01-swiper-wrap .inner-box.rpa p { top: 16px; left: 50%; transform: translateX(-50%); font-size: 66px; font-weight: 700; line-height: 1.24; }
#service #kiosk01 .kiosk01-swiper-wrap .inner-box.pass p { top: 22px; left: 50%; transform: translateX(-50%); font-size: 40px; font-weight: 700; line-height: 1.24; }
#service #kiosk01 .kiosk01-swiper-wrap .inner-box.mybook p { top: 16px; left: 50%; transform: translateX(-50%); font-size: 60px; font-weight: 700; line-height: 1.24; }
#service #kiosk01 .kiosk01-swiper-wrap .swiper-wrapper { height: auto; }
#service #kiosk01 .kiosk01-swiper-wrap .swiper-slide { transition: transform 1s; }

/************   Person Swiper   ************/
/* Person - Swiper */
#community #person .swiper-cont-wrap .person-cont-box { height: 330px; background-color: #ffffff; border-radius: 26px; box-shadow: 0px 2px 25px 0px rgba(144, 144, 144, 0.25); display: flex; justify-content: space-between; overflow: hidden; }
#community #person .swiper-cont-wrap .person-cont-box .text-area { padding: 50px 0 50px 36px; }
#community #person .swiper-cont-wrap .person-cont-box .text-area .area-title { color: #272727; font-size: 32px; font-weight: 700; line-height: 40px; letter-spacing: 3px; }
#community #person .swiper-cont-wrap .person-cont-box .text-area .area-sub-copy { margin-top: 30px; color: #000000; font-size: 18px; font-weight: 400; line-height: 1.5; word-break: keep-all; }
#community #person .swiper-cont-wrap .person-cont-box .title-area { display: flex; flex-direction: column; padding: 50px 0 50px 36px; }
#community #person .swiper-cont-wrap .person-cont-box .title-area .title-sub-copy { color: #989898; font-size: 12px; font-weight: 300; line-height: 1.5; }
#community #person .swiper-cont-wrap .person-cont-box .title-area .title + .title-sub-copy { margin-top: 16px; }
#community #person .swiper-cont-wrap .person-cont-box .title-area .title { color: #272727; font-size: 32px; font-weight: 700; line-height: 40px; }
#community #person .swiper-cont-wrap .person-cont-box .img-area { text-align: right; min-width: 230px; }
#community #person .swiper-cont-wrap .person-cont-box .img-area img { height: 100%; width: auto; object-fit: contain; max-width: inherit; }

/* PC */
@media (max-width: 1830px) {
    #quick-employ .section-default-wrapper { width: 100%; padding: 110px 64px 0; }

    #business #solution .solution-contents-box { width: 100%; margin-left: 0; display: block; }
    #business #solution .tab-contents-wrap { margin-top: 140px; height: 1350px; }
    #business #solution .tab-contents-box .side-text-wrap .inner-contents-box::after { display: none; }
    #business #solution .tab-contents-wrap .tab-contents-box { position: absolute; }
    #business #solution .solution-contents-box .contents-img-box { position: static; transform: none; width: 100%;text-align: center; height: 110vw; max-height: 984px; overflow: hidden; flex-grow: 1; }
    #business #solution .tab-contents-box:nth-child(2) .solution-contents-box .contents-img-box img,
    #business #solution .tab-contents-box:nth-child(3) .solution-contents-box .contents-img-box img { width: 80%; }
    #business #solution .solution-contents-box .contents-img-box img { width: auto; }
    #business #solution .solution-contents-box .side-text-wrap { display: inline-block; height: auto; width: calc(50% - 20px) }
    #business #solution .solution-contents-box .side-text-wrap.left-side { float: left; }
    #business #solution .solution-contents-box .side-text-wrap.right-side { float: right; }
    #business #solution .solution-contents-box .side-text-wrap .inner-sub-copy { width: 100%; }
    #business #solution .tab-contents-box .side-text-wrap .inner-contents-box .link-btn { position: absolute; margin-top: 0; }
    #business #solution .solution-contents-box .side-text-wrap:last-child .inner-sub-copy { text-align: left; }
    #business #solution .tab-contents-box .side-text-wrap .inner-contents-box + .inner-contents-box { margin-top: 85px; }
    #business #solution .solution-contents-box .side-text-wrap.right-side .inner-title { text-align: left; }
    #service #solution .solution-contents-box { width: 100%; margin-left: 0; display: block; }
    #service #solution .tab-contents-wrap { margin-top: 140px; height: 1350px; }
    #service #solution .tab-contents-box .side-text-wrap .inner-contents-box::after { display: none; }
    #service #solution .tab-contents-wrap .tab-contents-box { position: absolute; }
    #service #solution .solution-contents-box .contents-img-box { position: static; transform: none; width: 100%;text-align: center; height: 110vw; max-height: 984px; overflow: hidden; flex-grow: 1; }
    #service #solution .tab-contents-box:nth-child(2) .solution-contents-box .contents-img-box img,
    #service #solution .tab-contents-box:nth-child(3) .solution-contents-box .contents-img-box img { width: 100%; }
    #service #solution .solution-contents-box .contents-img-box img { width: auto; }
    #service #solution .solution-contents-box .side-text-wrap { display: inline-block; height: auto; width: calc(50% - 20px) }
    #service #solution .solution-contents-box .side-text-wrap.left-side { float: left; }
    #service #solution .solution-contents-box .side-text-wrap.right-side { float: right; }
    #service #solution .solution-contents-box .side-text-wrap .inner-sub-copy { width: 100%; }
    #service #solution .tab-contents-box .side-text-wrap .inner-contents-box .link-btn { position: absolute;  }
    #service #solution .solution-contents-box .side-text-wrap:last-child .inner-sub-copy { text-align: left; }
    #service #solution .tab-contents-box .side-text-wrap .inner-contents-box + .inner-contents-box { margin-top: 85px; }

    #service #solution .solution-contents-box .side-text-wrap.right-side .inner-title { text-align: left; }
    #service #solution .tab-contents-box .side-text-wrap .inner-contents-box .link-btn { margin-top: 0; }

    #solution #section-contents .section-default-wrapper { padding: 166px 24px 80px; }
    #solution #section-contents .img-cont-wrap .contect-line { display: none; }
    #solution #section-contents .img-cont-wrap .contents-img-box { position: relative; text-align: center; }
    #solution #section-contents .img-cont-wrap .text-wrap { width: 100%; margin-left: 0; flex-direction: column; height: auto; }
    #solution #section-contents .img-cont-wrap .side-text-wrap { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; height: auto; text-align: left; }
    #solution #section-contents .img-cont-wrap .side-text-wrap .inner-title { font-size: 18px; }
    #solution #section-contents .img-cont-wrap .side-text-wrap .inner-list { font-size: 16px; }
    #solution #section-contents .img-cont-wrap .side-text-wrap.right-side .inner-title { text-align: left; }
    #solution #section-contents .img-cont-wrap .side-text-wrap.right-side { margin-top: 56px; }
    #solution #section-contents .img-cont-wrap .side-text-wrap.right-side .inner-list { text-align: left; }
    #solution #section-contents .img-cont-wrap .side-text-wrap:last-child { align-items: flex-start; }

    #solution #kiosk-sub-contents .section-default-wrapper { padding: 10vw 24px 130px; width: 100%; }
    #solution #kiosk-sub-contents .img-cont-wrap .contect-line { display: none; }
    #solution #kiosk-sub-contents .img-cont-wrap .contents-img-box { position: relative; text-align: center; top: 0; width: 100%; }
    #solution #kiosk-sub-contents .img-cont-wrap .text-wrap { width: 100%; margin-left: 0; flex-direction: column; height: auto; }
    #solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap { display: grid; grid-template-columns: repeat(3, 1fr); gap: 80px; height: auto; text-align: left; }
    #solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap .box-text { width: 100%; }
    #solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap .inner-title { font-size: 38px; }
    #solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap .inner-list { font-size: 16px; }
    #solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap.right-side .inner-title { text-align: left; }
    #solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap.right-side { margin-top: 56px; }
    #solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap.right-side .inner-list { text-align: left; }
    #solution #kiosk-sub-contents .img-cont-wrap .text-wrap { position: relative; margin-top: 90px; }
    #solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap.left-side { padding: 0; }
    #solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap:last-child { align-items: flex-start; }
    #solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap.right-side .box-text { text-align: left; }
    #solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap:last-child { display: grid; grid-template-columns: repeat(3, 1fr); }
    #solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap:last-child .inner-box:nth-child(2) { grid-column: 2/4; }
    #solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap:last-child .inner-box .box-text { max-width: inherit; width: 100%; }
    #solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap.right-side .inner-box:last-child { position: absolute; right: 0; top: 0; width: 33%; }
    #solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap.right-side .inner-box:last-child .box-text { max-width: inherit; width: 100%; }
}
@media (max-width: 1720px) {
    #solution #banner-section .banner-cont-wrap { height: auto; }
    #solution #banner-section .banner-cont-wrap { width: 100%; padding: 0 70px 180px; }
    #solution #banner-section .banner-cont-wrap .text-wrap { padding-top: 116px; z-index: 1; position: relative; left: 10%; }
    #solution #banner-section .banner-cont-wrap .top-copy { font-size: 30px; line-height: 41px; }
    #solution #banner-section .banner-cont-wrap .main-copy { font-size: 60px; width: 50vw; word-break: keep-all; }

    #solution #smartrpa .main-cont-wrap .flex-wrap { gap: 0; }
    #solution #smartrpa .main-cont-wrap img { height: 630px; margin-right: -160px; }
    #solution #smartrpa .main-cont-wrap .title-area h2 { font-size: 60px; }


    #service #banner-section .banner-cont-wrap { height: auto; }
    #service #banner-section .banner-cont-wrap { width: 100%; padding: 0 70px 180px; }
    #service #banner-section .banner-cont-wrap .text-wrap { padding-top: 116px; z-index: 1; position: relative; left: 10%; }
    #service #banner-section .banner-cont-wrap .top-copy { font-size: 30px; line-height: 41px; }
    #service #banner-section .banner-cont-wrap .main-copy { font-size: 60px; width: 50vw; word-break: keep-all; }
}
@media (max-width: 1620px) {
    #solution #section-div-img .side-dim p { width: 410px; white-space: normal; word-break: keep-all; left: 120px; transform: translate(0,-50%); }
    #solution #agent .tab-contents-area .tab-contents-wrap img { width: 100% !important; margin-left: 0 !important; }
    #solution #kiosk-mart .main-cont-wrap { padding: 0 68px; }
    #solution #mybook .main-cont-wrap { padding: 0 80px; }
}
@media (max-width: 1400px) {
    #solution #esg-banner .text-wrap { width: 100%; margin-left: 0; }
}
@media (max-width: 1292px) {
    #solution #banner-section .banner-cont-wrap { width: 100%; padding: 0 70px 120px; }
    #service #banner-section .banner-cont-wrap { width: 100%; padding: 0 70px 120px; }
    #solution #banner-section .banner-cont-wrap .text-wrap { left: 0; }
    #service #banner-section .banner-cont-wrap .text-wrap { left: 0; }
    #solution #banner-section .banner-cont-wrap .link { margin-top: 40px; }
    #service #banner-section .banner-cont-wrap .link { margin-top: 40px; }
    #indicator { display: none; }

    #solution #smartrpa .main-cont-wrap img { height: 50vw; margin-right: -30vw; margin-top: 40px; }
}
@media (max-width: 850px) {
    #service #hospital .service-img-cont-area > div:nth-child(2) img { left: 0; width: 230px; }
}
/* PAD */
@media (max-width: 1024px) {

    .pc-only { display: none !important; }
    .m-only { display: block !important; }
    .view-t { display: block !important; }
    .btn.view-t { display: flex !important; }
    #community #benefits .text-list-wrap.view-t { display: grid !important; }

    header .header-wrap { height: 72px; padding: 26px 16px 0 24px;  }
    header .header-wrap h1 a { width: 135px; }
    .ham-btn-area { position: absolute; right: 16px; top: 24px; }
    .ham-btn-area .ham { display: inline-block; width: 32px; height: 32px; background-image: url(../image/mo/icn-ham.png); background-repeat: no-repeat; background-position: center; z-index: 1; }
    .mo-menu-area { position: fixed; right: -100%; width: 100%; top: 0; height: 100%; transition: right .3s; background-color: #000000; z-index: 9999; }
    .mo-menu-area.active { right: 0; }
    .mo-menu-area .top-area { padding: 26px 16px 0 24px; display: flex; justify-content: space-between; }
    .mo-menu-area .mo-menu-close-btn { display: inline-block; width: 32px; height: 32px; background-image: url(../image/mo/icn-exit.png); background-repeat: no-repeat; }
    .m-gnb-list { padding: 45px 140px 0;  }
    .m-gnb-1depth .gnb-1depth-list > li { height: 56px; width: 100%; position: relative; }
    .m-gnb-1depth .gnb-1depth-list > li + li { margin-top: 54px; }
    .m-gnb-1depth .gnb-1depth-list > li:nth-of-type(n+4) .m-gnb-depth2 { bottom: 0; top: inherit; }
    header .header-wrap .m-gnb-1depth .nav-menu { color: rgba(255,255,255,0.3); font-size: 40px; display: inline-block; height: 56px; line-height: 56px; font-weight: 700; border-bottom: 4px solid #000000; }
    header .header-wrap .m-gnb-1depth .nav-menu.mo-nav-active { color: #07f0ff; border-bottom: 4px solid #07f0ff; }
    .m-gnb-1depth .m-gnb-depth2 { position: absolute; right: 0; top: 0; width: calc(100% - 200px); max-height: 0; overflow: hidden; transition: max-height 0s; z-index: 1; }
    .m-gnb-1depth .m-gnb-depth2 a { display: inline-block; width: 100%; height: 45px; color: #ffffff; font-size: 32px; line-height: 45px; background-image: url(../image/mo/icn-arrow.png); background-repeat: no-repeat; background-position: right center; }
    .m-gnb-1depth .m-gnb-depth2 li + li { margin-top: 30px;  }
    .mo-menu-area .family-site { margin-top: 70px; display: flex; gap: 25px; flex-wrap: wrap; }
    .mo-menu-area .family-site a { padding: 0 50px 0 12px; height: 40px; line-height: 40px; background-color: #333333; border-radius: 24px; display: inline-block; font-size: 24px; color: #ffffff; font-weight: 400; background-image: url(../image/mo/icn-arrow.png); background-repeat: no-repeat; background-position: calc(100% - 12px) center;  }

    footer { padding: 44px 144px 176px; }
    footer .go-top-btn-area { text-align: center; }
    footer .go-top { width: 38px; height: 38px; border-radius: 50%; border: 1px solid #ffffff; background-color: rgba(255,255,255,0.2); backdrop-filter: blur(1.5px); display: inline-block; background-image: url(../image/mo/icn-arrow-top.svg); background-repeat: no-repeat; background-position: center; }
    footer .link-area { flex-direction: column; gap: 52px; margin-top: 68px; }
    footer .sitemap .menu-depth1 { flex-direction: column; gap: 0; }
    footer .mo-menu-btn { width: 100%; display: flex !important; flex-direction: row; justify-content: space-between; align-items: center; font-size: 24px; color: #ffffff; border-bottom: 1px solid #686868; padding: 30px 0; }
    footer .menu-depth1 > li:first-child .mo-menu-btn { padding-top: 0; }
    footer .sitemap .menu-depth2 { margin: 0; gap: 0; overflow: hidden; max-height: 0; transition: max-height .3s; }
    footer .menu-depth2 li { color: rgba(255,255,255,0.7); font-size: 24px; line-height: 1.3; }
    footer .menu-depth2 li + li { margin-top: 30px; }
    footer .sitemap .menu-depth2 a { font-size: 24px; }
    footer .menu-depth2 li:first-of-type { margin-top: 58px; }
    footer .menu-depth2 li:last-of-type { margin-bottom: 58px; }
    footer .mo-menu-btn i { display: inline-block; width: 32px; height: 32px; background-image: url(../image/mo/icn-arrow-bot01.png); background-repeat: no-repeat; background-position: center; }
    footer .mo-menu-btn.mo-menu-btn-active i { transform: rotate(180deg); }
    footer .family-site { align-items: flex-start; }
    footer .family-site .title { padding: 10px; border-radius: 50px; background-color: #363636; color: #ffffff; font-size: 24px; }
    footer .family-site .title + .link-wrap { margin-top: 52px; }
    footer .family-site .link-wrap { width: 100%; display: block; }
    footer .family-site .link-wrap .btn { width: 100%; background-color: 0; padding: 0; font-size: 24px; line-height: 1.4; display: flex; justify-content: space-between; background-image: url(../image/mo/icn-arrow.png); background-repeat: no-repeat; background-position: right center; border-radius: 0; padding-bottom: 30px; height: auto; border-bottom: 1px solid #686868; }
    footer .family-site .link-wrap:first-of-type .btn:first-child { background-position: right top; }
    footer .family-site .link-wrap .btn + .btn { padding-top: 30px; }
    footer .family-site .link-wrap .btn img { display: none; }
    footer .family-site .link-wrap + .link-wrap { margin-top: 0; padding-top: 0; border-top: 0; }
    footer .family-site .link-wrap + .link-wrap .btn { padding: 0; height: 94px; line-height: 94px; padding-top: 0; }
    footer .copyright { width: 100%; padding-top: 66px; color: rgba(255, 255, 255, 0.50); font-size: 16px; font-weight: 400; }
    footer .copyright .text-wrap:first-of-type p + p { margin-left: 0; margin-top: 8px; }
    footer .copyright .text-wrap:last-child { margin-top: 8px; }

    #main #partner .section-default-wrapper { padding: 0 24px; }
    #main #business .section-default-wrapper { padding: 140px 24px; }
    #main #solution .section-default-wrapper { padding: 100px 24px 78px; }
    #main #service .section-default-wrapper { padding: 128px 24px; }
    #main #business .contents-list-wrap { grid-template-rows: repeat(3, 380px); }
    #main #business .contents-list-wrap > a img { min-height: 100%; }
    #main #business .contents-list-wrap .text-area .title + .sub-copy br { display: none; }
    #main #solution .solution-text-pagination .swiper-pagination-bullet { width: 102px; height: 40px; line-height: 40px; font-size: 16px; margin: 0 10px }
    #main #solution .solution-contents-swiper { margin-top: 36px; }
    #main #solution .solution-bullet-pagination { margin-top: 96px; }
    #visual .text-wrap h2 { font-size: 40px; }
    #visual .sub-copy { font-size: 40px; }
    #visual .bg-wrapper h2.page-title { font-size: 28px; }

    #intro #about-us { padding: 200px 24px 160px; }
    #intro #value { padding: 0 24px 175px; }
    #intro #patent .section-default-wrapper { padding: 130px 24px; }
    #intro #history .section-default-wrapper { padding: 175px 24px 290px; }
    #intro #history .history-column-list { width: 100%; margin-left: 0; }
    #intro #history .history-column-list .contents-box .year { font-size: 26px; }
    #intro #history .history-column-list .contents-box .detail-list {  width: 38.5vw; font-size: 13px; }

    #business #payment .section-default-wrapper { padding: 118px 24px 180px; }
    #business #payment .tab-contents-wrap .hardware-contents { width: 100%; margin-left: 0; }
    #business #payment .tab-contents-wrap .hardware-contents .list-wrap { margin-top: 16px; grid-template-columns: repeat(4, 1fr); gap: 20px 0; }
    #business #payment .tab-contents-wrap .hardware-contents .list-wrap .img-box .front-box .title { font-size: 18px;  }
    #business #payment .tab-contents-wrap .hardware-contents .list-wrap .img-box { width: 160px; height: 170px; display: block; margin: 0 auto; }
    #business #payment .tab-contents-wrap .hardware-contents .list-wrap .img-box .back-box .title { font-size: 16px; }
    #business #payment .tab-contents-wrap .hardware-contents .list-wrap .img-box .back-box .sub-copy { font-size: 10px; font-weight: 500; word-break: break-all; margin-top: 6px; margin-left: 12px; }
    #business #payment .tab-contents-wrap .hardware-contents .list-wrap .img-box .back-box { padding: 6px 3px 0 5px; }
    #business #solution .section-default-wrapper { padding: 170px 24px 270px; }
    #business #payment .tab-contents-wrap .software-contents { gap: 24px; }

    #business #voucher .section-default-wrapper { padding: 180px 24px; }
    #business #voucher .voucher-contents-wrap .inner-box-wrap { display: flex; flex-direction: column; align-items: center; }
    #business #voucher .voucher-contents-wrap .img-box { width: 100%; }
    #business #partner-list-section { height: 276px; }
    #business #partner-list-section div img { height: 72px; }
    #business #partner-list-section div { padding: 0 25px; }

    #solution #payment .section-default-wrapper { padding: 120px 24px 180px; }
    #solution #calculate .calc-cont-area { gap: 50px 48px; }
    #solution #calculate .calc-cont-area .input-box input[type="text"] { width: 280px; }
    #solution #calculate .calc-cont-area .input-box em { left: 290px; }
    #solution #banner-section .banner-cont-wrap .link.m-only { display: inline-block !important; }
    #service #banner-section .banner-cont-wrap .link.m-only { display: inline-block !important; }
    #service #banner-section .img-wrap { left: inherit; right: 20px; }
    #solution #banner-section .img-wrap { left: inherit; right: 20px; }

    #solution #kiosk .section-default-wrapper { padding: 170px 24px 186px; }
    #solution #kiosk-mo-contents .section-default-wrapper { padding: 172px 24px 160px; }
    #solution #kiosk-mo-contents .img-cont-wrap { width: 100%; margin-left: 0; }
    #solution #kiosk-mo-contents .img-cont-wrap { gap: 125px 56px; }
    #solution #kiosk-mo-contents .img-cont-wrap .cont-box { width: calc(33% - 50px); }
    #solution #kiosk-mo-contents .img-cont-wrap .cont-box:last-child::after { left: -46px; font-size: 24px; top: 22vw; }
    #solution #kiosk-mo-contents .img-cont-wrap .cont-text { font-size: 20px; margin-top: 40px; }

    #solution #esg-banner { height: 900px; }
    #solution #esg-banner .text-wrap { width: 100%; margin-left: 0; padding: 242px 100px 0; }
    #solution #esg-banner .main-copy { font-size: 50px; line-height: 1.4; }
    #solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap .inner-title { font-size: 18px; }
    #solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap .box-text { font-size: 16px; margin-top: 14px; }

    #solution #agent .section-default-wrapper { padding: 160px 24px; }
    #solution #agent .tab-contents-area .tab-contents-wrap img.pc-only { display: none !important; }
    #solution #agent .tab-contents-area .tab-contents-wrap img.tb-only { display: block !important; }
    #solution #agent .tab-contents-area .tab-contents-wrap img.m-only { display: none !important; }

    #solution #esg-main .section-default-wrapper { padding: 198px 24px 180px; }

    #solution #smartrpa .section-default-wrapper,
    #solution #kiosk-mart .section-default-wrapper { padding: 160px 24px; }
    #solution #mybook .section-default-wrapper { padding: 160px 120px 76px; }
    #solution #mybook .mybook-slide-box .text-wrap { width: 100%; padding: 0 120px; }

    #solution #kiosk-mart .tab-contents-area .tab-contents-wrap img { width: calc(100% + 80px); margin-left: -40px; max-width: unset; }
    #solution #mybook .mybook-slide-box .img-wrap img.pc-only { display: none; }
    #solution #mybook .mybook-slide-box .img-wrap img.tb-only { display: block; }

    #service #mart .service-img-cont-area > div:nth-child(3) img { width: 20vw; left: 4vw; }
    #service #mart .service-img-cont-area > div:nth-child(3) .text-wrap { width: 20vw; white-space: wrap; right: 0.6vw; }
    #service #mart .service-img-cont-area > div:nth-child(3) .text-wrap .title { font-size: 3.8vw; line-height: 1.6; }

    #service #kiosk01 .section-default-wrapper { padding: 220px 24px 228px; }
    #service #hospital .section-default-wrapper { padding: 200px 24px 260px; }
    #service #mart .section-default-wrapper { padding: 186px 24px 188px; }
    #service #golf .section-default-wrapper { padding: 200px 24px 267px; }
    #service #my-book .section-default-wrapper { padding: 200px 24px 267px; }
    #support #customer .section-default-wrapper { padding: 154px 24px 164px; }
    #support #card-step .section-default-wrapper { padding: 140px 24px 210px; }
    #support #card-center .section-default-wrapper { padding: 140px 24px 144px; }
    #support #faq .section-default-wrapper { padding: 220px 24px 420px; }
    #support #center-number .section-default-wrapper { padding: 45px 24px 108px; }
    #support #center-number .support-center-area { gap: 0 }
    #example #partners .section-default-wrapper { padding: 154px 24px 360px; }
    #community #person { overflow: hidden; }
    #community #person .bg-wrap { width: 100%; margin-left: 0; }
    #community #person .section-default-wrapper { padding: 154px 24px 250px; }
    #community #person .bg-wrap .bg-figure01 { top: -100px; left: -230px; width: 275px; }
    #community #person .bg-wrap .bg-figure02 { width: 310px; }
    #community #person .swiper-cont-wrap { width: 100%; margin-left: 0; }
    #community #benefits .section-default-wrapper { padding: 0 24px 300px; }
    #community #preview .section-default-wrapper { padding: 0 24px 280px; }
    #community #posting .section-default-wrapper { padding: 0 24px 325px; }
    #community #news .section-default-wrapper { padding: 130px 24px; }
    #support #customer .step-cont-area .img-wrap { width: 100%; margin-left: 0; }
    #community #person .swiper-cont-wrap .person-cont-box .text-area .area-sub-copy { font-size: 30px; line-height: 1.4; }
    #community #person .swiper-cont-wrap { width: 100%; margin-left: 0; }

    .scroll-opacity-up { opacity: 1; }
    .tab-menu-area.type-color-reverse .btn { font-weight: 400; }
    .tab-menu-area.type-color-reverse .btn.tab-active { font-weight: 700; }
}
@media (max-width: 968px) {
    #solution #agent .tab-contents-area .tab-contents-wrap img.pc-only { display: none !important; }
    #solution #agent .tab-contents-area .tab-contents-wrap img.tb-only { display: none !important; }
    #solution #agent .tab-contents-area .tab-contents-wrap img.m-only { display: block !important; }
}
@media (max-width: 768px) {
    .view-m { display: block !important;  }
    .btn.type03 { height: 34px; padding: 0 8px; font-size: 12px; gap: 6px; }
    .btn.type03 img { height: 12px; }

    .tab-menu-area { gap: 10px; }
    .tab-menu-area { overflow: scroll; width: calc(100% + 48px); margin-left: -24px; padding: 0 24px; }
    .tab-menu-area.mo-none-scroll { width: 100%; margin-left: 0; padding: 0; }
    .tab-menu-area::-webkit-scrollbar { display: none; }
    .tab-menu-area .btn { height: 40px; line-height: 40px; padding: 0 12px; font-size: 16px; }

    .mo-menu-area .top-area { padding: 21px 24px; }
    .ham-btn-area { top: 50%; transform: translateY(-50%); }
    .ham-btn-area .ham,
    .mo-menu-area .mo-menu-close-btn { width: 24px; height: 24px; background-size: 24px; }
    .m-gnb-list { padding: 20px 24px 0; }
    .m-gnb-1depth .gnb-1depth-list > li + li { margin-top: 30px; }
    .m-gnb-1depth .m-gnb-depth2 { width: calc(100% - 135px); }
    .m-gnb-1depth .m-gnb-depth2 a { font-size: 18px; background-size: 24px; height: 34px; line-height: 34px; }
    .m-gnb-1depth .gnb-1depth-list > li:nth-of-type(4) .m-gnb-depth2 { bottom: -60px; }
    .m-gnb-1depth .gnb-1depth-list > li { height: 34px; }
    .mo-menu-area .family-site { margin-top: 46px; gap: 14px; flex-wrap: wrap-reverse; }
    .mo-menu-area .family-site a { height: 40px; font-size: 16px; background-size: 16px; padding: 0 36px 0 12px; }

    header .header-wrap { height: 56px; padding: 21px 24px 0; }
    header .header-wrap h1 a { width: 72px; }
    header .header-wrap .m-gnb-1depth .nav-menu { font-size: 24px; height: 34px; line-height: 34px; border-bottom: 2px solid #000000; }
    header .header-wrap .m-gnb-1depth .nav-menu.mo-nav-active { border-bottom: 2px solid #07f0ff; }

    footer { padding: 44px 24px 46px; }
    footer .link-area { margin-top: 46px; gap: 34px; }
    footer .mo-menu-btn i { width: 24px; height: 24px; background-size: 24px; }
    footer .mo-menu-btn { font-size: 14px; padding: 12px 0; }
    footer .family-site .title { font-size: 14px; }
    footer .family-site .title + .link-wrap { margin-top: 24px; }
    footer .family-site .link-wrap .btn { font-size: 14px; background-size: 24px; padding: 14px 0; }

    footer .copyright { padding-top: 55px; font-size: 9px; }
    footer .copyright .text-wrap:last-child { margin-top: 12px; }
    footer .family-site .link-wrap .btn + .btn { padding-top: 14px; }
    footer .family-site .link-wrap + .link-wrap .btn { height: 48px; }

    footer .menu-depth2 li { margin: 0 }
    footer .menu-depth2 li a { width: 100%; display: block; height: 32px; line-height: 32px; padding-left: 24px; }
    footer .menu-depth2 li + li { margin-top: 0; }
    footer .menu-depth2 li:first-of-type { margin-top: 12px; }
    footer .menu-depth2 li:last-of-type { margin-bottom: 12px; }
    footer .sitemap .menu-depth2 a { font-size: 14px; font-weight: 500; }

    #visual,
    #visual .bg-wrapper { height: 625px; }
    #visual .text-wrap { padding-top: 265px; }
    #visual .text-wrap .br-hide br { display: none; }
    #visual .main-visual-swiper .swiper-wrapper .swiper-slide { height: 625px; }
    #visual .bg-wrapper .bg-area > img { min-height: 625px; }
    #visual .text-wrap h2 { font-size: 26px; line-height: 1.4; word-break: keep-all; padding: 0 24px; }
    #visual .text-wrap h2 + a { margin-top: 48px; height: 32px; line-height: 32px; padding: 0 8px; font-size: 12px; }
    #visual .text-wrap h2 + a img { width: 10px; }
    #visual .bg-wrapper h2.page-title { font-size: 14px; }
    #visual .sub-copy { margin-top: 16px; font-size: 24px; word-break: keep-all; padding: 0 24px; }
    #intro #visual .sub-copy br { display: none; }
    #service #visual .sub-copy br { display: none; }

    #visual .main-visual-pagination { top: inherit; bottom: 36px }
    #visual .swiper-pagination-bullet { font-size: 9px; font-weight: 600; height: 20px; line-height: 20px; width: 46px; border-bottom: 1px solid #ffffff; max-width: 0 5px; }
    #visual .swiper-pagination-bullet.swiper-pagination-bullet-active { border-bottom: 1px solid #07f0ff; }

    #main #partner .section-default-wrapper { height: 193px; gap: 20px }
    #main #partner .text-wrap { padding: 34px 0 0; }
    #main #partner .text-wrap h2 { font-size: 18px; line-height: 1.4; }
    #main #partner .text-wrap h2 + .sub-copy { margin-top: 24px; }
    #main #partner .text-wrap .sub-copy { font-size: 12px; word-break: keep-all; width: 182px; }
    #main #partner .text-wrap .sub-copy br { display: none; }
    #main #partner .img-wrap { gap: 20px; }
    #main #partner .img-wrap ul img { width: 9vh; min-width: 56px; margin: 10px 0; }
    #main #partner .img-wrap { height: 193px; }

    #main #business .section-default-wrapper { padding: 100px 24px 100px; }
    #main #business .title-area { display: flex;  flex-flow: column-reverse; }
    #main #business .title-area h2 { font-size: 32px; font-weight: 700; line-height: 1.4; }
    #main #business .title-area .sub-copy { font-size: 12px; }
    #main #business .contents-list-wrap { margin-top: 26px; grid-template-rows: repeat(5, 144px); gap: 8px; grid-template-columns: auto; }
    #main #business .contents-list-wrap > a:first-child { grid-row: 1; }
    #main #business .contents-list-wrap > a:first-of-type { grid-column: auto; }
    #main #business .contents-list-wrap > a .text-area { padding: 20px 24px; }
    #main #business .contents-list-wrap > a:first-child .text-area { padding: 20px 24px; }
    #main #business .contents-list-wrap .text-area .title { font-size: 16px; line-height: 12px; }
    #main #business .contents-list-wrap .text-area .title + .sub-copy { margin-top: 12px; }
    #main #business .contents-list-wrap .text-area .sub-copy { font-size: 12px; line-height: 16px; }
    #main #business .contents-list-wrap .text-area { padding: 12px; justify-content: flex-end; }
    #main #business .contents-list-wrap > a:nth-of-type(4) .text-area { justify-content: flex-end; }

    #main #solution .section-default-wrapper { padding: 80px 24px 50px; }
    #main #solution h2 { font-size: 32px; font-weight: 700; line-height: 1.4; text-align: left; }
    #main #solution .solution-text-pagination { padding: 14px; overflow: scroll; width: calc(100% + 48px); margin-left: -24px; }
    #main #solution .solution-text-pagination::-webkit-scrollbar { display: none; }
    #main #solution .solution-slide-box { flex-direction: column; }
    #main #solution .solution-slide-box .img-wrap { width: 100%; min-height: 222px; height: 50vw; }
    #main #solution .solution-slide-box { justify-content: flex-start; gap: 32px; }
    #main #solution .solution-slide-box .text-wrap { width: 100%; }
    #main #solution .solution-slide-box .text-wrap .title { font-size: 26px; font-weight: 800; line-height: 1.3; }
    #main #solution .solution-slide-box .text-wrap .sub-copy { margin-top: 24px; font-size: 12px; line-height: 1.3; font-weight: 400; width: 100%; }
    #main #solution .solution-slide-box .text-wrap .sub-copy br { display: none; }
    #main #solution .solution-slide-box .btn { margin-top: 24px; height: 40px; line-height: 40px; padding: 0 12px 0 36px; background-position: 12px center; background-size: 16px; font-size: 16px; }
    #main #solution .solution-bullet-pagination .swiper-pagination-bullet { width: 6px; height: 6px; margin: 0 4px; }
    #main #solution .solution-bullet-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 18px; }

    #main #service .section-default-wrapper { padding: 100px 24px; }
    #main #service .title-area { display: flex;  flex-flow: column-reverse; }
    #main #service .title-area h2 { font-size: 32px; font-weight: 700; line-height: 1.4; }
    #main #service .title-area .sub-copy { font-size: 12px; }
    #main #service .service-contents-swiper { margin: 38px 0 54px; width: 100%; }
    #main #service .service-slide-box { width: 100%; width: 440px; height: calc(90vw - 78px); max-height: 440px; transform: scale(1); padding: 16px 20px; }
    #main #service .service-slide-box .text-area .title { font-size: 32px; }
    #main #service .service-slide-box .text-area .sub-copy { font-size: 16px; font-weight: 600; }
    #main #service .service-slide-box.contents01 .sub-copy { margin-top: 14px; }
    #main #service .service-slide-box.contents02,
    #main #service .service-slide-box.contents03 { padding: 18px 22px; }
    #main #service .service-slide-box.contents04 { padding: 20px 18px; }
    #main #service .service-slide-box.contents01 img { right: 0px; max-width: 420px; }
    #main #service .service-slide-box.contents02 img { width: 50vw; }
    #main #service .service-slide-box.contents03 img { left: 0px; width: 45vw; }
    #main #service .service-slide-box.contents04 img { width: 40vw; }
    #main #service .service-bullet-pagination { margin-top: 0; }
    #main #service .service-bullet-pagination .swiper-pagination-bullet { width: 6px; height: 6px; margin: 0 4px; }
    #main #service .service-bullet-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 18px; }
    #main #service .service-slide-box.contents02 .text-area { justify-content: center; gap: 20px; }

    .swiper-slide-active .img-action.img-slide-left-right { transform: translateY(); }
    .img-action.img-slide-left-right {
        transform: translateY(20%);
    }
    .img-action.img-slide-bot-top {
        transform: translate(-50%, 20%);
    }
    .img-action.img-slide-right-left {
        transform: translateY(20%);
    }

    .swiper-slide-active .img-action.img-slide-left-right {
        transform: translateY(0%);
    }
    #main #service .service-slide-box {
        overflow: hidden;
    }
    #main #service .service-slide-box.contents02.swiper-slide-active .img-action.img-slide-bot-top
    {
        transform: translate(-50%, 0%);
    }
    .swiper-slide-active .img-action.img-slide-right-left {
        transform: translateY(0%);
    }
    #quick-employ { height: 178px; }
    #quick-employ .section-default-wrapper { padding: 30px 24px 0; }
    #quick-employ .text-area .title { font-size: 18px; font-weight: 500; }
    #quick-employ .text-area .sub-copy { margin-top: 6px; font-size: 12px; }
    #quick-employ .text-area + .btn { margin-top: 20px; }
    #quick-employ .btn { width: 130px; }

    #intro #visual,
    #intro #visual .bg-wrapper,
    #business #visual,
    #business #visual .bg-wrapper,
    #solution #visual,
    #solution #visual .bg-wrapper,
    #service #visual,
    #service #visual .bg-wrapper,
    #support #visual,
    #support #visual .bg-wrapper,
    #example #visual,
    #example #visual .bg-wrapper,
    #community #visual,
    #community #visual .bg-wrapper { height: 380px; }
    #intro #visual .text-wrap,
    #business #visual .text-wrap,
    #solution #visual .text-wrap,
    #service #visual .text-wrap,
    #support #visual .text-wrap,
    #example #visual .text-wrap,
    #community #visual .text-wrap { padding-top: 162px; }

    #intro #about-us { padding: 150px 24px; }
    #intro #about-us .title { font-size: 26px; line-height: 1.4; }
    #intro #about-us .sub-copy { margin-top: 28px; font-size: 14px; line-height: 1.4; }
    #intro #value { padding-bottom: 150px; }
    #intro #value .label-title { height: 40px; line-height: 40px; padding: 0 12px; font-size: 16px; }
    #intro #value .value-contents { margin-top: 48px; gap: 66px 40px; }
    #intro #value .value-contents .contents-box img { width: 80px; }
    #intro #value .value-contents.type01 .contents-box .box-title { font-size: 22px; margin-top: 28px; }
    #intro #value .value-contents.type01 .contents-box .sub-copy { margin-top: 12px; font-size: 14px; font-weight: 50; line-height: 1.4; }
    #intro #value .value-contents .contents-box { width: auto; }
    #intro #value .value-contents + .label-title { margin-top: 70px; }
    #intro #value .value-contents.type02 .contents-box .box-title { font-size: 22px; }
    #intro #value .value-contents.type02 .contents-box .sub-copy { margin-top: 8px; font-size: 14px; width: 100%; }
    #intro #value .value-contents.type02 .contents-box .sub-copy br { display: none; }

    #intro #history .section-default-wrapper { padding: 25px 24px 150px; }
    #intro #history .section-default-wrapper .title-area h2 { font-size: 32px; font-weight: 700; }
    #intro #history .title-area .btn { height: 42px; line-height: 42px; padding: 0 12px; font-size: 16px; gap: 10px }
    #intro #history .title-area .btn img { width: 16px; }
    #intro #history .title-area .btn { width: 94px; }
    #intro #history .section-default-wrapper .contents-box { gap: 12px; }
    #intro #history .section-default-wrapper .contents-box .year { font-size: 18px; font-weight: 700; }
    #intro #history .section-default-wrapper .contents-box .detail-list { font-size: 12px; line-height: 1.4; list-style-position: outside; margin-left: 16px; }

    #intro #patent .section-default-wrapper { padding: 76px 24px 116px; }
    #intro #patent h2 { font-size: 32px; font-weight: 700; }
    #intro #patent .list-search-area { margin-top: 36px; }
    .list-search-area + .toggle-list-wrap { margin-top: 16px; }
    #intro #history .history-column-list .inner-wrap { padding-top: 36px; }

    #intro #history .history-column-list .inner-wrap::after { left: 22px; top: 42px; height: calc(100% - 20px); }
    #intro #history .history-column-list .contents-box { display: block; }
    #intro #history .history-column-list .contents-box:nth-of-type(even) { text-align: left; }
    #intro #history .history-column-list .contents-box .year { padding: 12px 0 }

    #intro #history .section-default-wrapper .contents-box .year { left: 0; transform: none; }
    #intro #history .history-column-list .contents-box .detail-list { width: auto; padding-left: 45px; padding-top: 42px; }
    #intro #history .history-column-list .contents-box + .contents-box { margin-top: 56px; }

    .toggle-list-wrap .list-title { display: none; }
    .toggle-list-wrap .list-contents,
    .toggle-list-wrap .posting-list-contents { margin-top:16px; }
    .toggle-list-wrap .posting-list-contents .toggle-list-wrap.type-regist .list-inner-wrap { width: calc(100% + 48px); }
    .toggle-list-wrap.type-regist .list-inner-wrap { padding: 26px 24px 52px; }
    .toggle-list-wrap .list-contents { width: calc(100% + 48px); margin-left: -24px; }
    #support #faq .toggle-list-wrap .list-inner-wrap .inner-header > div:first-child { font-weight: 700; }

    .toggle-list-wrap .list-inner-wrap:first-child { padding-top: 26px; border-top: 12px solid rgba(226,226,226,0.3);}
    .toggle-list-wrap .list-inner-wrap { border-top: 1px solid #e2e2e2; }
    .toggle-list-wrap .list-inner-wrap .inner-header { display: block; position: relative; }
    .toggle-list-wrap.type-regist .list-inner-wrap .inner-header > div:nth-child(1),
    .toggle-list-wrap.type-regist .list-inner-wrap .inner-header > div:nth-child(2) { position: absolute; font-size: 12px; color: #686868; }
    .toggle-list-wrap.type-regist .list-inner-wrap .inner-header > div:nth-child(1) { left: 0px; bottom: -26px; }
    .toggle-list-wrap.type-regist .list-inner-wrap .inner-header > div:nth-child(1)::before { content: "등록일자:"; }
    .toggle-list-wrap.type-regist .list-inner-wrap .inner-header > div:nth-child(2) { left: 130px; bottom: -26px; }
    .toggle-list-wrap.type-regist .list-inner-wrap .inner-header > div:nth-child(2)::before { content: "등록번호:"; }
    .toggle-list-wrap.type-regist .list-inner-wrap .inner-header > div:nth-child(3) { font-size: 18px; font-weight: 700; width: 100%; min-width: inherit; padding-right: 78px; background-image: url(../image/mo/icn-arrow-bot02.png); background-repeat: no-repeat; background-position: right center; }
    .toggle-list-wrap.type-regist .list-inner-wrap .inner-header.active > div:nth-child(3) { background-image: url(../image/mo/icn-arrow-top01.png); }
    .toggle-list-wrap .toggle-btn,
    .toggle-list-wrap .toggle-popup-btn { width: calc(100% + 48px); padding: 0; border-radius: 0; border: 0; text-indent: -9999px; box-shadow: none; overflow: hidden; position: absolute; left: -24px; top: -26px; z-index: 1; background-color: transparent; }
    .toggle-list-wrap.type-regist .toggle-btn { height: calc(100% + 78px); }
    .toggle-list-wrap.type-normal .toggle-btn { height: calc(100% + 52px); }
    .toggle-list-wrap.type-regist .toggle-popup-btn { height: calc(100% + 78px); }
    .toggle-list-wrap.type-normal .toggle-popup-btn { height: calc(100% + 78px); }
    .toggle-list-wrap .active .toggle-btn { border-bottom: 1px solid #e2e2e2; }
    .toggle-list-wrap .toggle-btn img { display: none; }
    .toggle-list-wrap .toggle-popup-btn img { display: none; }
    .toggle-list-wrap .list-inner-wrap .hidden-area .hide-contents-wrap { padding-bottom: 0; position: relative; }
    .toggle-list-wrap.type-regist .list-inner-wrap .hidden-area .hide-contents-wrap { padding-top: 75px; }

    .toggle-list-wrap.type-normal .list-inner-wrap { padding: 26px 24px 26px; }
    .toggle-list-wrap .list-inner-wrap .hidden-area .hide-contents-wrap { padding-top: 50px; }
    .toggle-list-wrap.type-normal .list-inner-wrap .hidden-area .hide-contents-wrap p { font-size: 14px; font-weight: 400; line-height: 1.6; }
    .toggle-list-wrap.type-normal .list-inner-wrap .inner-header > div:nth-child(1) { background-image: url(../image/mo/icn-arrow-bot02.png); background-repeat: no-repeat; background-position: right center; padding-right: 32px; white-space: inherit; }
    .toggle-list-wrap.type-normal .list-inner-wrap .inner-header.active > div:nth-child(1) { background-image: url(../image/mo/icn-arrow-top01.png); }


    #business #payment .section-default-wrapper { padding: 72px 24px 92px; }
    #business #payment .top-right-sub-copy { display: none; }
    #business #payment .main-title-area { margin-top: 0; }
    #business #payment .main-title-area h2 { font-size: 32px; font-weight: 700; }
    #business #payment .main-title-area .sub-copy { margin-top: 20px; font-size: 14px; line-height: 1.4; width: 100%; }
    #business #payment .main-title-area + .contents-title-area { margin-top: 68px; }
    #business #payment .contents-title-area .top-copy { font-size: 12px; }
    #business #payment .contents-title-area .main-copy { font-size: 26px; }
    #business #payment .contents-title-area .sub-copy { margin-top: 20px; font-size: 14px; line-height: 1.4; word-break: keep-all; }
    #business #payment .contents-title-area .sub-copy br { display: none; }
    #business #payment .payment-contents-swiper { margin-top: 76px; width: 100%; }
    #business #payment .payment-slide-box { width: 100%; height: calc(90vw - 48px); transform: scale(1); }
    #business #payment .payment-slide-box .text-area .title { font-size: 32px; }
    #business #payment .payment-slide-box .text-area .sub-copy { font-size: 16px; width: 100%; word-break: keep-all; }
    #business #payment .payment-slide-box.contents01 img { transform:  translateX(-50%) scale(0.9); transform-origin: center bottom; }
    #business #payment .payment-slide-box.contents02 img { transform:  translateX(-50%) scale(0.8); transform-origin: center bottom; }
    #business #payment .payment-slide-box.contents03 img { transform:  translateX(-50%) scale(0.8); transform-origin: center bottom; }
    #business #payment .payment-contents-swiper { margin-bottom: 65px; }
    #business #payment .payment-bullet-pagination { margin-top: 65px; }
    #business #payment .payment-bullet-pagination .swiper-pagination-bullet { width: 6px; height: 6px; margin: 0 4px; }
    #business #payment .payment-bullet-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 18px; }
    #business #payment .payment-bullet-pagination + .contents-title-area { margin-top: 92px; }
    #business #payment .tab-menu-area { margin-top: 36px; }

    #business #payment .tab-contents-wrap .software-contents { width: 100%; margin-left: 0; }
    #business #payment .tab-contents-wrap .software-contents { gap: 12px; grid-template-columns: repeat(2, 1fr); }
    #business #payment .tab-contents-wrap .software-contents > a { height: calc(50vw - 10px); }
    #business #payment .tab-contents-wrap .software-contents .link-btn { display: none; }
    #business #payment .tab-contents-wrap .software-contents > a:nth-child(1) > p { font-size: 6.24vw; top: 4vw; }
    #business #payment .tab-contents-wrap .software-contents > a:nth-child(2) > p { font-size: 7.24vw; top: 6.54vw; left: -2.6vw; }
    #business #payment .tab-contents-wrap .software-contents > a:nth-child(3) > p { font-size: 8.24vw; top: 10px; }
    #business #payment .tab-contents-wrap .software-contents > a:nth-child(4) > p { font-size: 5.30vw; top: 3vw; }
    #business #payment .tab-contents-wrap .software-contents > a:nth-child(5) > p { font-size: 6.28vw; top: 2.5vw; }
    #business #payment .tab-contents-wrap .software-contents > a:nth-child(6) > p { font-size: 8.24vw; bottom: 5vw; }
    #business #payment .tab-contents-wrap .software-contents > a:nth-child(7) > p { font-size: 5.5vw; }
    #business #payment .tab-contents-wrap .software-contents > a:nth-child(8) > p { font-size: 8.24vw; }

    #business #solution .section-default-wrapper { padding: 68px 24px 64px; }
    #business #solution .title-area .title { font-size: 32px; }
    #business #solution .title-area .sub-copy{ margin-top: 12px; font-size: 14px; }
    #business #solution .tab-contents-area{ margin-top: 50px; }
    #business #solution .tab-contents-wrap { margin-top: 36px; }
    #business #solution .tab-contents-box .side-text-wrap .inner-contents-box .link-btn { display: none; }
    #business #solution .solution-contents-box .side-text-wrap .inner-title { font-size: 16px; }
    #business #solution .solution-contents-box .side-text-wrap .inner-sub-copy { margin-top: 14px; font-size: 12px; }
    #business #solution .tab-contents-box .side-text-wrap .inner-contents-box + .inner-contents-box { margin-top: 58px; }
    #business #solution .tab-contents-wrap { height: calc(100vw + 538px); }

    #business #voucher .section-default-wrapper { padding: 100px 24px 90px; }
    #business #voucher .title-area .title { font-size: 32px; font-weight: 700; }
    #business #voucher .title-area .sub-copy { margin-top: 20px; font-size: 14px; width: 100%; line-height: 1.4; }
    #business #voucher .contents-title-area { margin-top: 78px; }

    #business #voucher .contents-title-area .top-copy { font-size: 12px; }
    #business #voucher .contents-title-area .main-copy { font-size: 26px; }
    #business #voucher .contents-title-area .sub-copy { margin-top: 20px; font-size: 14px; line-height: 1.4; }
    #business #voucher .voucher-contents-wrap { margin-top:  78px; width: 100%; }

    #business #voucher .voucher-contents-wrap { gap: 30px 35px; }
    #business #voucher .voucher-contents-wrap .img-box { height: calc(50vw - 18px); }
    #business #voucher .voucher-contents-wrap .img-sub-copy { width: 100%; margin-top: 16px; font-size: 14px; line-height: 16px; }

    #business #payment .tab-contents-wrap { margin-top: 36px; }
    #business #payment .tab-contents-wrap .hardware-contents .list-title { font-size: 18px; }
    #business #payment .tab-contents-wrap .hardware-contents .list-wrap { margin-top: 15px; gap: 12px; grid-template-columns: repeat(3, 1fr); }

    #business #partner-list-section { height: 140px; padding: 44px 0; }
    #business #partner-list-section div img { height: 52px; }
    #business #partner-list-section div { padding:  0 18px; }

    #solution #payment .section-default-wrapper { padding: 65px 24px 78px; }
    #solution #payment h2 { font-size: 32px; font-weight: 700; }
    #solution #payment .tab-contents-area { margin-top: 50px; }
    #solution #payment .tab-contents-wrap { margin-top: 36px; }
    #solution #payment .tab-contents-wrap .title-area .title { font-size: 26px; }
    #solution #payment .tab-contents-wrap .title-area .sub-copy { margin-top: 20px; font-size: 14px; line-height: 1.4; }
    #solution #payment .tab-contents-wrap .title-area .sub-copy br { display: none; }
    #solution #payment .tab-contents-wrap .img-list-cont-wrap.type01 { margin-top: 36px; gap: 40px 36px; }
    #solution #payment .tab-contents-wrap .img-list-cont-wrap.type01 img { width: 100px; }
    #solution #payment .tab-contents-wrap .img-list-cont-wrap.type01 .inner-text-box { margin-top: 16px; }
    #solution #payment .tab-contents-wrap .img-list-cont-wrap.type01 .inner-text-title { font-size: 14px; font-weight: 700; }
    #solution #payment .tab-contents-wrap .img-list-cont-wrap.type01 .inner-text-sub-copy { margin-top: 8px; font-size: 12px; line-height: 1.6; word-break: keep-all; }
    #solution #payment .tab-contents-wrap .img-list-cont-wrap.type01 .inner-text-sub-copy br { display: none; }
    #solution #payment .tab-contents-wrap .img-list-cont-wrap.type01 .inner-box { min-width: inherit; }
    #solution #calculate .section-default-wrapper { padding: 28px 24px; }
    #solution #calculate h2 { font-size: 26px; }
    #calculate h2 .guide-btn { margin-left: 12px; margin-top: 6px; width: 24px; height: 24px; background-size: 9px; }
    #solution #calculate .calc-cont-area { margin-top: 36px; gap: 20px 40px; }
    #solution #calculate .calc-cont-area .input-box label { font-size: 12px; line-height: 1.6; }
    #solution #calculate .calc-cont-area .input-box input[type="text"] { margin-top: 8px; width: calc(100% - 20px); height: 28px; font-size: 14px; }
    #solution #calculate .calc-cont-area .input-box em { left: inherit; right: 0; bottom: 4px; font-size: 14px; }
    #solution #calculate .calc-cont-area .btn-box .btn { height: 26px; line-height: 26px; font-size: 12px; }
    #solution #settlement .section-default-wrapper { padding: 75px 24px 90px; }
    #solution #settlement .title-area h2 { font-size: 32px; }
    #solution #settlement .title-area .sub-copy { margin-top: 20px; font-size: 14px; line-height: 1.4; }
    #solution #settlement .title-area .sub-copy br { display: none; word-break: keep-all; }
    #solution #settlement .settlement-cont-area { padding-top: 36px; }
    #solution #settlement .settlement-cont-area .title-area .cont-title { font-size: 26px; }
    #solution #settlement .settlement-cont-area .title-area .cont-sub-title { font-size: 14px; margin-top: 20px; line-height: 1.5; }
    #solution #settlement .settlement-cont-area .cont-list-area.type01 { margin-top: 36px; gap: 36px }
    #solution #settlement .settlement-cont-area .cont-list-area.type02 { margin-top: 46px; gap: 16px }
    #solution #settlement .settlement-cont-area .cont-list-area.type01 img { width: 200px; margin: 0 auto; display: block; }
    #solution #settlement .settlement-cont-area .cont-list-area.type02 img { width: 200px; margin: 0 auto; display: block; }
    #solution #settlement .settlement-cont-area .cont-list-area.type01 .cont-title { margin-top: 32px; font-size: 14px; font-weight: 700; word-break: keep-all; }
    #solution #settlement .settlement-cont-area .cont-list-area.type01 .cont-sub-copy { margin-top: 20px; font-size: 12px; line-height: 1.6; word-break: keep-all; }
    #solution #settlement .settlement-cont-area .cont-list-area.type02 .cont-title { margin-top: 32px; font-size: 14px; font-weight: 700; word-break: keep-all; }
    #solution #settlement .settlement-cont-area .cont-list-area.type02 .cont-sub-copy { margin-top: 20px; font-size: 12px; line-height: 1.6; word-break: keep-all; }
    #solution #settlement .settlement-cont-area .cont-list-area.type01 .cont-title br { display: none; }
    #solution #settlement .settlement-cont-area .cont-list-area.type01 .cont-title { height: 40px; }
    #solution #settlement .settlement-cont-area .cont-list-area.type02 .cont-title { height: 80px; }

    #solution #payment .tab-contents-wrap .img-list-cont-wrap { margin-top: 52px; }
    #solution #payment .tab-contents-wrap .img-list-cont-wrap.type02 .label-title { height: 34px; line-height: 34px; padding: 0 12px; font-size: 16px; font-weight: 500; }
    #solution #payment .tab-contents-wrap .img-list-cont-wrap.type02 .label-title + img { margin-top: 20px; }
    #solution #payment .tab-contents-wrap .img-list-cont-wrap.type02 img + .label-title { margin-top: 48px; }
    #solution #payment .tab-contents-wrap .img-list-cont-wrap.type02 img + .sub-copy-list { font-size: 12px; font-weight: 500; line-height: 1.6; }

    #solution #certi-title .section-default-wrapper { padding: 72px 24px 88px; }
    #solution #certi-title h2 { font-size: 32px; }
    #solution #certi-title .title-area { margin-top: 54px; }
    #solution #certi-title .title-area .title { font-size: 26px; }
    #solution #certi-title .title-area .sub-copy { margin-top: 12px; font-size: 14px; line-height: 1.4; }
    #solution #section-div-img { height: 306px; }
    #solution #section-div-img .side-dim { width: 100%; }
    #solution #section-div-img .side-dim p { font-size: 32px; left: 24px; right: inherit; }
    #solution #section-div-img { height: 306px; }
    #solution #section-div-img > img { min-height: 306px; }
    #solution #section-contents .section-default-wrapper { padding: 108px 24px 140px; }
    #solution #section-contents .label-title { height: 42px; line-height: 42px; padding: 0 10px; font-size: 16px; }
    #solution #section-contents .label-title + .img-wrap { margin-top: 18px; }
    #solution #section-contents .img-wrap + .label-title { margin-top: 94px; }
    #solution #section-contents .label-title + .img-cont-wrap { margin-top: 30px; }
    #solution #section-contents .img-cont-wrap .text-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 50px }
    #solution #section-contents .img-cont-wrap .side-text-wrap { grid-template-columns: auto; grid-template-rows: 1fr 1fr 1fr; gap: 50px; }
    #solution #section-contents .img-cont-wrap .side-text-wrap.right-side { margin-top: 0; }
    #solution #section-contents .img-cont-wrap .side-text-wrap .inner-list { margin-top: 14px; }
    #solution #banner-section .banner-cont-wrap  { padding: 0 24px 166px; }
    #solution #banner-section .banner-cont-wrap .text-wrap { padding-top: 50px; }
    #solution #banner-section .banner-cont-wrap .top-copy { font-size: 12px; }
    #solution #banner-section .banner-cont-wrap .main-copy { margin-top: 8px; font-size: 32px; line-height: 44px; width: 45vw; }
    #solution #banner-section .img-wrap { right: 0; height: 90%; }
    #solution #banner-section .banner-cont-wrap .link { margin-top: 62px; height: 40px; line-height: 40px; display: inline-block; font-size: 16px; }
    #solution #banner-section .banner-cont-wrap .link img { width: 14px; margin-right: 8px; }

    #solution #kiosk .section-default-wrapper { padding: 68px 24px 48px; }
    #solution #kiosk .title-area h2 { font-size: 32px; font-weight: 700; }
    #solution #kiosk .title-area .sub-copy { margin-top: 20px; font-size: 14px; line-height: 1.4; }
    #solution #kiosk .kiosk-cont-area { margin-top: 82px; }
    #solution #kiosk .kiosk-cont-area .label-title { height: 34px; line-height: 34px; font-size: 16px; }
    #solution #kiosk .kiosk-cont-area .cont-list-area { padding-top: 24px; gap: 35px 60px; }
    #solution #kiosk .kiosk-cont-area .cont-list-area img { display: block; margin: 0 auto; width: 100px; }
    #solution #kiosk .kiosk-cont-area .cont-list-area .cont-box .cont-title { margin-top: 16px; font-size: 14px; font-weight: 700; }
    #solution #kiosk .kiosk-cont-area .cont-list-area .cont-box .cont-sub-copy { margin-top: 6px; font-size: 12px; line-height: 1.6; word-break: keep-all; }
    #solution #kiosk .kiosk-cont-area .cont-list-area .cont-box .cont-sub-copy br { display: none; }
    #solution #kiosk-sub-contents .img-cont-wrap .text-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 50px }
    #solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap.left-side { display: flex; flex-direction: column; justify-content: flex-start; gap: 30px; }
    #solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap.right-side { margin-top: 0; }
    #solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap:last-child { display: flex; flex-direction: column; gap: 50px; }
    #solution #kiosk-sub-contents .img-cont-wrap .side-text-wrap.right-side .inner-box:last-child { position: absolute; left: 0; bottom: 0; top: inherit; width: calc(50% - 25px); }

    #solution #kiosk-mo-contents .section-default-wrapper { padding: 84px 24px 100px; }
    #solution #kiosk-mo-contents .text-area .main-copy { font-size: 26px; }
    #solution #kiosk-mo-contents .text-area .sub-copy { margin-top: 20px; font-size: 14px; line-height: 1.4; }
    #solution #kiosk-mo-contents .img-cont-wrap { margin-top: 92px; gap: 36px 15px; }
    #solution #kiosk-mo-contents .img-cont-wrap .cont-text { margin-top: 20px; font-size: 12px; word-break: keep-all; }
    #solution #kiosk-mo-contents .img-cont-wrap .cont-box:nth-child(1),
    #solution #kiosk-mo-contents .img-cont-wrap .cont-box:nth-child(2),
    #solution #kiosk-mo-contents .img-cont-wrap .cont-box:nth-child(3) { width: 28%; }
    #solution #kiosk-mo-contents .img-cont-wrap .cont-box:nth-child(4) { margin-right: 20px; width: 28%; }
    #solution #kiosk-mo-contents .img-cont-wrap .cont-box:nth-child(5) { width: 28%; }
    #solution #kiosk-mo-contents .img-cont-wrap .cont-box:last-child { margin-left: 20px; }
    #solution #kiosk-mo-contents .img-cont-wrap .cont-box:last-child::after { font-size: 18px; top: 100px; left: -40px; }

    #solution #esg-banner { height: 440px; }
    #solution #esg-banner .text-wrap { padding: 130px 24px 0px; }
    #solution #esg-banner .top-copy { font-size: 14px; }
    #solution #esg-banner .main-copy { margin-top: 26px; font-size: 30px; white-space: nowrap; }
    #solution #esg-main .section-default-wrapper { padding: 100px 24px; }

    #solution #esg-main .title-area h2 { font-size: 32px; }
    #solution #esg-main .title-area p { margin-top: 20px; font-size: 14px; line-height: 1.4; }
    #solution #esg-main .img-list { margin-top: 75px; }
    #solution #esg-main .img-list img { width: 90px; }
    #solution #esg-main .img-list .img-box .text { margin-top: 30px; font-size: 14px; }
    #solution #esg-main .step-cont-area { margin-top: 100px; }
    #solution #esg-main .step-cont-area .label-title { height: 34px; line-height: 34px; font-size: 16px; }
    #solution #esg-main .step-cont-area .sub-copy { margin-top: 20px; font-size: 14px; }
    #solution #esg-main .step-cont-area .sub-copy br { display: none; }
    #solution #esg-main .step-cont-area .img-wrap { margin-top: 0px; }
    #solution #esg-main .step-cont-area .img-wrap:last-child img { width: calc(100% + 160px) !important; margin-left: -120px !important; }
    #solution #esg-main .step-cont-area .img-wrap + .label-title { margin-top: 100px; }

    #solution #agent .section-default-wrapper { padding: 100px 24px; }
    #solution #agent .title-area h2,
    #solution #kiosk-mart .title-area h2 { font-size: 32px; font-weight: 700; line-height: 1.4; }
    #solution #agent .title-area p,
    #solution #kiosk-mart .title-area p { margin-top: 20px; font-size: 14px; line-height: 1.4; }
    #solution #agent .tab-contents-area,
    #solution #kiosk-mart .tab-contents-area { margin-top: 50px; }
    #solution #agent .tab-contents-area .tab-contents-wrap,
    #solution #kiosk-mart .tab-contents-area .tab-contents-wrap { margin-top: 50px; }
    #solution #agent .tab-contents-area .tab-contents-wrap .cont-title,
    #solution #kiosk-mart .tab-contents-area .tab-contents-wrap .cont-title { font-size: 26px; font-weight: 500; line-height: 1.4; }
    #solution #agent .tab-contents-area .tab-contents-wrap .cont-title + .cont-sub-copy,
    #solution #kiosk-mart .tab-contents-area .tab-contents-wrap .cont-title + .cont-sub-copy { margin-top: 20px; }
    #solution #agent .tab-contents-area .tab-contents-wrap .cont-sub-copy,
    #solution #kiosk-mart .tab-contents-area .tab-contents-wrap .cont-sub-copy { font-size: 14px; font-weight: 500; line-height: 1.4; }
    #solution #agent .tab-contents-area .tab-menu-area,
    #solution #kiosk-mart .tab-contents-area .tab-menu-area { gap: 12px; }
    #solution #agent .tab-contents-area .tab-contents-wrap img { margin-top: 40px; }
    #solution #kiosk-mart .tab-contents-area .tab-contents-wrap img { margin-top: 40px; width: 100% !important; margin-left: 0 !important; }

    #solution #smartrpa .main-cont-wrap img { margin-top: 12px; height: 260px; margin-right: -16vw; }
    #solution #smartrpa .main-cont-wrap .title-area { gap: 6px; }
    #solution #smartrpa .main-cont-wrap .title-area h2 { font-size: 26px; }
    #solution #smartrpa .main-cont-wrap .title-area .sub-copy { font-size: 14px;  }

    #solution #smartrpa .section-default-wrapper,
    #solution #kiosk-mart .section-default-wrapper { padding: 100px 24px; }

    #solution #smartrpa .sub-cont-wrap .title-area h3 { font-size: 50px; line-height: 1.4; }
    #solution #smartrpa .sub-cont-wrap .title-area .sub-copy { margin-top: 12px; font-size: 14px; font-weight: 500; line-height: 1.4; }
    #solution #smartrpa .sub-cont-wrap .img-list-wrap { margin-top: 40px; }
    #solution #smartrpa .sub-cont-wrap .img-list-wrap ul { gap: 30px 12px; }
    #solution #smartrpa .sub-cont-wrap .img-list-wrap .label { margin-top: 18px; height: 26px; line-height: 26px; padding: 0 6px; font-size: 12px; font-weight: 500; }
    #solution #smartrpa .sub-cont-wrap .img-list-wrap .list-sub-copy { margin-top: 6px; font-size: 12px; font-weight: 500; }

    #solution #kiosk-mart .main-cont-wrap { padding: 0 24px; }

    #solution #mybook .main-cont-wrap { padding: 0 18px; }
    #solution #mybook .section-default-wrapper { padding: 100px 24px 40px; }
    #solution #mybook .title-area h2 { font-size: 32px; font-weight: 700; line-height: 1.4; }
    #solution #mybook .title-area .sub-copy { font-size: 14px; line-height: 1.4; }
    #solution #mybook .mybook-text-pagination { margin-top: 50px; gap: 12px; }
    #solution #mybook .mybook-text-pagination .swiper-pagination-bullet { padding: 0 12px; height: 40px; line-height: 40px; font-size: 16px; font-weight: 400; }
    #solution #mybook .mybook-text-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { font-weight: 700; }
    #solution #mybook .mybook-slide-box .text-wrap { padding: 0 24px; }
    #solution #mybook .mybook-slide-box .text-wrap .slide-title { font-size: 26px; font-weight: 500; }
    #solution #mybook .mybook-slide-box .text-wrap .slide-sub-copy { margin-top: 20px; font-size: 14px; line-height: 1.4; }
    #solution #mybook .mybook-slide-box .img-wrap { margin-top: 40px; margin-bottom: 100px; }

    #service #kiosk01 .section-default-wrapper { padding: 64px 24px 150px; }
    #service #kiosk01 h2 { font-size: 32px; font-weight: 700; line-height: 1.4; }
    #service #kiosk01 .kiosk01-swiper-wrap { margin-top: 36px; }
    #service #kiosk01 .kiosk01-swiper-wrap .inner-box { height: calc(80vw - 60px); }
    #service #kiosk01 .kiosk01-swiper-wrap .inner-box.mart p { font-size: 9.24vw; top: 10.54vw; left: -2.6vw; }
    #service #kiosk01 .kiosk01-swiper-wrap .inner-box.hospital p { font-size: 9.24vw; bottom: 5vw; top: inherit; }
    #service #kiosk01 .kiosk01-swiper-wrap .inner-box.support p { font-size: 7.24vw; }
    #service #kiosk01 .kiosk01-swiper-wrap .inner-box.calendar p { font-size: 6.5vw; top: 28.4vw; left: -16vw; }
    #service #kiosk01 .kiosk01-swiper-wrap .inner-box.rpa p { font-size: 7.28vw; top: 5vw; }
    #service #kiosk01 .kiosk01-swiper-wrap .inner-box.pass p { font-size: 6.30vw; top: 4vw; }
    #service #kiosk01 .kiosk01-swiper-wrap .inner-box.next p { font-size: 9.24vw; }
    #service #kiosk01 .kiosk01-swiper-wrap .inner-box.golf p { font-size: 9.24vw; top: 4vw; }
    #service #kiosk01 .kiosk01-swiper-wrap .inner-box .link-btn { display: none; }
    #service #kiosk01 .kiosk01-swiper-wrap .inner-box.mybook p { font-size: 9.24vw; }
    #service #kiosk01 .kiosk01-swiper-wrap .inner-box.agent p { font-size: 9.24vw; }

    #service #banner-section .banner-cont-wrap  { padding: 0 24px 166px; }
    #service #banner-section .banner-cont-wrap .text-wrap { padding-top: 50px; }
    #service #banner-section .banner-cont-wrap .top-copy { font-size: 12px; }
    #service #banner-section .banner-cont-wrap .main-copy { margin-top: 8px; font-size: 32px; line-height: 44px; width: 50vw; }
    #service #banner-section .img-wrap { right: 2vw; height: auto; max-width: inherit; min-height: inherit; }
    #service #banner-section .img-wrap img { height: auto; }
    #solution #banner-section .img-wrap { right: 2vw; height: auto; max-width: inherit; min-height: inherit; }
    #solution #banner-section .img-wrap img { height: auto; }
    #solution #banner-section .img-wrap { right: 2vw; height: 100%; max-width: inherit; min-height: inherit; }
    #service #banner-section .banner-cont-wrap .link { margin-top: 62px; height: 40px; line-height: 40px; display: inline-block; font-size: 16px; }
    #service #banner-section .banner-cont-wrap .link img { width: 14px; margin-right: 8px; }

    #service #hospital .section-default-wrapper { padding: 100px 24px; }
    #service .kiosk-title-area h2 { font-size: 32px; font-weight: 900; line-height: 45px; }
    #service .kiosk-title-area p { font-size: 26px; font-weight: 300; line-height: 40px; }
    #service #hospital .service-img-cont-area { margin-top: 36px; grid-template-rows: 190px 180px; gap: 5px; grid-template-columns: 60% auto; }
    #service #hospital .service-img-cont-area > div:first-child .dim-wrap p { font-size: 22px; font-weight: 300; line-height: 30px; }
    #service #hospital .service-img-cont-area > div:first-child .dim-wrap { padding: 50px 20px 50px 20px; width: auto; }

    #service .service-img-cont-area > div .title { font-size: 12px; font-weight: 500; line-height: 12px; }
    #service .service-img-cont-area > div .sub-copy { margin-top: 4px; font-size: 12px; font-weight: 700; line-height: 13px; display: inline-block; width: 100%; }
    #service #hospital .service-img-cont-area > div:nth-child(2) img { width: 60%; max-height: 100%; max-width: 170px; left: 0px; }
    #service #hospital .service-img-cont-area > div:nth-child(2) .text-wrap { width: 30%; left: 60%; top: 24px; min-width: 66px; }
    #service #hospital .service-img-cont-area > div:nth-child(3) img { max-height: 60%;}
    #service #hospital .service-img-cont-area > div:nth-child(3) .text-wrap { top: 16px; left: 8px; width: 90px; }

    #service #mart .section-default-wrapper { padding: 100px 24px; }
    #service #mart .service-img-cont-area { margin-top: 36px; grid-template-rows: 190px 180px; gap: 5px; grid-template-columns: 50% 50%; }

    #service #mart .service-img-cont-area > div:first-child .dim-wrap p { font-size: 22px; font-weight: 700; line-height: 30px;text-align: right; }
    #service #mart .service-img-cont-area > div:first-child .dim-wrap { padding: 50px 20px 50px 20px; width: auto; }
    #service #mart .service-img-cont-area > div:nth-child(2) .text-wrap .title { font-size: 20px; font-weight: 30; line-height: 25px; }
    #service #mart .service-img-cont-area > div:nth-child(2) img { bottom: -8.5vw; }
    #service #mart .service-img-cont-area > div:nth-child(3) { background-image: url(../image/bg/bg-service-cont11-bg.jpg); }
    #service #mart .service-img-cont-area > div:nth-child(3) .text-wrap { width: 100%; left: 0; top: 24px; }
    #service #mart .service-img-cont-area > div:nth-child(3) .text-wrap .title { text-align: center; font-size: 18px; font-weight: 700; line-height: 22px; }
    #service #mart .service-img-cont-area > div:nth-child(3) .text-wrap .title br:last-child { display: none; }
    #service #mart .service-img-cont-area > div:nth-child(3) img { width: 16vw; left: calc(50% - 8vw); }

    #service #golf .section-default-wrapper { padding: 100px 24px; }
    #service #golf .service-img-cont-area { margin-top: 36px; grid-template-rows: 190px 180px; gap: 5px; grid-template-columns: 60% 40%; }
    #service #golf .service-img-cont-area > div:first-child img { left: 30px; height: 90%; }
    #service #golf .service-img-cont-area > div:first-child .text-wrap { left: 170px; right: inherit; }
    #service #golf .service-img-cont-area > div:first-child .text-wrap .golf-title { font-size: 50px; }
    #service #golf .service-img-cont-area > div:first-child .text-wrap .golf-sub-text { font-size: 21px; font-weight: 600; line-height: 25px; padding-left: 0px; margin-top: -10px; }
    #service #golf .service-img-cont-area > div:nth-child(2) .text-wrap .golf-title { font-size: 57px; }
    #service #golf .service-img-cont-area > div:nth-child(2) img { width: 100%; top: 15%; right: -10%; }
    #service #golf .service-img-cont-area > div:nth-child(3) img { min-height: 100%; }

    #service #mart .service-img-cont-area > div:first-child .text-wrap .title { font-size: 26px; line-height: 28px; }
    #service #mart .service-img-cont-area > div:first-child .text-wrap .label-area { margin-top: 12px; }
    #service #mart .service-img-cont-area > div:first-child .text-wrap .label-area { width: 142px; gap: 4px; }
    #service #mart .service-img-cont-area > div:first-child .text-wrap .label-area .flex-wrap { width: auto; }
    #service #mart .service-img-cont-area > div:first-child .text-wrap .label-area span { border-radius: 2px; padding: 0 3px; height: 12px; line-height: 12px; font-size: 8px; }

    #service #my-book .section-default-wrapper { padding: 100px 24px; }
    #service #my-book .service-img-cont-area { gap: 4px; grid-template-rows: 190px 186px; grid-template-columns: 70% 30%; }
    #service #my-book .service-img-cont-area > div:first-child img:first-child { width: calc(100% - 120px); top: calc(50% - 18px); }
    #service #my-book .service-img-cont-area > div:first-child img:last-child { height: 90%; left: calc(50% - 100px); }
    #service #my-book .service-img-cont-area > div:nth-child(2) .text-wrap { top: 34px; left: 12vw; }
    #service #my-book .service-img-cont-area > div:nth-child(2) .text-wrap .title { font-size: 26px; font-weight: 30; line-height: 30px; }
    #service #my-book .service-img-cont-area > div:nth-child(2) .text-wrap .sub-copy { margin-top: 10px; font-size: 12px; font-weight: 300; line-height: 16px; }
    #service #my-book .service-img-cont-area > div:nth-child(2) img { max-width: inherit; height: 100%; }
    #service #my-book .service-img-cont-area > div:nth-child(3) img { max-width: inherit; height: 100%; }

    #service #solution .section-default-wrapper { padding: 68px 24px 64px; }
    #service #solution .tab-contents-wrap { min-height: 1050px; height: calc(110vw + 50vw); }
    #service #solution .title-area .title { font-size: 32px; font-weight: 700; line-height: 1.4; }
    #service #solution .title-area .sub-copy { margin-top: 12px; font-size: 14px; font-weight: 500; line-height: 1.4; }
    #service #solution .tab-contents-area { margin-top: 50px; }
    #service #solution .tab-contents-wrap { margin-top: 36px; }
    #service #solution .tab-contents-box .side-text-wrap .inner-contents-box .link-btn { display: none; }
    #service #solution .solution-contents-box .side-text-wrap .inner-title { font-size: 16px; font-weight: 700; line-height: 1.4; text-align: left; }
    #service #solution .solution-contents-box .side-text-wrap.right-side .inner-title { text-align: left; }
    #service #solution .solution-contents-box .side-text-wrap .inner-sub-copy { margin-top: 14px; font-size: 12px; line-height: 18px; }
    #service #solution .tab-contents-box .side-text-wrap .inner-contents-box + .inner-contents-box { margin-top: 56px; }

    #support #customer .section-default-wrapper { padding: 70px 24px 100px; }
    #support #customer .top-copy { font-size: 14px; font-weight: 500; line-height: 1.4; }
    #support #customer .main-copy { margin-top: 8px; font-size: 32px; font-weight: 500; line-height: 1.4; }
    #support #customer .step-cont-area { margin-top: 100px; }
    #support #customer .step-cont-area .title-area .title { font-size: 32px; font-weight: 700; line-height: 1.4; }
    #support #customer .step-cont-area .title-area .sub-copy { margin-top: 20px; font-size: 14px; font-weight: 500; line-height: 1.4; }
    #support #customer .step-cont-area .img-wrap { margin-top: 48px; }

    #support #card-step .section-default-wrapper { padding: 60px 24px 50px; }
    #support #card-step .title { font-size: 26px; font-weight: 500; line-height: 1.4; text-align: left; }
    #support #card-step img { margin-top: 46px; }

    #support #card-center .section-default-wrapper { padding: 100px 24px; }
    #support #card-center .title-area .title { font-size: 26px; font-weight: 500; line-height: 1.4; }
    #support #card-center .title-area .sub-copy { margin-top: 20px; font-size: 14px; line-height: 1.4; font-weight: 500; }
    #support #card-center .title-area .guide-copy { margin-top: 10px; font-size: 12px; font-weight: 500; line-height: 1.6; }
    #support #card-center .center-list-area { margin-top: 99px; grid-template-columns: 1fr 1fr; gap: 70px 60px; }
    #support #card-center .center-list-area > div > a { margin-top: 30px; font-size: 18px; font-weight: 700; height: 34px; line-height: 34px; padding: 0 12px; width: auto; display: inline-block !important; }

    #support #faq .section-default-wrapper { padding: 40px 24px 100px; }
    #support #faq h2 { font-size: 32px; font-weight: 700; line-height: 1.4; }

    #support #center-number { box-shadow: 0px -17px 20px 0px rgba(215, 215, 215, 0.20); }
    #support #center-number .section-default-wrapper { padding: 32px 24px; }
    #support #center-number .support-center-area { border-top: 0; padding-top: 0; display: block; }
    #support #center-number .support-center-area .title { font-size: 16px; font-weight: 500; line-height: 1.4; }
    #support #center-number .support-center-area .number { margin-top: 8px; font-size: 32px; font-weight: 700; line-height: 1.4; }
    #support #center-number .support-center-area .time-list { margin-top: 8px; gap:8px 22px; }
    #support #center-number .support-center-area .time-list dt { font-size: 12px; font-weight: 500; line-height: 1.6; }
    #support #center-number .support-center-area .time-list dd { font-size: 12px; font-weight: 500; line-height: 1.6; }
    #support #center-number .side-wrap { margin-top: 36px; font-size: 14px; font-weight: 500; line-height: 1.4; }

    #example #partners .section-default-wrapper { padding: 100px 24px; }
    #example #partners .title-area .top-copy { font-size: 14px; font-weight: 500; line-height: 1.4; }
    #example #partners .title-area .title { margin-top: 8px; font-size: 32px; font-weight: 500; line-height: 1.4; }
    #example #partners .title-area .bot-copy { margin-top: 50px; font-size: 12px; font-weight: 500; line-height: 1.6; }
    #example #partners .tab-contents-area { margin-top: 12px; }
    #example #partners .partners-contents-box { padding-top: 48px; }
    #example #partners .partners-contents-box .list-title { font-size: 18px; }
    #example #partners .partners-contents-box .partners-list { margin-top: 22px; gap: 22px 12px; }
    #example #partners .partners-contents-box .partners-list li { padding: 8px; height: auto; }
    #example #partners .partners-contents-box .partners-list-wrap + .partners-list-wrap { margin-top: 70px; }

    #community #person .section-default-wrapper { padding: 170px 24px 140px; }
    #community #person .title-area .top-copy { font-size: 14px; font-weight: 500; line-height: 1.4; }
    #community #person .title-area .main-copy { margin-top: 8px; font-size: 32px; font-weight: 300; line-height: 1.6; }
    #community #person .title-area .main-copy b { font-weight: 700; }
    #community #person .bg-wrap .bg-figure01 { width: 106px; top: 16px; left: -32px; }
    #community #person .bg-wrap .bg-figure02 { width: 166px; top: 480px; right: -68px; }
    #community #person .text-contents-area { margin-top: 184px; }
    #community #person .text-contents-area .title { font-size: 26px; font-weight: 500; line-height: 1.4 }
    #community #person .text-contents-area .sub-copy { margin-top: 20px; font-size: 14px; font-weight: 500; line-height: 1.4; }
    #community #person .swiper-cont-wrap { margin-top: 68px; }

    #community #person .swiper-cont-wrap .person-cont-box { height: 180px; border-radius: 2vw; }
    #community #person .person-swiper02 { margin-top: 28px; }
    #community #person .swiper-cont-wrap .person-cont-box .img-area { width: 120px; min-width: 120px; height: 100%; }
    #community #person .swiper-cont-wrap .person-cont-box .img-area img { min-height: 100%; min-width: 100%; }
    #community #person .swiper-cont-wrap .person-cont-box .text-area { padding: 24px 12px 0 15px; }
    #community #person .swiper-cont-wrap .person-cont-box .text-area .area-title { font-size: 26px; font-weight: 700; line-height: 30px; }
    #community #person .swiper-cont-wrap .person-cont-box .text-area .area-sub-copy { margin-top: 16px; font-size: 14px; font-weight: 500; line-height: 1.4; word-break: keep-all; }
    #community #person .swiper-cont-wrap .person-cont-box .title-area { padding: 14px 6px 0 14px; }
    #community #person .swiper-cont-wrap .person-cont-box .title-area .title-sub-copy { font-size: 6px; font-weight: 300; line-height: 1.4; }
    #community #person .swiper-cont-wrap .person-cont-box .title-area .title { font-size: 26px; font-weight: 700; line-height: 30px; }
    #community #person .swiper-cont-wrap .person-cont-box .title-area .title + .title-sub-copy { margin-top: 8px; }
    #community #benefits .section-default-wrapper { padding: 0 24px 140px; }
    #community #benefits h2 { font-size: 26px; font-weight: 700; line-height: 1.4; }
    #community #benefits h2 + p { margin-top: 20px; font-size: 14px; font-weight: 500; line-height: 1.4; }
    #community #benefits .text-list-wrap { margin-top: 60px; }
    #community #benefits .text-list-wrap.view-t { display: none !important; }
    #community #benefits .text-list-wrap .div-wrap { grid-template-columns: repeat(2, 1fr); }
    #community #benefits .text-list-wrap .div-wrap + .div-wrap { padding-top: 24px; margin-top: 24px; }
    #community #benefits .text-list-wrap .div-wrap { gap: 20px; }
    #community #benefits .text-list-wrap .div-wrap .text-box { width: 30vw; display: block; margin: 0 auto; }
    #community #benefits .text-list-wrap .text-box .box-title { height: auto; font-size: 18px; font-weight: 700; line-height: normal; min-height: inherit; }
    #community #benefits .text-list-wrap .text-box .box-copy { margin-top: 14px; font-size: 12px; font-weight: 500; line-height: 1.6; }

    #community #preview .section-default-wrapper { padding: 0 24px 100px; }
    #community #preview h2 { font-size: 26px; font-weight: 500; line-height: 1.4; }
    #community #preview .tab-contents-wrap { margin-top: 50px; }
    #community #preview .tab-contents-wrap,
    #community #preview .swiper-wrapper,
    #community #preview .swiper-slide { height: 60vw; }
    #community #preview .img-box img { min-height: 100%; }

    #community #posting .section-default-wrapper { padding: 100px 24px 500px; }
    #community #posting h2 { font-size: 32px; font-weight: 700; line-height: 1.4; }
    #community #posting .tab-contents-area { margin-top: 36px; }
    #community #posting .tab-contents-wrap { margin-top: 32px; }
    /* #community #posting .toggle-list-wrap.type-normal .list-inner-wrap { width: calc(100% + 48px); margin-left: -24px; }*/
    #community #posting .toggle-list-wrap.toggle-list-wrap.type-regist .list-inner-wrap .inner-header > div:nth-child(3) { background-image: url(../image/mo/icn-arrow-right01.png); }
    #community #posting .toggle-list-wrap .list-inner-wrap .hidden-area { display: none; position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 100%; background-color: #ffffff; transition: none; max-height: inherit !important; overflow: scroll; }
    #community #posting .toggle-list-wrap .list-inner-wrap .inner-header.active + .hidden-area { display: block; }
    #community #posting .toggle-list-wrap .list-inner-wrap .hidden-area .hide-contents-wrap { padding-top: 0; }
    #community #posting .toggle-list-wrap .hidden-area .contents-header { height: 56px; padding: 16px 24px; text-align: right; background-color: #000000; position: fixed; width: 100%; left: 0; top: 0;; }
    #community #posting .toggle-list-wrap .hidden-area .contents-header .btn { display: inline-block; width: 24px; height: 24px; background-image: url(../image/mo/icn-poup-exit-w.png); background-repeat: no-repeat; background-position: center; position: absolute; right: 24px; top: 16px; }
    #community #posting .toggle-list-wrap .hidden-area .cont-top-area { padding: 50px 24px 12px; display: flex !important; flex-direction: column; }
    #community #posting .toggle-list-wrap .hidden-area .cont-top-area .title { font-size: 26px; font-weight: 500; line-height: 1.4; }
    #community #posting .toggle-list-wrap .hidden-area .cont-top-area .sub-copy-area { margin-top: 8px; display: flex; align-items: center; gap: 36px; }
    #community #posting .toggle-list-wrap .hidden-area .cont-top-area .sub-copy-area .sub-copy { font-size: 14px; color: #686868; font-weight: 500; line-height: 1.4; }
    #community #posting .toggle-list-wrap .hidden-area .cont-inner-box { padding: 0 24px 100px; font-size: 14px; font-weight: 500; line-height: 1.5; }

    #community #posting .toggle-list-wrap.type-regist .list-inner-wrap { width: calc(100% + 48px); margin-left: -24px; }
    #community #posting .toggle-list-wrap.type-regist .list-inner-wrap .inner-header > div:nth-child(1)::before { content: ""; }
    #community #posting .toggle-list-wrap.type-regist .list-inner-wrap .inner-header > div:nth-child(2)::before { content: ""; }
    #community #posting .toggle-list-wrap.type-regist .list-inner-wrap:last-child { border-bottom: 1px solid #e2e2e2; }

    #community #news .section-default-wrapper { padding: 118px 24px 78px; }
    #community #news h2 { font-size: 32px; font-weight: 700; line-height: 1.4; }
    #community #news .news-cont-box { margin-top: 32px; gap: 36px 48px; }
    #community #news .cont-inner-box { gap: 8px; }
    #community #news .cont-inner-box .img-box { height: 140px; }
    #community #news .cont-inner-box .text-box .cont-title { font-size: 14px; line-height: 1.4; }
    #community #news .cont-inner-box .text-box .date { margin-top: 14px; font-size: 12px; font-weight: 400; line-height: 1.4; }
    #community #news .cont-inner-box .text-box .cont-sub-copy { margin-top: 14px; font-size: 12px; font-weight: 400; line-height: 1.4; }
    #community #news .toggle-list-wrap .list-contents { width: 100%; margin-left: 0; gap: 36px; }

    .list-contents-pagination { margin-top: 20px; gap: 16px; }
    .list-contents-pagination span { font-size: 13px; line-height: 18px; }
    .list-contents-pagination span.pagination-active { font-size: 13px; line-height: 18px; }

    #support #center-number .side-wrap br { display: none; }
}

@media (max-width: 668px) {
    #community #preview .img-box { border-radius: 4vw; }
    #main #service .service-slide-box .text-area .title { font-size: 5.5vw; }
    #main #service .service-slide-box .text-area .sub-copy { font-size: 12px; font-weight: 600; }
    #main #service .service-slide-box.contents01 img { left: 0px; max-width: inherit; width: 100%; }
    #main #service .service-slide-box.contents02 { padding: 24px 22px; }
    #main #service .service-slide-box.contents02 img { width: 60vw; }
    #main #service .service-slide-box.contents03 img { left: 0px; width: 40vw; }
    #main #service .service-slide-box.contents04 { padding: 20px 18px; }
    #main #service .service-slide-box.contents04 img { width: 45vw; }

    #business #payment .payment-slide-box { height: calc(95vw - 48px); }
    #business #payment .payment-slide-box .text-area .title { font-size: 26px; }
    #business #payment .payment-slide-box .text-area .sub-copy { font-size: 12px; margin-top: 10px; }
    #business #payment .payment-slide-box { padding: 20px 24px; }
    #business #payment .payment-slide-box.contents01 img { transform:  translateX(-50%) scale(0.9); width: 80vw; }
    #business #payment .payment-slide-box.contents02 img { transform:  translateX(-50%) scale(0.8); width: 70vw; }
    #business #payment .payment-slide-box.contents03 img { transform:  translateX(-50%) scale(0.9); width: 80vw; bottom: -150px; }
}

@media (max-width: 560px) {
    #business #payment .tab-contents-wrap .hardware-contents .list-wrap { gap: 12px; grid-template-columns: repeat(2, 1fr); }
    #solution #smartrpa .main-cont-wrap img { margin-right: -30vw; }
    #service #mart .service-img-cont-area > div:nth-child(2) img { bottom: -6vw; }
    #service #mart .service-img-cont-area > div:nth-child(3) img { width: 18vw; left: calc(50% - 9vw); }
}

@media (max-width: 486px) {
    #service #banner-section .img-wrap { right: inherit; left: 0; height: auto; }
    #solution #banner-section .img-wrap { right: inherit; left: 0; height: auto; }
    #main #service .service-slide-box.contents01 .text-area .title br { display: none; }
    #main #service .service-slide-box.contents01 img { bottom: -16px; }
    #main #service .service-slide-box.contents02 img { bottom: -20px; }
    #main #service .service-slide-box.contents02 { padding: 20px 10px; }
    #main #service .service-slide-box.contents04 img { width: 40vw; }
    #solution #smartrpa .main-cont-wrap img { margin-right: -56vw; }
    #service #mart .service-img-cont-area > div:nth-child(2) img { bottom: 0vw; }
    #service #mart .service-img-cont-area > div:nth-child(3) img { width: 24vw; left: calc(50% - 12vw); }
    #service #my-book .service-img-cont-area > div:first-child img:first-child { width: calc(100% - 60px); }
    #service #my-book .service-img-cont-area > div:nth-child(2) .text-wrap { left: 12px; }
}

/* 공지 모달 */
.modal-bg-wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.30);
    z-index: 1000;
}
.modal-bg-wrap .modal-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #EFEFEF;
    padding: 64px 92px 20px;
    text-align: center;
    background-image: url(../image/modal/img-notice-bg.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 355px 392px;
}
.modal-bg-wrap .modal-wrap .close-btn {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 48px;
    height: 48px;
    background-image: url(../image/modal/icn-x.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.modal-bg-wrap .modal-wrap .top-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.modal-bg-wrap .modal-wrap .top-area .label {
    padding: 0 12px;
    height: 28px;
    line-height: 28px;
    background-color: #000000;
    font-size: 16px;
    font-weight: 600;
    color: #EFEFEF;
    border-radius: 20px;
}
.modal-bg-wrap .modal-wrap .top-area .title {
    color: #24272D;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.3;
    max-width: 575px;
}
.modal-bg-wrap .modal-wrap .content-area {
    margin-top: 40px;
    background-color: #FFFFFF;
    border-radius: 10px;
    border: 2px solid #D5D5D5;
    padding: 40px 50px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 636px;
    overflow-y: auto;
    font-size: clamp(18px, 2vw, 18px);
    line-height: 1.6;
    word-break: keep-all;
}
.modal-bg-wrap .modal-wrap .content-area::-webkit-scrollbar {
    width: 4px;
}
.modal-bg-wrap .modal-wrap .content-area::-webkit-scrollbar-thumb {
    background-color: #626262;
    border-radius: 10px;
}
.modal-bg-wrap .modal-wrap .content-area .copy {
    color: #24272D;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6;
    white-space: nowrap;
}
.modal-bg-wrap .modal-wrap .bottom-area {
    margin-top: 24px;
}
.modal-bg-wrap .modal-wrap .bottom-area img {
    width: 142px;
}
.notice-swiper-wrap {
    width: 592px;
    overflow: hidden;
}
.notice-swiper-wrap .swiper-wrapper {
    display: flex;
}
.notice-swiper-wrap .swiper-slide {
    flex-shrink: 0;
    width: 100%;
}
.notice-bullet-pagination {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
}
.notice-bullet-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: #626262;
    opacity: 0.3;
}
.notice-bullet-pagination .swiper-pagination-bullet-active {
    opacity: 1;
}
.modal-wrap .notice-swiper-prev {
    position: absolute;
    left: -40px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../image/icon/icn-notice-arrow-prev.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 24px;
    height: 48px;
}
.modal-wrap .notice-swiper-next {
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../image/icon/icn-notice-arrow-next.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 24px;
    height: 48px;
}

@media (max-width: 968px), (max-height: 990px) {
    .modal-bg-wrap .modal-wrap {
        width: calc(100% - 80px);
        max-width: 400px;
        padding: 16px 16px 8px;
        border-radius: 12px;
        background-image: none;
    }
    .modal-bg-wrap .modal-wrap .close-btn {
        right: 16px;
        top: 16px;
        width: 24px;
        height: 24px;
        background-size: 24px;
    }
    .modal-bg-wrap .modal-wrap .top-area {
        gap: 16px;
    }
    .modal-bg-wrap .modal-wrap .top-area .label {
        padding: 0 10px;
        height: 24px;
        line-height: 24px;
        font-size: 12px;
        font-weight: 600;
    }
    .modal-bg-wrap .modal-wrap .top-area .title {
        font-size: 22px;
        max-width: 280px;
    }
    .modal-bg-wrap .modal-wrap .content-area {
        margin-top: 16px;
        border-radius: 10px;
        border: 1px solid #D5D5D5;
        padding: 10px 16px;
        gap: 10px;
        height: 392px;
    }
    .modal-bg-wrap .modal-wrap .content-area .copy {
        font-size: 14px;
        white-space: normal;
        word-break: keep-all;
    }
    .modal-bg-wrap .modal-wrap .content-area .copy br {
        display: none;
    }
    .modal-bg-wrap .modal-wrap .bottom-area {
        margin-top: 8px;
    }
    .modal-bg-wrap .modal-wrap  .bottom-area img {
        width: 87px;
    }
    .notice-swiper-wrap {
        max-width: 368px;
        width: auto;
    }
    .modal-wrap .notice-swiper-prev {
        left: -28px;
        width: 16px;
        height: 32px;
    }
    .modal-wrap .notice-swiper-next {
        right: -28px;
        width: 16px;
        height: 32px;
    }
}