@charset "utf-8";

.rts-section-gap .button-area {
    text-align: -webkit-center;
    padding-top: 80px;
}

.rts-section-gap .button-area a {
        margin: 0;
        max-width: 300px;
}

.rts-section-gap .container .circle_list_box .row .col-lg-7 .company-history-main-wrapper .single-company-history {
    align-items: center;
}

.rts-section-gap .container .circle_list_box .row .col-lg-5 .circle_img_box {
    position: relative;
}

.rts-section-gap .container .circle_list_box .row .col-lg-5 .circle_img_box > img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    aspect-ratio: auto;
}


.color-blue-demo {
    --color-primary: #25A9BD !important;
}

.rts-btn.btn-primary {
    color: #fff;
}

.header-one .nav-area {
    margin-right: unset;
}

.nav-area ul {
    /* gap: 30px; */
    gap: 45px;
}

.has-dropdown::after {
    color: #25A9BD;
}

li.has-dropdown .submenu li a:hover {
    background: #25A9BD;
    color: #fff !important;
}

.f_40 {
    font-size: 40px;
}

.mv_flex_box {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.rts-banner-hr .banner-hr-content-wrapper .rts-btn {
    margin: unset;
}

.rts-banner-hr .banner-hr-content-wrapper::after {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #25A9BD;
    opacity: 0.7;
}

.rts-banner-hr .banner-hr-content-wrapper::before {
    opacity: 0.5;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #25A9BD;
}

.rts-banner-hr {
    background-image: url('/img/mv_bg.jpg');
    clip-path: unset;
}

.title-style-two .bg-content::after {
    display: none;
}

.consultancy-style-one .signle-consultancy .information .title {
    color: var(--html-themewant-com-mirage, var(--color-azure-17, #1C2539));
    font-family: Pretendard;
    font-size: var(--font-size-20, 20px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--line-height-26, 26px);
    /* 162.5% */
}

p.disc {
    color: var(--html-themewant-com-shuttle-gray, var(--color-grey-40, #5D666F));
    font-family: Pretendard;
    font-size: var(--font-size-18, 18px);
    font-style: normal;
    font-weight: var(--font-weight-400, 400);
    line-height: var(--line-height-26, 26px);
    /* 162.5% */
}

.title-style-two .title,
.rts-banner-hr .banner-hr-content-wrapper .pre-title,
.rts-banner-hr .banner-hr-content-wrapper .title,
.rts-banner-hr .banner-hr-content-wrapper .disc {
    font-family: 'Pretendard' !important;
}

.title-style-two .pre {
    color: var(--html-themewant-com-black, var(--color-black-solid, #000));
    font-family: Pretendard;
    font-size: var(--font-size-17, 17px);
    font-style: normal;
    font-weight: var(--font-weight-600, 600);
    line-height: 100%;
    /* 16px */
    letter-spacing: 1px;
    text-transform: uppercase;
}

.consultancy-style-one .signle-consultancy .icon {
    display: flex;
    width: 48px;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1 / 1;
    border-radius: 8px;
}

.thumbnail-business-area-right-two .small-thumbnail {
    left: -47%;
    top: 62%;
}

.testimonails-8-mian-wrapper {
    padding: 40px 95px;
    border-radius: 10px;
    background: #6B6B6B;
}

.testimonails-8-mian-wrapper .testimonails-inner-content p.disc {
    color: #FFF;
    font-family: Pretendard;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 30px */
    margin-bottom: 20px;
}

.testimonails-8-mian-wrapper .testimonails-inner-content .author-area .content .title {
    color: #FFF;
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 18px */
}

.circle-text.center_yo {
    display: flex;
    align-items: center;
    height: 100%;
}

.testimonails-8-mian-wrapper .testimonails-inner-content {
    max-width: 100%;
}

/* footer */

.with-hr-demo.rts-footer-area {
    padding-top: unset;
    clip-path: unset;
}


.footer_wrapper {

    padding: 40px 0;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}


.footer_side.left {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.footer_info_box {
    margin-top: 16px;
}

.footer_info_box ul {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    align-items: center;
}

.footer_info_box ul li {
    position: relative;
}

.footer_info_box ul li:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(19px, -50%);
    height: 100%;
    width: 1px;
    background-color: #4d4d4d;
}

.footer_info_box ul li:last-child:after {
    display: none;
}

.footer_copy_box {
    color: #808080;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 21px */
}

.footer_sns ul {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    align-items: center;
}

.footer_info_box ul li {
    color: #B3B3B3;
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 18px */
}


@media all and (max-width:1000px) {
    .rts-banner-hr .banner-hr-content-wrapper::before {
        display: none;
    }

    .mv_flex_box {
        gap: 5px;
    }

    .footer_info_box ul li:after {
        display: none;
    }

    .footer_info_box ul {
        gap: 0;
        flex-direction: column;
        align-items: start;
    }

    .footer_side.left {
        gap: 10px;
    }

    .footer_sns {
        margin-top: 30px;
    }

    .testimonails-8-mian-wrapper {
        padding: 20px 40px;
    }
}


/* apply */
.tit_32 {
    color: var(--Foundation-GREY-900, #222);
    font-family: Pretendard;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 32px */
    letter-spacing: 0.16px;
    margin-bottom: 0;
}

.p_18 {
    color: var(--Foundation-GREY-900, #222);
    /* text-align: center; */

    /* Body-16 */
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 27px */
    letter-spacing: 0.18px;
    margin-bottom: 0;

}

.center {
    text-align: center !important;
}

.after {
    position: relative;
    padding-left: 20px;
}

.flex {
    display: flex;
    flex-wrap: wrap;
}

.gray_txt_box {
    padding: 20px;
    border-radius: 4px;
    background: var(--Foundation-GREY-100, #F1F1F1);
    flex-direction: column;
    gap: 20px;
}

.gray_txt_box .p_18.after::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    color: var(--Foundation-GREY-900, #222);
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.18px;
    margin-bottom: 0;
}

.gray_txt_box .p_18.one::after {
    content: '1.';
}

.gray_txt_box .p_18.two::after {
    content: '2.';
}

.gray_txt_box .p_18.three::after {
    content: '3.';
}

.gray_txt_box .p_18.four::after {
    content: '4.';
}

.gray_txt_box .p_18.five::after {
    content: '5.';
}

.gray_txt_box .p_18.six::after {
    content: '6.';
}

.gray_txt_box .p_18.seven::after {
    content: '7.';
}

.gray_txt_box .p_18.eight::after {
    content: '8.';
}

.p_20 {
    color: #222;

    /* Sub Title-20 */
    font-family: Pretendard;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 20px */
    margin-bottom: 0;
}

.underline_b {
    cursor: pointer;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.open_btn {
    align-items: center;
    justify-content: center;
}

.open_btn a {
    gap: 12px;
    align-items: center;
    border-radius: 999px;
    background: #CDEEF3;
    height: 48px;
    padding: 0 20px;
    display: inline-flex;
    max-width: 100%;
    justify-content: center;

}

.open_btn a p {
    color: #1091A5;
}


/* info */
.p_14 {
    color: #222;
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 18.2px */
}

.p_14.gray {
    color: #666;
}

.single-check span {
    font-size: 18px;
}

.circle_txt {
    flex-direction: column;
    gap: 8px;
    width: calc(100% - 124px);
}

.circle_list_box ul {
    gap: 40px;
}

.circle_list_box li {
    /* flex-direction: column; */
    gap: 24px;
    align-items: center;
    justify-content: flex-start;
}

.circle_img_box img {
    aspect-ratio: 1 / 1;
    max-width: 80px;
    width: 100%;
}

.circle_img_box {
    border-radius: 999px;
    border: 1px dashed #CCC;
    padding: 12px;
    transition: all 0.3s ease-in-out;
    aspect-ratio: 1 / 1;
    width: 100px;
}

.circle_list_box li:hover .circle_img_box {
    border: 1px dashed #1898AB;
}

.circle_list_box.five li {
    width: calc(20% - 32px);
}

ul li {
    margin: 0 !important;
}

.circle_list_box.four li {
    width: calc(25% - 30px);
}

.circle_list_box.two li {
    width: calc(50% - 20px);
}

/* .circle_txt .p_14.gray {
    min-height: 36px;
} */

.tab_box {
    border-radius: 999px;
    background: var(--Foundation-GREY-100, #F1F1F1);
}

.tab_box .tab_btn {
    width: 50%;
    padding: 23px;
    text-align: center;
    color: #666;
    cursor: pointer;
    /* Sub Title-20 */
    font-family: Pretendard;
    font-size: clamp(16px, 3.2vw, 20px);
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 20px */
    transition: all 0.3s ease-in-out;
    display: flex
;
    align-items: center;
    justify-content: center;
}

.tab_box .tab_btn.active {
    background: #1898AB;
    color: #FFF;
    border-radius: 999px;
}

.after.dot::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(11px);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #222;
}

.re_info_box {
    flex-direction: column;
    gap: 55px;
}

.re_info {
    gap: 24px;
    width: 100%;
    align-items: stretch;
}


.re_info_img {
    border-radius: 12px;
    border: 1px solid rgba(24, 152, 171, 0.50);
    background: #FFF;
    /* aspect-ratio: 1 / 1; */
    width: 207px;
    align-items: center;
    justify-content: center;
    padding: 40px;
}

.re_info_img.green,
.re_info_txt.green {
    border: 1px solid rgba(24, 152, 171, 0.50);
    background: rgba(24, 152, 171, 0.05);
}

.re_info_txt {
    border-radius: 12px;
    border: 1px solid rgba(24, 152, 171, 0.50);
    background: #FFF;
    padding: 20px;
    width: calc(100% - 231px);
    min-height: 290px;
}

@media all and (max-width:1200px) {

    .circle_list_box.five li,
    .circle_list_box.four li {
        width: calc(33.333% - 27px);
    }

}

@media all and (max-width:992px) {

    .circle_list_box.five li,
    .circle_list_box.four li {
        width: calc(50% - 20px);
    }

    .circle_txt .p_20 {
        font-size: 18px;
    }
}

@media all and (max-width:768px) {
    .re_info {
        flex-direction: column;
    }

    .re_info_txt {
        width: 100%;
        min-height: unset;
    }

    .re_info_img {
        margin: 0 auto;
    }

    .circle_list_box.two li {
    width: 100%;
}
}