@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html, body {padding: 0; margin: 0;}
ol, ul {list-style: none; margin: 0; padding: 0;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
label,img,input,select,textarea,button {vertical-align:middle;}
a {text-decoration: none; color: inherit; font: inherit;}
a:link, a:visited, a:hover, a:active {text-decoration: none; color: inherit;}
button {font:inherit; outline: none; border: none; line-height: inherit; background-color: transparent; margin: 0; padding: 0;}
table {border-collapse:collapse; border-spacing:0}

:root {
    --font-size-sm4: 15px;
    --font-size-sm3: 14px;
    --font-size-sm2: 18px;
    --font-size-sm: 16px;
    --font-size-bs: 20px;
    --font-size-md2: 24px;
    --font-size-md3: 26px;
    --font-size-md5: 32px;
    --font-size-lg: 36px;
    --font-size-lg2: 44px;
    --font-size-lg3: 48px;
   
    --round-radius-sm: 8px;
    --round-radius-md: 16px;
    --round-radius-lg: 20px;
    --round-radius-lg2: 33px;
    --round-radius-lg3: 40px;
    --line-height-bs: 1.5;

    --font-color-bs: #000;
    --color-primary:#0385FF;
    --color-sky:#2796FF;
    --color-sky2: #EFF7FF;
   
    --color-black: #111;
    --color-black2: #1c1c1c;
    --color-white: #fff;
    --color-gray2: #ccc;
    --color-gray3: #888;

    --color-background-gray: #f6f9fc;
    --color-inputBox: #f2f2f2;
}
body {
    font-family: "Noto Sans KR", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: var(--font-size-bs);
    letter-spacing: -0.015em;
    color: var(--font-color-bs);
    font-weight: normal;
    white-space: normal;
    word-break: break-all;
    line-height: var(--line-height-bs);
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
}
.wd-max {
    width: 100%;
    min-width: 1200px;
    max-width: 1440px;
    margin: 0 auto;
}
/* ===
Base Style
=== */
.bg-black {background-color: var(--color-black2);}
.bg-light-gray {background-color: var(--color-background-gray);}
.bg-blue {background-color: var(--color-primary);}
.bg-black, .bg-blue {color: var(--color-white);}
.bg-gray {background-color: var(--color-background-gray); color: var(--font-color-bs);}
.tit-part30 > h3 i {text-decoration: none; color: var(--color-primary);}
.tit-part30 > h3 > span {display: block;}
.tit-part30 > p {text-align: center; margin: 30px auto 70px;}
.tit-part30 > p > span {display: block;}

.gap70 {height: 70px;}
.gap80 {height: 80px;}
.img-rate30 .img-Bx3 {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 47.59%;
    overflow: hidden;
    box-sizing: border-box;
}
.img-rate30 .img-Bx3 > img {
    display: block;
    position: absolute;
    left: 0;
    top: 50%; transform: translateY(-50%);
    width: 100%;
}
.btn-st03 {
    display: flex; 
    align-items: center; justify-content: center; 
    border-radius: var(--round-radius-sm); 
    font-weight: 600; 
    box-sizing: border-box;
    cursor: pointer;
}
/* -- List with icon -- */
.ico-list {
    list-style-type: none;
    padding: 0 0 0 5px;
    box-sizing: border-box;
}
.ico-list li {
    position: relative;
    padding-left: 15px;
}
.ico-list li::before {
    content: '•';
    position: absolute;
    margin-left: -10px;
}
/* -- text with block/inline -- */
.sp-row > span {display: block;}

@media screen and (max-width:768px) {
    body {font-size: var(--font-size-sm4);}
    .wd-max {width: 100%;  min-width: auto; max-width: 100%;}
    .tit-part30 {padding: 0 20px; box-sizing: border-box;}
    .tit-part30 > h3 > span {display: inline;}
    .tit-part30 > p > span {display: inline;}
    .sp-row > span {display: inline;}
}

/* -- Sub Top Title -- */
.cowg80 {padding: 80px 0; box-sizing: border-box;}
.rowg73 {padding: 0 70px; box-sizing: border-box;}
.rowg72 {padding: 0 70px; box-sizing: border-box;}
.rowg70 {padding: 0 70px; box-sizing: border-box;}
.tit-pwt3 > h3 i {text-decoration: none; color: var(--color-primary);}
.tit-pwt3 > p {
    text-align: center;
    margin: 30px auto 70px;
    box-sizing: border-box;
}
.stt-iconBx img {
    display: block;
    width: 67px; height: auto;
    margin: 0 auto;
}
@media screen and (max-width:768px) {
    .cowg80 {padding: 70px 0 60px;}
    .rowg73 {padding: 0 30px;}
    .rowg72 {padding: 0 20px;}
    .rowg70 {padding: 0px;}
    .tit-pwt3 > p {padding: 0 15px;}
    .stt-iconBx img {width: 35px; height: auto;}
}

/* - Bottom Guide Section - */
.bottom_gsection > .wd-max {
    padding: 90px 0 100px;
}
.guide-bgs {
    display: flex;
    align-items: center;
    padding: 70px 60px;
    border: 1px solid var(--color-white);
    border-radius: var(--round-radius-lg);
    box-sizing: border-box;
}
.guide-bgs .desc-Bx {flex: 1;}
.guide-bgs .desc-Bx > h4 {
    font-weight: 600;
}
.guide-bgs .desc-Bx > p {
    margin: 5px 0 0;
}
.guide-bgs .btn-st03 {
    width: 350px;
    height: 58px;
}
.guide-bgs .button-Bx .btn-down {
    display: flex;
    align-items: center;
}
.guide-bgs .button-Bx .btn-down::after {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 0 0 7px;
    background: url(../images/case-study/arrow-link.png) no-repeat center / cover;
}
@media screen and (max-width:768px) {
    .guide-bgs {
        flex-direction: column;
        padding: 30px 20px;
        gap: 40px;
    }
    .guide-bgs .desc-Bx, .guide-bgs .button-Bx {
        flex: none;
        width: 100%;
    }
    .guide-bgs .btn-st03 {
        display: block;
        width: 100%;
        height: 58px;
    }
}

/* -- Confirm Message -- */
.message-wrapper {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: rgba(0,0,0,0.8);
    z-index: 35;
    backdrop-filter: blur(4px);
}
.message-wrapper.view {display: block;}
.message-wrapper > .inner {
    width: 100%; height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.message-Bxc {
    width: 80%;
    max-width: 600px;
    margin: 0 auto;
    padding: 60px 100px;
    text-align: center;
    background-color: var(--color-white);
    border-radius: var(--round-radius-lg);
    box-sizing: border-box;
}
.message-Bxc > .chk-img {width: 44px;}
.message-Bxc .desc-Bxc {
    margin: 40px auto 50px;
}
.message-Bxc > .btn-st03 {
    width: 100%; height: 58px;
}
@media screen and (max-width:768px) {
    .message-Bxc {
        width: 85%;
        margin: -50px auto 0;
        padding: 40px 30px;
        border-radius: var(--round-radius-md);
    }
    .message-Bxc .desc-Bxc {
        margin: 30px auto 40px;
    }
    .message-Bxc > .btn-st03 {
        height: 50px;
    }
}

/* ===
Header
=== */
header {
    position: sticky; 
    top: 0; left: 0; 
    background-color: var(--color-white); 
    z-index: 30;
}
.header {font-size: var(--font-size-sm);}
.header .inner, .header .menu-section .inBx,  .menu-section .gnb, .menu-section .button-box {
    display: flex;
    align-items: center;
}
.header .inner {
    height: 88px;
    padding: 0 80px;
    justify-content: space-between;
    box-sizing: border-box;
}
.header .logo img {
    width: 161px; height: auto;
}
.header .menu-section {display: block;}
.header .menu-section .inBx {gap: 110px;}
.menu-section .gnb {gap: 50px;}
.menu-section .gnb li > a {font-weight: 500;}
.menu-section .button-box {gap: 10px;}
.menu-section .button-box .btn-st03 {
    width: 134px; height: 47px;
    color: var(--color-white);
}
.menu-section .button-box .btn-st03.st-bk {background-color: var(--color-black2);}
.menu-section .button-box .btn-st03.st-bl {background-color: var(--color-primary);}
.header .inner .mob-btn {
    display: none; 
    width: 32px; height: 32px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../images/icon-mob/btn-hambuger.png');
    z-index: 30;
    position: relative;
    cursor: pointer;
    transition: background-image 0.3s;
}
.header .inner .mob-btn.open {
    background-image: url('../images/icon-mob/btn-close.png');
}
@media screen and (max-width:1300px) {
    .header .menu-section .inBx {gap: 60px;}
    .menu-section .gnb {gap: 40px;}
}
@media screen and (max-width:768px) {
    .header .inner {height: 70px; padding: 0 25px;}
    .header .logo img {width: 105px;}
    .header .menu-section {display: none;}
    .header .inner .mob-btn {display: block;}
    .header .menu-section {
        display: none;
        opacity: 0;
        position: fixed;
        top: 70px; left: 0; 
        width: 100%; height: 100%;
        z-index: 60;
    }
    .header .menu-section.on {
        display: block;
        animation: visible 0.5s forwards;
    }
    @keyframes visible {
        from {opacity: 0;}
        to {opacity: 1;}
    }
    .header .menu-section::before {
        content: ''; display: block; 
        position: absolute; top: 0; left: 0;
        width: 100%; height: 100%;
        background-color: rgba(0,0,0,0.8);
        backdrop-filter: blur(4px);
        z-index: -1;
    }
    .header .menu-section .inBx {
        flex-direction: column;
        gap: 0;
    }
    .menu-section .gnb {
        gap: 0;
        width: 100%;
        flex-wrap: wrap;
    }
    .menu-section .gnb li {
        width: 50%;
        background-color: var(--color-black2);
        border: 0.5px solid rgba(255,255,255,0.1);
        box-sizing: border-box;
    }
    .menu-section .gnb li > a {
        display: flex;
        align-items: center; justify-content: center;
        text-align: center;
        color: var(--color-white);
        height: 78px;
    }
    .menu-section .button-box {gap: 0; width: 100%;}
    .menu-section .button-box .btn-st03.st-bk {display: none;}
    .menu-section .button-box .btn-st03.st-bl {
        width: 100%; height: 78px;
        border-radius: 0;
    }
}

/* ===
Main Page
=== */
/* -- Main Top-sect -- */
.contents-section {}
.main-top-sect .inner {display: flex;}
.main-top-sect .inner > div {flex: 1;}
.main-top-sect .inner > div.tit-part {
    display: flex; 
    align-items: center; justify-content: center; 
    text-align: center;
}
.tit-part .desc-Bx h2 {
    font-size: var(--font-size-lg3);
    font-weight: 700;
}
.tit-part .desc-Bx span {display: block;}
.tit-part .desc-Bx p {
    font-size: var(--font-size-md2);
    margin: 35px auto;
}
.tit-part .desc-Bx .btns-Box {
    display: flex; 
    gap: 10px;
    justify-content: center;
}
.tit-part .desc-Bx .btns-Box > .btn-st03 {
    width: 169px;
    height: 50px;
    background-color: var(--color-black2);
    color: var(--color-white);
    font-size: var(--font-size-sm2);
}
.main-top-sect .inner > div.img-part {
    display: block; 
    width: auto; height: 814px; 
    background-image: url('../images/maintop-img.jpg');
    background-position: center;
    background-repeat: no-repeat;
    animation: m-zoom2 2.5s forwards;
    overflow: hidden;
    text-align: center;
}
@keyframes m-zoom2 {
    from {background-size: 250%;}
    to {background-size: 200%;}
}
@media screen and (max-width:768px) {
    .main-top-sect .inner {
        flex-direction: column;
        height: auto;
    }
    .tit-part .desc-Bx h2 {font-size: var(--font-size-md3);}
    .tit-part .desc-Bx p {font-size: var(--font-size-sm);}
    .main-top-sect .inner > div.tit-part {
        order: 2; 
        padding: 45px 15px 60px;
        box-sizing: border-box;
    }
    .main-top-sect .inner > div.tit-part .desc-Bx {
        width: 90%;
        margin: 0 auto;
    }
    .main-top-sect .inner > div.img-part {
        order: 1; flex: none; 
        display: block; 
        width: 100%; 
        height: 320px; 
        background-position: top center;
    }
    .tit-part .desc-Bx .btns-Box > .btn-st03 {
        flex: 1; 
        width: 100%; height: 45px;
        font-size: var(--font-size-sm4);
    }
    @keyframes m-zoom2 {
        from {background-size: 180%;}
        to {background-size: 140%;}
    }    
}

/* -- Main-Summary-sect -- */
.main-summary-sect > .inner {
    padding: 101px 70px 152px;
    box-sizing: border-box;
}
.tit-sub, .tit-sub2 {text-align: center; font-weight: 600;}
.tit-sub {font-size: var(--font-size-lg2);}
.tit-sub2 {font-size: var(--font-size-lg);}
.array-st03 {
    display: flex; flex-wrap: wrap; 
    gap: 15px 1%;
    box-sizing: border-box;
}
.array-st03 .item {
    flex: 0 1 49.5%;
    box-sizing: border-box;
}
.summary-contents {
    margin: 66px auto 0;
}
.summary-contents > .item {
    height: 260px;
    display: flex; align-items: flex-start; justify-content: center; 
    padding: 49px 20px 10px; 
    color: var(--color-white); background-color: var(--color-primary); 
    text-align: center;
    border-radius: var(--round-radius-lg);
}
.summary-contents > .item h3 {
    font-size: var(--font-size-md3);
    font-weight: 600;
    margin: 0 auto 20px;
}
.summary-contents > .item p {
    padding: 0 20px;
    box-sizing: border-box;
    font-size: var(--font-size-sm);
}
.summary-contents > .item span {display: block;}
@media screen and (max-width:768px) {
    .main-summary-sect > .inner {padding: 60px 30px 70px;}
    .array-st03 {
        gap: 20px 0;
        flex-direction: column;
    }
    .array-st03 .item {flex: none; width: 100%;}
    .tit-sub {font-size: var(--font-size-md2);}
    .tit-sub2 {font-size: var(--font-size-md2);}
    .summary-contents {margin: 35px auto 0;}
    .summary-contents > .item h3 {font-size: var(--font-size-bs);}
    .summary-contents > .item {height: auto; padding: 35px 18px; }
    .summary-contents > .item p {
        font-size: var(--font-size-sm4);
        padding: 0 10px;
    }
    .summary-contents > .item span {display: inline;}
}

/* -- main-dashboard-sect -- */
.main-dashboard-sect {}
.main-dashboard-sect > .inner {padding: 65px 0;}
.main-dashboard-sect > .inner .tit-part {
    position: relative;
    padding: 0 0 0 57px;
    margin: 0 0 0 80px;
    box-sizing: border-box;
}
.main-dashboard-sect > .inner .tit-part::before {
    content: ''; display: block; 
    position: absolute; left: 0; top: 15px;
    width: 3px; height: calc(100% - 15px); 
    background-color: var(--color-black);
}
.main-dashboard-sect > .inner .tit-part > .tit-sub {text-align: left;}
.main-dashboard-sect > .inner .tit-part > p {margin: 10px 0 0 0;}
.main-dashboard-sect > .inner .img-part {margin: 75px 0 0; text-align: right;}
.main-dashboard-sect > .inner .img-part img {
    width: calc(100% - 80px);
    display: block;
    margin: 0 0 0 auto;
}
@media screen and (max-width:768px) {
    .main-dashboard-sect > .inner {padding: 60px 0 70px;}
    .main-dashboard-sect > .inner .tit-part {
    padding: 0 0 0 20px;
    margin: 0 0 0 30px;
    }
    .main-dashboard-sect > .inner .img-part img {width: calc(100% - 30px);}
    .main-dashboard-sect > .inner .img-part {margin: 45px 0 0;}
}

/* -- Add Desc Section -- */
.add-desc-sect > .inner {padding: 110px 0;}
.ainfo-contents {
    padding: 0 70px;
    box-sizing: border-box;
}
.ainfo-contents > .item {
    position: relative;
    padding: 40px 30px 40px 47px;
    border: 1px solid var(--color-white);
    border-radius: var(--round-radius-md);
    border-top-left-radius: var(--round-radius-lg3);
    border-top-right-radius: var(--round-radius-lg3);
    box-sizing: border-box;
}
.ainfo-contents > .item .desc-top {font-weight: 600;}
.ainfo-contents > .item .tit-sub {text-align: left; margin: 24px 0;}
.ainfo-contents > .item .tit-sub > span {font-weight: 200;}
.ainfo-contents > .item .desc-cont > span {display: block;}
.ainfo-contents > .item .icon-box {
    position: absolute;
    top: 42px; right: 37px;
}
.icon-roundBx {
    display: flex; width: 52px; height: 52px;
    align-items: center; justify-content: center;
    border-radius: 100%; 
    border: 1px solid var(--color-white);
    box-sizing: border-box;
}
.icon-roundBx img {
    display: block;
    width: 24px; height: 24px;
}
@media screen and (max-width:768px) {
    .add-desc-sect > .inner {padding: 60px 0 70px;}
    .ainfo-contents {padding: 0 30px;}
    .ainfo-contents > .item {padding: 30px 20px 30px;}
    .ainfo-contents > .item .icon-box {
        position: absolute; 
        top: 20px; right: 20px;
    }
    .ainfo-contents > .item .tit-sub {margin: 18px 0;}
    .ainfo-contents > .item .desc-cont > span {display: inline;}
}

/* -- Funtion script-Section -- */
.funtion-script-sect {}
.funtion-script-sect > .inner {
    padding: 72px 70px 124px;
    box-sizing: border-box;
}
.script-list {
    display: flex;
    margin: 61px auto 0;
}
.script-list > .item {
    flex: 1;
    text-align: center;
    position: relative;
}
.script-list > .item:not(:first-child)::before {
    content: ''; 
    position: absolute; display: block; 
    left: 0; width: 1px; height: 100%; 
    background-color: rgba(255,255,255,0.25);
}
.script-list > .item .icon-roundBx {margin: 0 auto;}
.funtion-script-sect .item > p {
    font-size: var(--font-size-md2);
    margin: 28px auto 0;
}
.funtion-script-sect .item > p > i {text-decoration: none;}
@media screen and (max-width:768px) {
    .funtion-script-sect > .inner {padding: 60px 20px 70px;}
    .funtion-script-sect .item > p {
        font-size: var(--font-size-sm4);
        margin: 28px auto 0;
    }
    .funtion-script-sect .item > p > i {display: block; line-height: 1.25;}
    .script-list > .item:not(:first-child)::before {display: none;}
}

/* -- Add-Desc2-Section -- */
.more-desc-sect {}
.more-desc-sect > .inner {
    display: flex;
    flex-direction: column;
    gap: 70px;
    padding: 80px 70px;
    box-sizing: border-box;
}
.more-desc-sect .list-item .tit-sub2 {color: var(--color-primary);}
.list-item .desc-list {
    margin: 48px auto 0;
    gap: 15px 40px;
}
.list-item .desc-list > .item {
    flex: 1 1 calc(50% - 40px);
    border: 1px solid var(--color-border-style2);
    padding: 24px 24px 36px;
    border-radius: var(--round-radius-md);
    border-top-left-radius: var(--round-radius-lg2);
    border-top-right-radius: var(--round-radius-lg2);
    box-sizing: border-box;    
}
.list-item .desc-list > .item img {
    display: block;
    margin: 0 auto;
    width: 100%;
    border-radius: var(--round-radius-md);
    border-top-left-radius: var(--round-radius-lg2);
    border-top-right-radius: var(--round-radius-lg2);
    box-sizing: border-box;
}
.list-item .desc-list > .item > p {
    margin: 40px auto 0;
    font-size: var(--font-size-md2);
    text-align: center;
}
.guide-sect {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--color-white);
    border-radius: var(--round-radius-lg);
    padding: 60px;
    box-sizing: border-box;
}
.guide-sect .desc-part .tit-sub2 {text-align: left;}
.guide-sect .desc-part .desc {margin: 10px 0 0;}
.guide-sect .btn-part .btn-down {width: 354px; height: 58px;}

@media screen and (max-width:768px) {
    .more-desc-sect > .inner {
        padding: 80px 20px;
    }
    .list-item .desc-list > .item {
        flex: none;
        width: 100%;
        margin: 0 auto;
        padding: 20px 15px 30px;
    }
    .list-item .desc-list > .item > p {
        margin: 12px auto 0;
        font-size: var(--font-size-sm3);
    }
    .list-item .desc-list {margin: 35px auto 0; gap: 45px 0;}
    .guide-sect {
        width: calc(100% - 20px);
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        padding: 30px 20px;
        gap: 50px;
        box-sizing: border-box;
    }
    .guide-sect .btn-part {width: 100%;}
    .guide-sect .btn-part .btn-down {
        padding: 0 10px;
        width: 100%;
        box-sizing: border-box;
    }
    .more-desc-sect .list-item .tit-sub2 {font-size: var(--font-size-bs);}
    .list-item .desc-list > .item img {
        border-radius: var(--round-radius-md);
        border-top-left-radius: var(--round-radius-lg);
        border-top-right-radius: var(--round-radius-lg);
    }
}

/* ==
Case Study
== */
.sub-top-title .inner, .case-study-list .tit-part30 {
    animation: ups20 1s forwards;
}
@keyframes ups20 {
    0% {-webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0;}
    100% {-webkit-transform: translateY(0); transform: translateY(0); opacity: 1;}
}
.case-study-list > .inner {gap: 20px;}
.case-study-list .tit-part30 > p {margin: 30px auto 0;}
.list-item .desc-list.img-rate30 .img-Bx3 {
    border-radius: var(--round-radius-md);
    border-top-left-radius: var(--round-radius-lg2);
    border-top-right-radius: var(--round-radius-lg2);
}
.case-study-list .desc-Bx3 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 40px auto 0;
}
.case-study-list .desc-Bx3 .top-icon > span {
    display: inline-block;
    padding: 6px 17px;
    font-size: var(--font-size-sm3);
    border-radius: 20px;
    box-sizing: border-box;
}
.case-study-list .desc-Bx3 .top-icon > span::before {
    content: '';
    position: relative;
    display: inline-block;
    bottom: -2px;
    width: 15px; height: 15px;
    margin: 0 5px 0 0;
    background: url('../images/case-study/local_ico.png') no-repeat center / 70%;
}
.case-study-list .desc-Bx3 h4 {font-weight: 600;}
.case-study-list .desc-con3 {}
.case-study-list .desc-con3 {
    font-size: var(--font-size-sm);
    font-weight: 300;
}
.case-study-list .desc-con3 > h5 {font-weight: 600;}
.case-study-list .desc-con3 > h5:not(:first-of-type) {margin: 1em auto 0;}
.case-study-list .guide-sect {margin-top: 70px;}
.guide-sect .desc > h5 {font-weight: 600;}
.guide-sect .btn-part .btn-down {position: relative;}
.guide-sect .btn-part .btn-down::after {
    content: ''; display: inline-block;
    width: 15px; height: 15px;
    margin: 0 0 0 7px;
    background: url('../images/case-study/arrow-link.png') no-repeat center / cover;
}
.case-minx {margin: -80px auto 0;}

@media screen and (max-width:768px) {
    .guide-sect .guide-sect {margin-top: 30px;}
    .list-item .desc-list.img-rate30 .img-Bx3 {
        border-top-left-radius: var(--round-radius-lg);
        border-top-right-radius: var(--round-radius-lg);
    }
}

/* ===
Security
=== */
.secur-cont {}
.secur-cont > .inner {gap: 20px;}
.tit-mid40 {
    font-size: var(--font-size-lg);
    text-align: center;
    font-weight: 600;
}
.secur-iconBx {margin: 30px auto 70px;}
.secur-iconBx img {
    display: block;
    width: 67px; height: auto;
    margin: 0 auto;
}
.secur-cont .list-item .item {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.secur-cont .list-item .item > p {font-size: var(--font-size-bs);}
.secur-cont .list-item .item > p > span { display: block;}

.scr-rev.script-list {width: 100%;}
.scr-rev.script-list  .desc-Box{
    font-size: var(--font-size-md2);
    line-height: 1.5;
    margin: 25px auto 0;
}
.scr-rev.script-list  .desc-Box > h4 {font-weight: 600;}
.scr-rev.script-list  .desc-Box > p {
    margin: 30px auto 0;
    font-size: var(--font-size-bs);
    font-weight: 350;
}
.scr-rev.script-list  .desc-Box > p > span {display: block;}

/* - Middle Sub Title - */
.mid-sub-tit > .inner {
    padding: 70px 20px;
    box-sizing: border-box;
}
.mid-sub-tit .img-Box img {
    display: block; width: 43px; height: auto;
    margin: 0 auto;
}
.mid-sub-tit .inner p {
    font-size: var(--font-size-md5);
    text-align: center;
    margin: 41px auto 0;
} 
.secur-cont3 .item {
    padding: 40px 30px 40px;
    box-sizing: border-box;
}
.secur-cont3 .item .desc-box .desc-cont {
    margin: 24px auto 0;
}
.secur-bottom > .inner {
    padding: 30px 30px 0;
    box-sizing: border-box;
}
.secur-downBx {
    padding: 60px 40px;
    box-sizing: border-box;
    border-top-left-radius: var(--round-radius-lg3);
    border-top-right-radius: var(--round-radius-lg3);
}
.secur-downBx > h3 {
    font-size: var(--font-size-lg);
    font-weight: 600;
}
.secur-downBx > p {margin: 42px auto;}
.btn-down-secur {
    display: block;
    position: relative;
    padding: 15px 34px;
    box-sizing: border-box;
    border-radius: var(--round-radius-sm);
}
.btn-down-secur::after {
    content: ''; display: inline-block;
    vertical-align: middle;
    width: 18px; height: 18px;
    background: url('../images/security/download-icon.png') no-repeat center /cover;
    margin: 0 0 0 5px;
}

@media screen and (max-width:768px) {
    .secur-cont > .inner {gap: 10px;}
    .tit-mid40 {font-size: var(--font-size-md2);    }
    .secur-cont .tit-part30 > p {margin: 30px auto;}
    .secur-iconBx {margin: 10px auto 50px;}
    .secur-iconBx img {width: 30px;}
    .secur-cont .list-item .item > p {
        font-size: var(--font-size-sm4);
        margin: 21px auto 0;
    }
    .scr-rev.script-list {
        flex-direction: column;
        gap: 50px;
    }
    .scr-rev.script-list > .item {flex: none; width: 100%; position: relative;}
    .scr-rev.script-list > .item:not(:last-of-type):after {
        content: ''; display: block; position: absolute;
        width: 90%; height: 1px;
        left: 50%; transform: translateX(-50%);
        background-color: rgba(255,255,255,0.2);
    }

    .scr-rev.script-list  .desc-Box{font-size: var(--font-size-sm2);}
    .scr-rev.script-list  .desc-Box > h4 {font-weight: 600;}
    .scr-rev.script-list  .desc-Box > p {
        margin: 25px auto 0;
        font-size: var(--font-size-sm4);
    }
    .mid-sub-tit .inner p {
        font-size: var(--font-size-bs);
        margin: 41px auto 0;
    } 
    .mid-sub-tit .img-Box img {width: 35px;}

    .secur-bottom > .inner {
        padding: 30px 20px 0;
        box-sizing: border-box;
    }
    .secur-downBx {padding: 40px 25px 60px;}
    .secur-downBx > h3 {
        font-size: var(--font-size-md3);
        font-weight: 600;
    }
    .secur-downBx > p {margin: 35px auto;}
    .btn-down-secur {padding: 15px 34px; width: 100%; margin: 0 auto;}    

}

/* ===
Policy Page
=== */
.scr_listBx40 .inner {
    padding: 90px 70px 90px;
    box-sizing: border-box;
} 
.scr_listBx40 .scr-rev .item .desc-Box {padding: 0 0 70px;}
.policy-bg-bottom .inner {
    width: 100%;
    height: 470px;
    background: url('../images/bgs/policy_bg_bottom.jpg') no-repeat center / cover;
}
.policy-contact .inner {padding: 75px 70px 90px; box-sizing: border-box;}

.img-po-bg .inner {
    height: 500px;
    background: url('../images/bgs/policy_bg_bottom.jpg') no-repeat;
    background-position: center center;
    background-size: 100%;
}

@media screen and (max-width:768px) {
    .scr_listBx40 .inner {padding: 40px 30px 40px;} 
    .scr_listBx40 .tit-mid40 {margin: 0 0 50px;}
    .scr_listBx40 .scr-rev .item .desc-Box {padding: 0 0 50px;}
    .policy-contact .inner {padding: 75px 20px 90px;}
    .secur-iconBx.policy-ico {margin: 30px auto 20px;}
    .policy-bg-bottom .inner {height: 200px;}
    .scr_listBx40 .item .sp-row > span {display: block;}
    .img-po-bg .inner {
        height: 280px;
        background-size: 150%;
    }
}

/* ===
Technology Page
=== */
.tech-list-sect > .inner {
    padding: 20px 70px 20px;
    box-sizing: border-box;
}
.tech-list-sect .summary-contents {margin: 0 auto;}
.tech-list-sect .summary-contents > .item {
    justify-content: flex-start;
    text-align: left;
    height: auto;
    padding: 50px 25px;
    box-sizing: border-box;
}
.tech-list-sect .summary-contents > .item p {padding: 0;}
.tech-list-sect .summary-contents > .item .ico-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.tech-list-sect .summary-contents > .item .ico-list li {padding-left: 18px;}
.tech-list-sect .summary-contents > .item .ico-list li::before {margin-left: -14px;}
@media screen and (max-width:768px) {
    .tech-list-sect > .inner {padding: 20px 30px 20px;}
}

/* ===
Multiculturial Page
=== */
.smid-desc {
    text-align: center;
    margin: 31px auto 15px;
}
.multi-list-item .list-item .desc-list {
    margin: 60px auto 0;
    gap: 30px;
}
.multi-list-item .wd-max {
    padding: 80px 0 10px;
}
.multi-mid-tit .inner {
    background: url('../images/multicultural/top_bgimg.png') no-repeat center / cover;
    padding: 80px 180px;
    box-sizing: border-box;
}
.multi-mid-tit .desc-mmid {
    text-align: center;
    padding: 70px 20px;
    border-radius: var(--round-radius-lg3);
    box-sizing: border-box;
}
.multi-mid-tit .desc-mmid > h3 {
    font-size: var(--font-size-md5);
    font-weight: 600;
}
.multi-mid-tit .desc-mmid .desc-con {
    margin: 35px 0 0 0;
}
.multi-mid-tit .desc-mmid .desc-con > p {
    margin: 1em 0 0 0;
}
@media screen and (max-width:768px) {
    .multi-mid-tit .inner {
        padding: 65px 30px;
    }
    .multi-mid-tit .desc-mmid {
        padding: 40px 20px 55px;
        border-radius: var(--round-radius-lg);
    }
    .multi-mid-tit .desc-mmid > h3 {
        font-size: var(--font-size-md2);
    }

}

/* ===
Pricing Page
=== */
.top-reduce {margin: -30px auto 0;}
.pricing-stit .tit-pwt3 > p {margin: 30px auto;}

/* - Servie Pricing plan - */
.container-spp > .wd-max {padding: 0 0 130px;}
.contents-ssp {
    display: none;
    margin: 50px auto 0;
}
.contents-ssp#cho-all-sect2 {display: block;}

/* - Pricing Plan Slide - */
.slw-Box {width: 100%;}
.pplan-Box {
    font-size: var(--font-size-sm);
}
.item-ssp {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0;
    height: 500px;
    padding: 32px 24px;
    border-radius: var(--round-radius-lg2);
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    box-sizing: border-box;
    background-color: var(--color-white);
}
.item-ssp > p {font-weight: 600;}
.item-ssp > p.ssp-ico-tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.item-ssp > p.ssp-ico-tit > .btn-st03 {
    font-size: 14px;
    font-weight: 400;
    padding: 3px 14px;
    border-radius: var(--round-radius-lg2);
}
.item-ssp > h4 {
    font-size: var(--font-size-lg);
    font-weight: 600;
    margin: 16px auto 32px 0;
}
.item-ssp .gap-issp {flex: 1;}
.item-ssp > .btn-st03 {
    width: 100%;
    height: 58px;
}
.item-ssp > ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.item-ssp > ul li {
    position: relative;
    padding: 0 0 0 0.8em;
    box-sizing: border-box;
}
.item-ssp > ul li::before {
    content: '';
    position: absolute;
    left: 0; top: 0.4em;
    display: block;
    width: 16px; height: 16px;
    background: url('../images/icons/check-ico.png') no-repeat center / cover;
}
@media screen and (max-width:768px) {
    .top-reduce {margin: -30px auto 0;}
    .container-spp > .wd-max {
        padding: 0 0 80px;
    }
    .item-ssp {
        display: flex;
        height: auto;
        min-height: 450px;
        flex-direction: column;
        flex: 0 0 90vw;
        padding: 30px 20px;
    }
    .item-ssp > h4 {
        font-size: var(--font-size-md3);
        margin: 13px auto 20px 0;
    }
}
.pcounsel-Box {
    width: 100%;
    padding: 130px 20px;
    box-sizing: border-box;
    background: url('../images/pricing_bg.jpg') no-repeat center / cover;
    border-radius: var(--round-radius-lg3);
}
.inner-pcou {
    background-color: var(--color-white);
    width: 80%;
    margin: 0 auto;
    padding: 50px 100px 80px;
    border-radius: var(--round-radius-lg2);
    box-sizing: border-box;
}
.inner-pcou > h4 {
    font-size: var(--font-size-md5);
    font-weight: 600;
    text-align: center;
    margin: 0 0 60px 0;
}
.inner-pcou > ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.inner-pcou li > label {
    font-size: var(--font-size-sm2);
    display: block;
    margin: 0 0 5px 0;
}
.inner-pcou li > input, .inner-pcou li > textarea, .inner-pcou li > select {
    font:inherit;
    display: block; width: 100%;
    padding: 10px 15px;
    border: 1px solid #aaa;
    border-radius: var(--round-radius-sm);
    box-sizing: border-box;
}
.inner-pcou li > input::placeholder, .inner-pcou li > textarea::placeholder {
    font-size: 0.85em;
    color: var(--color-gray2);
}
.inner-pcou li > textarea {
    height: 150px;
    resize: none;
}
.inner-pcou li.gap-pco3 {
    height: 40px;
}
.submit-btn-Box > .btn-st03 {
    display: flex;
    align-items: center;
    width: 100%;
    height: 58px;
}
.chk-termBx input[type='checkbox'] {display: none;}
.chk-termBx input[type='checkbox'] + p::before {
    position: relative; top: 1.5px;
    content: ''; display: inline-block;
    width: 18px; height: 18px;
    margin: 0 4px 0 0;
    border: 1px solid #aaa;
    background-color: var(--color-white);
    border-radius: 3px;
    box-sizing: border-box;
}
.chk-termBx input[type='checkbox']:checked + p::before {
    background: url('../images/icons/ico_checkbox_16x16.png') no-repeat center / cover;
    border: none;
}
.chk-termBx label > p > span {
    display: inline;
}
.chk-termBx label > p > span > a {
    text-decoration: underline;
    margin: 0 0 0 8px;
    color: #888;
}
@media screen and (max-width:768px) {
    .pcounsel-Box {
        padding: 0;
        border-radius: 0;
    }
    .inner-pcou {
        width: 100%;
        padding: 40px 25px 60px;
        border-radius: 0;
        background-color: var(--color-background-gray);
    }
    .inner-pcou > h4 {
        text-align: left;
        font-size: var(--font-size-md2);
        border-bottom: 1px solid rgba(0,0,0,0.2);
        margin: 0 0 30px 0;
        padding: 0 0 20px 0;
    }
    .inner-pcou > ul {gap: 25px;}
    .inner-pcou li > label {font-size: var(--font-size-sm4);}
    .inner-pcou li > input, .inner-pcou li > textarea, .inner-pcou li > select {
        font:inherit;
        display: block; width: 100%;
        padding: 10px 15px;
        border: 1px solid #aaa;
        border-radius: 0;
        box-sizing: border-box;
    }
    .inner-pcou li > textarea {
        height: 150px;
        resize: none;
    }
    .inner-pcou li.gap-pco3 {
        height: 10px;
    }
    .chk-termBx input[type='checkbox'] + p::before {
        width: 16px; height: 16px;
    }
    .chk-termBx label > p > span.tmvw {
        display: block;
        text-align: right;
        margin: 7px 0 0;
    }
}
.Btn-sbbBx {
    display: block;
    width: 300px;
    margin: 0 auto;
    padding: 5px;
    border-radius: 50px;
    background-color: #ebeff0;
}
.Btn-sbbBx .btn-sbb {
    display: flex;
    align-items: center;
}
.Btn-sbbBx .btn-sbb > button {
    font-size: var(--font-size-sm);
    flex: 1;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.Btn-sbbBx .btn-sbb > button.on {
    color: var(--color-white);
    border-radius: 50px;
    background-color: var(--color-black2);
}

/* ===
Login Section
=== */
.input-style3 {
    font: inherit;
    height: 48px;
    background-color: var(--color-inputBox);
    padding: 14px 16px;
    border: none;
    border-radius: var(--round-radius-sm);
    box-sizing: border-box;
}
.input-style3:focus {
    border: none;
    outline: none;
}
.input-style3::placeholder {
    font-size: var(--font-size-sm);
    color: #999;
}
.container-login > .inner {
    display: flex;
    height: 900px;
    box-sizing: border-box;
}
.container-login > .inner > div {
    flex: 1;
}
.container-login > .inner .img-Bx {
    background: url('../images/login-bg.jpg') no-repeat center center / cover;
}
.container-login .desc-Bx {
    display: flex; 
    align-items: center; justify-content: center;
}
.desc-inBx > h3 {
    font-size: var(--font-size-md2); 
    font-weight: 600;
}
.login-Bx > h3 {
    margin: 0 0 35px 0;
}
.desc-Bx .desc-inBx {
    width: 70%;
    margin: 0 auto;
    font-size: var(--font-size-sm);
}
.input-Bx .pw-eye {
    position: relative;
}
.input-Bx .pw-eye .eye-ico3 {
    position: absolute;
    right: 4%; bottom: 15px;
    display: block;
    width: 18px; height: 18px;
    background: url('../images/icons/eyes-icon.png') no-repeat center / cover;
}
.login-Bx .input-Bx {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.login-Bx .input-Bx li > input {
    width: 100%;
}
.login-Bx .input-Bx label {
    display: block;
    margin: 0 0 7px 0;
}
.login-Bx .input-Bx .etc-opt {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.input-Bx .etc-opt .slw-Box {
    display: flex;
    gap: 7px;
}
.login-Bx .input-Bx .submit-sect {
    padding: 15px 0 0;
}
.login-Bx .input-Bx .submit-sect .btn-st03 {
    width: 100%;
    height: 48px;
}
.login-Bx .input-Bx .join-sect {
    border-top: 1px solid rgba(0,0,0,0.1);
    padding: 20px 0 0;
    margin: 15px 0 0;
    text-align: center;
}
.input-Bx .deco-link {
    display: block;
    white-space:nowrap;
    color: var(--color-primary);
    padding: 0 0 0 7px;
    box-sizing: border-box;
}
.btn-slw3 {
    position: relative;
    background-color: #ededed;
    width: 40px;
    border-radius: 30px;
    box-sizing: border-box;
    cursor: pointer;
}
.btn-slw3 > span {
    position: absolute;
    top: 50%; transform: translateY(-50%);
    left: 4px;
    display: inline-block;
    width: 15px; height: 15px;
    border-radius: 100%;
    background-color: var(--color-white);
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    transition: left 0.5s;
}
.slw-Box input[type="checkbox"] {display: none;}
.login-Bx .input-Bx label.btn-slw3 {margin: 0;}
.slw-Box input[type="checkbox"]:checked + .btn-slw3 {
    background-color: var(--color-primary);
}
.slw-Box input[type="checkbox"]:checked + .btn-slw3 > span {left: 20px;}

@media screen and (max-width:768px) {
    .container-login > .inner {
        /* display: flex; */
        height: auto;
        padding: 60px 0 150px;
    }
    .container-login > .inner > div {
        flex: none;
        width: 100%;
    }
    .container-login > .inner .img-Bx {display: none;}
    .desc-Bx .desc-inBx {
        width: 80%;
        font-size: var(--font-size-sm4);
    }
    .login-Bx .input-Bx {gap: 20px;}
}

/* ===
Sign Up
=== */
.join-Bx > p {
    margin: 15px 0 0;
    color: #666;
}
.join-Bx .gate-vw > ul {
    display: flex;
    align-items: center;
    gap: 50px;
    margin: 0 0 60px 0;
}
.join-Bx .gate-vw li {
    position: relative;
    width: 13px; height: 13px;
    border: 1px solid var(--color-black2);
    border-radius: 100%;
    box-sizing: border-box;
}
.join-Bx .gate-vw li.on {
    background-color: var(--color-primary);
    border: none;
}
.join-Bx .gate-vw li:not(:first-of-type)::before {
    content: ''; display: block;
    position: absolute;
    left: -45px; top: 50%; transform: translateY(-50%);
    width: 35px; height: 1px;
    background-color: var(--color-black2);
}
.join-Bx .gate-vw li.on::before {
    background-color: var(--color-primary);
}
.join-Bx .guide-Bx {
    position: relative;
    padding: 16px 20px 16px 40px;
    margin: 20px 0 0;
    border-radius: var(--round-radius-sm);
    box-sizing: border-box;
    background-color: var(--color-background-gray);
}
.join-Bx .guide-Bx::before {
    content: ''; 
    display: block; position: absolute;
    left: 15px; top: 1.15em;
    width: 0.9em; height: 1.2em;
    background: url('../images/icons/lock-icon.png') no-repeat center / cover;
}
.line-Bx {
    border: 1px solid var(--color-gray2);
    border-radius: var(--round-radius-sm);
    box-sizing: border-box;
}
.join-dtBx {
    margin: 32px 0 0;
    padding: 32px;
}
.input-style3.deco-n {
    background-color: var(--color-white);
    border-radius: 0;
    padding: 14px 10px;
    border-bottom: 1px solid var(--color-gray2);
}
.join-input3 > p {
    margin: 0 0 30px 0;
}
.join-input3 .input-data {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    gap: 15px;
}
.join-input3 .input-data .in01 {width: 60px;}
.join-input3 .input-data .in02 {flex: 1; width: 100%;}
.join-dtBx .btn-st03 {
    margin: 32px 0 0;
    width: 180px;
    height: 48px;
}
@media screen and (max-width:768px) {
    .join-Bx.desc-inBx > h3, .join-Bx.desc-inBx > p {text-align: center;}
    .cvw30 {
        padding: 0 30px;
        box-sizing: border-box;
    }
    .join-Bx .guide-Bx {padding: 16px 25px 16px 45px;}
    .join-Bx .guide-Bx::before {left: 20px;}
    .join-Bx .gate-vw {
        display: flex;
        justify-content: center;
    }
    .join-Bx .gate-vw > ul {margin: 0 auto 25px;}
    .join-Bx.desc-inBx {width: 100%;}
    .join-dtBx {
        margin: 5px 0 0;
        padding: 32px 30px;
    }
    .line-Bx {
        border: none;
        border-radius: 0;
    }
    .join-dtBx .btn-st03 {
        margin: 40px auto 0;
        width: 200px;
    }
    .join-input3 > p {margin: 0 0 15px 0;}
}

/* - Sign Up2 - */
.telnum-Bx {
    position: relative;
    padding: 16px;
    margin: 32px 0;
}
.telnum-Bx .btn-edit {
    position: absolute; display: block;
    right: 1em; bottom: 1em;
    width: 1em; height: 1em;
    background: url('../images/icons/edit-icon.png') no-repeat center / cover;
    cursor: pointer;
}
.telnum-Bx > .desc {
    margin: 4px 0 0;
    font-size: 0.9em;
    color: var(--color-gray3);
}
.chk-telnBx {
    padding: 16px 5px;
    box-sizing: border-box;
}
.chk-telnBx .input-style3.in02 {
    flex: 1;
    width: 100%;
}
.chk-telnBx .input-data {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    align-items: center;
}
.chk-telnBx .input-data .btn-resend {
    width: 100px;
    color: var(--color-primary);
    cursor: pointer;
}
.chk-telnBx .input-data .btn-resend::before {
    content: ''; display: inline-block;
    width: 1em; height: 1em;
    background: url('../images/icons/reset-icon.png') no-repeat center / cover;
    vertical-align: middle;
    margin: 0 6px 0 0;
}
.chk-telnBx .btn-st03 {
    width: 78px;
    height: 48px;
    margin: 32px 0 0;
}
@media screen and (max-width:768px) {
    .telnum-Bx {
        margin: 32px 0 20px;
        padding: 16px 30px;
        background-color: var(--color-sky2);
    }
    .telnum-Bx .btn-edit {right: 2em;}    
    .chk-telnBx {padding: 16px 30px;}
    .chk-telnBx .input-data {
        display: flex;
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
    }
    .chk-telnBx .btn-st03 {
        width: 150px;
        margin: 30px auto 0;
    }
    }

/* -- Sign Up3 -- */
.inputBx-j3 {}
.join3Bx {
    padding: 32px;
    box-sizing: border-box;
}
.join3Bx p.gap-vh {margin: 32px 0 0;}
.join3Bx .input-data > input {
    flex: 1;
    width: 100%;
}
.inputBx-j3 > .btn-st03 {
    width: 160px;
    height: 48px;
    margin: 32px 0 0;
}
.join3Bx .input-data .chk-pw {
    font-size: 0.88em;
    margin: 6px 0 0;
    color: var(--color-gray3);
}
.join3Bx .input-data .chk-pw.good {color: var(--color-primary);}
.chk-telnBx > p, .join3Bx > p {margin: 0 0 10px 0;}
@media screen and (max-width:768px) {
    .join3Bx {padding: 15px 30px 32px;}
    .inputBx-j3 > .btn-st03 {
        width: 200px;
        margin: 10px auto 0;
    }
    .join3Bx p.gap-vh {margin: 20px 0 0;}
}

/* ===
Inquery Page
===*/
.reqBx-wrapper {
    padding: 80px 0;
    color: var(--color-black2);
}
.reqBx-wrapper .inner-pcou > h4 {
    margin: 0 0 17px 0;
}
.reqBx-wrapper .inner-pcou > .inq-desc {
    text-align: center;
    margin: 0 0 45px 0;
    font-size: 0.9em;
    color: var(--color-gray3);
}
select#inquery-sort3 {
   -webkit-appearance:none;
   -moz-appearance:none;
   appearance:none;
}
select#inquery-sort3::-ms-expand{display:none;}
select#inquery-sort3 {
    background:url('../images/icons/arrow_down.png') no-repeat 98% 50%/30px auto;
}
@media screen and (max-width:768px) {
    .reqBx-wrapper {
        padding: 0;
        color: var(--color-black2);
        margin: 0 0 -80px 0;
    }
    .reqBx-wrapper .inner-pcou {
        border-radius: 0;
        padding: 40px 25px 100px;
    }
    .reqBx-wrapper .inner-pcou > h4 {
        text-align: left;
        font-size: var(--font-size-md2);
        border-bottom: 1px solid rgba(0,0,0,0.2);
        margin: 0 0 20px 0;
        padding: 0 0 10px 0;
    }
    .reqBx-wrapper .inner-pcou > .inq-desc {
        text-align: left;
        margin: 0 0 30px 0;
    }
}

/* ===
Footer
=== */
.footer {}
.footer > .inner {
    text-align: center;
    padding: 53px 70px;
    box-sizing: border-box;
}
.footer .logo-part img {}
.footer .info-part {
    display: flex; flex-wrap: wrap;
    gap: 20px;
    height: 92px;
    align-items: center; justify-content: center;
    margin: 38px auto 48px; 
    border-top: 1px solid var(--color-white); 
    border-bottom: 1px solid var(--color-white);
    font-size: var(--font-size-sm);
}
.footer .copy-part {
    display: flex; align-items: center;
    justify-content: space-between;
    height: 68px;
    background-color: var(--color-sky);
    border-radius: 100px;
    padding: 0 43px;
    box-sizing: border-box;
    font-size: var(--font-size-sm3);
}
.footer .copy-part .copyright {flex: 1;}
.footer .copy-part .language-box {
    padding: 5px 30px;
    border: 2px solid var(--color-white);
    border-radius: 30px;
}
.footer .copy-part .terms > a {
    padding: 0 10px;
}
.footer .copy-part .terms > a:last-of-type {
    border-left: 1px solid var(--color-white);
}
.foot-black .bg-blue {background-color: var(--color-black2);}

@media screen and (max-width:768px) {
    .footer > .inner {padding: 53px 15px;}
    .footer .logo-part img {width: 109px;}
    .footer .info-part {
        display: flex; 
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 15px;
        height: auto;
        padding: 25px 5px;
        box-sizing: border-box;
        margin: 38px auto 33px; 
        font-size: var(--font-size-sm3);
    }
    .footer .info-part > div {width: 100%;}
    .footer .copy-part {
        display: flex; 
        flex-direction: column;
        height: auto;
        gap: 15px 5px;
        background-color: transparent;
        border-radius: 100px;
        padding: 0 15px;
        box-sizing: border-box;
        font-size: var(--font-size-sm3);
    }
}

/* -- Top Button -- */
.TopBtnst {
   display: none;
   position: fixed;   
   right: 2%;         
   bottom: 20px;       
   z-index: 20;
}
.TopBtnst .onts {
	width:40px;
	height:40px;
	box-shadow:0 4px 32px 0 rgba(0,0,0,.175);
	display:block;
	border-radius:100%;
	overflow:hidden;
	cursor:pointer;
	transition:transform .2s;
	transform:scale(0);
	z-index:20;
}
.TopBtnst .onts.ready {transform:scale(1);	z-index:20;}
.TopBtnst .onts:hover {transform:scale(1.03); opacity: 1;}
.TopBtnst .onts:active {transform:scale(.97)}

.TopBtnst .onts>i {
	width:100%;
	height:100%;
	display:block;
    background: url('../images/icons/top-btn1.svg') no-repeat center / cover;
    opacity: 0.65;
}
@media screen and (max-width:768px) {
    .TopBtnst {right: 3.5%; bottom: 15px;}
}