html,body {
    height: 100%;
    scroll-behavior: smooth;
    background:#fff!important;
}
#bo_v_con,
#bo_v_con * {
    line-height: 1.8 !important;
}
.brand_color {
    color:#274AAF;
}
.color_black {
    color:#000!important;
}
.test_box {
    width: 200px;
    height: 50px;
    background:red;
    color:#fff;
}
.nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
}
.nav > li {
}
.nav > li > a {
    
    font-size: 20px;
    color:#fff;
    font-weight: 600;
}
.bg_gray {
    background:#f9f9f9;
    padding:100px 0px!important;
}
.mt0 {
    margin-top: 0!important;
}
.mt20 {
    margin-top: 20px!important;
}
.mt30 {
    margin-top: 30px!important;
}
.mt40 {
    margin-top: 40px!important;
}
.mt60 {
    margin-top: 60px!important;
}
.pd0 {
    padding: 0!important;
}
.tal {
    text-align: left!important;
}
.tac {
    text-align: center!important;
}
.bar {
    width: 1px!important;
    margin:0px 10px!important;
    height: 20px!important;
    background:#ddd!important;
}
.bar2 {
    width: 1px!important;
    margin:0px 15px!important;
    height: 10px!important;
    background:#fff!important;
}
.desc_list {
    display: flex;
    margin-top: 20px;
}

.desc_list > li {
    width: calc(50% - 20px);
    font-size: 18px;
    line-height: 26px;
    color:#666;
}
.desc_list.type2 > li {
    width: 100%;
}


.sub_banner_wrap {
    overflow: hidden;
}
.sub_banner {
    background:url('../img/sub_banner.png') center no-repeat;
    background-size:cover;
    height: 400px;
    animation : s-up 3s .2s both!important;
    margin-top: 100px;

}
.sub_banner > .inner {
    position: relative;
    width: 100%;
    height: 100%;
    
}
.sub_banner_tit {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    color:#fff;
    text-align: center;
}

.sub_banner_tit > h2 {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    animation : text 1s .2s both!important;
}

.sub_banner_tit > p {
    font-size: 18px;
    font-weight: 300;
    margin-top: 20px;
    line-height: 26px;
    animation : text 1s .4s both!important;
}

.sub_tit {
    font-size: 30px;
    font-weight: 700;
    position: relative;
    text-align: center;
}
.sub_tit2 {
    font-size: 30px;
    margin-top: 60px;
    font-weight: 700;
    color:#27983B;
    text-align: center;
}
.sub_tit3 {
    font-size: 30px;
    margin-top: 30px;
    text-align: center;
    line-height: 40px;
}
.sub_tit4 {
    font-size: 24px;
    margin-top: 40px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 32px;
}
.sub_desc {
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    color:#666;
    margin-top: 20px;
    line-height: 26px;
}
.smenu_wrap {
    margin-top: 100px;
}
.smenu_wrap > .inner {

}
.smenu {
    display: flex;
    justify-content: center;
}
.smenu > li {
    max-width: 200px;
    width: 100%;
    height:50px;
    background:#fff;
    border:1px solid #ddd;
    border-radius: 30px;
    margin-right:10px!important;
}

.smenu > li:last-child {
    border-right:1px solid #ddd;
}
.smenu > li.active {
    background:#65BD17;
    border:0;
}
.smenu > li.active a {
    color:#fff;
    font-weight: 700;
}
.smenu > li > a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
}




.sub_section {
    padding:100px 0!important;
}
.sub_section.type2 {
    padding:50px 0!important;
}
.hide {
    position: absolute;
    top: -9999px;
    left: -9999px;
    width: 1px;
    height: 1px;
    text-indent: -9999px;
}
.fw700 {
    font-weight: 700;
}
.fw900 {
    font-weight: 900;
}
.board.inner {
    margin-top: 80px;
    margin-bottom: 120px;
}
.inner {
    max-width: 1520px;
    margin:0 auto;
}
.section {
    max-width: 1820px;
    width: 100%;
    margin:50px auto 0;
    border-radius: 30px;
    padding:100px 0;
}
.section2 {
    padding: 100px 0;
}
.section2.bg_gray {
    padding: 100px 0!important;
    background:#f2f2f2;
}
.br_pc {
    display: block;
}
.br_m {
    display: none;
}

.b_color {
    color:#00B098;
}
.b_color2 {
    color:#001969;
}
.b_color3 {
    color:#FFDD35;
}
#bo_v_img {width:100%;overflow:hidden;text-align:center!important;zoom:1}


/* 헤더 */
.header {
    max-width: 1820px;
    width: 100%;
    height: 80px;
    position: fixed;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    transition: all .4s;;  
    display: flex;
    align-items: center;
    justify-content: space-between;
    background:#00B098;
    border-radius: 40px;
    padding:0 15px 0 60px;
}

.logo {
    max-width: 228px;
    width: 100%;
    aspect-ratio: 278/60;
    background:url('../img/logo5.png') left center no-repeat;
    background-size:contain;
    transition: all .4s;
    
}

.logo > a {
    font-family: 'SCoreDream'!important;
    font-size: 30px;
    font-weight: 700;
    display: block;
    width: 100%;
    height: 100%;
}

.header > h2 {
    font-size: 24px;
    font-weight: 600;
    color:#fff;
}

.btn_contact {
    width: 200px;
    height: 50px;
    background:#fff;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn_contact > a {
    display: block;
    font-size: 18px;
    line-height: 55px;
    text-align: center;
    color:#4f4f4f;
}

.tit {
    font-size: 50px;
    line-height: 60px;
    text-align: center;
    margin-top: 12px;
}
.tit2 {
    font-size: 18px;
    font-weight: 700;
    color:#00B098;
    text-transform: uppercase;
    text-align: center;
}
.tit_desc {
    font-size: 18px;
    line-height: 26px;
    word-break: keep-all;
    margin-top: 18px;
    text-align: center;
    color:#666;
}

/* 메인배너 */
.main_banner {
    max-width: 1820px;
    width: 100%;
    margin:130px auto 0;
    height: calc(100% - 130px);
    overflow: hidden;
    border-radius: 30px;
    background: linear-gradient(130deg, #F9F9ED, #C3E7E2);

}
.main_banner.type2 {
    max-width: 1820px;
    width: 100%;
    margin:130px auto 0;
    height: calc(100% - 130px);
    overflow: hidden;
    border-radius: 30px;
    background: linear-gradient(130deg, #66b4fd, #27b2e9);

}
.swiper {
    width: 100%;
    height: 100%;
}

.mySwiper .swiper-slide {
}
.mySwiper .swiper-slide > .inner {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}


.btn_more {
    width: 280px;
    height: 60px;
    background-color: #00B098;
    border-radius: 30px;
    margin-top: 60px;
}
.btn_more.type2 {
    margin:60px auto 0;
}
.btn_more.type3 {
    margin:80px auto 0;
}
.btn_more > a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 20px;
    font-weight: 600;
    color:#fff;
    text-align: center;
    line-height: 60px;
}

.mySwiper .swiper-slide > .inner >.txt_wrap {
    margin-left: 100px;
}
.mySwiper .swiper-slide > .inner >.txt_wrap > .m_point {
    width: 217px;
    aspect-ratio: 1/0.1981566820276498;
    background:url('../img/m_point.png') center no-repeat;
    background-size:contain;
}
.mySwiper .swiper-slide > .inner >.txt_wrap > .m_point2 {
    display: inline-block;
    border-radius: 30px;;
    background:#000;
    color:#fff;
    padding:12px 20px;
}
.mySwiper .swiper-slide > .inner >.txt_wrap > h2 {
    font-size: 60px;
    line-height: 70px;
    margin-top: 14px;
}
.mySwiper .swiper-slide > .inner >.txt_wrap > p {
    font-size: 18px;
    color:#666;
    line-height: 26px;
    margin-top: 20px;
}
.mySwiper .swiper-slide > .inner >.txt_wrap.type2 > p {
    font-size: 18px;
    color:#fff;
    line-height: 26px;
    margin-top: 20px;
}
.mySwiper .swiper-slide-active > .inner > .txt_wrap > .m_point {
    animation : text 1s .2s both;
}
.mySwiper .swiper-slide-active > .inner > .txt_wrap > .m_point2 {
    animation : text 1s .2s both;
}
.mySwiper .swiper-slide-active > .inner > .txt_wrap > h2 {
    animation : text 1s .4s both;
}
.mySwiper .swiper-slide-active > .inner > .txt_wrap > p {
    animation : text 1s .6s both;
}
.mySwiper .swiper-slide-active > .inner > .txt_wrap > .btn_more {
    animation : text 1s .8s both;
}

/* =========================================================
   MAIN TRUST POINT
   PC : 가로 3개
   MOBILE : 세로 + 가운데 정렬
========================================================= */

.main_trust {
    display: flex;
    align-items: center;

    gap: 30px;

    margin-top: 28px;
}


/* =========================================================
   ITEM
========================================================= */

.main_trust .trust_item {
    display: flex;
    align-items: center;

    gap: 11px;

    flex-shrink: 0;
}


/* =========================================================
   CHECK
========================================================= */

.main_trust .trust_check {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 36px;
    height: 36px;

    flex: 0 0 36px;

    border-radius: 10px;

    font-family:
        "Pretendard",
        sans-serif;

    font-size: 17px;
    font-weight: 800;

    line-height: 1;

    color: #008D7B;

    background:
        rgba(0, 176, 152, .11);
}


/* =========================================================
   TEXT
========================================================= */

.main_trust .trust_txt {
    display: block;

    text-align: left;
}


.main_trust .trust_txt strong {
    display: block;

    margin: 0;

    font-family:
        "Pretendard",
        sans-serif;

    font-size: 16px;
    font-weight: 700;

    line-height: 1.3;

    letter-spacing: -.4px;

    white-space: nowrap;

    color: #151918;
}


.main_trust .trust_txt p {
    display: block;

    margin: 4px 0 0 !important;
    padding: 0;

    font-family:
        "Pretendard",
        sans-serif;

    font-size: 14px !important;
    font-weight: 400;

    line-height: 1.35 !important;

    letter-spacing: -.25px;

    white-space: nowrap;

    color: #78817E;
}


/* =========================================================
   ANIMATION
========================================================= */

.main_banner
.mySwiper
.swiper-slide-active
> .inner
> .txt_wrap
> .main_trust {
    animation:
        text 1s 1s both;
}


/* =========================================================
   TABLET
   1100px 이하
========================================================= */

@media (max-width: 1100px) {

    .main_trust {
        display: none;
        justify-content: center;

        gap: 24px;

        margin-top: 26px;
    }


    .main_trust .trust_item {
        gap: 10px;
    }


    .main_trust .trust_check {
        width: 35px;
        height: 35px;

        flex-basis: 35px;

        font-size: 16px;
    }


    .main_trust .trust_txt strong {
        font-size: 15px;
    }


    .main_trust .trust_txt p {
        font-size: 13px !important;
    }

}


/* =========================================================
   MOBILE
   700px 이하
========================================================= */

@media (max-width: 700px) {

    .main_trust {
        display: flex;
        flex-direction: column;

        align-items: center;
        justify-content: center;

        width: calc(100% - 30px);
        max-width: 360px;

        gap: 0;

        margin:
            24px auto 0;

        padding:
            8px 20px;

        box-sizing: border-box;

        border:
            1px solid rgba(0, 145, 126, .10);

        border-radius: 18px;

        background:
            rgba(255, 255, 255, .45);

        box-shadow:
            0 10px 30px rgba(0, 120, 105, .035);
    }


    /* =====================================================
       MOBILE ITEM
    ====================================================== */

    .main_trust .trust_item {
        position: relative;

        display: flex;
        flex-direction: column;

        align-items: center;
        justify-content: center;

        width: 100%;

        gap: 0;

        padding:
            16px 0;

        box-sizing: border-box;

        text-align: center;

        flex-shrink: 1;
    }


    /* 항목 사이 구분선 */

    .main_trust .trust_item + .trust_item {
        border-top:
            1px solid rgba(0, 120, 105, .10);
    }


    /* =====================================================
       MOBILE CHECK
    ====================================================== */

    .main_trust .trust_check {
        display: flex;

        align-items: center;
        justify-content: center;

        width: 38px;
        height: 38px;

        flex: 0 0 38px;

        margin-bottom: 9px;

        border-radius: 10px;

        font-size: 17px;
        font-weight: 800;

        color: #008D7B;

        background: #DDF4EF;
    }


    /* =====================================================
       MOBILE TEXT
    ====================================================== */

    .main_trust .trust_txt {
        width: 100%;

        text-align: center;
    }


    .main_trust .trust_txt strong {
        display: block;

        margin: 0;

        font-size: 16px;
        font-weight: 700;

        line-height: 1.35;

        letter-spacing: -.4px;

        text-align: center;

        white-space: normal;

        color: #151918;
    }


    .main_trust .trust_txt p {
        display: block;

        margin:
            4px 0 0 !important;

        padding: 0;

        font-size: 14px !important;
        font-weight: 400;

        line-height: 1.4 !important;

        letter-spacing: -.2px;

        text-align: center;

        white-space: normal;

        color: #78817E;
    }

}


/* =========================================================
   MOBILE
   480px 이하
========================================================= */

@media (max-width: 480px) {

    .main_trust {
        width: calc(100% - 20px);
        max-width: 340px;

        margin-top: 22px;

        padding:
            6px 18px;

        border-radius: 16px;
    }


    .main_trust .trust_item {
        padding:
            15px 0;
    }


    .main_trust .trust_check {
        width: 38px;
        height: 38px;

        flex-basis: 38px;

        margin-bottom: 8px;

        font-size: 17px;

        border-radius: 10px;
    }


    .main_trust .trust_txt strong {
        font-size: 16px;

        line-height: 1.35;
    }


    .main_trust .trust_txt p {
        margin-top: 4px !important;

        font-size: 14px !important;

        line-height: 1.4 !important;
    }

}


/* =========================================================
   MOBILE
   390px 이하
========================================================= */

@media (max-width: 390px) {

    .main_trust {
        display: none;
        width: calc(100% - 14px);

        padding:
            5px 16px;

        margin-top: 21px;
    }


    .main_trust .trust_item {
        padding:
            14px 0;
    }


    .main_trust .trust_check {
        width: 36px;
        height: 36px;

        flex-basis: 36px;

        margin-bottom: 8px;

        font-size: 16px;
    }


    .main_trust .trust_txt strong {
        font-size: 15px;
    }


    .main_trust .trust_txt p {
        font-size: 13px !important;
    }

}


/* =========================================================
   MOBILE
   360px 이하
========================================================= */

@media (max-width: 360px) {

    .main_trust {
        display: none;
        width: 100%;

        padding:
            5px 14px;
    }


    .main_trust .trust_item {
        padding:
            13px 0;
    }


    .main_trust .trust_check {
        width: 35px;
        height: 35px;

        flex-basis: 35px;

        font-size: 16px;
    }


    .main_trust .trust_txt strong {
        font-size: 15px;
    }


    .main_trust .trust_txt p {
        font-size: 13px !important;
    }

}
.mySwiper .achieve.type2 {
    animation : text2 1s 1.6s both;
}
.main_img_wrap {
    position: absolute;
    bottom: 0;
    right: 93px;
    max-width: 622px;
    max-height: 646px;
    height: 100%;
    width: 100%;
}
.main_img_wrap > .round {
    display: block;
    width: 509px;
    aspect-ratio: 1/1;
    background:#A1E9DF;
    border-radius: 50%;
    margin:0 auto!important;
    animation: size 2s linear infinite;
}
.phone {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 343px;
    height: 646px;
    background:url('../img/phone.png') center no-repeat;
    background-size:contain;
}
.phone.type2 {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 343px;
    height: 646px;
    background:url('../img/phone2.png') center no-repeat;
    background-size:contain;
}

.m_wrap {
    width: 100%;
}
.m1 {
    position: absolute;
    bottom: 34px;
    left: 0;
    width: 192px;
    aspect-ratio: 1/0.6041666666666667;
    background:url('../img/m1.png') center no-repeat;
    background-size:contain;
    opacity: .9;
    animation: updown 2s linear infinite;
}
.m2 {
    position: absolute;
    left: 142px;
    bottom: 21px;
    width: 116px;
    aspect-ratio: 1/1.853448275862069;
    background:url('../img/m2.png') center no-repeat;
    background-size:contain;
    opacity: .9;
    animation: updown 1s linear infinite;

}
.m3 {

    position: absolute;
    left: 232px;
    bottom: 28px;
    width: 180px;
    aspect-ratio: 1/0.9277777777777778;
    background:url('../img/m3.png') center no-repeat;
    background-size:contain;
    opacity: .9;
    animation: updown 1.5s linear infinite;

} 
.m4 {
    position: absolute;
    bottom: 5px;
    left: 382px;
    width: 133px;
    aspect-ratio: 1/1.857142857142857;
    background:url('../img/m4.png') center no-repeat;
    background-size:contain;
    opacity: .9;
    animation: updown 2s linear infinite;
}

.m5 {
    position: absolute;
    bottom: 15px;
    left: 489px;
    width: 131px;
    aspect-ratio: 1/1;
    background:url('../img/m5.png') center no-repeat;
    background-size:contain;
    opacity: .9;
    animation: updown 1.2s linear infinite;
}


/* 메인배너 --*/

.on2 {
    position: relative;
    display: inline-block;
}

.on2::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    color:#fff;
    background-color: rgba(0, 176, 152, 0.3); /* 자주색 형광펜 색상 */
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 1s ease;
}

.on2.active::after {
    transform: scaleX(1);
    color:#fff;
}
/* msec_00 */
/* =========================================================
   HACCP CERTIFICATION
========================================================= */

.msec_00 {
    position: relative;

    padding: 120px 0 140px;

    background: #f5faf8;
}


/* =========================================================
   TITLE
========================================================= */

.msec_00 .haccp_process_title {
    text-align: center;
}


.msec_00 .tit2 {
    margin-bottom: 12px;

    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 700;

    letter-spacing: 1.3px;

    color: #00aa94;
}


.msec_00 .tit {
    font-size: 48px;
    font-weight: 400;

    line-height: 1.3;
    letter-spacing: -1.8px;

    color: #181818;
}


.msec_00 .tit_desc {
    margin-top: 22px;

    font-size: 17px;
    font-weight: 400;

    line-height: 1.75;
    letter-spacing: -.3px;

    color: #737d79;
}


/* =========================================================
   PROCESS WRAP
========================================================= */

.haccp_process {
    position: relative;

    width: 100%;
    max-width: 1320px;

    margin: 100px auto 0;
}


/* =========================================================
   CENTER LINE
========================================================= */

.process_line {
    position: absolute;

    left: 50%;
    top: 0;
    bottom: 0;

    width: 1px;

    transform: translateX(-50%);

    background:
        linear-gradient(
            to bottom,
            rgba(0, 176, 152, 0),
            rgba(0, 176, 152, .42) 7%,
            rgba(0, 176, 152, .42) 93%,
            rgba(0, 176, 152, 0)
        );
}


/* =========================================================
   ROW
========================================================= */

.process_row {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        110px
        minmax(0, 1fr);

    align-items: center;

    min-height: 225px;
}


/* =========================================================
   LEFT
========================================================= */

.process_row.left .process_card {
    grid-column: 1;

    justify-self: end;
}


.process_row.left .process_num {
    grid-column: 2;

    justify-self: center;
}


/* =========================================================
   RIGHT
========================================================= */

.process_row.right .process_num {
    grid-column: 2;

    justify-self: center;
}


.process_row.right .process_card {
    grid-column: 3;

    justify-self: start;
}


/* =========================================================
   NUMBER
========================================================= */

.process_num {
    position: relative;

    z-index: 5;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 66px;
    height: 66px;

    border: 2px solid #00ad96;
    border-radius: 50%;

    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 700;

    letter-spacing: .5px;

    color: #009b86;

    background: #f5faf8;

    box-shadow:
        0 6px 18px rgba(0, 166, 143, .08);
}


/* =========================================================
   CARD
========================================================= */

.process_card {
    position: relative;

    display: flex;

    align-items: center;

    width: calc(100% - 20px);
    max-width: 560px;

    min-height: 180px;

    padding: 34px 36px;

    border: 1px solid #dfeae6;
    border-radius: 22px;

    background: #fff;

    box-shadow:
        0 12px 38px rgba(47, 99, 91, .05);

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}


/* =========================================================
   CARD ↔ CENTER CONNECT LINE
========================================================= */

.process_card::after {
    content: "";

    position: absolute;

    top: 50%;

    width: 45px;
    height: 1px;

    background:
        rgba(0, 176, 152, .30);
}


.process_row.left .process_card::after {
    right: -45px;
}


.process_row.right .process_card::after {
    left: -45px;
}


/* =========================================================
   CARD HOVER
========================================================= */

.process_card:hover {
    transform: translateY(-5px);

    border-color:
        rgba(0, 176, 152, .38);

    box-shadow:
        0 20px 48px rgba(29, 111, 98, .09);
}


/* =========================================================
   ICON
========================================================= */

.process_icon {
    display: flex;

    flex: 0 0 auto;

    align-items: center;
    justify-content: center;

    width: 72px;
    height: 72px;

    margin-right: 28px;

    border-radius: 20px;

    color: #00a98f;

    background:
        linear-gradient(
            145deg,
            #e5f8f4,
            #f3fbf9
        );
}


.process_icon svg {
    width: 31px;
    height: 31px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* =========================================================
   CONTENT
========================================================= */

.process_content {
    flex: 1;

    min-width: 0;
}


/* =========================================================
   STEP
   기준 16px
========================================================= */

.process_step {
    display: block;

    margin-bottom: 9px;

    font-family: "Montserrat", sans-serif;

    font-size: 16px;
    font-weight: 700;

    line-height: 1;

    letter-spacing: 1px;

    color: #00aa94;
}


/* =========================================================
   TITLE
   기준 26px
========================================================= */

.process_content strong {
    display: block;

    font-size: 26px;
    font-weight: 700;

    line-height: 1.35;

    letter-spacing: -.8px;

    color: #18201d;

    word-break: keep-all;
}


/* =========================================================
   DESCRIPTION
   기준 18px
========================================================= */

.process_content p {
    margin-top: 12px;

    font-size: 18px;
    font-weight: 400;

    line-height: 1.7;

    letter-spacing: -.35px;

    color: #69746f;

    word-break: keep-all;
}


/* =========================================================
   LEFT CARD
========================================================= */

.process_row.left .process_card {
    flex-direction: row-reverse;

    text-align: right;
}


.process_row.left .process_icon {
    margin-right: 0;
    margin-left: 28px;
}


/* =========================================================
   1400
========================================================= */

@media (max-width: 1400px) {

    .haccp_process {
        max-width: 1220px;
    }


    .process_card {
        max-width: 515px;

        padding:
            32px
            30px;
    }


    .process_content strong {
        font-size: 24px;
    }


    .process_content p {
        font-size: 17px;
    }

}


/* =========================================================
   TABLET 1100
========================================================= */

@media (max-width: 1100px) {

    .msec_00 {
        padding:
            90px
            25px
            110px;
    }


    .msec_00 .tit {
        font-size: 40px;
    }


    .haccp_process {
        max-width: 1000px;

        margin-top: 75px;
    }


    .process_row {
        grid-template-columns:
            minmax(0, 1fr)
            90px
            minmax(0, 1fr);

        min-height: 210px;
    }


    .process_num {
        width: 58px;
        height: 58px;

        font-size: 14px;
    }


    .process_card {
        width: calc(100% - 12px);

        min-height: 170px;

        padding:
            28px
            24px;
    }


    .process_icon {
        width: 62px;
        height: 62px;

        margin-right: 20px;

        border-radius: 17px;
    }


    .process_row.left .process_icon {
        margin-left: 20px;
    }


    .process_icon svg {
        width: 27px;
        height: 27px;
    }


    .process_step {
        font-size: 14px;
    }


    .process_content strong {
        font-size: 21px;
    }


    .process_content p {
        font-size: 15px;

        line-height: 1.65;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .msec_00 {
        padding:
            70px
            18px
            85px;
    }


    /* =====================================================
       SECTION TITLE
    ====================================================== */

    .msec_00 .tit2 {
        margin-bottom: 9px;

        font-size: 12px;
    }


    .msec_00 .tit {
        font-size: 30px;

        line-height: 1.32;

        letter-spacing: -1.3px;

        word-break: keep-all;
    }


    .msec_00 .tit_desc {
        margin-top: 17px;

        font-size: 14px;

        line-height: 1.7;

        word-break: keep-all;
    }


    .msec_00 .tit_desc br {
        display: none;
    }


    /* =====================================================
       PROCESS
    ====================================================== */

    .haccp_process {
        margin-top: 55px;

        padding-left: 52px;
    }


    /* 세로선 */

    .process_line {
        left: 20px;

        transform: none;
    }


    /* =====================================================
       ROW
    ====================================================== */

    .process_row {
        display: block;

        min-height: 0;

        margin-bottom: 25px;
    }


    .process_row:last-child {
        margin-bottom: 0;
    }


    /* =====================================================
       NUMBER
    ====================================================== */

    .process_num,
    .process_row.left .process_num,
    .process_row.right .process_num {

        position: absolute;

        left: -52px;
        top: 30px;

        width: 42px;
        height: 42px;

        border-width: 2px;

        font-size: 11px;

        background: #f5faf8;
    }


    /* =====================================================
       CARD
    ====================================================== */

    .process_card,
    .process_row.left .process_card,
    .process_row.right .process_card {

        display: flex;

        flex-direction: row;

        width: 100%;
        max-width: none;

        min-height: 0;

        padding:
            24px
            21px;

        border-radius: 18px;

        text-align: left;
    }


    .process_card::after {
        display: none;
    }


    /* =====================================================
       ICON
    ====================================================== */

    .process_icon,
    .process_row.left .process_icon {

        width: 56px;
        height: 56px;

        margin:
            0
            18px
            0
            0;

        border-radius: 15px;
    }


    .process_icon svg {
        width: 25px;
        height: 25px;
    }


    /* =====================================================
       MOBILE TEXT
    ====================================================== */

    .process_step {
        margin-bottom: 6px;

        font-size: 12px;
    }


    .process_content strong {
        font-size: 19px;

        line-height: 1.35;
    }


    .process_content p {
        margin-top: 8px;

        font-size: 14px;

        line-height: 1.65;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 430px) {

    .msec_00 {
        padding:
            60px
            15px
            75px;
    }


    .msec_00 .tit {
        font-size: 27px;
    }


    .msec_00 .tit_desc {
        font-size: 13px;
    }


    /* =====================================================
       TIMELINE
    ====================================================== */

    .haccp_process {
        margin-top: 45px;

        padding-left: 43px;
    }


    .process_line {
        left: 16px;
    }


    .process_num,
    .process_row.left .process_num,
    .process_row.right .process_num {

        left: -43px;
        top: 25px;

        width: 35px;
        height: 35px;

        font-size: 9px;
    }


    /* =====================================================
       CARD
    ====================================================== */

    .process_card,
    .process_row.left .process_card,
    .process_row.right .process_card {

        padding:
            20px
            16px;

        border-radius: 16px;
    }


    /* =====================================================
       ICON
    ====================================================== */

    .process_icon,
    .process_row.left .process_icon {

        width: 48px;
        height: 48px;

        margin-right: 14px;

        border-radius: 13px;
    }


    .process_icon svg {
        width: 22px;
        height: 22px;
    }


    /* =====================================================
       TEXT
    ====================================================== */

    .process_step {
        font-size: 10px;
    }


    .process_content strong {
        font-size: 17px;
    }


    .process_content p {
        font-size: 13px;

        line-height: 1.6;
    }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 360px) {

    .haccp_process {
        padding-left: 39px;
    }


    .process_line {
        left: 14px;
    }


    .process_num,
    .process_row.left .process_num,
    .process_row.right .process_num {

        left: -39px;

        width: 31px;
        height: 31px;
    }


    .process_card,
    .process_row.left .process_card,
    .process_row.right .process_card {

        padding:
            18px
            14px;
    }


    .process_icon,
    .process_row.left .process_icon {

        width: 43px;
        height: 43px;

        margin-right: 11px;
    }


    .process_content strong {
        font-size: 16px;
    }


    .process_content p {
        font-size: 12px;
    }

}
/* msec_00 */



/* msec_01 */
.msec_01 {
    background-color: #F4F8FB;
}
.select_box {
    /* overflow: hidden;
    margin-top: 60px;
    margin-bottom: 20px;
    height: 80px;
    position: relative; */
    margin-top: 60px;
}
.select_wrap {
    width: 100%;
    /* position: absolute; */
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /* gap: 0 40px; */
    /* width: max-content; */
    /* animation: roll 20s linear infinite; */
    padding:0 20px;
}

.select_wrap.type2 {
    /* animation: roll2 20s linear infinite; */
}

.select_wrap > li {
    margin-bottom: 20px;
    width: calc(33.33% - 20px);
    height: 80px;
    background:#fff;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ico_select {
    width: 37px;
    aspect-ratio: 1/1;
    background:red;
    margin-right: 10px;
}
.ico_select.img01 {background:url('../img/ico_select01.png') center no-repeat;background-size:contain;}
.ico_select.img02 {background:url('../img/ico_select02.png') center no-repeat;background-size:contain;}
.ico_select.img03 {background:url('../img/ico_select03.png') center no-repeat;background-size:contain;}
.ico_select.img04 {background:url('../img/ico_select04.png') center no-repeat;background-size:contain;}
.ico_select.img05 {background:url('../img/ico_select05.png') center no-repeat;background-size:contain;}
.ico_select.img06 {background:url('../img/ico_select06.png') center no-repeat;background-size:contain;}
.select_wrap > li > h2 {
    font-size: 22px;
    font-weight: 700;
}



.select_box2 {
    overflow: hidden;
    margin-top: 0px;
    height: 80px;
    position: relative;
}
.select_wrap2 {
    position: absolute;
    display: flex;
    gap: 0 40px;
    width: max-content;
    animation: roll3 20s linear infinite;
    padding:0 20px;
}

.select_wrap2.type2 {
    animation: roll4 20s linear infinite;
}

.select_wrap2 > li {
    width: 480px;
    height: 80px;
    background:#fff;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ico_select {
    width: 37px;
    aspect-ratio: 1/1;
    background:red;
    margin-right: 10px;
}
.ico_select.img01 {background:url('../img/ico_select01.png') center no-repeat;background-size:contain;}
.ico_select.img02 {background:url('../img/ico_select02.png') center no-repeat;background-size:contain;}
.ico_select.img03 {background:url('../img/ico_select03.png') center no-repeat;background-size:contain;}
.ico_select.img04 {background:url('../img/ico_select04.png') center no-repeat;background-size:contain;}
.ico_select.img05 {background:url('../img/ico_select05.png') center no-repeat;background-size:contain;}
.ico_select.img06 {background:url('../img/ico_select06.png') center no-repeat;background-size:contain;}
.select_wrap2 > li > h2 {
    font-size: 22px;
    font-weight: 700;
}

/* msec_01 */






/* msec_011 */
/* =========================================================
   MSEC 011
   HACCP ONGOING CARE

   THEME
   - Lavender
   - Soft Blue
   - White
   - Periwinkle Point

   초록/민트 느낌을 최소화한 독립적인 파스텔 섹션
========================================================= */

.msec_011 {
    position: relative;

    padding: 130px 0 150px;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #f6f4fb 0%,
            #f2f5fb 45%,
            #f7f5fa 100%
        );
}


/* =========================================================
   SECTION BACKGROUND DECORATION
========================================================= */

.msec_011::before {
    content: "";

    position: absolute;

    left: -180px;
    top: 220px;

    width: 420px;
    height: 420px;

    border-radius: 50%;

    background:
        rgba(218, 211, 243, .24);

    filter: blur(5px);

    pointer-events: none;
}


.msec_011::after {
    content: "";

    position: absolute;

    right: -180px;
    bottom: 130px;

    width: 430px;
    height: 430px;

    border-radius: 50%;

    background:
        rgba(207, 222, 246, .25);

    filter: blur(5px);

    pointer-events: none;
}


.msec_011 > .inner {
    position: relative;

    z-index: 2;
}


/* =========================================================
   TITLE
========================================================= */

.msec_011 .care_title {
    text-align: center;
}


.msec_011 .tit2 {
    margin-bottom: 14px;

    font-family: "Montserrat", sans-serif;

    font-size: 17px;
    font-weight: 700;

    line-height: 1.3;

    letter-spacing: 1.6px;

    color: #7776d5;
}


.msec_011 .tit {
    margin: 0;

    font-size: 52px;
    font-weight: 400;

    line-height: 1.28;

    letter-spacing: -2px;

    color: #202126;
}


.msec_011 .tit .fw900 {
    font-weight: 900;

    color: #18191d;
}


.msec_011 .tit_desc {
    max-width: 1000px;

    margin: 25px auto 0;

    font-size: 18px;
    font-weight: 400;

    line-height: 1.8;

    letter-spacing: -.35px;

    color: #73757e;

    word-break: keep-all;
}


/* =========================================================
   CARE HEAD
========================================================= */

.msec_011 .care_head {
    position: relative;

    display: flex;

    align-items: center;
    justify-content: space-between;

    max-width: 1360px;

    min-height: 132px;

    margin: 85px auto 26px;

    padding: 32px 40px;

    overflow: hidden;

    border:
        1px solid
        rgba(127, 127, 208, .12);

    border-radius: 25px;

    background:
        linear-gradient(
            120deg,
            #ebe8f8 0%,
            #eef0fa 48%,
            #edf4fa 100%
        );

    box-shadow:
        0 16px 42px
        rgba(75, 80, 120, .055);
}


/* =========================================================
   HEAD DECORATION
========================================================= */

.msec_011 .care_head::before {
    content: "";

    position: absolute;

    right: 170px;
    top: -105px;

    width: 250px;
    height: 250px;

    border-radius: 50%;

    background:
        rgba(255,255,255,.34);

    pointer-events: none;
}


.msec_011 .care_head::after {
    content: "";

    position: absolute;

    right: -85px;
    bottom: -135px;

    width: 290px;
    height: 290px;

    border-radius: 50%;

    background:
        rgba(190, 204, 240, .23);

    pointer-events: none;
}


/* =========================================================
   HEAD TEXT
========================================================= */

.msec_011 .care_head_txt {
    position: relative;

    z-index: 2;
}


.msec_011 .care_head_txt > span {
    display: block;

    margin-bottom: 10px;

    font-family: "Montserrat", sans-serif;

    font-size: 13px;
    font-weight: 700;

    line-height: 1;

    letter-spacing: 2.5px;

    color: #7776d5;
}


.msec_011 .care_head_txt > strong {
    display: block;

    font-size: 27px;
    font-weight: 600;

    line-height: 1.4;

    letter-spacing: -.8px;

    color: #2d2e36;
}


.msec_011 .care_head_txt > strong b {
    font-weight: 800;

    color: #6668c8;
}


/* =========================================================
   HEAD BADGE
========================================================= */

.msec_011 .care_head_badge {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;
    justify-content: center;

    height: 44px;

    padding: 0 24px;

    border:
        1px solid
        rgba(111, 113, 204, .20);

    border-radius: 30px;

    font-family: "Montserrat", sans-serif;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 1.7px;

    color: #686ac8;

    background:
        rgba(255,255,255,.62);
}


/* =========================================================
   CARE LIST
========================================================= */

.msec_011 .care_list {
    max-width: 1360px;

    margin: 0 auto;
}


/* =========================================================
   CARE ITEM
   01~06 모두 같은 컬러
========================================================= */

.msec_011 .care_item {
    position: relative;

    margin-bottom: 16px;

    overflow: hidden;

    border:
        1px solid
        #e5e5ee;

    border-radius: 22px;

    background:
        rgba(255,255,255,.94);

    box-shadow:
        0 8px 27px
        rgba(72, 77, 110, .035);

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease,
        background .3s ease;
}


.msec_011 .care_item:last-child {
    margin-bottom: 0;
}


/* =========================================================
   OPEN ITEM
========================================================= */

.msec_011 .care_item[open] {
    border-color:
        rgba(116, 117, 211, .35);

    background: #fff;

    box-shadow:
        0 18px 48px
        rgba(80, 82, 145, .075);
}


/* 펼쳐진 카드 왼쪽 포인트 */

.msec_011 .care_item::before {
    content: "";

    position: absolute;

    z-index: 5;

    left: 0;
    top: 0;
    bottom: 0;

    width: 5px;

    opacity: 0;

    background:
        linear-gradient(
            to bottom,
            #7779d8,
            #a8a6e8
        );

    transition: opacity .3s ease;
}


.msec_011 .care_item[open]::before {
    opacity: 1;
}


/* =========================================================
   SUMMARY
========================================================= */

.msec_011 .care_item summary {
    position: relative;

    display: flex;

    align-items: center;

    min-height: 126px;

    padding: 25px 31px;

    list-style: none;

    cursor: pointer;

    user-select: none;

    background:
        rgba(255,255,255,.70);
}


.msec_011 .care_item summary::-webkit-details-marker {
    display: none;
}


/* =========================================================
   NUMBER
========================================================= */

.msec_011 .care_num {
    display: flex;

    flex: 0 0 auto;

    align-items: center;
    justify-content: center;

    width: 60px;
    height: 60px;

    margin-right: 27px;

    border:
        1px solid
        rgba(116, 117, 211, .35);

    border-radius: 50%;

    font-family: "Montserrat", sans-serif;

    font-size: 15px;
    font-weight: 700;

    letter-spacing: .5px;

    color: #6f70cb;

    background: #f2f1fb;

    transition:
        color .3s ease,
        background .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}


.msec_011 .care_item[open] .care_num {
    color: #fff;

    border-color: #7375d4;

    background:
        linear-gradient(
            145deg,
            #8587df 0%,
            #6d70cb 100%
        );

    box-shadow:
        0 9px 22px
        rgba(104, 106, 199, .21);
}


/* =========================================================
   SUMMARY TEXT
========================================================= */

.msec_011 .care_summary_txt {
    flex: 1;

    min-width: 0;
}


.msec_011 .care_summary_txt strong {
    display: block;

    margin-bottom: 7px;

    font-size: 26px;
    font-weight: 700;

    line-height: 1.35;

    letter-spacing: -.8px;

    color: #222329;
}


.msec_011 .care_summary_txt span {
    display: block;

    font-size: 18px;
    font-weight: 400;

    line-height: 1.6;

    letter-spacing: -.3px;

    color: #777982;

    word-break: keep-all;
}


/* =========================================================
   TOGGLE
========================================================= */

.msec_011 .care_toggle {
    position: relative;

    flex: 0 0 auto;

    width: 44px;
    height: 44px;

    margin-left: 26px;

    border:
        1px solid
        #e6e6ee;

    border-radius: 50%;

    background: #f5f5f9;

    transition:
        background .3s ease,
        border-color .3s ease;
}


.msec_011 .care_toggle::before,
.msec_011 .care_toggle::after {
    content: "";

    position: absolute;

    left: 50%;
    top: 50%;

    width: 13px;
    height: 2px;

    border-radius: 2px;

    background: #777984;

    transform:
        translate(-50%, -50%);
}


.msec_011 .care_toggle::after {
    transform:
        translate(-50%, -50%)
        rotate(90deg);

    transition:
        transform .25s ease;
}


.msec_011 .care_item[open] .care_toggle {
    border-color: #7476d2;

    background: #7476d2;
}


.msec_011 .care_item[open] .care_toggle::before,
.msec_011 .care_item[open] .care_toggle::after {
    background: #fff;
}


.msec_011 .care_item[open] .care_toggle::after {
    transform:
        translate(-50%, -50%)
        rotate(0);
}


/* =========================================================
   BODY
========================================================= */

.msec_011 .care_body {
    padding:
        0
        31px
        34px
        118px;

    background: #fff;
}


/* =========================================================
   INTRO
========================================================= */

.msec_011 .care_intro {
    display: flex;

    align-items: center;

    margin-bottom: 25px;

    padding: 29px 30px;

    border:
        1px solid
        #ececf4;

    border-radius: 18px;

    background:
        linear-gradient(
            120deg,
            #f3f1fa 0%,
            #f5f5fb 52%,
            #f2f6fb 100%
        );
}


/* =========================================================
   ICON
========================================================= */

.msec_011 .care_icon {
    display: flex;

    flex: 0 0 auto;

    align-items: center;
    justify-content: center;

    width: 68px;
    height: 68px;

    margin-right: 25px;

    border-radius: 20px;

    color: #7072ce;

    background:
        linear-gradient(
            145deg,
            #e4e1f6,
            #ecebfa
        );

    box-shadow:
        inset 0 0 0 1px
        rgba(110, 111, 204, .06);
}


.msec_011 .care_icon svg {
    width: 31px;
    height: 31px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* =========================================================
   INTRO TEXT
========================================================= */

.msec_011 .care_intro_txt {
    flex: 1;

    min-width: 0;
}


.msec_011 .care_intro strong {
    display: block;

    margin-bottom: 8px;

    font-size: 22px;
    font-weight: 700;

    line-height: 1.4;

    letter-spacing: -.6px;

    color: #292a31;
}


.msec_011 .care_intro p {
    margin: 0;

    font-size: 18px;
    font-weight: 400;

    line-height: 1.7;

    letter-spacing: -.3px;

    color: #70727c;

    word-break: keep-all;
}


/* =========================================================
   CHECK LIST
========================================================= */

.msec_011 .care_check {
    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 11px;

    margin: 0;

    padding: 0;

    list-style: none;
}


.msec_011 .care_check li {
    position: relative;

    display: flex;

    align-items: center;

    min-height: 57px;

    padding:
        12px
        20px
        12px
        54px;

    border:
        1px solid
        #ededf3;

    border-radius: 13px;

    font-size: 17px;
    font-weight: 500;

    line-height: 1.45;

    letter-spacing: -.25px;

    color: #3e3f47;

    background:
        #f7f7fa;
}


.msec_011 .care_check li::before {
    content: "✓";

    position: absolute;

    left: 19px;
    top: 50%;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 20px;
    height: 20px;

    transform:
        translateY(-50%);

    border-radius: 50%;

    font-size: 11px;
    font-weight: 900;

    color: #fff;

    background:
        #7779d4;
}


/* =========================================================
   HOVER
========================================================= */

@media (hover:hover) {

    .msec_011 .care_item:not([open]):hover {
        transform: translateY(-2px);

        border-color:
            rgba(116, 117, 211, .24);

        box-shadow:
            0 13px 35px
            rgba(75, 78, 130, .065);
    }

}


/* =========================================================
   BOTTOM CTA
========================================================= */

.msec_011 .care_bottom {
    position: relative;

    display: flex;

    align-items: center;
    justify-content: space-between;

    max-width: 1360px;

    margin: 34px auto 0;

    padding: 44px 46px;

    overflow: hidden;

    border:
        1px solid
        rgba(120, 120, 205, .10);

    border-radius: 24px;

    background:
        linear-gradient(
            120deg,
            #ebe7f7 0%,
            #eef0fa 48%,
            #eaf2fa 100%
        );
}


/* =========================================================
   BOTTOM DECORATION
========================================================= */

.msec_011 .care_bottom::before {
    content: "";

    position: absolute;

    right: 215px;
    top: -135px;

    width: 280px;
    height: 280px;

    border-radius: 50%;

    background:
        rgba(255,255,255,.31);

    pointer-events: none;
}


.msec_011 .care_bottom::after {
    content: "";

    position: absolute;

    right: -100px;
    bottom: -175px;

    width: 330px;
    height: 330px;

    border-radius: 50%;

    background:
        rgba(188,202,239,.20);

    pointer-events: none;
}


/* =========================================================
   BOTTOM TEXT
========================================================= */

.msec_011 .care_bottom_txt {
    position: relative;

    z-index: 2;
}


.msec_011 .care_bottom span {
    display: block;

    margin-bottom: 10px;

    font-family: "Montserrat", sans-serif;

    font-size: 13px;
    font-weight: 700;

    line-height: 1;

    letter-spacing: 2px;

    color: #7274cf;
}


.msec_011 .care_bottom strong {
    display: block;

    font-size: 27px;
    font-weight: 700;

    line-height: 1.5;

    letter-spacing: -.8px;

    color: #292a31;
}


/* =========================================================
   CTA BUTTON
========================================================= */

.msec_011 .care_bottom > a {
    position: relative;

    z-index: 2;

    display: flex;

    flex: 0 0 auto;

    align-items: center;
    justify-content: center;

    min-width: 215px;
    height: 60px;

    margin-left: 35px;

    padding: 0 30px;

    border-radius: 40px;

    font-size: 17px;
    font-weight: 700;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            #7e80dc,
            #696dca
        );

    box-shadow:
        0 10px 24px
        rgba(105, 108, 202, .18);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease;
}


.msec_011 .care_bottom > a:hover {
    transform: translateY(-3px);

    background:
        linear-gradient(
            135deg,
            #7376d5,
            #6064c2
        );

    box-shadow:
        0 15px 30px
        rgba(105, 108, 202, .24);
}


.msec_011 .care_bottom > a i {
    margin-left: 14px;

    font-style: normal;

    font-size: 21px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .msec_011 {
        padding:
            100px
            25px
            110px;
    }


    .msec_011 .tit {
        font-size: 43px;
    }


    .msec_011 .tit_desc {
        font-size: 17px;
    }


    .msec_011 .care_head {
        margin-top: 70px;
    }


    .msec_011 .care_head_txt > strong {
        font-size: 24px;
    }


    .msec_011 .care_summary_txt strong {
        font-size: 23px;
    }


    .msec_011 .care_summary_txt span {
        font-size: 16px;
    }


    .msec_011 .care_body {
        padding-left: 31px;
    }


    .msec_011 .care_intro p {
        font-size: 16px;
    }


    .msec_011 .care_check li {
        font-size: 16px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .msec_011 {
        padding:
            75px
            18px
            85px;

        background:
            linear-gradient(
                150deg,
                #f5f3fa 0%,
                #f1f4fa 50%,
                #f6f5fa 100%
            );
    }


    /* =====================================================
       TITLE
    ====================================================== */

    .msec_011 .tit2 {
        margin-bottom: 10px;

        font-size: 12px;

        letter-spacing: 1.2px;
    }


    .msec_011 .tit {
        font-size: 31px;

        line-height: 1.32;

        letter-spacing: -1.4px;

        word-break: keep-all;
    }


    .msec_011 .tit_desc {
        margin-top: 18px;

        font-size: 15px;

        line-height: 1.7;

        word-break: keep-all;
    }


    .msec_011 .tit_desc br {
        display: none;
    }


    /* =====================================================
       HEAD
    ====================================================== */

    .msec_011 .care_head {
        display: block;

        min-height: 0;

        margin-top: 50px;

        padding:
            27px
            23px;

        border-radius: 19px;
    }


    .msec_011 .care_head_txt > span {
        margin-bottom: 8px;

        font-size: 10px;

        letter-spacing: 1.8px;
    }


    .msec_011 .care_head_txt > strong {
        font-size: 20px;

        line-height: 1.45;
    }


    .msec_011 .care_head_badge {
        display: inline-flex;

        height: 36px;

        margin-top: 18px;

        padding: 0 17px;

        font-size: 9px;

        letter-spacing: 1.2px;
    }


    /* =====================================================
       CARE ITEM
    ====================================================== */

    .msec_011 .care_item {
        margin-bottom: 11px;

        border-radius: 17px;
    }


    .msec_011 .care_item summary {
        min-height: 100px;

        padding:
            18px
            16px;
    }


    .msec_011 .care_num {
        width: 44px;
        height: 44px;

        margin-right: 14px;

        font-size: 11px;
    }


    .msec_011 .care_summary_txt strong {
        margin-bottom: 5px;

        font-size: 19px;

        line-height: 1.3;
    }


    .msec_011 .care_summary_txt span {
        font-size: 13px;

        line-height: 1.5;
    }


    .msec_011 .care_toggle {
        width: 35px;
        height: 35px;

        margin-left: 10px;
    }


    /* =====================================================
       BODY
    ====================================================== */

    .msec_011 .care_body {
        padding:
            0
            16px
            20px;
    }


    .msec_011 .care_intro {
        align-items: flex-start;

        margin-bottom: 16px;

        padding:
            20px
            17px;

        border-radius: 15px;
    }


    .msec_011 .care_icon {
        width: 52px;
        height: 52px;

        margin-right: 15px;

        border-radius: 15px;
    }


    .msec_011 .care_icon svg {
        width: 24px;
        height: 24px;
    }


    .msec_011 .care_intro strong {
        margin-bottom: 6px;

        font-size: 17px;
    }


    .msec_011 .care_intro p {
        font-size: 13px;

        line-height: 1.65;
    }


    /* =====================================================
       CHECK
    ====================================================== */

    .msec_011 .care_check {
        grid-template-columns: 1fr;

        gap: 7px;
    }


    .msec_011 .care_check li {
        min-height: 46px;

        padding:
            10px
            14px
            10px
            45px;

        font-size: 14px;
    }


    .msec_011 .care_check li::before {
        left: 16px;

        width: 18px;
        height: 18px;
    }


    /* =====================================================
       BOTTOM
    ====================================================== */

    .msec_011 .care_bottom {
        display: block;

        padding:
            29px
            23px;

        border-radius: 19px;
    }


    .msec_011 .care_bottom span {
        font-size: 10px;
    }


    .msec_011 .care_bottom strong {
        font-size: 20px;

        line-height: 1.55;
    }


    .msec_011 .care_bottom strong br {
        display: none;
    }


    .msec_011 .care_bottom > a {
        width: 100%;
        min-width: 0;

        height: 54px;

        margin:
            24px
            0
            0;

        font-size: 15px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 430px) {

    .msec_011 {
        padding:
            65px
            15px
            75px;
    }


    .msec_011 .tit {
        font-size: 28px;
    }


    .msec_011 .tit_desc {
        font-size: 14px;
    }


    .msec_011 .care_head {
        padding:
            24px
            19px;
    }


    .msec_011 .care_head_txt > strong {
        font-size: 18px;
    }


    .msec_011 .care_item summary {
        min-height: 92px;

        padding:
            15px
            13px;
    }


    .msec_011 .care_num {
        width: 39px;
        height: 39px;

        margin-right: 11px;

        font-size: 10px;
    }


    .msec_011 .care_summary_txt strong {
        font-size: 17px;
    }


    .msec_011 .care_summary_txt span {
        font-size: 12px;
    }


    .msec_011 .care_toggle {
        width: 31px;
        height: 31px;

        margin-left: 7px;
    }


    .msec_011 .care_intro {
        padding:
            17px
            14px;
    }


    .msec_011 .care_icon {
        width: 45px;
        height: 45px;

        margin-right: 12px;

        border-radius: 13px;
    }


    .msec_011 .care_icon svg {
        width: 21px;
        height: 21px;
    }


    .msec_011 .care_intro strong {
        font-size: 15px;
    }


    .msec_011 .care_intro p {
        font-size: 12px;
    }


    .msec_011 .care_check li {
        font-size: 13px;
    }


    .msec_011 .care_bottom {
        padding:
            25px
            19px;
    }


    .msec_011 .care_bottom strong {
        font-size: 18px;
    }

}
/* msec_011 */





/* msec_02 */
.msec_02 {
    background:#F5F2EB;
}
.review_slide {
    margin-top: 60px;
}
.review_slide .swiper-slide {
    aspect-ratio: 1/1.097916666666667;
    background:#ddd;
}
.review_slide .swiper-slide.img01 {background:url('../img/img_review01.png') center no-repeat;background-size:contain;}
.review_slide .swiper-slide.img02 {background:url('../img/img_review02.png') center no-repeat;background-size:contain;}
.review_slide .swiper-slide.img03 {background:url('../img/img_review03.png') center no-repeat;background-size:contain;}
.review_slide .swiper-slide.img04 {background:url('../img/img_review04.png') center no-repeat;background-size:contain;}
.review_slide .swiper-slide.img05 {background:url('../img/img_review05.png') center no-repeat;background-size:contain;}
.review_slide .swiper-slide.img06 {background:url('../img/img_review06.png') center no-repeat;background-size:contain;}

/* msec_02 */

/* =========================================================
   MINT SERVICE
========================================================= */

.mint_service {
    margin-top: 60px;
}


/* 상단 안내 */
.mint_service_head {
    margin-bottom: 28px;
    text-align: center;
}

.mint_service_head > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    height: 32px;
    padding: 0 15px;

    border-radius: 30px;

    background: #e8f8f5;

    font-family: 'Pretendard', sans-serif;
    font-size: 11px;
    font-weight: 700;

    letter-spacing: 1px;

    color: #00a990;
}

.mint_service_head p {
    margin: 15px 0 0;

    font-family: 'Pretendard', sans-serif;
    font-size: 15px;
    font-weight: 400;

    line-height: 1.7;

    color: #777;
}

/* =========================================================
   SERVICE CARD
========================================================= */

.mint_service_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

    gap: 20px;
}


.mint_service_item {
    position: relative;
    overflow: hidden;

    box-sizing: border-box;

    min-height: 405px;

    padding: 38px 38px 32px;

    border: 1px solid #e5ecea;
    border-radius: 18px;

    background: #fff;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}


.mint_service_item:hover {
    transform: translateY(-6px);

    border-color: #b8ddd7;

    box-shadow: 0 18px 45px rgba(21, 74, 66, .08);
}


/* =========================================================
   우측 상단 장식
========================================================= */

.mint_service_item::after {
    content: "";

    position: absolute;

    right: -42px;
    top: -55px;

    width: 150px;
    height: 150px;

    border-radius: 50%;

    background: #f1faf8;

    transition:
        transform .35s ease,
        background .35s ease;

    z-index: 1;
}


.mint_service_item:hover::after {
    transform: scale(1.15);

    background: #e9f8f5;
}


/* =========================================================
   카드 상단
========================================================= */

.mint_service_top {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;

    width: 100%;

    gap: 0;
}


/* =========================================================
   숫자
   기존 왼쪽 박스 제거
   우측 상단 원형 장식 영역으로 이동
========================================================= */

.mint_service_top .num {
    position: absolute;

    top: -18px;
    right: -8px;

    display: block;

    width: auto;
    height: auto;

    margin: 0;
    padding: 0;

    background: none;
    border-radius: 0;

    font-family: 'Pretendard', sans-serif;
    font-size: 26px;
    font-weight: 800;

    line-height: 1;

    letter-spacing: -1px;

    color: #73cdbf;

    z-index: 3;
}


/* =========================================================
   타이틀
========================================================= */

.mint_service_top .title {
    margin: 0;
    padding: 0;
}


.mint_service_top .title .eng {
    display: block;

    margin-bottom: 5px;

    font-family: 'Pretendard', sans-serif;
    font-size: 16px;
    font-weight: 700;

    letter-spacing: 1.2px;

    color: #00a990;
}


.mint_service_top .title h3 {
    margin: 0;

    font-family: 'Pretendard', sans-serif;
    font-size: 34px;
    font-weight: 700;

    line-height: 1.2;

    letter-spacing: -1px;

    color: #151515;
}


/* =========================================================
   설명
========================================================= */

.mint_service_item .desc {
    position: relative;
    z-index: 2;

    margin: 27px 0 22px;

    padding-bottom: 22px;

    border-bottom: 1px solid #edf0ef;

    font-family: 'Pretendard', sans-serif;
    font-size: 18px;
    font-weight: 400;

    line-height: 1.7;

    color: #777;
}


/* =========================================================
   항목
========================================================= */

.mint_service_item ul {
    position: relative;
    z-index: 2;

    margin: 0;
    padding: 0;

    list-style: none;
}


.mint_service_item ul li {
    position: relative;

    margin-top: 10px;
    padding-left: 17px;

    font-family: 'Pretendard', sans-serif;
    font-size: 18px;
    font-weight: 500;

    line-height: 1.5;

    color: #333;
}


.mint_service_item ul li:first-child {
    margin-top: 0;
}


.mint_service_item ul li::before {
    content: "";

    position: absolute;

    left: 0;
    top: 8px;

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: #00b49b;
}


/* =========================================================
   하단 키워드
========================================================= */

.service_keyword {
    position: relative;
    z-index: 2;

    display: flex;
    flex-wrap: wrap;

    gap: 6px;

    margin-top: 25px;
}


.service_keyword span {
    display: inline-flex;
    align-items: center;

    height: 28px;

    padding: 0 11px;

    box-sizing: border-box;

    border: 1px solid #dbece9;
    border-radius: 20px;

    background: #f8fbfa;

    font-family: 'Pretendard', sans-serif;
    font-size: 14px;
    font-weight: 500;

    color: #66817c;
}
/* =========================================================
   TOTAL SOLUTION FLOW
========================================================= */

.mint_service_flow {

    box-sizing: border-box;

    
}


/* =========================================================
   MINT TOTAL SOLUTION
========================================================= */

.msec_0222 {
    border-radius: 18px;
    background: #f3f8f7;
}


/* =========================================================
   TITLE
========================================================= */

.flow_title {
    text-align: center;
}


.flow_title span {
    display: block;

    margin-bottom: 7px;

    font-family: 'Pretendard', sans-serif;
    font-size: 18px;
    font-weight: 700;

    letter-spacing: 1.4px;

    color: #00aa94;
}


.flow_title strong {
    display: block;

    font-family: 'Pretendard', sans-serif;
    font-size: 50px;
    font-weight: 700;

    letter-spacing: -.7px;

    color: #222;
}


/* =========================================================
   FLOW
========================================================= */

.flow_list {
    position: relative;

    display: grid;
    grid-template-columns: repeat(4, 1fr);

    width: 100%;

    margin-top: 65px;
}


/* 숫자를 연결하는 가로선 */

.flow_list::before {
    content: "";

    position: absolute;

    top: 32px;
    left: 12.5%;
    right: 12.5%;

    height: 1px;

    background: #b9d9d4;

    z-index: 0;
}


/* =========================================================
   ITEM
========================================================= */

.flow_item {
    position: relative;
    z-index: 1;

    box-sizing: border-box;

    padding: 0 20px;

    text-align: center;
}


/* =========================================================
   숫자 원
========================================================= */

.flow_num {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 64px;
    height: 64px;

    margin: 0 auto 27px;

    border-radius: 50%;

    background: #075d51;

    font-family: 'Pretendard', sans-serif;
    font-size: 24px;
    font-weight: 700;

    line-height: 1;

    color: #fff;

    box-shadow: 0 0 0 8px #f3f8f7;
}


/* 마지막 단계 포인트 */

.flow_item:last-child .flow_num {
    background: #00a990;
}


/* =========================================================
   내용
========================================================= */

.flow_content strong {
    display: block;

    margin: 0 0 14px;

    font-family: 'Pretendard', sans-serif;
    font-size: 30px;
    font-weight: 700;

    line-height: 1.3;

    letter-spacing: -.5px;

    color: #17211f;
}


.flow_content p {
    margin: 0;

    font-family: 'Pretendard', sans-serif;
    font-size: 20px;
    font-weight: 400;

    line-height: 28px;

    letter-spacing: -.25px;

    color: #687570;
}


/* =========================================================
   상담 버튼
========================================================= */

.flow_btn {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-top: 60px;
    padding: 30px 50px;

    box-sizing: border-box;

    border-radius: 20px;

    background: #fff;
}


.flow_btn > h2 {
    margin: 0;

    font-family: 'Pretendard', sans-serif;
    font-size: 24px;
    font-weight: 300;

    letter-spacing: -.5px;

    color: #222;
}


.flow_btn > .btn2 > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 18px 26px;

    border-radius: 14px;

    background: #00b098;

    font-family: 'Pretendard', sans-serif;
    font-size: 15px;
    font-weight: 600;

    color: #fff;

    transition: background .25s ease;
}


.flow_btn > .btn2 > a:hover {
    background: #075d51;
}


/* =========================================================
   TABLET
========================================================= */

@media screen and (max-width: 1024px) {

    .flow_title strong {
        font-size: 40px;
    }


    .flow_list {
        margin-top: 55px;
    }


    .flow_list::before {
        top: 29px;
    }


    .flow_num {
        width: 58px;
        height: 58px;

        font-size: 21px;
    }


    .flow_item {
        padding: 0 12px;
    }


    .flow_content strong {
        font-size: 19px;
    }


    .flow_content p {
        font-size: 14px;
    }


    .flow_btn {
        padding: 25px 30px;
    }


    .flow_btn > h2 {
        font-size: 20px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media screen and (max-width: 767px) {

    .flow_title span {
        font-size: 12px;
    }


    .flow_title strong {
        font-size: 30px;
    }


    .flow_list {
        display: block;

        margin-top: 40px;
    }


    /* PC 가로선 제거 */

    .flow_list::before {
        display: none;
    }


    .flow_item {
        position: relative;

        display: grid;
        grid-template-columns: 52px 1fr;

        gap: 18px;

        padding: 0 0 30px;

        text-align: left;
    }


    /* 모바일 세로 연결선 */

    .flow_item:not(:last-child)::after {
        content: "";

        position: absolute;

        left: 25px;
        top: 52px;
        bottom: 0;

        width: 1px;

        background: #b9d9d4;
    }


    .flow_num {
        width: 52px;
        height: 52px;

        margin: 0;

        box-shadow: 0 0 0 5px #f3f8f7;

        font-size: 18px;
    }


    .flow_content {
        padding-top: 3px;
    }


    .flow_content strong {
        margin-bottom: 7px;

        font-size: 19px;
    }


    .flow_content p {
        font-size: 14px;
        line-height: 1.65;
    }


    .flow_content p br {
        display: none;
    }


    /* 상담 영역 */

    .flow_btn {
        display: block;

        margin-top: 25px;
        padding: 25px 20px;

        text-align: center;

        border-radius: 14px;
    }


    .flow_btn > h2 {
        font-size: 18px;
        line-height: 1.5;
    }


    .flow_btn > .btn {
        margin-top: 18px;
    }


    .flow_btn > .btn > a {
        width: 100%;

        box-sizing: border-box;
    }

}
/* =========================================================
   MSEC_022
   인증은 시작입니다
========================================================= */

.msec_022 {
    position: relative;
    overflow: hidden;

    width: 100%;

    box-sizing: border-box;

    padding: 110px 0 0;

    background:
        radial-gradient(
            circle at 92% 12%,
            rgba(0, 170, 148, .06) 0,
            rgba(0, 170, 148, .06) 115px,
            transparent 116px
        ),
        linear-gradient(
            135deg,
            #f3f8f7 0%,
            #f8fbfa 52%,
            #edf7f5 100%
        );
}


/* 우측 원형 장식 */
.msec_022::before {
    content: "";

    position: absolute;
    right: 4%;
    top: -175px;

    width: 390px;
    height: 390px;

    border: 1px solid rgba(0, 170, 148, .13);
    border-radius: 50%;

    pointer-events: none;
}


/* inner */
.msec_022 > .inner {
    position: relative;
    z-index: 2;
}



/* =========================================================
   MINT TRUST
   한국식품안전컨설턴트협회 소속 안내
========================================================= */

.mint_trust {
    position: relative;

    display: flex;
    align-items: center;

    width: 100%;
    max-width: 1820px;

    box-sizing: border-box;

    margin: 55px auto;
    padding: 32px 38px;

    background: radial-gradient(circle at 92% 12%, rgba(0, 170, 148, .06) 0, rgba(0, 170, 148, .06) 115px, transparent 116px), linear-gradient(135deg, #f3f8f7 0%, #f8fbfa 52%, #edf7f5 100%);
    border-radius: 30px;;
}


/* =========================================================
   왼쪽 TRUST 마크
========================================================= */

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

    flex: 0 0 76px;

    width: 76px;
    height: 76px;

    margin-right: 28px;

    border-radius: 50%;

    background: #eaf8f5;
}


.mint_trust_mark .mark {
    display: block;

    font-family: 'Pretendard', sans-serif;
    font-size: 11px;
    font-weight: 800;

    line-height: 1.25;

    letter-spacing: .8px;

    text-align: center;

    color: #00a990;
}


/* =========================================================
   중앙 텍스트
========================================================= */

.mint_trust_text {
    flex: 1;

    min-width: 0;
}


.mint_trust_text .eng {
    display: block;

    margin-bottom: 6px;

    font-family: 'Pretendard', sans-serif;
    font-size: 18px;
    font-weight: 700;

    line-height: 1.3;
    color: #00a990;
}


.mint_trust_text h3 {
    margin: 0 0 7px;
    padding: 0;

    font-family: 'Pretendard', sans-serif;
    font-size: 32px;
    font-weight: 300;

    line-height: 1.45;

    letter-spacing: -.7px;

    color: #222;
}


.mint_trust_text h3 strong {
    font-weight: 700;
}


.mint_trust > div > p {
    margin: 0;
    padding: 0;

    font-family: 'Pretendard', sans-serif;
    font-size: 20px;
    line-height: 28px;
    color: #777;
}


/* =========================================================
   오른쪽 포인트
========================================================= */

.mint_trust_point {
    flex: 0 0 610px;

    box-sizing: border-box;

    margin-left: 45px;
    padding-left: 30px;

    border-left: 1px solid #e1e9e7;
}


.mint_trust_point > span {
    display: block;

    margin-bottom: 6px;

    font-family: 'Pretendard', sans-serif;
    font-size: 22px;
    font-weight: 800;

    line-height: 1;

    letter-spacing: 1.5px;

    color: #00a990;
}

.mint_trust_point > h2 {
    display: block;

    font-family: 'Pretendard', sans-serif;
    font-size: 26px;
    font-weight: 300;

    line-height: 34px;

    letter-spacing: -.3px;

    color: #333;
}

.mint_trust_point strong {
    display: block;

    font-family: 'Pretendard', sans-serif;
    font-size: 26px;
    font-weight: 600;

    line-height: 34px;

    letter-spacing: -.3px;

    color: #333;
}


/* =========================================================
   HOVER
========================================================= */

.mint_trust_mark {
    transition:
        background .3s ease,
        transform .3s ease;
}


.mint_trust:hover .mint_trust_mark {
    transform: translateY(-3px);

    background: #dcf4ef;
}


/* =========================================================
   TABLET
========================================================= */

@media screen and (max-width: 1540px) {

    .mint_trust {
        width: calc(100% - 80px);
    }

}


@media screen and (max-width: 1024px) {

    .mint_trust {
        width: calc(100% - 50px);

        margin: 45px auto;

        padding: 28px 28px;
    }


    .mint_trust_mark {
        flex-basis: 66px;

        width: 66px;
        height: 66px;

        margin-right: 22px;
    }


    .mint_trust-mark .mark {
        font-size: 10px;
    }


    .mint_trust_text h3 {
        font-size: 18px;
    }


    .mint_trust_text p {
        font-size: 12px;
    }


    .mint_trust_point {
        flex-basis: 180px;

        margin-left: 30px;
        padding-left: 25px;
    }


    .mint_trust_point strong {
        font-size: 13px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media screen and (max-width: 767px) {

    .mint_trust {
        align-items: flex-start;

        width: calc(100% - 30px);

        margin: 30px auto;

        padding: 22px 18px;
    }


    .mint_trust_mark {
        flex: 0 0 50px;

        width: 50px;
        height: 50px;

        margin-right: 14px;
    }


    .mint_trust_mark .mark {
        font-size: 8px;

        letter-spacing: .4px;
    }


    .mint_trust_text .eng {
        margin-bottom: 5px;

        font-size: 8px;

        letter-spacing: 1px;
    }


    .mint_trust_text h3 {
        margin-bottom: 6px;

        font-size: 20px;

        line-height: 1.45;

        letter-spacing: -.5px;
        word-break: keep-all;
    }


    .mint_trust_text p {
        font-size: 16px;

        line-height: 24px;
        word-break: keep-all;
    }


    .mint_trust_text p br {
        display: none;
    }


    .mint_trust_point {
        display: none;
    }

}






/* msec_02222 */
/* =========================================================
   MSEC 02222
   HACCP FACILITY SOLUTION
========================================================= */

.msec_02222 {
    position: relative;

    padding: 125px 0 140px;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #f8f5ee 0%,
            #f7f4ef 48%,
            #f2f6f5 100%
        );
}


/* =========================================================
   BACKGROUND DECORATION
========================================================= */

.msec_02222::before {
    content: "";

    position: absolute;

    left: -190px;
    top: 200px;

    width: 450px;
    height: 450px;

    border-radius: 50%;

    background:
        rgba(244, 219, 180, .14);

    pointer-events: none;
}


.msec_02222::after {
    content: "";

    position: absolute;

    right: -210px;
    bottom: 180px;

    width: 480px;
    height: 480px;

    border-radius: 50%;

    background:
        rgba(192, 216, 224, .16);

    pointer-events: none;
}


.msec_02222 > .inner {
    position: relative;

    z-index: 2;
}


/* =========================================================
   TITLE
========================================================= */

.msec_02222 .facility_title {
    text-align: center;
}


.msec_02222 .tit2 {
    margin-bottom: 13px;

    font-family:
        "Montserrat",
        sans-serif;

    font-size: 17px;
    font-weight: 700;

    line-height: 1.3;

    letter-spacing: 1.6px;

    color: #00a990;
}


.msec_02222 .tit {
    margin: 0;

    font-size: 50px;
    font-weight: 400;

    line-height: 1.3;

    letter-spacing: -2px;

    color: #202321;
}


.msec_02222 .tit .fw900 {
    font-weight: 900;

    color: #171918;
}


.msec_02222 .tit_desc {
    max-width: 1000px;

    margin: 23px auto 0;

    font-size: 18px;
    font-weight: 400;

    line-height: 1.8;

    letter-spacing: -.35px;

    color: #6e7471;

    word-break: keep-all;
}


/* =========================================================
   PROFESSIONAL POINT
========================================================= */

.msec_02222 .facility_point {
    position: relative;

    max-width: 1360px;

    margin: 70px auto 26px;

    padding: 36px 40px;

    overflow: hidden;

    border:
        1px solid
        rgba(175, 152, 112, .12);

    border-radius: 23px;

    text-align: center;

    background:
        linear-gradient(
            120deg,
            #eee8dc 0%,
            #f5f0e8 52%,
            #eef2f0 100%
        );
}


.msec_02222 .facility_point::before {
    content: "";

    position: absolute;

    left: -60px;
    top: -110px;

    width: 250px;
    height: 250px;

    border-radius: 50%;

    background:
        rgba(255,255,255,.34);

    pointer-events: none;
}


.msec_02222 .facility_point::after {
    content: "";

    position: absolute;

    right: -70px;
    bottom: -120px;

    width: 270px;
    height: 270px;

    border-radius: 50%;

    background:
        rgba(193,214,208,.17);

    pointer-events: none;
}


/* =========================================================
   PROFESSIONAL LABEL
========================================================= */

.msec_02222 .facility_point_label {
    position: relative;

    z-index: 2;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    height: 32px;

    margin-bottom: 12px;

    padding: 0 16px;

    border-radius: 20px;

    font-family:
        "Montserrat",
        sans-serif;

    font-size: 10px;
    font-weight: 700;

    letter-spacing: 1.5px;

    color: #917a55;

    background:
        rgba(255,255,255,.66);
}


.msec_02222 .facility_point > strong {
    position: relative;

    z-index: 2;

    display: block;

    font-size: 27px;
    font-weight: 700;

    line-height: 1.45;

    letter-spacing: -.8px;

    color: #282927;
}


.msec_02222 .facility_point > strong span {
    color: #00a48d;
}


.msec_02222 .facility_point > p {
    position: relative;

    z-index: 2;

    max-width: 850px;

    margin: 11px auto 0;

    font-size: 18px;
    font-weight: 400;

    line-height: 1.7;

    letter-spacing: -.3px;

    color: #75746f;

    word-break: keep-all;
}


/* =========================================================
   FACILITY LIST
========================================================= */

.msec_02222 .facility_list {
    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 24px;

    max-width: 1360px;

    margin: 0 auto;
}


/* =========================================================
   FACILITY ITEM
========================================================= */

.msec_02222 .facility_item {
    position: relative;

    display: flex;

    flex-direction: column;

    align-items: center;
    justify-content: flex-start;

    min-height: 315px;

    padding:
        42px
        34px
        36px;

    overflow: hidden;

    border:
        1px solid
        #ebe8e1;

    border-radius: 22px;

    text-align: center;

    background:
        rgba(255,255,255,.96);

    box-shadow:
        0 12px 35px
        rgba(87,80,67,.045);

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}


/* =========================================================
   CARD HOVER
========================================================= */

@media (hover:hover) {

    .msec_02222 .facility_item:hover {
        transform:
            translateY(-6px);

        border-color:
            rgba(140,160,170,.24);

        box-shadow:
            0 20px 45px
            rgba(70,83,78,.085);
    }

}


/* =========================================================
   ICON COMMON
========================================================= */

.msec_02222 .facility_icon {
    display: flex;

    flex: 0 0 auto;

    align-items: center;
    justify-content: center;

    width: 82px;
    height: 82px;

    margin-bottom: 24px;

    border-radius: 21px;
}


.msec_02222 .facility_icon svg {
    display: block;

    width: 40px;
    height: 40px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* =========================================================
   01
   현장 및 시설 진단
   MINT
========================================================= */

.msec_02222 .item01 .facility_icon {
    color: #16a98e;

    background:
        #daf2eb;
}


/* =========================================================
   02
   레이아웃·작업동선
   BLUE
========================================================= */

.msec_02222 .item02 .facility_icon {
    color: #5f82c5;

    background:
        #e1eaf8;
}


/* =========================================================
   03
   FACILITY CONSTRUCTION
   CORAL
========================================================= */

.msec_02222 .item03 .facility_icon {
    color: #dc806b;

    background:
        #f7e1d8;
}


/* =========================================================
   04
   EQUIPMENT
   LAVENDER
========================================================= */

.msec_02222 .item04 .facility_icon {
    color: #7774c9;

    background:
        #e7e5f5;
}


/* =========================================================
   05
   CERTIFICATION LINK
   YELLOW
========================================================= */

.msec_02222 .item05 .facility_icon {
    color: #d7a534;

    background:
        #f8edce;
}


/* =========================================================
   06
   MAINTENANCE
   BLUE MINT
========================================================= */

.msec_02222 .item06 .facility_icon {
    color: #4e9da4;

    background:
        #dceff0;
}


/* =========================================================
   ITEM TITLE
========================================================= */

.msec_02222 .facility_item > strong {
    display: block;

    font-size: 24px;
    font-weight: 700;

    line-height: 1.35;

    letter-spacing: -.7px;

    color: #222522;

    word-break: keep-all;
}


/* =========================================================
   ITEM DESCRIPTION
========================================================= */

.msec_02222 .facility_item > p {
    max-width: 340px;

    margin-top: 14px;

    font-size: 17px;
    font-weight: 400;

    line-height: 1.72;

    letter-spacing: -.3px;

    color: #747873;

    word-break: keep-all;
}


/* =========================================================
   LICENSE
========================================================= */

.msec_02222 .facility_license {
    position: relative;

    display: flex;

    align-items: center;

    max-width: 1360px;

    margin: 28px auto 0;

    padding:
        37px
        42px;

    overflow: hidden;

    border:
        1px solid
        #e2e3e4;

    border-radius: 22px;

    background:
        linear-gradient(
            120deg,
            #edf1f4 0%,
            #f3f3ef 48%,
            #f8f2e8 100%
        );
}


/* =========================================================
   LICENSE ICON
========================================================= */

.msec_02222 .facility_license_icon {
    display: flex;

    flex: 0 0 auto;

    align-items: center;
    justify-content: center;

    width: 88px;
    height: 88px;

    margin-right: 30px;

    border-radius: 24px;

    color: #b1884b;

    background:
        #fff3dc;
}


.msec_02222 .facility_license_icon svg {
    width: 42px;
    height: 42px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.65;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* =========================================================
   LICENSE TEXT
========================================================= */

.msec_02222 .facility_license_txt {
    flex: 1;

    min-width: 0;
}


.msec_02222 .facility_license_txt > span {
    display: block;

    margin-bottom: 8px;

    font-family:
        "Montserrat",
        sans-serif;

    font-size: 12px;
    font-weight: 700;

    line-height: 1;

    letter-spacing: 1.7px;

    color: #a27e47;
}


.msec_02222 .facility_license_txt > strong {
    display: block;

    font-size: 26px;
    font-weight: 700;

    line-height: 1.45;

    letter-spacing: -.8px;

    color: #292b29;
}


.msec_02222 .facility_license_txt > p {
    margin-top: 11px;

    font-size: 16px;
    font-weight: 400;

    color: #797c78;
}


.msec_02222 .facility_license_txt > p b {
    margin-left: 7px;

    font-family:
        "Montserrat",
        sans-serif;

    font-weight: 700;

    color: #555b58;
}


/* =========================================================
   LICENSE SIDE
========================================================= */

.msec_02222 .facility_license_side {
    flex: 0 0 auto;

    margin-left: 45px;

    font-family:
        "Montserrat",
        sans-serif;

    font-size: 12px;
    font-weight: 700;

    line-height: 1.7;

    letter-spacing: 2px;

    text-align: right;

    color: #aaa8a1;
}


/* =========================================================
   BUTTON
========================================================= */

.msec_02222 .facility_btn {
    margin-top: 43px;

    text-align: center;
}


.msec_02222 .facility_btn > a {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-width: 270px;
    height: 62px;

    padding: 0 33px;

    border-radius: 40px;

    font-size: 18px;
    font-weight: 700;

    color: #fff;

    background:
        #00b098;

    box-shadow:
        0 11px 25px
        rgba(0,176,152,.17);

    transition:
        transform .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}


.msec_02222 .facility_btn > a:hover {
    transform:
        translateY(-3px);

    background:
        #009d88;

    box-shadow:
        0 15px 30px
        rgba(0,176,152,.23);
}


.msec_02222 .facility_btn > a i {
    margin-left: 13px;

    font-style: normal;

    font-size: 22px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .msec_02222 {
        padding:
            100px
            25px
            110px;
    }


    .msec_02222 .tit {
        font-size: 43px;
    }


    .msec_02222 .facility_list {
        grid-template-columns:
            repeat(2, 1fr);
    }


    .msec_02222 .facility_item {
        min-height: 295px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .msec_02222 {
        padding:
            75px
            18px
            85px;
    }


    /* =====================================================
       TITLE
    ====================================================== */

    .msec_02222 .tit2 {
        margin-bottom: 10px;

        font-size: 12px;
    }


    .msec_02222 .tit {
        font-size: 31px;

        line-height: 1.32;

        letter-spacing: -1.4px;

        word-break: keep-all;
    }


    .msec_02222 .tit_desc {
        margin-top: 18px;

        font-size: 15px;

        line-height: 1.7;
    }


    .msec_02222 .tit_desc br {
        display: none;
    }


    /* =====================================================
       PROFESSIONAL
    ====================================================== */

    .msec_02222 .facility_point {
        margin-top: 48px;

        padding:
            27px
            20px;

        border-radius: 18px;
    }


    .msec_02222 .facility_point > strong {
        font-size: 20px;
    }


    .msec_02222 .facility_point > p {
        font-size: 14px;
    }


    /* =====================================================
       LIST
    ====================================================== */

    .msec_02222 .facility_list {
        grid-template-columns: 1fr;

        gap: 12px;
    }


    .msec_02222 .facility_item {
        align-items: flex-start;

        min-height: 0;

        padding:
            26px
            22px;

        border-radius: 18px;

        text-align: left;
    }


    /* =====================================================
       ICON
    ====================================================== */

    .msec_02222 .facility_icon {
        width: 64px;
        height: 64px;

        margin-bottom: 17px;

        border-radius: 17px;
    }


    .msec_02222 .facility_icon svg {
        width: 31px;
        height: 31px;
    }


    /* =====================================================
       CARD TEXT
    ====================================================== */

    .msec_02222 .facility_item > strong {
        font-size: 20px;
    }


    .msec_02222 .facility_item > p {
        max-width: none;

        margin-top: 9px;

        font-size: 14px;

        line-height: 1.65;
    }


    /* =====================================================
       LICENSE
    ====================================================== */

    .msec_02222 .facility_license {
        display: block;

        padding:
            28px
            22px;

        border-radius: 18px;
    }


    .msec_02222 .facility_license_icon {
        width: 66px;
        height: 66px;

        margin:
            0
            0
            18px;

        border-radius: 18px;
    }


    .msec_02222 .facility_license_icon svg {
        width: 31px;
        height: 31px;
    }


    .msec_02222 .facility_license_txt > strong {
        font-size: 20px;
    }


    .msec_02222 .facility_license_txt > p {
        font-size: 13px;
    }


    .msec_02222 .facility_license_side {
        display: none;
    }


    /* =====================================================
       BUTTON
    ====================================================== */

    .msec_02222 .facility_btn {
        margin-top: 30px;
    }


    .msec_02222 .facility_btn > a {
        width: 100%;

        height: 56px;

        font-size: 16px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 430px) {

    .msec_02222 {
        padding:
            65px
            15px
            75px;
    }


    .msec_02222 .tit {
        font-size: 28px;
    }


    .msec_02222 .tit_desc {
        font-size: 14px;
    }


    .msec_02222 .facility_point > strong {
        font-size: 18px;
    }


    .msec_02222 .facility_point > p {
        font-size: 13px;
    }


    .msec_02222 .facility_item {
        padding:
            23px
            18px;
    }


    .msec_02222 .facility_icon {
        width: 58px;
        height: 58px;

        border-radius: 15px;
    }


    .msec_02222 .facility_icon svg {
        width: 28px;
        height: 28px;
    }


    .msec_02222 .facility_item > strong {
        font-size: 18px;
    }


    .msec_02222 .facility_item > p {
        font-size: 13px;
    }


    .msec_02222 .facility_license {
        padding:
            24px
            19px;
    }


    .msec_02222 .facility_license_txt > strong {
        font-size: 18px;
    }

}
/* msec_02222 */


/* msec_044 */
/* =========================================================
   MSEC 044
   GOVERNMENT CERTIFICATION
========================================================= */

.msec_044 {
    position: relative;

    padding: 125px 0 145px;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #f1f6fa 0%,
            #f4f5fa 48%,
            #f7f5f9 100%
        );
}


/* =========================================================
   BACKGROUND DECORATION
========================================================= */

.msec_044::before {
    content: "";

    position: absolute;

    left: -180px;
    top: 250px;

    width: 430px;
    height: 430px;

    border-radius: 50%;

    background:
        rgba(192,214,239,.18);

    pointer-events: none;
}


.msec_044::after {
    content: "";

    position: absolute;

    right: -190px;
    bottom: 120px;

    width: 450px;
    height: 450px;

    border-radius: 50%;

    background:
        rgba(219,207,235,.18);

    pointer-events: none;
}


.msec_044 > .inner {
    position: relative;

    z-index: 2;
}


/* =========================================================
   TITLE
========================================================= */

.msec_044 .gov_title {
    text-align: center;
}


.msec_044 .tit2 {
    margin-bottom: 13px;

    font-family: "Montserrat", sans-serif;

    font-size: 17px;
    font-weight: 700;

    line-height: 1.3;

    letter-spacing: 1.6px;

    color: #6386c5;
}


.msec_044 .tit {
    margin: 0;

    font-size: 50px;
    font-weight: 400;

    line-height: 1.3;

    letter-spacing: -2px;

    color: #202227;
}


.msec_044 .tit .fw900 {
    font-weight: 900;

    color: #17191d;
}


.msec_044 .tit_desc {
    max-width: 1050px;

    margin: 23px auto 0;

    font-size: 18px;
    font-weight: 400;

    line-height: 1.8;

    letter-spacing: -.35px;

    color: #70757b;

    word-break: keep-all;
}


/* =========================================================
   INTRO
========================================================= */

.msec_044 .gov_intro {
    display: grid;

    grid-template-columns:
        .95fr
        1.25fr;

    align-items: center;

    gap: 45px;

    max-width: 1360px;

    margin: 72px auto 27px;

    padding:
        38px
        44px;

    overflow: hidden;

    border:
        1px solid
        rgba(97,130,190,.12);

    border-radius: 24px;

    background:
        linear-gradient(
            120deg,
            #e7eff8 0%,
            #edf1f8 48%,
            #f0edf7 100%
        );
}


/* =========================================================
   INTRO LEFT
========================================================= */

.msec_044 .gov_intro_label {
    display: block;

    margin-bottom: 11px;

    font-family:
        "Montserrat",
        sans-serif;

    font-size: 11px;
    font-weight: 700;

    line-height: 1;

    letter-spacing: 1.8px;

    color: #7186bb;
}


.msec_044 .gov_intro_left > strong {
    display: block;

    font-size: 27px;
    font-weight: 700;

    line-height: 1.45;

    letter-spacing: -.8px;

    color: #282b31;
}


.msec_044 .gov_intro-left > strong em,
.msec_044 .gov_intro_left > strong em {
    font-style: normal;

    color: #6179bc;
}


.msec_044 .gov_intro_left > p {
    max-width: 480px;

    margin-top: 12px;

    font-size: 17px;
    font-weight: 400;

    line-height: 1.7;

    letter-spacing: -.3px;

    color: #72767d;

    word-break: keep-all;
}


/* =========================================================
   INTRO STEPS
========================================================= */

.msec_044 .gov_intro_steps {
    display: flex;

    align-items: center;
    justify-content: flex-end;
}


.msec_044 .gov_step {
    display: flex;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    width: 150px;
    height: 108px;

    border:
        1px solid
        rgba(102,129,184,.11);

    border-radius: 18px;

    text-align: center;

    background:
        rgba(255,255,255,.68);
}


.msec_044 .gov_step > span {
    display: block;

    margin-bottom: 8px;

    font-family:
        "Montserrat",
        sans-serif;

    font-size: 11px;
    font-weight: 700;

    color: #758ac0;
}


.msec_044 .gov_step > strong {
    font-size: 15px;
    font-weight: 700;

    color: #3b4149;
}


.msec_044 .gov_intro_steps > i {
    display: block;

    width: 38px;
    height: 1px;

    background:
        #c5cedf;
}


/* =========================================================
   GOVERNMENT LIST
========================================================= */

.msec_044 .gov_list {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    align-items: stretch;

    gap: 20px;

    max-width: 1360px;

    margin: 0 auto;
}


/* =========================================================
   GOVERNMENT ITEM

   각 영역 높이를 고정해서
   4개 카드의 모든 라인 위치를 동일하게 맞춤
========================================================= */

.msec_044 .gov_item {
    position: relative;

    display: grid;

    grid-template-rows:
        96px
        94px
        108px
        43px
        64px;

    width: 100%;
    height: 100%;

    min-height: 455px;

    padding:
        34px
        30px
        28px;

    overflow: hidden;

    border:
        1px solid
        #e4e8ed;

    border-radius: 22px;

    background:
        rgba(255,255,255,.96);

    box-shadow:
        0 12px 35px
        rgba(66,75,93,.045);

    box-sizing: border-box;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}


/* =========================================================
   HOVER
========================================================= */

@media (hover:hover) {

    .msec_044 .gov_item:hover {
        transform: translateY(-6px);

        border-color:
            rgba(103,128,184,.22);

        box-shadow:
            0 21px 48px
            rgba(62,71,100,.085);
    }

}


/* =========================================================
   ICON
========================================================= */

.msec_044 .gov_icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 76px;
    height: 76px;

    margin: 0;

    border-radius: 20px;
}


.msec_044 .gov_icon svg {
    display: block;

    width: 37px;
    height: 37px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* 벤처 */

.msec_044 .venture .gov_icon {
    color: #6287c8;

    background:
        #e2ebf8;
}


/* 메인비즈 */

.msec_044 .mainbiz .gov_icon {
    color: #c97f6c;

    background:
        #f6e3dd;
}


/* 이노비즈 */

.msec_044 .innobiz .gov_icon {
    color: #8174c6;

    background:
        #ebe6f6;
}


/* 연구소 */

.msec_044 .lab .gov_icon {
    color: #c39943;

    background:
        #f8edcf;
}


/* =========================================================
   CARD TITLE AREA
========================================================= */

.msec_044 .gov_item_top {
    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: flex-start;

    overflow: hidden;
}


.msec_044 .gov_item_top > span {
    display: block;

    margin-bottom: 7px;

    font-family:
        "Montserrat",
        sans-serif;

    font-size: 10px;
    font-weight: 700;

    line-height: 1.2;

    letter-spacing: 1.5px;

    color: #9ba0aa;
}


.msec_044 .gov_item_top > strong {
    display: block;

    margin: 0;

    font-size: 24px;
    font-weight: 700;

    line-height: 1.38;

    letter-spacing: -.7px;

    color: #22252a;

    word-break: keep-all;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.msec_044 .gov_desc {
    margin: 0;

    padding: 0;

    font-size: 17px;
    font-weight: 400;

    line-height: 1.7;

    letter-spacing: -.3px;

    color: #70757b;

    word-break: keep-all;
}


/* =========================================================
   KEYWORDS
========================================================= */

.msec_044 .gov_keyword {
    display: flex;

    flex-wrap: wrap;

    align-items: flex-start;

    align-content: flex-start;

    gap: 6px;

    margin: 0;

    padding: 0;
}


.msec_044 .gov_keyword > span {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    height: 30px;

    padding:
        0
        11px;

    border-radius: 18px;

    font-size: 12px;
    font-weight: 600;

    line-height: 1;

    white-space: nowrap;

    color: #626873;

    background:
        #f2f4f7;
}


/* =========================================================
   BOTTOM LINE
   모든 카드 동일 위치
========================================================= */

.msec_044 .gov_item_bottom {
    display: flex;

    align-items: flex-end;

    width: 100%;

    padding-top: 18px;

    border-top:
        1px solid
        #e9edf1;

    box-sizing: border-box;

    font-size: 14px;
    font-weight: 600;

    line-height: 1.45;

    color: #687386;
}


/* =========================================================
   BOTTOM CTA
========================================================= */

.msec_044 .gov_bottom {
    position: relative;

    display: flex;

    align-items: center;
    justify-content: space-between;

    max-width: 1360px;

    margin: 30px auto 0;

    padding:
        42px
        44px;

    overflow: hidden;

    border:
        1px solid
        rgba(105,130,184,.09);

    border-radius: 23px;

    background:
        linear-gradient(
            120deg,
            #e2ebf5 0%,
            #e9eef6 50%,
            #eeeaf6 100%
        );
}


/* 장식 */

.msec_044 .gov_bottom::after {
    content: "";

    position: absolute;

    right: 180px;
    bottom: -180px;

    width: 350px;
    height: 350px;

    border-radius: 50%;

    background:
        rgba(255,255,255,.26);

    pointer-events: none;
}


/* =========================================================
   BOTTOM TEXT
========================================================= */

.msec_044 .gov_bottom_txt {
    position: relative;

    z-index: 2;
}


.msec_044 .gov_bottom_txt > span {
    display: block;

    margin-bottom: 9px;

    font-family:
        "Montserrat",
        sans-serif;

    font-size: 11px;
    font-weight: 700;

    line-height: 1;

    letter-spacing: 1.6px;

    color: #7186b5;
}


.msec_044 .gov_bottom_txt > strong {
    display: block;

    font-size: 25px;
    font-weight: 700;

    line-height: 1.5;

    letter-spacing: -.7px;

    color: #292c31;
}


/* =========================================================
   BUTTON
========================================================= */

.msec_044 .gov_bottom > a {
    position: relative;

    z-index: 2;

    display: flex;

    flex: 0 0 auto;

    align-items: center;
    justify-content: center;

    min-width: 220px;
    height: 60px;

    margin-left: 30px;

    padding:
        0
        30px;

    border-radius: 40px;

    font-size: 17px;
    font-weight: 700;

    color: #fff;

    background:
        #687bc1;

    box-shadow:
        0 10px 24px
        rgba(91,110,179,.18);

    transition:
        transform .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}


.msec_044 .gov_bottom > a:hover {
    transform:
        translateY(-3px);

    background:
        #596bb1;

    box-shadow:
        0 15px 30px
        rgba(91,110,179,.23);
}


.msec_044 .gov_bottom > a i {
    margin-left: 13px;

    font-style: normal;

    font-size: 21px;
}


/* =========================================================
   DESKTOP 1300
========================================================= */

@media (max-width: 1300px) {

    .msec_044 .gov_item {
        padding:
            31px
            25px
            26px;

        grid-template-rows:
            92px
            94px
            112px
            43px
            64px;
    }


    .msec_044 .gov_item_top > strong {
        font-size: 22px;
    }


    .msec_044 .gov_desc {
        font-size: 16px;
    }


    .msec_044 .gov_keyword > span {
        padding:
            0
            9px;

        font-size: 11px;
    }

}


/* =========================================================
   TABLET 1100
========================================================= */

@media (max-width: 1100px) {

    .msec_044 {
        padding:
            100px
            25px
            110px;
    }


    .msec_044 .tit {
        font-size: 43px;
    }


    /* INTRO */

    .msec_044 .gov_intro {
        grid-template-columns: 1fr;

        gap: 27px;

        margin-top: 65px;
    }


    .msec_044 .gov_intro_steps {
        justify-content: flex-start;
    }


    /* 2 COLUMN */

    .msec_044 .gov_list {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    .msec_044 .gov_item {
        min-height: 440px;

        grid-template-rows:
            96px
            90px
            103px
            43px
            64px;
    }


    .msec_044 .gov_item_top > strong {
        font-size: 23px;
    }


    .msec_044 .gov_desc {
        font-size: 17px;
    }

}


/* =========================================================
   MOBILE 700
========================================================= */

@media (max-width: 700px) {

    .msec_044 {
        padding:
            75px
            18px
            85px;
    }


    /* =====================================================
       TITLE
    ====================================================== */

    .msec_044 .tit2 {
        margin-bottom: 10px;

        font-size: 12px;
    }


    .msec_044 .tit {
        font-size: 31px;

        line-height: 1.32;

        letter-spacing: -1.4px;

        word-break: keep-all;
    }


    .msec_044 .tit_desc {
        margin-top: 18px;

        font-size: 15px;

        line-height: 1.7;
    }


    .msec_044 .tit_desc br {
        display: none;
    }


    /* =====================================================
       INTRO
    ====================================================== */

    .msec_044 .gov_intro {
        margin-top: 48px;

        padding:
            27px
            21px;

        border-radius: 18px;
    }


    .msec_044 .gov_intro_left > strong {
        font-size: 20px;
    }


    .msec_044 .gov_intro_left > p {
        font-size: 14px;
    }


    /* STEPS */

    .msec_044 .gov_intro_steps {
        width: 100%;

        justify-content: space-between;
    }


    .msec_044 .gov_step {
        flex: 1;

        width: auto;
        height: 84px;
    }


    .msec_044 .gov_step > span {
        font-size: 9px;
    }


    .msec_044 .gov_step > strong {
        font-size: 11px;
    }


    .msec_044 .gov_intro_steps > i {
        width: 13px;
    }


    /* =====================================================
       CARD
       모바일에서는 고정 행 해제
    ====================================================== */

    .msec_044 .gov_list {
        grid-template-columns: 1fr;

        gap: 12px;
    }


    .msec_044 .gov_item {
        display: flex;

        flex-direction: column;

        min-height: 0;

        padding:
            27px
            22px;

        border-radius: 18px;
    }


    .msec_044 .gov_icon {
        width: 64px;
        height: 64px;

        margin-bottom: 20px;

        border-radius: 17px;
    }


    .msec_044 .gov_icon svg {
        width: 31px;
        height: 31px;
    }


    .msec_044 .gov_item_top {
        overflow: visible;
    }


    .msec_044 .gov_item_top > strong {
        font-size: 20px;
    }


    .msec_044 .gov_desc {
        margin-top: 12px;

        font-size: 14px;

        line-height: 1.7;
    }


    .msec_044 .gov_keyword {
        margin-top: 17px;
    }


    .msec_044 .gov_keyword > span {
        height: 29px;

        font-size: 11px;
    }


    .msec_044 .gov_item_bottom {
        margin-top: 20px;

        min-height: 0;

        padding-top: 17px;

        font-size: 13px;
    }


    /* =====================================================
       BOTTOM
    ====================================================== */

    .msec_044 .gov_bottom {
        display: block;

        padding:
            29px
            22px;

        border-radius: 18px;
    }


    .msec_044 .gov_bottom_txt > strong {
        font-size: 19px;
    }


    .msec_044 .gov_bottom_txt > strong br {
        display: none;
    }


    .msec_044 .gov_bottom > a {
        width: 100%;
        min-width: 0;

        height: 54px;

        margin:
            23px
            0
            0;

        font-size: 15px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 430px) {

    .msec_044 {
        padding:
            65px
            15px
            75px;
    }


    .msec_044 .tit {
        font-size: 28px;
    }


    .msec_044 .tit_desc {
        font-size: 14px;
    }


    .msec_044 .gov_intro {
        padding:
            24px
            18px;
    }


    .msec_044 .gov_intro_left > strong {
        font-size: 18px;
    }


    .msec_044 .gov_step {
        height: 74px;
    }


    .msec_044 .gov_step > strong {
        font-size: 10px;
    }


    .msec_044 .gov_item {
        padding:
            24px
            19px;
    }


    .msec_044 .gov_item_top > strong {
        font-size: 18px;
    }


    .msec_044 .gov_desc {
        font-size: 13px;
    }


    .msec_044 .gov_bottom_txt > strong {
        font-size: 18px;
    }

}
/* msec_044 */


/* msec_03 */
.msec_03 {
    background:#F5F8FF;
}
.check_wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 60px;
}
.check_wrap > li {
    width: calc(20% - 10px);
    aspect-ratio: 1/1;
    background:#fff;
    border-radius: 10px; 
    box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
    margin-bottom: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.check_wrap > li:nth-child(2),
.check_wrap > li:nth-child(4),
.check_wrap > li:nth-child(7),
.check_wrap > li:nth-child(9) {
    transform: translateY(50px);
}
.ico_check {
    width: 90px;
    aspect-ratio: 1/1;
    background:red;
}
.ico_check.img01 {background:url('../img/ico_check01.png') center no-repeat;background-size:contain;}
.ico_check.img02 {background:url('../img/ico_check02.png') center no-repeat;background-size:contain;}
.ico_check.img03 {background:url('../img/ico_check03.png') center no-repeat;background-size:contain;}
.ico_check.img04 {background:url('../img/ico_check04.png') center no-repeat;background-size:contain;}
.ico_check.img05 {background:url('../img/ico_check05.png') center no-repeat;background-size:contain;}
.ico_check.img06 {background:url('../img/ico_check06.png') center no-repeat;background-size:contain;}
.ico_check.img07 {background:url('../img/ico_check07.png') center no-repeat;background-size:contain;}
.ico_check.img08 {background:url('../img/ico_check08.png') center no-repeat;background-size:contain;}
.ico_check.img09 {background:url('../img/ico_check09.png') center no-repeat;background-size:contain;}
.ico_check.img10 {background:url('../img/ico_check10.png') center no-repeat;background-size:contain;}

.check_wrap > li > h2 {
    font-size: 20px;
    margin-top: 20px;
}
/* msec_03 */

/* msec_04 */
.msec_04 {
    background:#E8EFEA;
}
/* msec_04 */






/* msec_055 */
/* =========================================================
   MSEC 055
   POLICY FUNDING
========================================================= */

.msec_055 {
    position: relative;

    padding: 135px 0 155px;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #fbf8ef 0%,
            #faf5ec 50%,
            #f8f3ef 100%
        );
}


/* =========================================================
   BACKGROUND DECORATION
========================================================= */

.msec_055::before {
    content: "";

    position: absolute;

    left: -200px;
    top: 260px;

    width: 470px;
    height: 470px;

    border-radius: 50%;

    background:
        rgba(248, 219, 160, .16);

    pointer-events: none;
}


.msec_055::after {
    content: "";

    position: absolute;

    right: -200px;
    bottom: 180px;

    width: 470px;
    height: 470px;

    border-radius: 50%;

    background:
        rgba(245, 198, 181, .12);

    pointer-events: none;
}


.msec_055 > .inner {
    position: relative;

    z-index: 2;
}


/* =========================================================
   TITLE
========================================================= */

.msec_055 .fund_title {
    text-align: center;
}


.msec_055 .tit2 {
    margin-bottom: 15px;

    font-family:
        "Montserrat",
        sans-serif;

    font-size: 19px;
    font-weight: 700;

    line-height: 1.3;

    letter-spacing: 1.7px;

    color: #d39b42;
}


.msec_055 .tit {
    margin: 0;

    font-size: 58px;
    font-weight: 400;

    line-height: 1.28;

    letter-spacing: -2.4px;

    color: #222321;
}


.msec_055 .tit .fw900 {
    font-weight: 900;

    color: #171816;
}


.msec_055 .tit_desc {
    max-width: 1150px;

    margin: 27px auto 0;

    font-size: 20px;
    font-weight: 400;

    line-height: 1.8;

    letter-spacing: -.4px;

    color: #74736e;

    word-break: keep-all;
}


/* =========================================================
   FUND INTRO
========================================================= */

.msec_055 .fund_intro {
    display: grid;

    grid-template-columns:
        .85fr
        1.35fr;

    align-items: stretch;

    gap: 25px;

    max-width: 1360px;

    margin: 78px auto 0;
}


/* =========================================================
   INTRO LEFT
========================================================= */

.msec_055 .fund_intro_left {
    display: flex;

    flex-direction: column;

    justify-content: center;

    padding:
        48px
        43px;

    border:
        1px solid
        rgba(196, 153, 78, .13);

    border-radius: 24px;

    background:
        linear-gradient(
            135deg,
            #f5e8cc 0%,
            #f7ebd8 55%,
            #f8eee4 100%
        );
}


.msec_055 .fund_intro_label {
    display: block;

    margin-bottom: 14px;

    font-family:
        "Montserrat",
        sans-serif;

    font-size: 13px;
    font-weight: 700;

    line-height: 1;

    letter-spacing: 1.9px;

    color: #bc8433;
}


.msec_055 .fund_intro_left > strong {
    display: block;

    font-size: 34px;
    font-weight: 700;

    line-height: 1.42;

    letter-spacing: -1px;

    color: #292824;
}


.msec_055 .fund_intro_left > strong em {
    font-style: normal;

    font-weight: 800;

    color: #c4842e;
}


.msec_055 .fund_intro_left > p {
    margin-top: 17px;

    font-size: 19px;
    font-weight: 400;

    line-height: 1.75;

    letter-spacing: -.35px;

    color: #77736b;

    word-break: keep-all;
}


/* =========================================================
   ANALYSIS
========================================================= */

.msec_055 .fund_analysis {
    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 14px;
}


/* =========================================================
   ANALYSIS ITEM
========================================================= */

.msec_055 .fund_analysis_item {
    position: relative;

    min-height: 185px;

    padding:
        31px
        32px;

    border:
        1px solid
        #eee8dd;

    border-radius: 20px;

    background:
        rgba(255,255,255,.94);

    box-shadow:
        0 10px 28px
        rgba(94,80,56,.035);
}


.msec_055 .fund_analysis_item > span {
    display: block;

    margin-bottom: 9px;

    font-family:
        "Montserrat",
        sans-serif;

    font-size: 13px;
    font-weight: 700;

    line-height: 1;

    letter-spacing: 1px;

    color: #d2a04e;
}


.msec_055 .fund_analysis_item > strong {
    display: block;

    font-size: 25px;
    font-weight: 700;

    line-height: 1.35;

    letter-spacing: -.7px;

    color: #292a27;
}


.msec_055 .fund_analysis_item > p {
    margin-top: 10px;

    font-size: 17px;
    font-weight: 400;

    line-height: 1.65;

    color: #797973;

    word-break: keep-all;
}


/* =========================================================
   SUB TITLE
========================================================= */

.msec_055 .fund_subtitle {
    margin-top: 90px;

    text-align: center;
}


.msec_055 .fund_subtitle > span {
    display: block;

    margin-bottom: 11px;

    font-family:
        "Montserrat",
        sans-serif;

    font-size: 14px;
    font-weight: 700;

    letter-spacing: 1.9px;

    color: #d19a44;
}


.msec_055 .fund_subtitle > strong {
    display: block;

    font-size: 36px;
    font-weight: 500;

    line-height: 1.4;

    letter-spacing: -1.1px;

    color: #292a27;
}


.msec_055 .fund_subtitle > strong b {
    font-weight: 800;
}


/* =========================================================
   PROCESS
========================================================= */

.msec_055 .fund_process {
    display: flex;

    align-items: center;
    justify-content: center;

    max-width: 1360px;

    margin: 40px auto 0;

    padding:
        42px
        32px;

    border:
        1px solid
        rgba(206,170,105,.12);

    border-radius: 24px;

    background:
        rgba(255,255,255,.68);
}


/* =========================================================
   PROCESS ITEM
========================================================= */

.msec_055 .fund_process_item {
    flex: 1;

    text-align: center;
}


.msec_055 .fund_process_num {
    margin-bottom: 11px;

    font-family:
        "Montserrat",
        sans-serif;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 1px;

    color: #c7a05c;
}


/* =========================================================
   PROCESS ICON
========================================================= */

.msec_055 .fund_process_icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 72px;
    height: 72px;

    margin:
        0
        auto
        17px;

    border-radius: 19px;

    color: #c28b38;

    background:
        #f7eccc;
}


.msec_055 .fund_process_icon svg {
    width: 33px;
    height: 33px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;
}


.msec_055 .fund_process_item > strong {
    display: block;

    font-size: 22px;
    font-weight: 700;

    line-height: 1.4;

    letter-spacing: -.5px;

    color: #2c2c29;
}


.msec_055 .fund_process_item > p {
    margin-top: 9px;

    font-size: 16px;
    font-weight: 400;

    line-height: 1.65;

    color: #777873;
}


/* =========================================================
   PROCESS LINE
========================================================= */

.msec_055 .fund_process_line {
    display: block;

    flex: 0 0 45px;

    height: 1px;

    margin:
        0
        5px;

    background:
        linear-gradient(
            90deg,
            #e8ddc6,
            #d9c59f,
            #e8ddc6
        );
}


/* =========================================================
   CHECK TITLE
========================================================= */

.msec_055 .fund_check_title {
    margin-top: 100px;

    text-align: center;
}


.msec_055 .fund_check_title > span {
    display: block;

    margin-bottom: 11px;

    font-family:
        "Montserrat",
        sans-serif;

    font-size: 14px;
    font-weight: 700;

    letter-spacing: 1.9px;

    color: #d19943;
}


.msec_055 .fund_check_title > strong {
    display: block;

    font-size: 36px;
    font-weight: 500;

    line-height: 1.4;

    letter-spacing: -1.1px;

    color: #292a27;
}


.msec_055 .fund_check_title > strong b {
    font-weight: 800;
}


.msec_055 .fund_check_title > p {
    margin-top: 12px;

    font-size: 19px;
    font-weight: 400;

    line-height: 1.7;

    color: #7a7974;
}


/* =========================================================
   CHECK LIST
========================================================= */

.msec_055 .fund_check_list {
    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 17px;

    max-width: 1360px;

    margin: 38px auto 0;
}


/* =========================================================
   CHECK ITEM
========================================================= */

.msec_055 .fund_check_item {
    display: flex;

    align-items: center;

    min-height: 140px;

    padding:
        29px
        30px;

    border:
        1px solid
        #eee8df;

    border-radius: 20px;

    background:
        rgba(255,255,255,.94);

    box-shadow:
        0 9px 28px
        rgba(90,80,62,.035);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


@media (hover:hover) {

    .msec_055 .fund_check_item:hover {
        transform:
            translateY(-4px);

        box-shadow:
            0 16px 35px
            rgba(92,78,52,.075);
    }

}


/* =========================================================
   CHECK ICON
========================================================= */

.msec_055 .fund_check_icon {
    display: flex;

    flex: 0 0 auto;

    align-items: center;
    justify-content: center;

    width: 64px;
    height: 64px;

    margin-right: 22px;

    border-radius: 17px;
}


.msec_055 .fund_check_icon svg {
    width: 31px;
    height: 31px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* =========================================================
   PASTEL ICON COLORS
========================================================= */

.msec_055 .fund_check_icon.icon01 {
    color: #c5894d;

    background: #f8e6d6;
}


.msec_055 .fund_check_icon.icon02 {
    color: #6d91bd;

    background: #e3edf7;
}


.msec_055 .fund_check_icon.icon03 {
    color: #be9650;

    background: #f7edcf;
}


.msec_055 .fund_check_icon.icon04 {
    color: #8375bf;

    background: #ebe6f5;
}


.msec_055 .fund_check_icon.icon05 {
    color: #d17c69;

    background: #f7e2dc;
}


.msec_055 .fund_check_icon.icon06 {
    color: #5a9e96;

    background: #deefeb;
}


/* =========================================================
   CHECK TEXT
========================================================= */

.msec_055 .fund_check_item > strong {
    display: block;

    font-size: 21px;
    font-weight: 700;

    line-height: 1.5;

    letter-spacing: -.55px;

    color: #32332f;

    word-break: keep-all;
}


/* =========================================================
   HACCP + FUNDING
========================================================= */

.msec_055 .fund_synergy {
    display: grid;

    grid-template-columns:
        .9fr
        1.1fr;

    align-items: center;

    gap: 45px;

    max-width: 1360px;

    margin: 35px auto 0;

    padding:
        48px
        48px;

    overflow: hidden;

    border:
        1px solid
        rgba(197,159,95,.12);

    border-radius: 24px;

    background:
        linear-gradient(
            120deg,
            #f3e7d5 0%,
            #f8ecdf 50%,
            #f4ece8 100%
        );
}


/* =========================================================
   SYNERGY LEFT
========================================================= */

.msec_055 .fund_synergy_left > span {
    display: block;

    margin-bottom: 11px;

    font-family:
        "Montserrat",
        sans-serif;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1.8px;

    color: #c28b3a;
}


.msec_055 .fund_synergy_left > strong {
    display: block;

    font-size: 32px;
    font-weight: 600;

    line-height: 1.43;

    letter-spacing: -.95px;

    color: #2e2d29;
}


.msec_055 .fund_synergy_left > strong b {
    font-weight: 800;

    color: #b97830;
}


.msec_055 .fund_synergy_left > p {
    max-width: 570px;

    margin-top: 15px;

    font-size: 19px;
    font-weight: 400;

    line-height: 1.75;

    color: #77736d;

    word-break: keep-all;
}


/* =========================================================
   SYNERGY FLOW
========================================================= */

.msec_055 .fund_synergy_flow {
    display: flex;

    align-items: center;
    justify-content: flex-end;
}


/* =========================================================
   SYNERGY ITEM
========================================================= */

.msec_055 .synergy_item {
    display: flex;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    width: 155px;
    height: 140px;

    border:
        1px solid
        rgba(191,157,100,.10);

    border-radius: 19px;

    background:
        rgba(255,255,255,.65);
}


.msec_055 .synergy_icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 58px;
    height: 58px;

    margin-bottom: 13px;

    border-radius: 16px;

    color: #c38938;

    background:
        #f8e8c9;
}


.msec_055 .synergy_icon svg {
    width: 28px;
    height: 28px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;
}


.msec_055 .synergy_item > span {
    font-size: 16px;
    font-weight: 700;

    line-height: 1.4;

    color: #3e3c37;
}


.msec_055 .fund_synergy_flow > i {
    margin:
        0
        17px;

    font-style: normal;

    font-family:
        "Montserrat",
        sans-serif;

    font-size: 28px;
    font-weight: 300;

    color: #c8ae80;
}


/* =========================================================
   BOTTOM
========================================================= */

.msec_055 .fund_bottom {
    position: relative;

    display: flex;

    align-items: center;
    justify-content: space-between;

    max-width: 1360px;

    margin: 34px auto 0;

    padding:
        47px
        48px;

    overflow: hidden;

    border:
        1px solid
        rgba(212,170,101,.10);

    border-radius: 23px;

    background:
        linear-gradient(
            120deg,
            #f3e6cb 0%,
            #f6ead8 52%,
            #f5ece5 100%
        );
}


/* =========================================================
   BOTTOM TEXT
========================================================= */

.msec_055 .fund_bottom_txt {
    position: relative;

    z-index: 2;
}


.msec_055 .fund_bottom_txt > span {
    display: block;

    margin-bottom: 10px;

    font-family:
        "Montserrat",
        sans-serif;

    font-size: 13px;
    font-weight: 700;

    line-height: 1;

    letter-spacing: 1.8px;

    color: #c38b38;
}


.msec_055 .fund_bottom_txt > strong {
    display: block;

    font-size: 29px;
    font-weight: 700;

    line-height: 1.5;

    letter-spacing: -.85px;

    color: #2b2b27;
}


/* =========================================================
   BOTTOM BUTTON
========================================================= */

.msec_055 .fund_bottom > a {
    position: relative;

    z-index: 2;

    display: flex;

    flex: 0 0 auto;

    align-items: center;
    justify-content: center;

    min-width: 235px;
    height: 64px;

    margin-left: 35px;

    padding:
        0
        32px;

    border-radius: 40px;

    font-size: 18px;
    font-weight: 700;

    color: #fff;

    background:
        #00b098;

    box-shadow:
        0 10px 24px
        rgba(0,176,152,.16);

    transition:
        transform .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}


.msec_055 .fund_bottom > a:hover {
    transform:
        translateY(-3px);

    background:
        #009c88;

    box-shadow:
        0 15px 30px
        rgba(0,176,152,.22);
}


.msec_055 .fund_bottom > a i {
    margin-left: 13px;

    font-style: normal;

    font-size: 22px;
}


/* =========================================================
   TABLET 1100
========================================================= */

@media (max-width: 1100px) {

    .msec_055 {
        padding:
            105px
            25px
            115px;
    }


    .msec_055 .tit {
        font-size: 48px;
    }


    .msec_055 .tit_desc {
        font-size: 18px;
    }


    /* INTRO */

    .msec_055 .fund_intro {
        grid-template-columns: 1fr;
    }


    .msec_055 .fund_intro_left > strong {
        font-size: 30px;
    }


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


    /* PROCESS */

    .msec_055 .fund_process {
        flex-wrap: wrap;

        gap: 20px;

        padding:
            35px
            25px;
    }


    .msec_055 .fund_process_item {
        flex:
            0
            0
            calc(33.333% - 14px);
    }


    .msec_055 .fund_process_line {
        display: none;
    }


    .msec_055 .fund_process_item > strong {
        font-size: 20px;
    }


    .msec_055 .fund_process_item > p {
        font-size: 15px;
    }


    /* CHECK */

    .msec_055 .fund_check_list {
        grid-template-columns:
            repeat(2, 1fr);
    }


    .msec_055 .fund_check_item > strong {
        font-size: 19px;
    }


    /* SYNERGY */

    .msec_055 .fund_synergy {
        grid-template-columns: 1fr;
    }


    .msec_055 .fund_synergy_flow {
        justify-content: flex-start;
    }

}


/* =========================================================
   MOBILE 700
========================================================= */

@media (max-width: 700px) {

    .msec_055 {
        padding:
            80px
            18px
            90px;
    }


    /* =====================================================
       TITLE
    ====================================================== */

    .msec_055 .tit2 {
        margin-bottom: 10px;

        font-size: 13px;
    }


    .msec_055 .tit {
        font-size: 35px;

        line-height: 1.32;

        letter-spacing: -1.6px;

        word-break: keep-all;
    }


    .msec_055 .tit_desc {
        margin-top: 19px;

        font-size: 16px;

        line-height: 1.72;
    }


    .msec_055 .tit_desc br {
        display: none;
    }


    /* =====================================================
       INTRO
    ====================================================== */

    .msec_055 .fund_intro {
        margin-top: 50px;

        gap: 12px;
    }


    .msec_055 .fund_intro_left {
        padding:
            30px
            23px;

        border-radius: 18px;
    }


    .msec_055 .fund_intro_label {
        font-size: 10px;
    }


    .msec_055 .fund_intro_left > strong {
        font-size: 25px;
    }


    .msec_055 .fund_intro_left > p {
        font-size: 15px;
    }


    /* ANALYSIS */

    .msec_055 .fund_analysis {
        gap: 8px;
    }


    .msec_055 .fund_analysis_item {
        min-height: 150px;

        padding:
            22px
            18px;

        border-radius: 16px;
    }


    .msec_055 .fund_analysis_item > span {
        font-size: 10px;
    }


    .msec_055 .fund_analysis_item > strong {
        font-size: 20px;
    }


    .msec_055 .fund_analysis_item > p {
        font-size: 13px;
    }


    /* =====================================================
       PROCESS
    ====================================================== */

    .msec_055 .fund_subtitle {
        margin-top: 65px;
    }


    .msec_055 .fund_subtitle > span {
        font-size: 11px;
    }


    .msec_055 .fund_subtitle > strong {
        font-size: 26px;
    }


    .msec_055 .fund_process {
        display: grid;

        grid-template-columns:
            repeat(2, 1fr);

        gap: 9px;

        padding: 15px;

        border-radius: 18px;
    }


    .msec_055 .fund_process_item {
        padding:
            22px
            10px;

        border-radius: 15px;

        background:
            rgba(255,255,255,.72);
    }


    .msec_055 .fund_process_item:last-of-type {
        grid-column:
            1 / -1;
    }


    .msec_055 .fund_process_icon {
        width: 58px;
        height: 58px;

        border-radius: 15px;
    }


    .msec_055 .fund_process_icon svg {
        width: 27px;
        height: 27px;
    }


    .msec_055 .fund_process_item > strong {
        font-size: 18px;
    }


    .msec_055 .fund_process_item > p {
        font-size: 13px;
    }


    /* =====================================================
       CHECK
    ====================================================== */

    .msec_055 .fund_check_title {
        margin-top: 70px;
    }


    .msec_055 .fund_check_title > span {
        font-size: 11px;
    }


    .msec_055 .fund_check_title > strong {
        font-size: 26px;
    }


    .msec_055 .fund_check_title > p {
        font-size: 15px;
    }


    .msec_055 .fund_check_list {
        grid-template-columns: 1fr;

        gap: 9px;

        margin-top: 27px;
    }


    .msec_055 .fund_check_item {
        min-height: 105px;

        padding:
            21px
            19px;

        border-radius: 17px;
    }


    .msec_055 .fund_check_icon {
        width: 54px;
        height: 54px;

        margin-right: 16px;

        border-radius: 15px;
    }


    .msec_055 .fund_check_icon svg {
        width: 26px;
        height: 26px;
    }


    .msec_055 .fund_check_item > strong {
        font-size: 17px;
    }


    /* =====================================================
       SYNERGY
    ====================================================== */

    .msec_055 .fund_synergy {
        gap: 27px;

        padding:
            30px
            22px;

        border-radius: 18px;
    }


    .msec_055 .fund_synergy_left > span {
        font-size: 10px;
    }


    .msec_055 .fund_synergy_left > strong {
        font-size: 24px;
    }


    .msec_055 .fund_synergy_left > p {
        font-size: 15px;
    }


    .msec_055 .fund_synergy_flow {
        justify-content: space-between;
    }


    .msec_055 .synergy_item {
        flex: 1;

        width: auto;
        height: 115px;
    }


    .msec_055 .synergy_icon {
        width: 48px;
        height: 48px;
    }


    .msec_055 .synergy_item > span {
        font-size: 12px;

        text-align: center;
    }


    .msec_055 .fund_synergy_flow > i {
        margin:
            0
            5px;

        font-size: 19px;
    }


    /* =====================================================
       BOTTOM
    ====================================================== */

    .msec_055 .fund_bottom {
        display: block;

        padding:
            31px
            23px;

        border-radius: 18px;
    }


    .msec_055 .fund_bottom_txt > span {
        font-size: 10px;
    }


    .msec_055 .fund_bottom_txt > strong {
        font-size: 22px;
    }


    .msec_055 .fund_bottom_txt > strong br {
        display: none;
    }


    .msec_055 .fund_bottom > a {
        width: 100%;

        min-width: 0;

        height: 56px;

        margin:
            24px
            0
            0;

        font-size: 16px;
    }

}


/* =========================================================
   SMALL MOBILE 430
========================================================= */

@media (max-width: 430px) {

    .msec_055 {
        padding:
            70px
            15px
            80px;
    }


    .msec_055 .tit {
        font-size: 31px;
    }


    .msec_055 .tit_desc {
        font-size: 15px;
    }


    .msec_055 .fund_intro_left > strong {
        font-size: 23px;
    }


    .msec_055 .fund_analysis_item {
        min-height: 140px;

        padding:
            20px
            15px;
    }


    .msec_055 .fund_analysis_item > strong {
        font-size: 18px;
    }


    .msec_055 .fund_analysis_item > p {
        font-size: 12px;
    }


    .msec_055 .fund_subtitle > strong,
    .msec_055 .fund_check_title > strong {
        font-size: 23px;
    }


    .msec_055 .fund_check_item > strong {
        font-size: 16px;
    }


    .msec_055 .fund_synergy_left > strong {
        font-size: 21px;
    }


    .msec_055 .synergy_item {
        height: 103px;
    }


    .msec_055 .fund_bottom_txt > strong {
        font-size: 20px;
    }

}
/* msec_055 */









/* msec_05 */
.msec_05 {
    padding:32px 0;
    background:#00574B;
    margin: 50px auto 0!important;
    text-align: center;
    color:#fff;
}
.msec_05 a {
    color:#fff;
}
.msec_05 .logo {
    width: 278px;
    height: 60px;
    margin:0 auto;
}

.msec_05 p {
    font-size: 18px;
    line-height: 28px;
    margin-top: 20px;
}

.msec_05 span {
    display: inline-block;
    font-size: 16px;
    margin-top: 20px;
}
/* msec_04 */


/* 푸터 */


.q_menu {
    z-index: 9999;
    position: fixed;
    bottom: 100px;
    right: 40px;
}
.q_menu > li {
    width: 80px;
    height: 80px;
    border:1px solid rgba(0,0,0,0);
    border-radius: 10px;
}

.qmenu01 {
    background:url('../img/q01.png') center no-repeat;
    background-size:contain;
}
.qmenu02 {
    background:url('../img/q02.png') center no-repeat;
    background-size:contain;
}
.qmenu01:hover {
    background:url('../img/q011.png') center no-repeat;
    background-size:contain;
}
.qmenu02:hover {
    background:url('../img/q022.png') center no-repeat;
    background-size:contain;
}
.qmenu03 {
    background:#413F3C;
}
.qmenu04 {
    background:#000000;
}
.q_menu > li > a {
    display: block;
    width: 100%;
    height: 100%;
}
.ico_qmenu {
    width: 30px;
    height: 30px;
    background:#6E0E10;
    margin: 13px auto 0;
}
.ico_qmenu.img01 {
    background:url('../img/ico_qmenu01.png') center no-repeat;
    background-size:contain;
}
.ico_qmenu.img02 {
    background:url('../img/ico_qmenu02.png') center no-repeat;
    background-size:contain;
}
.ico_qmenu.img03 {
    background:url('../img/ico_qmenu03.png') center no-repeat;
}
.ico_qmenu.img04 {
    background:url('../img/ico_qmenu04.png') center no-repeat;
}
.q_menu > li > a > p,
.q_menu > li >  p {
    font-size: 14px;
    color:#fff;
    text-align: center;
    margin-top: 8px;
}


.login_wrap {
    display: flex;
}

.login_wrap > li {
    margin-right: 10px;
}
.login_wrap > li > a {
    color:#fff;
}


.m_nav_btn,
.m_nav_wrap {
    display: none;
}
.service_desc {
        font-size: 14px;
        line-height: 26px;
        word-break: keep-all;
        margin-top: 0px;
        text-align: center;
        color:#666;
    }
    .service_checkbox {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px 20px;
        font-size: 18px;
        color:#666;
        margin-top: 20px;
    }
    .service_checkbox li {
        margin:0 10px;
    }
    .service_checkbox input[type="checkbox"] {
        transform: scale(1.5); 
        margin-right: 6px;
    }

footer {
    background:#000;
    padding:60px 0;
    background-size:cover;
}
footer > .inner {
    display: flex!important;
}

footer > .inner >  .logo {
    width: 278px;
    height: 60px;
    background:url('../img/logo5.png') center no-repeat;
    background-size:contain;
    
}
.cate_wrap2 {
    display: flex;
}
.cate_wrap2 > li {
    margin-right: 40px;
}
.cate_wrap2 > li > a {
    font-size: 16px;
    font-weight: 700;
    color:#fff;
}
footer > .inner > .footer_info > p {
    font-size: 16px;
    font-weight: 300;
    color:#8D8D8D!important;
    line-height: 24px;
    margin-top: 20px;
}
footer > .inner > .footer_info > p > .loca {
    font-weight: 600;
    color:#fff;
    margin-right: 20px;
}
footer > .inner > .footer_info >  .copy {
    font-size: 14px;
    font-weight: 300;
    color:#8D8D8D;
    line-height: 26px;
}
.msec_05 h6 {
    font-size: 14px;
    font-weight: 300;
    margin-top: 10px;
    color:#cccccc;
}
.q_link {
    display: flex;
    justify-content: center;
}
.q_link > li {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background:#fff;
}
.q_link > li:last-child {
    margin-right: 0;
}
.q_link > li > a {
    display: block;
    width: 100%;
    height: 100%;
}
.q_link > li.img01 {background:url('../img/q_link01.png') center no-repeat; background-size:contain;}
.q_link > li.img02 {background:url('../img/q_link02.png') center no-repeat; background-size:contain;}








/* 입단 및 무료체험문의 */

.privacy {
}
.privacy > h2,
.inquiry_tit {
    font-family: 'pretendard',sans-serif;
    font-size: 18px;
    font-weight: 700;
}
.inquiry_tit {
    margin: 50px 0;
}
.privacy_box {
    margin-top: 24px;
    border:1px solid #ddd;
    padding:15px;
}
.privacy_box > p {
    font-family: 'pretendard',sans-serif;
    font-size: 14px;
    font-weight: 300;
    color:#666;
    line-height: 22px;
}

.privacy_check {
    margin: 24px 0;;
    text-align: center;
}
.privacy_check span {
    color:#666;
    font-size: 16px;
    font-weight: 300;
}

.inquiry_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 60px;
}
.inquiry_list > li {
    width: calc(33.33% - 10px);    
}
.inquiry_list > .full_input {
    width: 100%;
}
.inquiry_01 {
    width: 100%;
    height: 40px;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
}
.inquiry_01 > h2 {
    font-size: 18px;
    display: inline-block;
    position: relative;
}
.inquiry_01 > p {
    font-size: 16px;
    font-weight: 300;
    color:#666;
    margin-left: 10px;
    display: inline-block;
    position: relative;
}
#radioSpan {
    display: block;
    line-height: 57px;
}
.input_radio {
    margin-right: 5px;
    width: 24px;
    height: 24px;
    border: 1px solid #dfdfdf;
    border-radius: 24px;
    cursor: pointer;
    margin-right: 9px;
}
.radio_tit {
    font-size: 15px;
    color:#666;
    display: inline-block;
    margin-right: 20px;
}
input[type='radio'] {
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none; 
    width: 20px;
    height: 20px;
    border: 2px solid #ccc;
    border-radius: 50%;
    outline: none; 
    cursor: pointer;
}

input[type='radio']:checked {
    background-color: #2AA4FF; 
    border: 3px solid white; 
    box-shadow: 0 0 0 1.6px #2AA4FF;
}

/* input 숨겨준다 */
input#check_btn{
    display:none;
    }
  
  input#check_btn + label{
    cursor:pointer;
   }
  
  input#check_btn + label > span{
    vertical-align: middle;
    padding-left: 5px;
   }


.customer_bar {
    border-bottom:1px solid #ddd;
}
.inquiry_01 > h2:after {
    content:"";
    width: 6px;
    height: 6px;
    background:url('../img/star_ico.png') center no-repeat;
    background-size:contain;
    position: absolute;
    top: 10px;
    right: -10px;
}
.inquiry_02 {
    height: 57px;
    width: 100%;
}
.fr-con > input {
    background:#fff;
    width: 100%;
    height: 57px;
    padding-left: 20px;
    font-size: 14px;
    border-radius: 30px;
    background:#fbfbfb;
    border:0;
}
.fr-con.type2 {
    display: flex;
    align-items: center;
}
.fr-con.type2 .frm_file {

}
.fr-con.phone {
    display: flex;
    justify-content: space-between;
}

.phone_number {
    width: calc(33% - 10px)!important;
    border:1px solid red!important;
}

.fr-con.mail {
    display: flex;
}
.fr-con.mail > span {
    line-height: 50px;
    margin:0 10px;
}

.inquiry_con {
    /* display: none!important; */
    height: 240px;

    
}
.inquiry_con2 {
    height: 500px!important;
}
.inquiry_con > .inquiry_02 {
    height: 200px!important;
}

.check2 {
    width: 100%;
    height: 80px;
    background:#f6f6f6;
    padding:13px 30px;
    display: flex;
    justify-content: space-between;
}
.check2_img {
    width: 54px;
    height: 54px;
    background:url('../img/check2_img.png') center no-repeat;
}
.check2_info {
    width: 629px;
}
.check2_info > p {
    font-size: 16px;
    font-weight: 300;
    color:#666;
    margin-top: 10px;
}



.form-box {}
.form-box .form-con {
    width: 100%;
    margin: 0px auto 0;
    padding:40px;
}

.form-box .form-con ul li {
    
}

.form-box .form-con ul li .fr-con {
    width: 100%;
    height: 100%;
}





.form-box .form-con ul li .fr-con .text-box {
    diaplay: table;
    width: 100%;
    height: 65px;
}

.form-box .form-con ul li .fr-con .text-box input {
    width: 34%;
    float: left;
    margin-left: 1%;
}

.form-box select {
    width: 50%;
    float: left;
    height: 100%;
    background: #fff;
}

.select2 {
    border:1px solid #ddd;
    padding:0 18px;
    font-size: 14px!important;
}

.form-box .form-con ul li .fr-con textarea {
    height: 200px;
    width: 100%;
    border:1px solid #ddd;
    background:#fff;
    padding:20px;
    resize: none;
    font-size: 14px;
}

.form-box .form-con .provision {
    display: table;
    width: 100%;
    margin-top: 30px;
    text-align: center;
    font-size: 14px;
    font-family: 'Noto Sans KR', sans-serif;
}

.form-box .form-con .provision label {
    cursor: pointer;
    font-weight: 300;
}

.form-box .form-con .provision label input {
    width: 20px;
    height: 20px;
}

.form-box .form-con .provision label span {
    vertical-align: -2px;
    margin-left: 5px;
}

.form-box .form-con .provision a {
    padding: 0 15px;
    line-height: 65px;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    margin-left: 10px;
}

.form-box .receive-btn {
    width: 100%;
    height: 60px;
    margin: 20px auto 0;

}

.form-box .receive-btn input {
    width: 100%;
    height: 100%;
    color: #fff;
    background: #00B098 !important;
    border: 0;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Noto Sans KR', sans-serif;
    border-radius:30px;


}

select {
    font-size: 16px;
}