@charset "utf-8";
@import url(../lib/bootstrap.min.css);
@import url(../lib/jquery.fullpage.min.css);
@import url(../lib/swiper-bundle.min.css);
@import url(../css/swiper.css?v=1.11);
@import url(../css/common.css?v=1.0);
@import url(../css/animate.css);

/*
 * File       : styles.css
 * Date       : 2023. 06. 28
 *
 * Dependency : libs/bootstrap.min.css
 *              libs/fullpage.min.css
 *              libs/swiper-bundle.min.css
 *              libs/swiper.css
 *
 * SUMMARY:
 * 01) Main
 * 02) Consulting
 * 03) About
 * 04) Service Center
 * 05) Servie
 * 06) Product
 */

/* **************************************** *
 * Main
 * **************************************** */
/* section 01 */

.popup-container {
    position:absolute;
    border:solid 3px rgba(194, 194, 194, 0.08);
    padding:10px;
    border-radius:10px;
    background-color:#fff;
    z-index:9999;    
    box-shadow:-10.1px -12.4px 47px 0 #fff, 6.5px 10.1px 24px 0 rgba(112, 118, 140, 1);
}

.section_01 {
    background: #f9f9f9;
    padding: 90px 0 50px 0;
    position: relative;
}

.section_01::before {
    background: url(../img/deco/bg_sc_left.png) no-repeat;
    background-size: cover;
    content: '';
    display: inline-block;
    height: 170px;
    position: absolute;
    top: 0;
    width: 100px;
}

.section_01::after {
    bottom: 0;
    background: url(../img/deco/bg_sc_right.png) no-repeat;
    background-size: cover;
    content: '';
    display: inline-block;
    height: 170px;
    position: absolute;
    right: 0;
    width: 100px;
}

.section_01 .sc_wrap {
    text-align: center;
}

.section_01 h1 {
    color: #575757;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 16px 0;
    text-align: center;
}

.section_01 .main_logo {
    width: 220px;
}

.section_01 h6 {
    color: #256bc2;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    position: relative;
    z-index: 1;
}

.section_01 h6::before {
    background: #256bc2;
    content: '';
    display: block;
    height: 40px;
    margin: 16px auto 16px auto;
    width: 1px;
}

.main_cont_01 {
    background: #f8f7f6;
    border-radius: 96.7px;
    box-shadow: -10.1px -12.4px 47px 0 #fff, 6.5px 10.1px 24px 0 rgba(112, 118, 140, 0.41);
    border: solid 3px rgba(194, 194, 194, 0.08);
    position: relative;
    margin: 16px 16px 0 16px;
    max-width: 400px;
}

@media (min-width: 416px) {
    .main_cont_01 {
        margin: 16px auto 0 auto;
    }
}

.main_cont_01::after {
    background: #256bc2;
    content: '';
    display: block;
    height: 40px;
    margin: 3px 0 0 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
}

.main_cont_01 ul {
    display: flex;
    margin: 24px 0;
    width: 100%;
}

.main_cont_01 ul li {
    width: 33.3%;
}

.main_cont_01 dt {
    color: #256bc2;
    font-size: 16px;
    font-weight: 800;
    text-align: center;
}

.main_cont_01 dd {
    color: #9b9b9b;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
}

.section_01 .swiper_cont {
    max-width: 400px;
    margin: 40px 16px 0 16px;
}

@media (min-width: 416px) {
    .section_01 .swiper_cont {
        margin: 40px auto 0 auto;
    }
}

@media (min-width: 992px) {
    .section_01 {
        background: url(../img/background/section_01_01.png) no-repeat !important;
        background-size: 100% 100% !important;
        padding: 0;
    }

    .section_01::after,
    .section_01::before {
        display: none;
    }

    .section_01 .sc_wrap {
        margin: 80px 0 0 0;
    }

    .section_01 h1 {
        font-size: 36px;
        margin: 0 0 36px 0;
        text-align: center;
    }

    .section_01 .main_logo {
        width: 460px;
    }

    .section_01 h6 {
        font-size: 24px;
    }

    .section_01 h6::before {
        height: 94px;
        margin: 20px auto 32px auto;
    }

    .main_cont_01 {
        background: #f8f7f6;
        border-radius: 100px;
        box-shadow: -10.1px -12.4px 47px 0 #fff, 6.5px 10.1px 24px 0 rgba(112, 118, 140, 0.41);
        border: solid 3px rgba(194, 194, 194, 0.08);
        position: relative;
        max-width: 656px;
    }

    .main_cont_01::after {
        height: 66px;
    }

    .main_cont_01 ul {
        margin: 32px 0 28px 0;
    }

    .main_cont_01 dt {
        font-size: 22px;
    }

    .main_cont_01 dd {
        font-size: 16px;
    }

    .section_01 .swiper_cont {
        margin: 66px auto 0 auto;
        max-width: 1280px;
    }

    .section_01 .swiper_cont::after {
        background: #000;
        bottom: 0px;
        content: '';
        display: block;
        height: 36px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 1px;
    }
}

/* section 02 */
.section_02 {
    padding: 60px 0;
}

.main_cont_02 {
    align-items: center;
    display: flex;
    justify-content: center;
}

.main_cont_02 h2 {
    color: #727171;
    font-size: 18px;
    font-weight: 700;
    margin: 0 20px 0 0;
    text-align: center;
}

.main_cont_02 button {
    background: none;
    border: 0;
    padding: 0;
}

.main_cont_02 button img {
    transition: 1s;
    width: 120px;
}

.main_cont_02 button img:hover {
    transform: scale(1.1);
    transition: 1s;
}

.main_cont_02 ul {
    display: flex;
    justify-content: space-between;
    max-width: 400px;
    width: 100%;
}

.main_cont_02 ul li {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
}

.main_cont_02 ul li::after {
    background: url(../img/step_right.png) no-repeat;
    background-size: cover;
    bottom: 4px;
    content: '';
    display: inline-block;
    height: 30px;
    position: absolute;
    transform: translateX(50%);
    right: -50%;
    width: 30px;
}

.main_cont_02 ul li:last-child::after {
    display: none;
}

.main_cont_02 ul li img {
    transform: scale(.66);
    transition: .3s;
    width: 40px;
}

.consulting_process_icons li img {
    transform: scale(.66);
    transition: .3s;
}

.main_cont_02 ul li p {
    color: #000;
    font-size: 12px;
    text-align: center;
}

.cursor_hand, .move_page {
    cursor:pointer;
}

@media (min-width: 992px) {
    .section_02 {
        padding: 0;
        position: relative;
    }

    .section_02::before {
        background: url(../img/deco/section_02_01.png) no-repeat;
        content: '';
        display: inline-block;
        height: 100%;
        position: absolute;
        width: 100%;
    }

    .section_02 .container.box {
        background: #fff;
        box-shadow: inset 5px 5px 10px 5px rgb(77, 71, 71, 0.1);
        border-radius: 300px 0 0 300px;
        margin: 0 0 80px auto;
        max-width: 992px;
    }

    .section_02 .container.box .row {
        max-width: 960px;
        padding: 40px 0;
    }

    .section_02 .row .col-6:nth-child(1),
    .section_02 .row .col-6:nth-child(2) {
        align-items: flex-end;
        display: flex;
        height: 55%;
    }

    .section_02 .row .col-6:nth-child(3),
    .section_02 .row .col-6:nth-child(4) {
        align-items: center;
        display: flex;
        height: 45%;
    }

    .section_02 .sc_wrap {
        display: flex;
        margin: 0 auto;
        max-width: 1280px;
    }

    .main_cont_02 {
        height: 266px;
        margin: 0;
        width: 100%;
    }

    .section_02 .sc_wrap .main_cont_02:nth-child(1) {
        justify-content: flex-end;
    }

    .section_02 .sc_wrap .main_cont_02:nth-child(2) {
        justify-content: flex-start;
    }

    .main_cont_02 h2 {
        font-size: 32px;
        margin: 0 12px 0 0;
    }

    .main_cont_02 button img {
        transition: 1s;
        width: 264px;
    }

    .main_cont_02 button img:hover {
        transform: scale(1.1);
        transition: 1s;
    }

    .main_cont_02 ul {
        min-width: 100%;
    }

    .main_cont_02 ul li {
        width: 20%;
    }

    .main_cont_02 ul li::after {
        bottom: 2px;
        height: 16px;
        right: 0;
        width: 16px;
    }

    .main_cont_02 ul li img {
        width: 60px;
    }

    .main_cont_02 ul li p {
        font-size: 14px;
        margin: 8px 0 0 0;
    }

    .main_cont_02.type2 {
        align-items: flex-start;
        flex-direction: column;
        padding: 100px 0 0 0;
        height: auto;
    }


}

@media (min-width: 1100px) {
    .section_02 .container.box {
        max-width: 1060px;
    }

    .section_02 .container.box .row {
        max-width: 960px;
        padding: 40px 0;
    }
}

@media (min-width: 1200px) {
    .section_02 .container.box {
        max-width: 1160px;
    }

    .section_02 .container.box .row {
        max-width: 1140px;
    }
}


@media (min-width: 1400px) {
    .section_02 .container.box {
        max-width: 1320px;
    }

    .section_02 .container.box .row {
        max-width: 1280px;
    }

    .main_cont_02 h2 {
        font-size: 40px;
        margin: 0 52px 0 0;
    }

    .main_cont_02 ul li::after {
        bottom: 0;
        height: 24px;
        right: -12px;
        transform: unset;
        width: 24px;
    }

    .main_cont_02 ul li img {
        width: 80px;
    }

    .main_cont_02 ul li p {
        font-size: 16px;
        margin: 8px 0 0 0;
    }
}

@media (min-width: 1500px) {
    .section_02 .container.box {
        max-width: 1420px;
    }
}

@media (min-width: 1600px) {
    .section_02 .container.box {
        max-width: 1480px;
    }

    .section_02 .container.box .row {
        max-width: 1280px;
    }
}

@media (min-width: 1800px) {
    .section_02 .container.box {
        max-width: 1520px;
    }
}

@media (min-width: 1900px) {
    .section_02 .container.box {
        max-width: 1580px;
    }
}

/* section 03 */
.section_03 {
    background: #f9f9f9;
    padding: 40px 0;
}

.section_03 .cont_swiper_op {
    background: #fff;
    padding: 20px 8px;
}

.sc_title {
    align-items: center;
    color: #444444;
    display: flex;
    font-weight: 700;
    font-size: 20px;
    margin: 0 0 8px 0;
}

.sc_title button {
    align-items: center;
    background: none;
    border: 0;
    display: flex;
    margin: 0 0 0 8px;
    padding: 0;
}

.review_list>li {
    border-bottom: 1px solid #ececec;
    font-size: 12px;
    padding: 8px 0;
}

.review_list>li:last-child {
    border: 0;
}

.review_list dl {
    display: flex;
}

.review_list dt {
    width: calc(100% * 0.25);
}

.review_list dd {
    color: #646464;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% * 0.75);
    white-space: nowrap;
}

.star {
    display: flex;
}

.star li {
    color: #646464;
    /* padding:0px 10px; */
}

.star li.on {
    color: #88c5fe;
}

.star input[type="radio"] {
    display: none;
}

.star input[type="radio"]+label {
    vertical-align: middle;
    cursor: pointer;
    padding:0px 10px;
}

@media (min-width: 992px) {
    .section_03 {
        padding: 0;
    }

    .section_03::after {
        background-image: url(../img/deco/section_03_01.png);
        background-size: cover;
        content: '';
        display: inline-block;
        height: 100%;
        position: absolute;
        top: 0;
        right: 150px;
        width: 400px;
    }

    .section_03::before {
        background: #ebebeb;
        content: '';
        display: inline-block;
        height: 720px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 150px;
        width: 400px;
        z-index: 1;
    }

    .main_cont_03 {
        background: rgba(243, 243, 243, 0.7);
        border: 2px solid #e9e8e8;
        border-radius: 24px;
        height: 720px;
        padding: 20px 30px;
    }

    .main_cont_03>.row {
        height: 100%;
    }

    .main_cont_03 .row>.col-6 {
        height: 60%;
    }

    .main_cont_03 .row>.col-7 {
        width: 60%;
    }

    .main_cont_03 .row>.col-5 {
        width: 40%;
    }

    .main_cont_03 .row>.col-5 .col-3 {
        padding: 8px;
    }

    .main_cont_03 .swiper_cont {
        margin: 0 -4px;
        padding: 10px 0 0 0;
    }

    .service_title {
        align-items: center;
    }

    .service_title .title {
        color: #5a5a5a;
        font-size: 60px;
        font-weight: 800;
    }

    .service_title .desc {
        color: #5a5a5a;
        font-size: 20px;
        font-weight: 500;
    }

    .sc_title {
        font-size: 24px;
        margin: 0 0 12px 0;
    }

    .w_20 {
        width: 20%;
        padding: 8px;
    }
}

@media (min-width: 1200px) {
    .section_03::after {
        right: 150px;
    }

    .section_03::before {
        right: 150px;
    }

}

@media (min-width: 1280px) {
    .section_03::after {
        right: 200px;
    }

    .section_03::before {
        right: 200px;
    }

    .service_title .title {
        font-size: 72px;
    }

}

@media (min-width: 1600px) {
    .section_03::after {
        right: 300px;
        width: 500px;
    }

    .section_03::before {
        height: 776px;
        right: 300px;
        width: 500px;
    }

    .main_cont_03 {
        min-height: 776px;
        padding: 40px 60px;
    }

}

/* section 04 */
.section_04 {
    background: #f3f2f2;
}

.section_04 .sc_top {
    background: #55acfd;
    padding: 40px 16px 20px 16px;
}

.section_04 .sc_top h1 {
    color: #fff;
    font-size: 32px;
    margin: 0 0 4px 0;
}

.section_04 .sc_top p {
    color: #fff;
    font-size: 12px;
}

.section_04 .sc_wrap {
    padding: 40px 16px;
}

.box_list_01 {
    margin: -8px;
    padding: 0 0 40px 0;
}

.box_list_01>.col-12,
.box_list_01>.col-6 {
    padding: 8px;
}

.box_list_02 {
    margin: -8px;
}

.box_list_02>.col-4 {
    padding: 8px;
}

.box {
    background-color: #f9f9f9;
    border-radius: 8px;
    cursor: pointer;
    padding: 12px 0;
    text-align: center;
    font-weight:650;
}

.box.op {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 20px 0;
}

.box_text {
    margin: 0 0 0 12px;
}

.box_text h2 {
    color: #000;
    font-size: 12px;
    font-weight: 700;
    text-align: left;
}

.box_text p {
    color: #646464 !important;
    font-size: 12px;
    margin: 4px 0 0 0 !important;
    text-align: left;
}

.box img {
    transform: scale(1);
    transition: .3s;
    width: 60px;
}

.box img:hover {
    transform: scale(1.2);
}

.box p {
    color: #000;
    font-size: 12px;
    margin: 8px 0 0 0;
    text-align: center;
}

@media (min-width: 992px) {
    .section_04 {
        background: url(../img/background/section_04_01.png);
        background-size: 100% 100%;
    }

    .main_cont_04 {
        align-items: flex-end;
        display: flex;
        height: 100%;
    }

    .main_cont_04 .sc_left_top {
        background: #fff;
    }

    .main_cont_04 .sc_left,
    .main_cont_04 .sc_right {
        width: 50%;
    }

    .main_cont_04 .sc_left {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .main_cont_04 .sc_left_top {
        display: flex;
        flex-direction: column;
        height: calc(100vh - 217px);
        padding: 100px;
        width: 100%;
    }

    .main_cont_04 .sc_left_bot {
        height: 217px;
        margin: 8px 0 0 0;
    }

    .main_cont_04 .sc_left_bot .row {
        height: 100%;
    }

    .main_cont_04 .sc_left_bot .col-6 {
        padding: 0 8px;
    }

    .main_cont_04 .sc_right .row {
        margin: 0 0 0 8px;
    }

    .main_cont_04 .sc_right .row .col-4 {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 0;
        width: 22%;
    }

    .main_cont_04 .sc_right .row .col-8 {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 0 0 0 8px;
        width: 78%;
    }

    .w_img {
        background-size: cover;
        background-position: center center;
    }

    .work_img_01 {
        background-image: url(../img/work/work_01.jpg);
        height: 217px;
        width: 100%;
    }

    .work_img_02 {
        background-image: url(../img/work/work_02.jpg);
        height: 175px;
        width: 100%;
    }

    .work_img_03 {
        background-image: url(../img/work/work_03.jpg);
        height: calc((100vh - 484px));
        margin: 8px 0;
        width: 100%;
    }

    .work_img_04 {
        background-image: url(../img/work/work_04.jpg);
        height: 217px;
        width: 100%;
    }

    .work_img_05 {
        background-image: url(../img/work/work_05.jpg);
        height: calc((100vh - 80px) / 2);
        width: 100%;
    }

    /* .work_img_06 {
        background-image: url(../img/work/work_06.png);
        height: calc((100vh - 88px) / 2);
        margin: 8px 0 0 0;
        width: 70%;
    } */



    .box_list_01 {
        margin: 0 -12px 12px -12px;
        padding: 0;
    }

    .box_list_01>.col-6 {
        padding: 0 8px;
        justify-content: end;
    }

    .box_list_01>.col-3 {
        padding: 0 8px;
    }

    .box {
        background-color: #f9f9f9;
        border-radius: 8px;
        padding: 12px 0;
        text-align: center;
        transition: .5s;
    }

    .box:hover {
        background: #e5edfa;
        transition: .5s;
    }

    .box_list_01 .box {
        padding: 20px 0;
    }

    .box_list_01 .box.op {
        padding: 34px 0;
    }

    .box img {
        transform: scale(1);
        transition: .3s;
        width: 64px;
        /* width: 74px; */
    }

    .cont_review {
        width: 100%;
    }

    .cont_review .review_list dt {
        width: calc(100% * 0.15);
    }

    .cont_review .review_list dd:first-child {
        text-align: center;
        width: calc(100% * 0.6);
    }

    .cont_review .review_list dd:last-child {
        text-align: center;
        width: calc(100% * 0.25)
    }
}

@media (min-width: 1400px) {
    .main_cont_04 .sc_left_top {
        padding: 140px;
    }
}

@media (min-width: 1600px) {


    .box_list_01 {
        margin: 0 -12px 10px -12px;
    }

    .box {
        padding: 8px 0;
    }

    .box_list_01 .box {
        padding: 16px 0;
    }

    .box_list_01 .box.op {
        padding: 30px 0;
    }

    .box img {
        width: 74px;
    }

    .box_text h2 {
        font-size: 14px;
    }

    .box p {
        color: #000;
        font-size: 14px;
        margin: 8px 0 0 0;
        text-align: center;
    }

    .cont_review .review_list dt {
        font-size: 16px;
        width: calc(100% * 0.15);
    }

    .cont_review .review_list dd {
        font-size: 16px;
    }
}

@media (min-width: 992px) {}

/* section 05 */
.section_05 {
    background: url(../img/background/m_section_03_01.png) no-repeat;
    background-size: cover;
    height: 100%;
    padding: 40px 0 240px 0;
    width: 100%;
}

.sc_work {
    background: #fff;
    padding: 40px 0 170px 0;
    position: relative;
}

.work_top {
    margin: 0 16px 40px 16px;
}

.work_top p {
    background: #000;
    display: inline-block;
    line-height: 1.2;
    padding: 0px 16px;
}

.work_top p>span {
    color: #fff;
    font-size: 12px;
}

.work_top h1 {
    color: #5a5a5a;
    font-size: 32px;
    font-weight: 800;
    margin: 8px 0;
}

.work_top h6 {
    color: #000;
    font-size: 14px;
}

.work_list {
    padding: 20px 0 0 0;
}

.work_list li {
    box-shadow: -2.9px -2.7px 4px 0 rgba(244, 244, 244, 0.7), 1.9px 2.3px 4px 0 rgba(124, 126, 130, 0.15);
    border-radius: 8px;
    color: #000;
    font-size: 13px;
    font-weight: 800;
    margin: 0 0 12px 0;
    padding: 8px 0 8px 20px;
    transition: .5s;
}

.work_list li:hover {
    box-shadow: -2.9px -2.7px 4px 0 rgba(244, 244, 244, 0.7), 1.9px 2.3px 4px 0 rgba(124, 126, 130, 0.3);
    transition: .5s;
}

.work_list li span {
    color: #55acfd;
}

.work_list li:last-child {
    align-items: center;
    display: flex;
    margin: 0;
}

.work_list li button {
    background: none;
    border: 0;
    display: flex;
    margin: 0 12px 0 auto;
    padding: 0;
}

.work_img {
    position: absolute;
    right: 0;
    margin: 0 0 0 16px;
    width: calc(100% - 16px);
}

.work_img img {
    object-fit: cover;
    height: 360px;
    width: 100%;
}

@media (min-width: 992px) {
    .work_top {
        margin: auto 0 0 auto;
    }

    .work_top p>span {
        font-size: 16px;
    }

    .work_top h1 {
        font-size: 60px;
        margin: 8px 0 16px 0;
    }

    .work_top h6 {
        font-size: 20px;
    }

    .work_list {
        padding: 24px 0 0 0;
    }

    .work_list li {
        font-size: 18px;
        margin: 0 0 16px 0;
        min-width: 374px;
    }

    /* pc section05 */
    .section_05 {
        background: url(../img/background/section_05_01.png);
        background-size: 100% 100%;
        padding: 0;
    }

    /* 20231013 추가 */
    .section_05.new {
        background: url(../img/background/section_05_new.png);
        background-size: 100% 100%;
        padding: 0;
    }

    .main_cont_05 {
        align-items: center;
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .main_cont_05 .work_top .row {
        margin: 20px -8px 0 -8px;
        max-width: 400px;
    }

    .main_cont_05 .sc_left_top {
        background: #fff;
    }

    /* .main_cont_05 .sc_left,
    .main_cont_05 .sc_right {
        width: 50%;
    }

    .main_cont_05 .sc_left {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    } */

    .main_cont_05 .sc_left_top {
        display: flex;
        flex-direction: column;
        /* height: calc(100vh - 350px);
        padding: 100px 100px 40px 100px;
        width: 100%; */
    }

    .main_cont_05 .sc_left_bot {
        height: 250px;
        margin: 8px 0 0 0;
    }

    .section_05>.row {
        margin: 0 !important;
    }

    .main_cont_05 .sc_right .row {
        margin: 0 0 0 8px;
    }

    .main_cont_05 .sc_left_bot .row {
        margin: 0;
    }

    .main_cont_05 .sc_left_bot .row .col-6 {
        padding: 0;
    }

    .main_cont_05 .sc_right .row .col-12 {
        padding: 0;
    }

    .main_cont_05 .sc_right .row .col-9 {
        padding: 0;
    }

    .work_img_07 {
        background-image: url(../img/work/work_07.jpg);
        height: 250px;
        width: 100%;
    }

    .work_img_08 {
        background-image: url(../img/work/work_08.jpg);
        height: calc(100vh - 350px);
        width: 100%;
    }

    .work_img_09 {
        background-image: url(../img/work/work_09.jpg);
        height: 250px;
        margin: 8px 0;
        width: 100%;
    }

    /* 20231013 추가 */
    #section_04 .container {
        max-width: 1100px;
    }

    .main_cont_05 .sc_left {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
    }

    .main_cont_05 .sc_left .sc_left_top {
        width: 30%;
    }

    .main_cont_05 .sc_left .sc_left_top .work_top {
        margin: 0;
    }

    .main_cont_05 .sc_left .sc_right_top {
        width: 65%;
    }


    .main_cont_05 .sc_bottom .row {
        justify-content: space-between
    }

    .main_cont_05 .sc_bottom .row .col-4 {
        width: 30%;
    }

    .ppt_header h2 {
        background: #000;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        color: #fff;
        font-size: 16px;
        padding: 8px 0 4px 0;
        text-align: center;
    }

    .ppt_header p {
        font-size: 16px;
        margin: 12px 0 0 0;
    }

    .ppt_body {
        margin: 24px 0 20px 0;
    }

    .ppt_body ul {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
    }

    .ppt_body ul li {
        border: 1px solid #a6a6a6;
        color: #7b7b7b;
        font-size: 16px;
        padding: 16px;
        text-align: center;
        width: calc((100% /2) - 6px);
    }

    .ppt_body ul li:hover {
        background: #f1f1f1;
        transition: .5s;
        cursor:pointer;
    }

    .ppt_footer img {
        width: 100%;
    }
}

/* section 06 */
.section_06 {
    background: url(../img/background/m_section_06_02.png) no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.section_06.bg {
    background: url(../img/background/m_section_06_01.png) no-repeat;
    background-size: cover;
}

.section_06 .sc_work {
    background: none;
    padding: 40px 0;
}

.section_06 .row {
    margin: 20px -8px;
}

.section_06 .row>.col-4 {
    padding: 8px;
}

.section_06 .box {
    background: #fff;
    border: solid 1px #cdcdcd;
    border-radius: 0;
    color: #7b7b7b;
    font-size: 14px;
    display: flex;
    justify-content: center;
    padding: 6px 0;
}

.section_06 .work_img {
    display: flex;
    position: relative;
}

.section_06 .work_img img {
    margin: 0 0 0 auto;
}

@media (min-width: 992px) {
    .section_06 .box {
        background: #fff;
        border-radius: 0;
        font-size: 16px;
        transition: .5s;
    }

    .main_cont_06 .box:hover {
        background: #f1f1f1;
        transition: .5s;
    }

    .main_cont_06 .work_top .row {
        margin: 20px -8px 0 -8px;
        max-width: 400px;
    }

    /* pc section06 */
    .section_06 {
        background: url(../img/background/section_04_01.png);
        background-size: 100% 100%;
    }

    .main_cont_06 {
        align-items: flex-start;
        display: flex;
        height: 100%;
    }

    .main_cont_06 .sc_left_top {
        background: #fff;
    }

    .main_cont_06 .sc_left,
    .main_cont_06 .sc_right {
        width: 50%;
    }

    .main_cont_06 .sc_left {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .main_cont_06 .sc_left_top {
        display: flex;
        flex-direction: column;
        height: calc(100vh - 217px);
        padding: 100px;
        width: 100%;
    }

    .main_cont_04 .sc_left_bot {
        height: 217px;
        margin: 8px 0 0 0;
    }

    .main_cont_06 .sc_right>.row {
        margin: 0 0 0 8px;
    }

    .main_cont_06 .sc_right .row {
        align-items: flex-end;
        height: calc(100vh / 2);
    }

    .main_cont_06 .sc_right .row .col-9 {
        padding: 0;
    }

    .main_cont_06 .sc_right .col-2,
    .main_cont_06 .sc_right .col-10,
    .main_cont_06 .sc_right .col-12 {
        padding: 0;
    }

    .main_cont_06 .sc_right .row .row {
        align-items: flex-start;
    }

    .main_cont_06 .sc_right .col-10 {
        padding: 0 0 0 8px;
    }

    /* .work_img_10 {
        background-image: url(../img/work/work_10.png);
        height: 344px;
        width: 100%;
    } */

    .work_img_11 {
        background-image: url(../img/work/work_11.jpg);
        height: calc(50vh - 224px);
        margin: 8px 0 0 0;
        width: 100%;
    }

    .work_img_12 {
        background-image: url(../img/work/work_12.jpg);
        height: calc(100vh / 2);
        margin: 8px 0;
        width: 100%;
    }
}

/* section 07 */
.section_05 .row {
    margin: 20px -8px;
}

.section_05 .row>.col-4 {
    padding: 8px;
}

.section_05 .box {
    background: #fff;
    border: solid 1px #cdcdcd;
    border-radius: 0;
    color: #7b7b7b;
    font-size: 14px;
    display: flex;
    justify-content: center;
    padding: 4px 0;
}

@media (min-width: 992px) {
    /* pc section07 */

    .section_07 {
        background: url(../img/background/section_05_01.png);
        background-size: 100% 100%;
    }

    .main_cont_07 {
        align-items: flex-start;
        display: flex;
        height: 100%;
    }

    .main_cont_07 .work_top .row {
        margin: 20px -8px 0 -8px;
        max-width: 400px;
    }

    .main_cont_07 .work_top .row .col-4 {
        padding: 8px;
    }

    .main_cont_07 .box {
        background: #fff;
        border: solid 1px #cdcdcd;
        border-radius: 0;
        color: #7b7b7b;
        font-size: 16px;
        display: flex;
        justify-content: center;
        padding: 6px 0;
        transition: .5s;
    }

    .main_cont_07 .box:hover {
        background: #f1f1f1;
        transition: .5s;
    }

    .main_cont_07 .sc_left_top {
        background: #fff;
    }

    .main_cont_07 .sc_left,
    .main_cont_07 .sc_right {
        width: 50%;
    }

    .main_cont_07 .sc_left {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .main_cont_07 .sc_left_top {
        display: flex;
        flex-direction: column;
        height: calc(100vh - 217px);
        padding: 100px;
        width: 100%;
    }

    .main_cont_07 .sc_right .row {
        margin: 0 0 0 8px;
    }

    .main_cont_07 .sc_right .row .col-12,
    .main_cont_07 .sc_right .row .col-4 {
        padding: 0;
    }

    /* .main_cont_04 .sc_left_bot {
        height: 217px;
        margin: 8px 0 0 0;
    } */

    .work_img_13 {
        background-image: url(../img/work/work_16.jpg);
        height: 50vh;
        width: 100%;
    }

    /* .work_img_14 {
        background-image: url(../img/work/work_14.jpg);
        height: 50vh;
        margin: 8px 0 0 0;
        width: 100%;
    } */


    .work_img_15 {
        background-image: url(../img/work/work_15.jpg);
        height: 50vh;
        margin: 8px 0 0 8px;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .section_05 .box {
        background: #fff;
        border: solid 1px #cdcdcd;
        border-radius: 0;
        font-size: 16px;
        display: flex;
        justify-content: center;
        padding: 4px 0;
        transition: .5s;
    }

    .section_05 .box:hover {
        background: #f1f1f1;
        transition: .5s;
    }

    .main_cont_08 .container-fluid {
        padding: 0;
    }

    .notice_wrap {
        background: #eeeeee;
        height: 178px;
    }

    .notice_wrap .col-5 {
        height: 178px;
        position: relative;
        width: 40%;
    }

    .company {
        border: 3px solid #fff;
        border-bottom: 0;
        bottom: 0;
        color: #6e6e6e;
        font-size: 20px;
        font-weight: 700;
        height: 140px;
        padding: 12px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 260px;
    }

    .company::after {
        background: url(../img/main_logo_low.png);
        background-size: cover;
        bottom: -63px;
        content: '';
        display: inline-block;
        height: 63px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 300px;
    }

    .notice_wrap .col-5:nth-child(2) {
        align-items: center;
        display: flex;
        width: 60%;
    }

    .notice_wrap .col-5 h6 {
        line-height: 1.7;
    }

    .notice_wrap .col-5 h6 b {
        font-weight: 800;
    }

    .notice_wrap .col-2 {
        align-items: flex-end;
        display: flex;
    }

    .notice_wrap .col-2 button {
        background: none;
        border: 0;
        margin: 0 0 40px 0;
    }

    .notice_logo {
        margin: 0 auto;
        position: absolute;
        right: 120px;
        width: 300px;
    }

    .main_cont_08 .container-fluid .col-5 {
        width: 40%;
    }

    .main_cont_08 .sc_notice {
        margin: 160px 0 0 0;
        width: 600px;
    }

    .main_cont_08 .sc_notice ul li {
        border-bottom: 1px solid #e6e6e6;
        color: #646464;
        font-size: 16px;
        overflow: hidden;
        padding: 8px 0;
        text-overflow: ellipsis;
        width: 600px;
        white-space: nowrap;
    }


}

@media (min-width: 1620px) {
    .main_cont_08 .container-fluid {
        max-width: 1600px;
        margin: 0 0 0 auto;
    }
}

/* pc section 09 */
@media (min-width: 992px) {
    .section_08 {
        background: #f9f9f9;
    }
}

/* section 09 */
.section_09 {
    background: #f9f9f9;
    padding: 40px 0;
}

.section_09 .sc_wrap {
    background: #eeeeee;
    padding: 60px 16px;
}

.section_09 .logo_text {
    border: 4px solid #fff;
    border-bottom: 0;
    height: 100px;
    margin: 0 auto 20px auto;
    padding: 16px;
    width: 200px;
}

.section_09 .logo_text p {
    color: #6e6e6e;
    font-size: 14px;
    font-family: 'IBM Plex Sans', sans-serif;
}

.section_09 img {
    display: block;
    margin: 0 auto;
    width: 260px;
}

.section_09 .about {
    color: #000;
    font-size: 13px;
    margin: 40px 0 0 0;
}

.section_09 .about b {
    font-weight: 800;
}

.section_09 .sc_notice {
    padding: 60px 16px 0 16px;
}

.section_09 .sc_notice ul li {
    border-bottom: 1px solid #e6e6e6;
    color: #646464;
    cursor: pointer;
    font-size: 13px;
    overflow: hidden;
    padding: 8px 0;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
}

.section_09 .sc_notice ul li:last-child {
    border: 0;
}

/* etc */
#fp-nav.right {
    right: 16px;
}

@media (min-width: 1820px) {
    #fp-nav.right {
        right: 40px;
    }
}

#fp-nav ul {
    display: none;
}

#top_fixed {
    display: none;
}

.top.sub {
    display: block !important;
}

#kakao {
    display: none;
}

#top_fixed {
    bottom: 100px;
    display: none;
    position: fixed;
    right: 40px;
    z-index: 1000;
}

#top_fixed button {
    align-items: center;
    background: transparent;
    border: 1px solid #000;
    color: #7b7b7b;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    justify-content: center;
    height: 44px;
    width: 44px;
}

#top_fixed button::before {
    background: url(../img/icon/i_top.png) no-repeat;
    content: '';
    display: inline-block;
    height: 16px;
    width: 16px;
}

@media (min-width: 992px) {

    #fp-nav ul {
        display: flex;
        flex-direction: column;
        width: 17px;
    }

    #fp-nav ul li {
        height: 28px;
        margin: 0;
        width: 100%;
    }

    #fp-nav ul li a {
        align-items: center;
        display: flex;
        height: 28px;
        width: 17px;
    }

    #fp-nav ul li a span {
        background: #999;
        border-radius: 0;
        display: flex;
        height: 1px;
        margin: 0;
        transform: translateX(-50%);
        width: 10px;
    }

    #fp-nav ul li:hover a span,
    .fp-slidesNav ul li:hover a span {
        height: 1px;
        margin: 0;
        width: 10px;
    }

    #fp-nav ul li a.active span,
    #fp-nav ul li:hover a.active span,
    .fp-slidesNav ul li a.active span,
    .fp-slidesNav ul li:hover a.active span {
        background: url(../img/icon/i_mouse.png);
        border-radius: 0;
        height: 28px;
        margin: -12px 0 0 0;
        width: 17px;
    }



    #kakao {
        bottom: 160px;
        display: block;
        position: fixed;
        right: 40px;
        z-index: 1000;
    }

    #kakao img {
        height: 44px;
    }
}

#lnb {
    display: none;
    height: 100vh;
    position: fixed;
    left: 20px;
    top: 0;
}

#lnb .lnb_menu_01 {
    animation: fadeInRight 2s;
    position: absolute;
    top: 110px;
    left: -4px;
}

#lnb .lnb_menu_01 ul {
    width: 250px;
}

#lnb .lnb_menu_01 ul li {
    align-items: center;
    display: flex;
    margin: 0 0 8px 0;
}

#lnb .lnb_menu_01 ul li:last-child {
    margin: 0;
}

#lnb .lnb_menu_01 ul li::before {
    background: #000;
    content: '';
    display: inline-block;
    height: 1px;
    margin: 0 12px 0 0;
    width: 9px;
}

#lnb .lnb_menu_01 ul li a {
    color: #000;
    font-size: 16px;
}

#lnb .lnb_menu_01 ul li.all_service {
    list-style: none;
    margin-left: -10px;
    margin-bottom:20px;
}

#lnb .lnb_menu_01 ul li.all_service a {
    font-size:20px;
}


#lnb .lnb_menu_02 {
    animation: fadeInRight 2s;
    bottom: 110px;
    position: absolute;
    transition-delay: 2s;
    left: -4px;
}

#lnb .lnb_menu_02 ul {
    width: 100px;
}

#lnb .lnb_menu_02 ul li {
    align-items: center;
    display: flex;
    margin: 0 0 8px 0;
}

#lnb .lnb_menu_02 ul li:last-child {
    margin: 0;
}

#lnb .lnb_menu_02 ul li::before {
    background: #000;
    border-radius: 100px;
    content: '';
    display: inline-block;
    height: 9px;
    margin: 0 12px 0 0;
    transition: 2s;
    width: 9px;
}

#lnb .lnb_menu_02 ul li.active::before {
    background: #fff;
}

#lnb .lnb_menu_02 ul li a {
    color: #000;
    font-size: 16px;
    transition: 2s;
}

#lnb .lnb_menu_02 ul li.active a {
    color: #fff;
}

@media (min-width: 992px) {
    #lnb {
        display: block;
    }
}

@media (min-width: 1800px) {
    #lnb {
        left: 80px;
    }
}

/* **************************************** *
 * Consulting
 * **************************************** */

.consulting .sub_cont_top {
    background: #f9f9f9;
    width: 100%;
    padding: 40px 0;
    position: relative;
}

.consulting .sub_cont_top::before {
    background: url(../img/deco/bg_sc_left.png) no-repeat;
    background-size: cover;
    content: '';
    display: inline-block;
    height: 200px;
    position: absolute;
    top: 0;
    width: 130px;
    z-index: 1;
}

.consulting .sub_cont_top::after {
    background: url(../img/deco/bg_sc_right.png) no-repeat;
    background-size: cover;
    bottom: 0;
    content: '';
    display: inline-block;
    height: 200px;
    position: absolute;
    right: 0;
    width: 130px;
    z-index: 1;
}

.consulting .container {
    padding: 0;
    position: relative;
    max-width: 100%;
    z-index: 2;
}

.step_header {
    align-items: center;
    background: #74bbfe;
    display: flex;
    padding: 0 16px;
}

.step_header h1 {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 20px;
    padding: 12px 0;
}

.step_header h1 span {
    font-size: 15px;
    font-weight: 300;
    margin: 0 0 0 12px;
}

.trg_group {
    display: none;
}

.step_body {
    background: #fff;
    padding: 80px 16px;
}

.step_body .col-12 {
    display: flex;
}

.step_title {
    align-items: center;
    color: #727171;
    font-size: 20px;
    display: flex;
    flex: 0 0 auto;
    justify-content: flex-end;
    margin: 0 16px 0 0;
    text-align: center;
    width: 35%;
}

.btn_start {
    align-items: center;
    background: none;
    border: 0;
    cursor: pointer;
    display: flex;
    flex: 0 0 auto;
    width: 65%;
}

.btn_start img {
    width: 160px;
}

.step {
    display: flex;
    margin: 20px auto 0 auto;
    max-width: 400px;
    width: 100%;
}

.step li {
    position: relative;
    text-align: center;
    width: 20%;
}

.step li::after {
    background: url(../img/step_right.png) no-repeat;
    background-size: cover;
    bottom: 6px;
    content: '';
    display: inline-block;
    height: 20px;
    position: absolute;
    transform: translateX(50%);
    right: 0;
    width: 20px;
}

.step li:last-child::after {
    display: none;
}

.step li img {
    width: 40px;
}

.step li p {
    font-size: 12px;
    line-height: 1.3;
    margin: 4px 0 0 0;
    text-align: center;
}

@media (min-width: 992px) {
    .consulting {
        background: #f9f9f9;
        padding: 80px 0;
        position: relative;
    }

    .consulting::before {
        background: url(../img/deco/bg_sc_left.png) no-repeat;
        background-size: cover;
        content: '';
        display: inline-block;
        height: 400px;
        position: absolute;
        left: 0;
        top: 0;
        width: 300px;
        z-index: 0;
    }

    .consulting::after {
        background: url(../img/deco/bg_sc_right.png) no-repeat;
        background-size: cover;
        bottom: 0;
        content: '';
        display: inline-block;
        height: 400px;
        position: absolute;
        right: 0;
        width: 300px;
        z-index: 0;
    }

    .consulting .sub_cont_top .container {
        margin: 0 auto;
        max-width: 100%;
    }

    .consulting .sub_cont_top {
        background: #fff;
        box-shadow: inset 5px 5px 10px 5px rgb(77, 71, 71, 0.1);
        border-radius: 300px 0 0 300px;
        margin: 0 0 0 auto;
        max-width: 1593px;
        padding: 0;
        position: relative;
        z-index: 10;
    }

    /* .consulting .sub_cont_top::before {
        background: url(../img/deco/consulting.png) no-repeat;
        background-size: 100% 100%;
        background-position: right center;
        content: '';
        display: inline-block;
        position: absolute;
        top: 80px;
        right: 0;
        height: 645px;
        max-width: 1620px;
        width: 100%;
    } */

    .consulting .sub_cont_top::before {
        display: none;
    }

    .consulting .sub_cont_top::after {
        display: none;
    }

    .start .step_header {
        display: none;
    }

    .trg_group {
        align-items: center;
        display: flex;
        width: 33.33%;
    }

    .trg_group .trg_1 {
        background: url(../img/icon/i_trg.png) no-repeat;
        background-size: cover;
        display: inline-block;
        height: 110px;
        width: 90px;
    }

    .trg_group .trg_2 {
        background: url(../img/icon/i_trg.png) no-repeat;
        background-size: cover;
        display: inline-block;
        height: 110px;
        transform: scale(.66);
        width: 90px;
    }

    .trg_group .trg_3 {
        background: url(../img/icon/i_trg.png) no-repeat;
        background-size: cover;
        display: inline-block;
        height: 70px;
        transform: scale(.66);
        width: 60px;
    }

    .start .step_body {
        background: none;
        padding: 180px 0 80px 0;
    }

    .step_title {
        font-size: 40px;
        margin: 0;
        width: 33.33%;
    }

    .btn_start {
        justify-content: center;
        padding: 0 40px;
        width: 33.33%;
    }

    .btn_start img {
        width: 240px;
    }

    .step {
        margin: 40px auto 0 auto;
        max-width: 854px;
    }

    .step li::after {
        bottom: 4px;
    }

    .step li img {
        width: 60px;
    }

    .step li p {
        font-size: 16px;
        margin: 8px 0 0 0;
    }
}

@media (min-width: 1400px) {
    .consulting .sub_cont_top .container {
        margin: 0 auto 0 0;
        max-width: 1280px;
    }

    .consulting .sub_cont_top {
        max-width: 1335px;
    }
}

@media (min-width: 1500px) {
    .consulting .sub_cont_top .container {
        margin: 0 auto 0 0;
    }

    .consulting .sub_cont_top {
        max-width: 1400px;
    }
}

@media (min-width: 1600px) {
    .consulting .sub_cont_top {
        max-width: 1450px;
    }
}

@media (min-width: 1800px) {
    .consulting .sub_cont_top {
        max-width: 1540px;
    }
}

@media (min-width: 1900px) {
    .consulting .sub_cont_top {
        max-width: 1592px;
    }
}

/* @media (min-width: 1800px) {
    .consulting .sub_cont_top .container {
        margin: 0 auto 0 0;
    }
} */

/* step_01 */
.step_01 .step_body,
.step_02 .step_body,
.step_03 .step_body,
.step_04 .step_body,
.step_05 .step_body {
    background: #fff;
    padding: 16px;
}

.category_wrap {
    height: 400px;
    overflow-y: scroll;
    width: 100%;
}

.category_wrap::-webkit-scrollbar {
    background: #f9f9f9;
    border-radius: 100px;
    width: 8px;
}

.category_wrap::-webkit-scrollbar-thumb {
    background: #b5b5b6;
    border-radius: 100px;
}

.category_wrap hr {
    margin: 0 0 16px 0;
}

.category_wrap h6 {
    color: #646464;
    font-size: 14px;
    font-weight: 500;
}

.category_wrap h6.description {
    color: #646464;
    font-size: 13px;
    font-weight: 400;
    margin-top:5px;
}

.check_wrap {
    display: flex;
    flex-wrap: wrap;
    padding: 8px 0;
}

.check_wrap .check_group {
    padding: 8px 0;
    width: 33.3333%;
}

.check_group input {
    display: none;
}

.check_group label {
    align-items: center;
    color: #646464;
    display: flex;
    font-size: 14px;
}

.check_group label::before {
    background: url(../img/icon/i_check.png) no-repeat;
    background-size: cover;
    content: '';
    display: inline-block;
    height: 16px;
    margin: 0 4px 0 0;
    width: 16px;
}

.check_group input:checked+label::before {
    background: url(../img/icon/i_check_checked.png) no-repeat;
    background-size: cover;
}

.step_pagination {
    margin: 8px 0;
    position: relative;
    width: 100%;
}

.step_pagination ul {
    display: flex;
    /* justify-content: space-between; */
    width: 100%;
}

.step_pagination ul li {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 100px;    
    margin: 0 auto;
}

.step_pagination ul li.move_step {    
    background: #74bbfe;    
    cursor: pointer;
    z-index: 2;    
}

.step_pagination ul li img {
    opacity: 0.6;
    width: 20px;
}

.step_pagination ul li p {
    color: #fff;
    font-size: 14px;
    margin-left: -3px;
}

/* .step_pagination ul::after {
    background: #eeeeee;
    content: '';
    height: 1px;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 1;
} */

.result_wrap {
    width: 100%;
}

.step_result {
    margin: 20px 0;
    width: 100%;
}

.step_result h6 {
    color: #646464;
    font-size: 14px;
    font-weight: 400;
}

.input_group {
    margin: 16px 0;
}

.input_group label {
    border: 0;
    border-bottom: 1px solid #000;
    font-size: 14px;
    font-weight: 700;
    width: 100%;
}

.input_group input {
    border: 0;
    color: #646464;
    font-size: 14px;
    font-weight: 400;
    padding: 0;
    width: 100%;
}

.info_group {
    margin: 16px 0 0 0;
}

.info_group h6 {
    color: #000;
    font-size: 14px;
    font-weight: 700;
}

.info_group p {
    color: #646464;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
}

@media (min-width: 992px) {

    .step_01 .step_body,
    .step_02 .step_body,
    .step_03 .step_body,
    .step_04 .step_body,
    .step_05 .step_body {
        background: none;
        padding: 24px;
        width: 100%;
    }

    .container.step_01,
    .container.step_02,
    .container.step_03,
    .container.step_04,
    .container.step_05 {
        border-radius: 300px 0 0 300px;
        display: flex;
    }

    .category_wrap {
        padding: 0 10px 0 0;
    }

    .category_wrap hr {
        margin: 0 0 24px 0;
    }

    .category_wrap h6 {
        color: #000;
        font-weight: 500;
        font-size: 16px;
    }

    .check_wrap .check_group {
        padding: 12px 0;
        width: 25%;
    }

    .step_02 .check_wrap .check_group {
        width: 33.3%;
    }

    .check_group label {
        font-size: 16px;
    }

    .check_group label::before {
        height: 20px;
        margin: 0 8px 0 0;
        width: 20px;
    }

    .step_01 .step_body .col-12:nth-child(2),
    .step_02 .step_body .col-12:nth-child(2),
    .step_03 .step_body .col-12:nth-child(2),
    .step_04 .step_body .col-12:nth-child(2),
    .step_05 .step_body .col-12:nth-child(2) {
        order: 3;
    }

    .step_01 .step_header,
    .step_02 .step_header,
    .step_03 .step_header,
    .step_04 .step_header,
    .step_05 .step_header {
        align-items: flex-start;
        border-radius: 300px 0 0 300px;
        flex-direction: column;
        flex: 0 0 auto;
        justify-content: center;
        padding: 0 0 0 80px;
        position: relative;
        width: 300px;
        z-index: 2;
    }

    .step_header h1 {
        font-size: 40px;
        line-height: 1;
        text-align: left;
    }

    .step_header p {
        color: #fff;
        font-size: 20px;
        margin: 40px 0 0 0;
    }

    .step_pagination ul::after {
        display: none;
    }

    .result_wrap {
        border: 1px solid #b5b5b6;
        border-radius: 8px;
        margin: 0;
        padding: 20px 12px 20px 20px;
    }

    .step_result {
        overflow-y: scroll;
        margin: 0;
        max-height: 360px;
        padding: 0 8px 0 0;
    }

    .step_result::-webkit-scrollbar {
        background: #f9f9f9;
        border-radius: 100px;
        width: 8px;
    }

    .step_result::-webkit-scrollbar-thumb {
        background: #b5b5b6;
        border-radius: 100px;
    }

    .step_result h6 {
        font-size: 16px;
    }

    .input_group label {
        font-size: 16px;
    }

    .input_group input {
        font-size: 16px;
    }

    .info_group {
        margin: 24px 0 0 0;
    }

    .info_group h6 {
        font-size: 16px;
    }

    .info_group p {
        font-size: 16px;
        line-height: 1.5;
        margin: 4px 0 0 0;
    }

}

/* step_03:의뢰인 정보 */
.input_group_two {
    margin: 0 0 16px 0;
}

.input_group_two label {
    color: #000;
    font-size: 14px;
    width: 100%;
}

.input_group_two input {
    border: 0;
    border-bottom: 1px solid #898989;
    color: #646464;
    font-size: 14px;
    padding: 0;
    width: 100%;
}

.phone_number {
    display: flex;
}

.phone_number span {
    margin: 0 6px 0 4px;
}

.phone_number input {
    text-align: center;
}

.phone_number select {
    border: 0;
    border-bottom: 1px solid #898989;
    color: #646464;
    flex: 100%;
    font-size: 14px;
    text-align: center;
}

@media (min-width: 992px) {
    .input_group_two {
        margin: 0 0 24px 0;
    }

    .input_group_two label {
        font-size: 16px;
    }

    .input_group_two input {
        font-size: 16px;
        margin: 4px 0 0 0;
    }

    .phone_number span {
        margin: 0 10px 0 8px;
    }
}

/* step_04:기타정보 */
.input_wrap textarea {
    border: 1px solid #b5b5b6;
    border-radius: 8px;
    color: #b5b5b6;
    font-size: 14px;
    padding: 8px;
    width: 100%;
}

@media (min-width: 992px) {
    .input_wrap textarea {
        border: 1px solid #b2b2b2;
        color: #b2b2b2;
        font-size: 16px;
        margin: 0 0 20px 0;
        padding: 12px;
    }
}

/* step_05:접수완료 */
.step_05 .category_wrap {
    align-items: center;
    display: flex;
    justify-content: center;
}

.message {
    font-size: 14px;
    text-align: center;
}

@media (min-width: 992px) {
    .message {
        font-size: 16px;
        text-align: center;
    }
}

section.container {
    padding: 30px 0 !important;
}

.consulting .sub_cont_body .container {
    background: #fff;
}

.cont_header {
    align-items: center;
    display: flex;
    margin: 0 0 20px 0;
    padding: 0 16px;
}

.cont_title {
    color: #444444;
    font-size: 20px;
    font-weight: 700;
}

.btn_primary {
    background: #74bbfe;
    border-radius: 4px;
    border: 0;
    color: #fff;
    font-size: 14px;
    margin: 0 0 0 auto;
    padding: 2px 12px;
}

.cont_body {
    padding: 0 16px;
}

.input_group.type2 {
    margin: 0;
    position: relative;
}

.input_group.type2 select {
    appearance: none;
    -webkit-appearance: none;
    /* 사파리, 크롬 하위버전용 */
    -moz-appearance: none;
    /* 사파리, 크롬 하위버전용 */
    background-image: url(../img/icon/i_down.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 95%) center;
    border: 0;
    border-bottom: 1px solid #b2b2b2;
    border-radius: 0;
    color: #000;
    font-size: 14px;
    height: 30px;
    text-align: center;
    width: 100%;
}

.input_group.type2 select:focus {
    outline: none;
}

.input_group.type2 input {
    border-bottom: 1px solid #b2b2b2;
    color: #9fa0a0;
    font-size: 14px;
    padding: 4px 0 4px 26px;
}

.btn_search {
    background: url(../img/icon/i_search.png) no-repeat;
    background-size: cover;
    border: 0;
    content: '';
    cursor: pointer;
    display: inline-block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
}

.request_table {
    border-collapse: collapse;
    margin: 20px 0 0 0;
    width: 100%;
}

.request_table tr td {
    border-bottom: 1px solid #e6e6e6;
    color: #646464;
    font-size: 12px;
    line-height: 1.3;
    padding: 4px 0;
}

/* .request_table tr td:nth-child(1) {
    width: 12%;
}

.request_table tr td:nth-child(2) {
    text-align: left;
    width: 60%;
}

.request_table tr td:last-child {
    text-align: center;
} */

.table_pagination ul {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 20px 0 0 0;
    width: 100%;
}

.table_pagination li {
    align-items: center;
    display: flex;
    font-size: 14px;
    margin: 0 2px;
}


.table_pagination .prev,
.table_pagination .next {
    background: #b3b3b3;
    border-radius: 4px;
    color: #fff;
    padding: 4px 16px;
}

.table_pagination .prev {
    margin: 0 8px 0 0;
}

.table_pagination .next {
    margin: 0 0 0 8px;
}

.table_pagination .prev span,
.table_pagination .next span {
    font-size: 10px;
}

.table_pagination .prev span {
    margin: 0 4px 0 0;
}

.table_pagination .next span {
    margin: 0 0 0 4px;
}


@media (min-width: 992px) {
    section.container {

        max-width: 1280px !important;
        padding: 0 !important;
    }

    .cont_left {
        display: flex;
        flex-direction: column;
        height: 100%;
        padding: 20px;
        justify-content: space-between;
    }

    .cont_title {
        font-size: 32px;
        font-weight: 700;
        margin: 0px 0px 70px 0px !important;
    }

    .btn_primary {
        font-size: 16px;
        margin: 0 0 8px 0;
        padding: 4px 0px;
        width: 100%;
    }

    .input_group.type2 select {
        font-size: 16px;
        height: 36px;
    }

    .input_group.type2 input {
        font-size: 16px;
        height: 36px;
        padding: 0 0 0 32px;
    }

    .btn_search {
        padding: 0;
        left: 6px;
    }

    .cont_right {
        padding: 20px;
    }

    .request_table {
        margin: 0;
    }

    .request_table thead tr th {
        border-bottom: 1px solid #b3b3b3;
        font-size: 16px;
        text-align: center;
    }

    .request_table tr td {
        font-size: 16px;
        padding: 8px 0;
    }

    .request_table tr:nth-child(2n) td:first-child {
        color: #000;
    }

    /* .request_table tr td:nth-child(1) {
        width: 10%;
    }

    .request_table tr td:nth-child(2) {
        text-align: left;
        width: 50%;
    }

    .request_table tr td:nth-child(3) {
        text-align: center;
        width: 13.33%;
    }

    .request_table tr td:nth-child(4) {
        text-align: center;
        width: 13.33%;
    }

    .request_table tr td:nth-child(5) {
        text-align: center;
        width: 13.33%;
    }

    .request_table tr:nth-child(2n) td:nth-child(2) {
        text-align: center;
        width: 13.33%;
    } */

    .table_pagination ul {
        margin: 12px 0 0 0;
    }

    .table_pagination ul:nth-child(1) {
        display: flex;
        justify-content: space-between;
    }

    .table_pagination li {
        font-size: 16px;
        justify-content: center;
    }

    .table_pagination .prev,
    .table_pagination .next {
        margin: 0;
        width: calc((100% - 16px)/2);
    }

    .table_pagination .prev span {
        margin: 0 12px 0 0;
    }

    .table_pagination .next span {
        margin: 0 0 0 12px;
    }

    .request_table.type2 tr td:nth-child(1) {
        text-align: center;
        width: 5%;
    }

    .request_table.type2 tr td:nth-child(2) {
        width: 10%;
    }

    .request_table.type2 tr td:nth-child(2) ul {
        justify-content: center;
    }

    .request_table.type2 tr td:nth-child(3) {
        text-align: left;
        width: 50%;
    }

    .request_table.type2 tr td:nth-child(4) {
        width: 10%;
    }

    .request_table.type2 tr td:nth-child(5) {
        width: 10%;
    }

    .request_table.type2 tr td:nth-child(6) {
        width: 10%;
    }
}

.container.partner {
    background: none !important;
    margin: 60px 0;
    padding: 0 16px !important;
}

.container.partner>h1 {
    color: #444444;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 12px 0;
}

@media (min-width: 992px) {
    .container.partner {
        margin: 60px auto;
        padding: 0 !important;
    }

    .container.partner>h1 {
        font-size: 32px;
        margin: 0 0 20px 0;
    }
}

.container.pf {
    background: none !important;
    margin: 60px 0;
    padding: 0 16px !important;
}

.container.pf>h1 {
    color: #444444;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 12px 0;
}

.pf img {
    width: 100%;
}

.pf .row {
    margin: 0;
}

.pf .row>* {
    padding: 0;
}




.container.ref {
    background: none !important;
    margin: 10px 0;
    padding: 0 16px !important;
}

.container.ref>h1 {
    color: #444444;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 12px 0;
}

.ref img {
    width: 100%;
}

.ref .row {
    margin: 0;
}

.ref .row>* {
    padding: 0;
}

.ref .row .select_reference {
    padding:5px;
}







@media (min-width: 992px) {
    .container.pf {
        margin: 60px auto;
        padding: 0 !important;
    }

    .container.pf>h1 {
        font-size: 32px;
        margin: 0 0 20px 0;
    }

    .container.ref {        
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
        padding: 0 !important;
    }

    .container.ref>h1 {
        font-size: 32px;
        margin: 0 0 20px 0;
    }    
}




.write-modal .modal-header {
    border-bottom: 0;
    padding: 12px;
}

.write-modal .modal-title {
    font-size: 16px;
}

.write-modal .modal-header .btn-close {
    height: 20px;
    width: 20px;
}

.write-modal .modal_body_area {
    border-top: 1px solid #898989;
    padding: 16px 0 0 0;
}

.write-modal .modal-body {
    padding: 0 12px;
}

.write-modal .write-modal-title {
    color: #444444;
    font-size: 16px;
    font-weight: 700;
    line-height: 2;
    padding: 12px 0 0 0;
    text-align: center;
}

.write-modal h6 {
    color: #444444;
    font-size: 14px;
    margin: 0 0 12px 0;
    text-align: center;
}

.write-modal .star {
    font-size: 20px;
    justify-content: center;
}

.write-modal .input_area {
    margin: 20px 0 0 0;
}

.write-modal .input_group {
    border-bottom: 1px solid #000;
    display: flex;
    margin: 12px 0;
}

.write-modal .input_group label {
    border-bottom: 0;
    width: 48%;
}

.write-modal .input_group input {
    margin: 0 0 0 8px;
}

.w_17 {
    width: 17% !important;
}

.write-modal textarea {
    border: 1px solid #444;
    border-radius: 8px;
    margin: 12px 0;
    width: 100%;
}

.caution h4 {
    font-size: 14px;
    margin: 0 0 8px 0;
}

.caution h4::before {
    background: url(../img/icon/i_exclamation-circle.svg);
    background-size: cover;
    content: '';
    display: inline-block;
    height: 12px;
    margin: 0 4px 0 0;
    width: 12px;
}

.caution ul li {
    font-size: 12px;
}

.write-modal .modal-footer {
    border-top: 0;
    justify-content: center;
}


button.btn-skyblue {
    background: #55acfd;
    color:#ffffff;
    border: 0;    
}

button.btn-skyblue:hover {
    background: #348cde;
    color:#ffffff;
    border: 0;    
}


@media (min-width: 1300px) {
    .write-modal .modal-dialog {
        max-width: 1200px;
    }

    .write-modal .modal-header {
        padding: 16px 40px;
    }

    .write-modal .modal-title {
        font-size: 20px;
    }

    .write-modal .modal-body {
        border-top: 1px solid #898989;
        margin: 0 40px;
    }

    .write-modal .modal_body_area {
        border: 0;
        max-width: 600px;
        margin: 0 auto;
    }

    .write-modal p {
        border: 0;
        font-size: 20px;
    }

    .write-modal h6 {
        font-size: 16px;
    }

    .write-modal .star {
        font-size: 24px;
    }
}


.view-modal .modal-body {
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    margin: 0 12px 20px 12px;
    padding: 1rem;
}

.write-modal .modal_review {
    border-bottom: 1px solid #898989;
    padding: 12px 0;
}

.write-modal h5 {
    font-size: 15px;
    margin: 0 0 8px;
}

.write-modal .data {
    display: flex;
}

.write-modal .data>li {
    font-size: 14px;
    margin: 0 20px 0 0;
}

.write-modal .data .star {
    font-size: 14px;
}

.modal_review_text {
    margin: 12px 0;
}

.modal_review_text p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    padding: 0;
    text-align: left;
}

@media (min-width: 1300px) {
    .view-modal .modal-body {
        margin: 0 40px 40px 40px;
    }

    .write-modal .modal_review {
        padding: 20px 0;
    }

    .write-modal h5 {
        font-size: 18px;
    }

    .write-modal .data>li {
        font-size: 16px;
    }
    
    .write-modal .data .star {
        font-size: 16px;
    }

    .modal_review_text {
        margin: 20px 0;
    }

    .modal_review_text p {
        font-size: 16px;
    }
}

/* **************************************** *
 * About
 * **************************************** */
.about {
    position: relative;
}

.about .container {
    padding: 30px 16px 60px 16px !important;
    position: relative;
    max-width: 100%;
}

.about::before {
    /* background: url(../img/deco/bg_sc_left.png) no-repeat; */
    background-size: cover;
    content: '';
    display: inline-block;
    height: 200px;
    left: 0;
    position: absolute;
    top: 0;
    width: 150px;
    z-index: 0;
}

.about .container::after {
    background: url(../img/deco/bg_sc_right.png) no-repeat;
    background-size: cover;
    bottom: 0;
    content: '';
    display: inline-block;
    height: 200px;
    position: absolute;
    right: 0;
    width: 150px;
    z-index: -1;
}

.about h1 {
    color: #444444;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.about p {
    color: #000;
    font-size: 15px;
    margin: 0 0 20px 0;
}

.about h2 {
    color: #256bc2;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 12px 0;
    text-align: center;
}

.about_box {
    align-items: center;
    background: #f9f8f8;
    border: 2px solid #f1f1f1;
    border-radius: 100px;
    box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    padding: 40px 28px;
}

.about_box li {
    display: flex;
    flex: 1;
    justify-content: center;
}

.about_box li dt {
    color: #256bc2;
    font-size: 16px;
    text-align: center;
}

.about_box li dd {
    color: #9b9b9b;
    font-size: 14px;
    text-align: center;
}

.about_box li.plus {
    color: #9b9b9b;
    flex: 0 0 auto;
    margin: 0 8px;
}

.trg {
    display: none;
}

@media (min-width: 992px) {
    .about::before {
        height: 400px;
        width: 300px;
    }

    .about .container {
        padding: 140px 16px 100px 16px !important;
        position: relative;
    }

    .about .container::after {
        display: none;
    }


    .about h1 {
        font-size: 52px;
        margin: 0;
    }

    .about p:nth-child(1) {
        font-size: 24px;
    }

    .about p {
        color: #000;
        font-size: 20px;
        margin: 0 0 20px 0;
    }

    .about .container-fluid {
        margin: 0 0 0 auto;
        max-width: 1280px;
        padding: 0 0 180px 0;
        position: relative;
    }

    .about .container-fluid .row {
        margin: 0;
    }

    .about .container-fluid .row>* {
        padding: 0;
    }

    .about h2 {
        font-size: 24px;
        width: 700px;
    }

    .about_box_wrap {
        align-items: center;
        background: #f9f8f8;
        border: 2px solid #f1f1f1;
        border-radius: 100px 0 0 100px;
        box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.1);
        display: flex;
        justify-content: space-between;
    }

    .about_box {
        border: 0;
        box-shadow: none;
        min-width: 700px;
    }

    .about_box li dt {
        font-size: 20px;
    }

    .about_box li dd {
        font-size: 16px;
        font-weight: 400;
    }

    .trg {
        display: block;
        height: 100px;
        position: absolute;
        width: 114px;
    }

    .trg_1 {
        background: url(../img/deco/trg_1.png) no-repeat;
        top: -50%;
        right: 18%;
    }

    .trg_2 {
        background: url(../img/deco/trg_2.png) no-repeat;
        top: 11%;
        right: 27%;
    }

    .trg_3 {
        background: url(../img/deco/trg_1.png) no-repeat;
        bottom: 10%;
        right: 43%;
    }

}

@media (min-width: 1320px) {
    .about .container {
        padding: 140px 0 100px 0 !important;
    }


}

.address {
    background: #f9f9f9;
    position: relative;
}

.address::before {
    background: #444;
    content: '';
    display: inline-block;
    height: 140px;
    position: absolute;
    top: 0;
    width: 100%;
}

.address .container {}

.address .container::after {
    display: none;
}

.address h1 {
    color: #fff;
}

.address img {
    width: 100%;
}

.address_text {
    font-size: 14px !important;
    margin: 12px 0 0 0 !important;
}

@media (min-width: 992px) {
    .address::before {
        height: 280px;
    }

    .address::after {
        background: url(../img/deco/bg_sc_right.png) no-repeat;
        background-size: cover;
        bottom: 0;
        content: '';
        display: inline-block;
        height: 400px;
        position: absolute;
        right: 0;
        width: 300px;
        z-index: 0;
    }

    .address .container {
        max-width: 1280px;
        padding: 60px 0 100px 0 !important;
    }

    .address h1 {
        margin: 0 0 20px 0;
    }

    .address_text.pc {
        display: flex !important;
        font-size: 16px !important;
        justify-content: space-between;
        margin: 12px 0 0 0 !important;
    }
}

/* **************************************** *
 * Servie Center
 * **************************************** */
.sc .container_wrap {
    background: #fff;
    padding: 30px 0;
    position: relative;
    z-index: 2;
}

.sc .container {
    padding: 0 16px;
}

.sc .container h1 {
    color: #444444;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.sc .notice_wrap ul {
    border-top: 1px solid #b3b3b3;
}

.sc .notice_wrap ul li {
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
    color: #646464;
    font-size: 14px;
    padding: 12px 0;
}

.sc .notice_pagination ul {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 20px 0 0 0;
    width: 100%;
}

.sc .notice_pagination li {
    align-items: center;
    display: flex;
    font-size: 14px;
    margin: 0 2px;
}


.sc .notice_pagination .prev,
.sc .notice_pagination .next {
    background: #b3b3b3;
    border-radius: 4px;
    color: #fff;
    padding: 4px 16px;
}

.sc .notice_pagination .prev {
    margin: 0 8px 0 0;
}

.sc .notice_pagination .next {
    margin: 0 0 0 8px;
}

.sc .notice_pagination .prev span,
.sc .notice_pagination .next span {
    font-size: 10px;
}

.sc .notice_pagination .prev span {
    margin: 0 4px 0 0;
}

.sc .notice_pagination .next span {
    margin: 0 0 0 4px;
}

.sc .sub_cont_body {
    background: #f9f9f9;
}

@media (min-width: 992px) {
    .sc .container_wrap {
        padding: 0;
        position: relative;
        z-index: 2;
    }

    .sc .sub_cont_top {
        margin: 0 auto;
        max-width: 1280px;
    }

    .sc .container h1 {
        font-size: 32px;
        margin: 0;
    }

    .sc .notice_wrap {
        background: #fff;
        height: auto;
    }

    .sc .container.pc {
        padding: 0;
    }

    .cont_title.type2 {
        display: flex;
        justify-content: space-between;
    }

    .cont_title.type2 button {
        margin: 0;
        width: 70px !important;
    }

    .sc .cont_left {
        padding: 32px;
    }

    .sc .cont_right {
        padding: 32px;
    }

    .sc .notice_wrap ul {
        border-top: 0;
    }

    .sc .notice_wrap ul li {
        font-size: 16px;
    }

    .sc .notice_wrap ul li:last-child {
        border-bottom: 0;
    }

    .sc .notice_pagination .prev,
    .sc .notice_pagination .next {
        justify-content: center;
        width: 30%;
    }

    .sc .notice_pagination .prev {
        margin: 0 auto 0 0;
    }

    .sc .notice_pagination .next {
        margin: 0 0 0 auto;
    }

    .sc .input_wrap {
        align-items: center;
        display: flex;
        justify-content: space-between;
    }

    .sc .input_wrap .input_group.type2:nth-child(1) {
        width: 30%;
    }

    .sc .input_wrap .input_group.type2:nth-child(2) {
        width: 60%;
    }

}

/* **************************************** *
 * Servie
 * **************************************** */
.service {
    position: relative;
}

.service::before {
    background: url(../img/deco/bg_sc_left.png) no-repeat;
    background-size: cover;
    content: '';
    display: inline-block;
    height: 200px;
    position: absolute;
    top: 0;
    width: 130px;
    z-index: 1;
}

.service::after {
    background: url(../img/deco/bg_sc_right.png) no-repeat;
    background-size: cover;
    bottom: 0;
    content: '';
    display: inline-block;
    height: 200px;
    position: absolute;
    right: 0;
    width: 130px;
    z-index: 0;
}

.service .sub_cont_body {
    padding: 30px 0 60px 0;
}

.service .container {
    padding: 0 16px;
}

.service h1 {
    color: #444444;
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 16px 0;
}

.service .title_desc {
    color: #000;
    font-size: 16px;
    margin: 0 0 16px 0;
}

.service .box_color .box {
    background: #ecebeb;
}

.service .box.op {
    padding: 22.5px 0;
}

.service .box {
    background: #f3f3f3;
}

.service .row>* {
    padding: 8px;
}

@media (min-width: 992px) {
    .service::before {
        height: 400px;
        width: 300px;
    }

    .service::after {
        height: 400px;
        width: 300px;
    }

    .service .sub_cont_body {
        padding: 100px 0 100px 0;
    }

    .service h1 {
        font-size: 60px;
        margin: 0;
    }

    .service .title_desc {
        font-size: 20px;
    }

    .box_wrap .col-4 {
        width: 11.11111%;
    }
}

.tab_container {
    margin: 60px 0 0 0;
}

.tab_container .nav {
    justify-content: space-between;
    padding: 0 16px;
}

.nav-tabs {
    border-bottom: 0;
}

.nav-tabs .nav-item {
    width: 20%;
}

.nav-tabs .nav-link {
    border: 1px solid #585858;
    border-bottom: 0;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    color: #585858;
    font-weight: 400;
    font-size: 12px;
    flex: 1;
    padding: 8px 0;
    width: 100%;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background: #000;
    border: 1px solid #000;
    border-bottom: 0;
    color: #fff;
}

.tab-content-wrap {
    background: #f9f9f9;
}

.tab-content .row {
    margin: 0;
}

.tab-content .row>* {
    padding: 0 16px;
}

.tab_text {
    padding: 30px 16px !important;
}

.tab_text>h1 {
    color: #5a5a5a;
    font-size: 32px;
}

.tab_text>p {
    color: #000;
    font-size: 14px;
    margin: 0 0 30px 0;
}

.tab_text ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.tab_text ul li {    
    align-items: center;
    justify-content: center;
    border: 1px solid #cbcbcb;
    color: #7b7b7b;
    font-size: 12px;
    margin: 4px;
    padding: 4px;
    text-align: center;
    width: 22%;
    height:45px;
    
}

.process_wrap {
    background: #f3f3f3;
    border-top: 1px solid #f1f1f1;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}

.process {
    padding: 30px 0;
}

.process ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 90%;
}

.process ul li {
    color: #000;
    font-size: 12px;
    padding: 4px;
    position: relative;
    text-align: center;
    width: 33.3%;
}

.process.type2 ul {
    justify-content: center;
}

.process.type2 ul li {
    width: 33.3%;
}

.process ul li::after {
    background: url(../img/icon/i_right.png) no-repeat;
    background-size: cover;
    content: '';
    display: inline-block;
    height: 12px;
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translate(-50%);
    width: 12px;
}

.process ul li:last-child::after {
    display: none;
}

.process_img {
    padding: 0 16px;
    position: relative;
    z-index: 1;
}

.process_img img {
    width: 100%;
}

.process.ico li {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.process.ico li img {
    width: 32px;
}

@media (min-width: 576px) {

    .tab_container .nav,
    .process,
    .process_img,
    .tab-content .row {
        margin: 0 auto;
        max-width: 540px;
    }

    .tab-content .row {
        margin: 0 auto;
        max-width: 540px;
    }
}

@media (min-width: 768px) {

    .tab_container .nav,
    .process,
    .process_img,
    .tab-content .row {
        max-width: 720px;
    }
}

@media (min-width: 992px) {

    .tab_container .nav,
    .process,
    .tab-content .row {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {

    .tab_container .nav,
    .process,
    .tab-content .row {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {

    .tab_container .nav,
    .process,
    .tab-content .row {
        max-width: 1280px;
    }
}

@media (min-width: 992px) {
    .nav-tabs .nav-link {
        font-size: 16px;
    }

    .tab-content-wrap {
        margin: 40px 0;
    }

    .tab_text {
        display: flex;
        flex-direction: column;
        padding: 0 16px !important;
    }

    .tab_text>h1 {
        font-size: 40px;
        margin: 0 0 20px 0;
    }

    .tab_text>p {
        font-size: 18px;
    }

    .tab_text ul {
        margin: auto 0 0 0;
    }

    .tab_text ul li {
        font-size: 16px;
    }


    .process_img img {
        object-fit: cover;
        height: 340px;
    }

    .process_wrap {
        background: #f3f3f3;
        border-top-left-radius: 100px;
        border-bottom-left-radius: 100px;
        border: 1px solid #f1f1f1;
        border-top: 0;
        margin: 0 0 0 auto;
        max-width: 1600px;
        position: relative;
        z-index: 10;
    }

    .process {
        margin: 0 auto 0 0;
        padding: 40px 16px;
    }

    .process ul {
        width: 100%
    }

    .process ul li {
        font-size: 16px;
        line-height: 1.2;
        padding: 0;
        width: 16.666666%;
    }

    .process.type2 ul {
        justify-content: center;
    }

    .process.type2 ul li {
        width: 14.285%;
    }

    .process ul li::after {
        background: url(../img/icon/i_right.png) no-repeat;
        background-size: cover;
        content: '';
        display: inline-block;
        height: 16px;
        position: absolute;
        right: -10px;
        top: 33%;
        transform: translate(-50%);
        width: 16px;
    }

    .process.ico li img {
        width: min-content;
    }
}

/* **************************************** *
 * Product
 * **************************************** */
.product .container {
    padding: 0 16px !important;
}

.product .sub_cont_top {
    align-items: center;
    background: #55acfd;
    display: flex;
    padding: 12px 16px;
}

.product .sub_cont_top h1 {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    margin: 0 8px 0 0;
}

.product .sub_cont_top h1::before {
    background: url(../img/icon/i_right_w.png) no-repeat;
    background-size: cover;
    content: '';
    display: inline-block;
    height: 10px;
    margin: 0 8px 0 0;
    width: 6px;
}

.product .sub_cont_top img {
    height: 20px;
    margin: 0 0 0 12px;
}

.product_wrap {
    padding: 24px 0 40px 0;
}

.product_wrap p {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 12px 0;
}

.product_wrap ul {
    padding: 0 0 0 20px;
}

.product_wrap ul li {
    font-size: 14px;
    font-weight: 400;
    list-style: disc;
}

.product_wrap h6 {
    color: #000;
    font-size: 14px;
}

.product_box {
    background: #fff;
    border-radius: 12px;
    padding: 12px 16px;
    margin: 24px 0 0 0;
}

.product_box img {
    border-radius: 8px;
    object-fit: cover;
}

.swiper_area {
    margin: 0 0 12px 0;
    position: relative;
}

.product_top {
    margin: 0 0 24px 0;
    width: 100%;
}

.product_top img {
    height: 180px;
}

.product_bot {
    width: 90%;
}

.product_bot img {
    height: 90px;
}

@media (min-width: 992px) {
    .product .container {
        max-width: 920px !important;
        padding: 0 !important;
    }

    .product .sub_cont_top {
        display: none;
    }

    .product .sub_cont_top h1 {
        border-top: 1px solid #000;
        font-size: 28px;
        margin: 100px 0 0;
        padding: 12px 16px;
    }

    .product .sub_cont_top h1::before {
        height: 20px;
        margin: 0 12px 0 0;
        width: 12px;
    }

    .product .sub_cont_top img {
        height: 32px;
    }

    .product_wrap {
        padding: 100px 0 40px 0;
    }

    .product_wrap p {
        font-size: 23px;
        margin: 0 0 16px 0;
    }

    .product_wrap h6 {        
        font-size: 20px;
    }    

    .product_wrap ul li {
        font-size: 20px;
    }

    .product_box {
        background: #fff;
        border-radius: 12px;
        padding: 36px 40px;
        margin: 32px 0 0 0;
    }

    .product_top {
        margin: 0 0 24px 0;
        width: 95%;
    }

    .product_top img {
        height: 500px;
    }

    .product_bot {
        width: 100%;
    }

    .product_bot img {
        height: 100%;
    }

    .product_name {
        background: #55acfd;
        height: 168px;
        /* left: 60px; */
        position: absolute;
        top: 0;
        width: 400px;
    }

    .product_name h1::before {
        background: url(../img/icon/i_right_w.png) no-repeat;
        background-size: cover;
        content: '';
        display: inline-block;
        height: 20px;
        margin: 0 8px 0 0;
        width: 12px;
    }

    .product_name h1 {
        align-items: center;
        border-top: 1px solid #000;
        color: #fff;
        display: flex;
        font-size: 28px;
        font-weight: 700;
        padding: 16px 20px;
    }

    .product_name h1 img {
        height: 32px;
        margin: 0 0 0 12px;
    }
}

@media (min-width: 1200px) {
    .product .container {
        max-width: 1100px !important;
    }
}

@media (min-width: 1400px) {
    .product .container {
        max-width: 1240px !important;
    }
}

@media (min-width: 1740px) {
    .product .container {
        max-width: 1720px !important;
    }
}

.product_box_2 {
    margin: 24px 0 0 0;
}

.product_list {
    background: #fff;
    border-radius: 8px;
    margin: 0 0 20px 0;
    padding: 16px;
}

.product_list .row {
    margin: 0;
}

.product_list h2 {
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 4px 8px;
}

.product_list .non_padding {
    padding:0px;
}

.b_tl_r {
    border-top-left-radius: 8px;
}

.b_tr_r {
    border-top-right-radius: 8px;
}

.b_bl_r {
    border-bottom-left-radius: 8px;
}

.b_br_r {
    border-bottom-right-radius: 8px;
}

.product_item {
    padding: 4px;
}

.product_item img {
    width: 100%;
}

.ani_box {
    align-items: center;
    background: #f2f2f2;
    display: flex;
    justify-content: center;
    padding: 12px 0;
}

.ani_box img {
    width: 50%;
}

@media (min-width: 992px) {
    .product_box_2 {
        background: #fff;
        border-radius: 8px;
        padding: 20px 0;
    }

    .product_list {
        background: none;
    }

    .product_list h2 {
        font-size: 16px;
        font-weight: 700;
        margin: 0 0 8px 8px;
    }

    .product_box_2 .col-lg-6 {
        padding: 0 30px;
    }

    .product_list .col-4 {
        padding: 0;
    }

    .product_item img {
        height: 100%;
    }

    .ani_box {
        height: 100%;
    }

    .ani_box img {
        height: auto;
        width: 50%;
    }
}

@media (min-width: 1800px) {
    .ani_box {
        padding: 19px 0;
    }
}

/* 사이트 점검 중 */
/* body {
    margin: 0;
    font-family: Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #f2f2f2;
    color: #333;
}

.container {
    text-align: center;
    padding: 20px;
    border: 1px solid #ccc;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

h1 {
    font-size: 2em;
    margin-bottom: 10px;
}

p {
    font-size: 1em;
    margin-top: 0;
} */