/* common */

:root {
    --green: #1AA539;
    --navy: #134197;
}

.mo {display: none;}


/* main */

.main_visual {width: 100%; position: relative;}
.main_visual .swiper {overflow: hidden;}
.main_visual .swiper-wrapper {margin: 0;}
.main_visual .swiper-slide {width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; background-position: center; background-repeat: no-repeat; background-size: cover; animation: zoomInBg 10s ease-in-out forwards; }
.main_visual .swiper-slide.slide_1 {background-image: url(/custom/img/mv_1.jpg);}
.main_visual .swiper-slide.slide_2 {background-image: url(/custom/img/mv_2.jpg);}
.main_visual .swiper-slide.slide_3 {background-image: url(/custom/img/mv_3.jpg);}
.main_visual .swiper-slide.slide_4 {background-image: url(/custom/img/mv_4.jpg);}
.main_visual .swiper-slide.slide_5 {background-image: url(/custom/img/mv_5.jpg);}
.main_visual .swiper-slide .text_box {text-align: center;   opacity: 0; transform: translateY(300px);  will-change: transform, opacity;}

/* 활성 슬라이드에서만 페이드업 */
.main_visual .swiper-slide-active .text_box,
.main_visual .swiper-slide-duplicate-active .text_box {
  animation: mv-fadeUp var(--mv-dur, 3500ms) var(--mv-ease, ease-out) both; animation-delay: var(--mv-delay, 120ms); /* 필요 없으면 0으로 */
}

@keyframes mv-fadeUp {
  from { opacity: 0; transform: translateY(300px); }
  to   { opacity: 1; transform: translateY(0); }
}

.main_visual .swiper-slide .text_box h2 {font-size: 60px; font-weight: 700; line-height: 1.5; color: #fff;}



.main_visual .mv_pagination {position: absolute; left: 50%; bottom: 100px; transform: translateX(-50%); z-index: 100; width: fit-content;}
.main_visual .mv_pagination .swiper-pagination-bullet {background-color: #fff;}
.main_visual .mv_pagination .swiper-pagination-bullet-active {background-color: #fff;}
.main_visual .mv_arrow {position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 100;}
.main_visual .mv_arrow.mv_next {right: 40px;}
.main_visual .mv_arrow.mv_prev {left: 40px;}

@keyframes zoomInBg {
    0% {
      background-size: 100%;
    }
    100% {
      background-size: 110%; /* 10% 확대 */
    }
}

.mc_1 {padding: 120px 0px; background: #EFF8FF;}
.mc_1 .inner {max-width: 900px; width: 100%; margin: 0 auto;}
.mc_1 .title {text-align: center; margin-bottom: 50px;}
.mc_1 .title h3 {font-size: 50px; font-weight: 700; margin-bottom: 30px;}
.mc_1 .title h3 b {color: var(--navy);}
.mc_1 .title article {font-size: 20px; font-weight: 400;}
.mc_1 .item_box ul {display: flex; flex-wrap: wrap; gap: 30px; padding: 0;}
.mc_1 .item_box ul li {list-style: none; width: calc(33.3% - 20px); background: #fff; transition: all 0.3s; height: 270px; border-radius: 14px; text-align: center;}
.mc_1 .item_box ul li a {display: block; width: 100%; height: 100%; }
.mc_1 .item_box ul li a:hover {text-decoration: none;}
.mc_1 .item_box ul li .img_box {margin-bottom: 10px; padding-top: 45px;}
.mc_1 .item_box ul li .img_box img {height: 140px; width: auto;}
.mc_1 .item_box ul li p {font-size: 27px; font-weight: 700; color: #333;}
.mc_1 .item_box ul li:hover {background: var(--green);}
.mc_1 .item_box ul li:hover p {color: #fff;}

.mc_2 {background: #fff; padding: 150px 0px 85px; position: relative;}
.mc_2::before {position: absolute; width: 100%; display: block; bottom: 0; left: 0; content: ''; background: #f8f8f8; height: 750px; border-top-left-radius: 350px;}
.mc_2::after {position: absolute; width: 55vw; left: 18%; top: 80px; display: block; content: ''; height: auto; aspect-ratio: 3 / 1; background: url(/custom/img/nonghyup_logo.svg) no-repeat center/contain; }
.mc_2 .inner {padding: 0px 40px; box-sizing: border-box; z-index: 1; position: relative;max-width: 1320px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 130px;}
.mc_2 .text_box p {font-size: 18px; font-weight: 600; margin-bottom: 20px; color: var(--green);}
.mc_2 .text_box h3 {font-size: 52px; font-weight: 700; color: #000; white-space: nowrap;}
.mc_2 .item_box {display: flex; align-items: center; gap: 20px;  max-width: 730px; width: 100%;}
.mc_2 .item_box ul {width: 50%; padding: 0; margin: 0;}
.mc_2 .item_box ul li {width: 100%; text-align: center; border-radius: 10px; background: var(--green); margin-bottom: 20px; list-style: none; transition: all 0.3s;}
.mc_2 .item_box ul li:hover {background: #0f7926;}
.mc_2 .item_box ul li:last-child {margin-bottom: 0;}
.mc_2 .item_box ul li a {display: block; width: 100%; height: 100%;  padding: 75px 0px;}
.mc_2 .item_box ul li a:hover {text-decoration: none;}
.mc_2 .item_box ul li img {height: 75px; margin-bottom: 20px;}
.mc_2 .item_box ul li p {font-size: 20px; color: #fff; margin: 0;}
.mc_2 .item_box ul:nth-child(2) li:nth-child(2) img {height: 60px;}

/* AOS 커스텀 애니메이션 */
[data-aos="fade-right-logo"] {
    opacity: 0;
    transform: translateX(50px);
    transition-property: opacity, transform;
}

[data-aos="fade-right-logo"].aos-animate {
    opacity: 1;
    transform: translateX(0);
}

.mc_2_2 {padding: 120px 0px; background: #fff;}
.mc_2_2 .inner {max-width: 1420px; width: 100%; margin: 0 auto;}
.mc_2_2 .title {display:flex; justify-content:space-between; align-items:center; margin-bottom:60px;}
.mc_2_2 .title h3 {font-size: 50px; font-weight: 700; margin-bottom: 30px;}
.mc_2_2 .title h3 b {color: var(--navy);}
.mc_2_2 .title article {font-size: 20px; font-weight: 400;}
.mc_2_2 .ico_box {max-width: 1420px; width: 100%;}
.mc_2_2 .ico_box ul {display: flex; align-items: center; gap: 20px; width: 100%; padding: 0; margin: 0;}
.mc_2_2 .ico_box ul li {flex:1; text-align: center; border-radius: 10px; background:#F2F5F9; margin-bottom: 60px; list-style: none; transition: all 0.3s;}
.mc_2_2 .ico_box ul li:hover {background: #F4F7FF;}
.mc_2_2 .ico_box ul li a {display:flex; flex-direction: column; justify-content:center; align-items:center; }
.mc_2_2 .ico_box ul li a:hover {text-decoration: none;}
.mc_2_2 .ico_box ul li .img_box {width:86px; height:86px; padding:10px; border-radius:50%; background:#fff; margin:30px 0 20px;}
.mc_2_2 .ico_box ul li .img_box img {width: auto;}
.mc_2_2 .ico_box ul li p {font-size: 20px; font-weight: 700; color: #333;}
.mc_2_2 .contents_box {display:flex; gap:24px; max-width: 1420px; width: 100%;}
.mc_2_2 .contents_box .contents_left{width:765px; border-radius:10px; border: 1px solid #C6C6C6;}
.mc_2_2 .contents_box .contents_left .notice_box{padding:27px 40px 50px;}
.mc_2_2 .contents_box .contents_left .notice_box .notice_header{display:flex; justify-content:space-between; align-items:center;}
.mc_2_2 .contents_box .contents_left .notice_box .notice_header .tit{font-size:24px; font-weight:600; color:#333;}
.mc_2_2 .contents_box .contents_left .notice_box .notice_header .tabs{display:flex; align-items:center;}
.mc_2_2 .contents_box .contents_left .notice_box .notice_header .tabs ul{display: flex; align-items: center; list-style:none; margin:0 26px 0 0;}
.mc_2_2 .contents_box .contents_left .notice_box .notice_header .tabs ul li{position:relative; font-size:19px; color:#464646; font-weight:600; margin-left:38px; cursor: pointer;}
.mc_2_2 .contents_box .contents_left .notice_box .notice_header .tabs ul li:first-child{padding-left:0px;}
.mc_2_2 .contents_box .contents_left .notice_box .notice_header .tabs ul li:first-child::before{display:none;}
.mc_2_2 .contents_box .contents_left .notice_box .notice_header .tabs ul li::before{content:'/'; font-size:16px; color:#c6c6c6; position:absolute; left:-20px; top:50%; transform: translateY(-50%);}
.mc_2_2 .contents_box .contents_left .notice_box .notice_header .tabs ul li.active{color:#000;}
.mc_2_2 .contents_box .contents_left .notice_box .notice_header .tabs ul li.active::after{content:''; position:absolute; left:0; bottom:-3px; width:100%; height:3px; background-color:#3573E7;}
.mc_2_2 .contents_box .contents_left .notice_box .notice_header .tabs .plus-btn{display:flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#f2f2f2;}
.mc_2_2 .contents_box .contents_left .notice_box .tab-content{display:none; margin-top:30px; }
.mc_2_2 .contents_box .contents_left .notice_box .tab-content.active{display:block;}
.mc_2_2 .contents_box .contents_left .notice_box .tab-content ul{list-style:none; padding: 0; margin: 0;}
.mc_2_2 .contents_box .contents_left .notice_box .tab-content ul li a{display:flex; align-items:center; gap:18px; height:32px; text-decoration: none;}
.mc_2_2 .contents_box .contents_left .notice_box .tab-content ul li a:hover p{color:#3573E7;}
.mc_2_2 .contents_box .contents_left .notice_box .tab-content ul li ~ li {margin-top:30px;}
.mc_2_2 .contents_box .contents_left .notice_box .tab-content ul li p{ flex:1; font-size: 17px; font-weight: 700; color:#454545; margin-bottom:0; line-height: 1;}
.mc_2_2 .contents_box .contents_left .notice_box .tab-content ul li span{display:flex; align-items:center; justify-content:center; width:58px; height:32px; border-radius:16px; font-size: 16px; font-weight:700; color:#000;}
.mc_2_2 .contents_box .contents_left .notice_box .tab-content ul li span.notice{background:#ebebeb;}
.mc_2_2 .contents_box .contents_left .notice_box .tab-content ul li span.news{background: #E9F5E4;}
.mc_2_2 .contents_box .contents_left .notice_box .tab-content ul li span.info{background: #E3EAF6;}
.mc_2_2 .contents_box .contents_right{display:flex; flex-direction:column; gap:16px; width:631px;}
.mc_2_2 .contents_box .contents_right .m_banner{padding:30px 40px; border-radius:10px; border: 1px solid #C6C6C6;}
.mc_2_2 .contents_box .contents_right .m_banner .banner_header{display:flex; justify-content:space-between; align-items:center; margin-bottom:30px;}
.mc_2_2 .contents_box .contents_right .m_banner .banner_header .tit{font-size:24px; font-weight:600; color:#333; margin-bottom:0;}
.mc_2_2 .contents_box .contents_right .m_banner .banner_header .banner-controls{display:flex; align-items:center; gap:8px;}
.mc_2_2 .contents_box .contents_right .m_banner .banner_header .banner-controls button{background-color:#fff; border:none; margin:0; padding:0;}
.mc_2_2 .contents_box .contents_right .m_banner .banner_header .banner-controls #bannerIndex{font-size: 14px; font-weight: 600;}
.mc_2_2 .contents_box .contents_right .m_banner .banner_header .banner-controls #bannerIndex b{color:#3573E7;}
.mc_2_2 .contents_box .contents_right .m_banner .swiper-slide {position:relative; width:100%; padding-top: 40%; overflow: hidden;}
.mc_2_2 .contents_box .contents_right .m_banner .swiper-slide {display:flex; align-items:center; justify-content:center;}
.mc_2_2 .contents_box .contents_right .m_banner .swiper-slide img{position: absolute;top: 0; left: 0;width: 100%;height: 100%;object-fit: cover;}
.mc_2_2 .contents_box .contents_right .bank_banner{display:flex; justify-content:space-between; align-items:center; padding: 30px 40px; border-radius:10px; background:#F2F5F9;}
.mc_2_2 .contents_box .contents_right .bank_banner .bank_banner_txt > h4{font-size: 24px; font-weight: 600; color:#333;}
.mc_2_2 .contents_box .contents_right .bank_banner .bank_banner_txt > h4 span{color: #134197;}
.mc_2_2 .contents_box .contents_right .bank_banner .bank_banner_txt > p{font-size: 20px; font-weight: 400; color:#333; margin-bottom: 0;}
.mc_2_2 .contents_box .contents_right .bank_banner .bank_go{display:flex; justify-content:center; align-items:center; width:157px; height:60px; border-radius:6px; color:#fff; font-size: 18px; font-weight: 700; border:none; margin:0; padding:0; background-color: #134197;}

.mc_3 .inner {display: flex; align-items: center; justify-content: space-between; background: #f3f3f3;}
.mc_3 .video_box {width: 50%; position: relative; padding-top: 28%; height: 0;}
.mc_3 .video_box video {position:absolute; top:0; left:0; width:100%; height:100%;}
.mc_3 .text_box {width: 50%; padding: 0px 200px; box-sizing: border-box;}
.mc_3 .text_box p {font-size: 18px; font-weight: 600; color: var(--green); margin-bottom: 20px;}
.mc_3 .text_box h3 {font-size: 52px; font-weight: 700; color: #000; margin-bottom: 40px;}
.mc_3 .text_box article {font-size: 20px; font-weight: 400;}

.mc_4 {padding: 80px 0px 100px;}
.mc_4 .inner {max-width: 1440px; padding: 0px 40px; box-sizing: border-box; margin: 0 auto; width: 100%; display: flex; align-items: flex-end; justify-content: space-between;}
.mc_4 .text_box h3 {font-size: 32px; font-weight: 700; margin-bottom: 50px;}
.mc_4 .text_box h3 b {color: var(--green);}
.mc_4 .text_box {margin-right: 100px;}
.mc_4 .text_box p {font-size: 20px; font-weight: 400; margin-bottom: 10px}
.mc_4 .text_box i {font-size: 32px; font-weight: 700; color: #333; font-style: normal; margin-bottom: 150px; display: block;}
.mc_4 .text_box a {display: flex; align-items: center; gap: 7px; padding: 10px 25px; box-sizing: border-box; background: var(--green); border-radius: 5px; color: #fff; width: fit-content; transition: all 0.3s;}
.mc_4 .item_box ul {display: flex; gap: 30px; margin: 0; padding: 0; max-width: 960px;}
.mc_4 .item_box ul li {width: calc(33.3% - 10px); border-radius: 10px; height: 300px; list-style: none; overflow: hidden;}
.mc_4 .item_box ul li img {width: 100%; height: 100%; object-fit: cover;}
.mc_4 .item_box ul li:last-child {display: none;}


/* greetings */

.custom_greetings .title {margin-bottom: 50px;}
.custom_greetings .title p {font-size: 17px; font-weight: 700; color: var(--green); margin-bottom: 10px;}
.custom_greetings .title h3 {font-size: 25px; font-weight: 700; color: #282828;}
.custom_greetings .item_box {display: flex; gap: 60px;}
.custom_greetings .item_box .img_box {min-width: 290px; max-width: 290px;}
.custom_greetings .item_box .img_box img {width: 100%;}
.custom_greetings .item_box .text_box h4 {font-size: 20px; margin-bottom: 20px; font-weight: 700; color: var(--green); text-align: center;}
.custom_greetings .item_box .text_box article {font-size: 14px; font-weight: 500; color: #282828; line-height: 1.8; word-break: keep-all;}
.custom_greetings .item_box .text_box article b {color: #000; font-weight: 700; display: block;}




/* responsive */

@media all and (max-width: 1480px) {

    .main_visual .swiper-slide .text_box h2 {font-size: 48px;}
    .mc_2 .item_box {max-width: 650px;}
    .mc_3 .text_box {padding: 0px 120px;}
    .mc_4 .text_box {min-width: fit-content;}

}

@media all and (max-width: 1280px) {

    @keyframes zoomInBg {
        0% {
          background-size: 140%;
        }
        100% {
          background-size: 150%; /* 10% 확대 */
        }
    }

    .mc_2_2 .contents_box{flex-direction:column;}
    .mc_2_2 .contents_box .contents_left{width:100%;}
    .mc_2_2 .contents_box .contents_right{flex-direction: row; width:100%;}
    .mc_2_2 .contents_box .contents_right .m_banner{width:60%;}
    .mc_2_2 .contents_box .contents_right .bank_banner{ flex-direction: column; align-items:flex-start; width:40%;}
    .mc_2_2 .contents_box .contents_left .notice_box .notice_header .tit,
    .mc_2_2 .contents_box .contents_right .m_banner .banner_header .tit,
    .mc_2_2 .contents_box .contents_right .bank_banner .bank_banner_txt > h4{font-size: 22px; font-weight: 600;}
    .mc_2_2 .contents_box .contents_left .notice_box .notice_header .tabs ul li{font-size: 17px; font-weight: 600;}
    .mc_2_2 .contents_box .contents_left .notice_box .tab-content ul li p{font-size: 16px; font-weight: 600;}
    .mc_2_2 .contents_box .contents_right .bank_banner .bank_banner_txt > p{font-size: 18px;}
    

    .mc_2_2 .inner{width:100%;padding: 0 40px;}
    .mc_2_2 .ico_box ul{flex-wrap:wrap;}
    .mc_2_2 .ico_box ul li{flex:auto; width:32%; margin-bottom:20px;}
    .mc_2_2 .ico_box ul li p {font-size: 18px;}

    .mc_3 .text_box h3,
    .mc_2_2 .title h3,
    .mc_2 .text_box h3,
    .mc_1 .title h3,
    .main_visual .swiper-slide .text_box h2 {font-size: 36px;}

    .mc_4 .text_box p,
    .mc_3 .text_box article,
    .mc_2_2 .title article,
    .mc_2 .item_box ul li p,
    .mc_1 .title article {font-size: 16px;}

    .mc_1 .item_box ul li p {font-size: 20px;}

    .mc_1 .item_box ul li {height: 260px;}
    .mc_1 .item_box ul li .img_box img {height: 120px;}

    .mc_2 .item_box {max-width: 520px;}

    .mc_2 .item_box ul li a {padding: 45px 0px;}

    .mc_3 .text_box {padding: 0px 100px;}

    .mc_4 .text_box h3 {font-size: 25px;}
    .mc_4 .text_box i {font-size: 22px; margin-bottom: 100px;}
    .mc_4 .text_box a {font-size: 15px;}

    .custom_greetings .title {text-align: center;}
    .custom_greetings .item_box {flex-direction: column; align-items: center;}

}

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

    .main_visual .swiper-slide.slide_1 {background-image: url(/custom/img/mv_1_mo.jpg);}
    .main_visual .swiper-slide.slide_2 {background-image: url(/custom/img/mv_2_mo.jpg);}
    .main_visual .swiper-slide.slide_3 {background-image: url(/custom/img/mv_3_mo.jpg);}
    .main_visual .swiper-slide.slide_4 {background-image: url(/custom/img/mv_4_mo.jpg);}
    .main_visual .swiper-slide.slide_5 {background-image: url(/custom/img/mv_5_mo.jpg);}

    
    .mc_3 .text_box h3, .mc_2 .text_box h3, .mc_1 .title h3, .mc_2_2 .title h3, .main_visual .swiper-slide .text_box h2 {font-size: 32px;}
    .main_visual .mv_arrow img {height: 28px;}

    .mc_1 .inner, .mc_2_2 .inner {padding: 0px 40px; box-sizing: border-box;}
    .mc_1 .item_box ul, .mc_2_2 .ico_box ul {gap: 20px;}
    .mc_1 .item_box ul li, .mc_2_2 .ico_box ul li { width: calc(33.3% - 14px);}

    .mc_2 .inner {flex-direction: column; gap: 60px;}

    .mc_2_2 .contents_box .contents_left .notice_box .tab-content ul li ~ li{margin-top:20px;}

    .mc_3 .inner {flex-direction: column;}
    .mc_3 .video_box,
    .mc_3 .text_box {width: 100%;}

    .mc_3 .video_box {padding-top: 56.6%;}
    .mc_3 .text_box {padding: 40px 45px 130px;}

    .mc_4 .inner {flex-direction: column; align-items: flex-start; gap: 50px;}

    .mc_4 .item_box ul {gap: 20px;}

    .custom_greetings .item_box .text_box article {text-align: center;}

}

@media all and (max-width: 768px) {

    .mo {display: block;}

    .main_visual .swiper-slide .text_box h2 {font-size: 24px;}

    .main_visual .mv_arrow.mv_prev {left: 20px;}
    .main_visual .mv_arrow.mv_next {right: 20px;}

    .mc_2_2 .contents_box .contents_left .notice_box .notice_header .tit,
    .mc_2_2 .contents_box .contents_right .m_banner .banner_header .tit,
    .mc_2_2 .contents_box .contents_right .bank_banner .bank_banner_txt > h4{font-size: 20px; font-weight: 600;}
    .mc_2_2 .contents_box .contents_left .notice_box{padding:26px 20px;}
    .mc_2_2 .contents_box .contents_left .notice_box .notice_header .tabs ul li{margin-left:15px;}
    .mc_2_2 .contents_box .contents_left .notice_box .notice_header .tabs ul li::before{left:-14px;}
    .mc_2_2 .contents_box .contents_left .notice_box .notice_header .tabs{position: relative; margin:0; padding: 0;}
    .mc_2_2 .contents_box .contents_left .notice_box .notice_header .tabs ul{ margin:0; padding: 0;}
    .mc_2_2 .contents_box .contents_left .notice_box .notice_header .tabs ul li{margin:0 12px;}
    .mc_2_2 .contents_box .contents_left .notice_box .notice_header .tabs ul li:first-child{margin-left:0;}

    .mc_2_2 .contents_box .contents_left .notice_box .notice_header .tabs ul li{font-size: 13px;}
    .mc_2_2 .contents_box .contents_left .notice_box .notice_header{flex-direction:column; align-items:flex-start;}
    .mc_2_2 .contents_box .contents_left .notice_box .tab-content ul li p{line-height: 1.2;}
    .mc_2_2 .contents_box .contents_left .notice_box .tab-content ul li p,
    .mc_2_2 .contents_box .contents_left .notice_box .tab-content ul li span{font-size: 13px;}
    .mc_2_2 .contents_box .contents_right .bank_banner .bank_banner_txt > p{font-size: 16px;}
    .mc_2_2 .contents_box .contents_right{flex-direction: column;}
    .mc_2_2 .contents_box .contents_right .m_banner, .mc_2_2 .contents_box .contents_right .bank_banner{width:100%; padding: 20px;}
    .mc_2_2 .contents_box .contents_right .bank_banner .bank_go{height: 40px; margin-top: 20px; font-size: 17px;}

    .mc_2_2 .title{flex-direction:column; flex-wrap:wrap; text-align: center;}

    .mc_1, .mc_2_2 {padding: 50px 0px;}
    .mc_1 .title h3, .mc_2_2 .title h3 {font-size: 20px; margin-bottom: 20px;}
    .mc_1 .title article, .mc_2_2 .title article {font-size: 14px;}

    .mc_1 .inner, .mc_2_2 .inner {padding: 0px 20px;}

    .mc_1 .item_box ul, .mc_2_2 .ico_box ul {gap: 10px;}
    .mc_1 .item_box ul li {width: calc(50% - 5px); height: auto; padding: 30px 0px;}
    .mc_2_2 .ico_box ul li {width: calc(50% - 5px); height: auto;}

    .mc_1 .item_box ul li .img_box img {height: 80px;}
    .mc_1 .item_box ul li p {font-size: 14px; margin-bottom: 0;}
    .mc_2_2 .ico_box ul li p {font-size: 14px;}
    .mc_1 .item_box ul li .img_box {padding-top: 0;}

    .mc_2 .inner {padding: 0px 20px; gap: 40px;}

    .mc_2 .text_box p {font-size: 13px;}

    .mc_2 {padding: 50px 0px 120px;}
    .mc_2::before {display: none;}
    .mc_2::after {bottom: 30px; top: auto; left: 50%; transform: translateX(-50%);}

    .mc_2 .item_box {flex-direction: column;}
    .mc_2 .item_box ul {width: 100%; display: flex; gap: 20px; flex-wrap: wrap; justify-content: center;}
    .mc_2 .item_box ul li {margin: 0; width: calc(50% - 10px);}
    .mc_2 .item_box ul:nth-child(2) li:nth-child(2) img {height: 42px;}
    .mc_2 .item_box ul li img {height: 42px; margin-bottom: 15px;}
    .mc_2 .item_box ul li a {padding: 25px 0px;}

    .mc_3 .text_box p,
    .mc_2 .item_box ul li p {font-size: 13px;}

    .mc_3 .text_box p {margin-bottom: 12px;}
    .mc_3 .text_box h3 {font-size: 32px; margin-bottom: 25px;}
    .mc_3 .text_box article {font-size: 13px;}

    .mc_4 .text_box {margin-right: 0;}
    .mc_4 .inner {padding: 0px 20px;}

    .mc_4 {padding: 60px 0px;}

    .mc_4 .text_box h3 {margin-bottom: 25px;}
    .mc_4 .text_box i {margin-bottom: 35px;}

    .mc_4 .item_box ul {flex-wrap: wrap; gap: 10px;}
    .mc_4 .item_box ul li {height: 150px; width: calc(50% - 5px);}
    .mc_4 .item_box ul li:last-child {display: block; background: var(--green); display: flex; justify-content: center; align-items: center;}
    .mc_4 .item_box ul li:last-child p {font-size: 16px; font-weight: 700; color: #fff;}

    .custom_greetings {padding-bottom: 100px;}
    .custom_greetings .item_box {gap: 40px;}

}