@charset "utf-8";
/* #content */
.img_box img{width: 100%; }
.sub_visual {width: 100%; height:48.5vw; position: relative; background-image: url(../images/img_visual_bg.jpg);
    background-repeat: no-repeat;  background-position: center bottom; background-size: cover;/*background-attachment: fixed;*/ }
.sub_visual .inner{padding: 0 19.06% }
.sub_visual .text_box {text-align: left; }
.sub_visual .text_box h3{font-size: 64px; font-weight: 700; margin-bottom: 24px;line-height: 1.2;}
.sub_visual .text_box .add_text{font-size: 22px; font-weight: 300;line-height: 1.4; }

[class*="section"] .inner{padding: 160px 14.7%;}
.container .title_box{text-align: center}
.container .title_box h4{font-size: 64px; line-height: 1.5; font-weight: 700; color: var(--gray-color-1000); margin-top:10px;}
.container .title_box .sub_title{font-size: 22px; line-height: 1.3; margin-top:40px;}
.container .title_box .sub_text{font-size: 26px; line-height: 1.5; font-weight: 400; color: var(--gray-color-800); letter-spacing: -1px;margin-top:36px;}

.container .content_box{margin-top: 80px;}

.mark_text{ font-weight: 700; color: #8C8E4B;position: relative; display: inline-block;z-index:1;}
.mark_text::before{content: "";position: absolute;left: 0;right: 0;padding-inline: 12px;height: 0.8em;bottom: 0.06em;background: #F2FFC9;z-index: -1;}

.vertical_box{overflow: hidden;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.20);}
.vertical_box .text_box{text-align: center;font-size: 20px;padding: 32px 16px;background:#fff;text-wrap: balance;word-break: keep-all;line-height: 1.4;}

.section01 .title_box h4{background: linear-gradient(91deg, #6A7040 41.06%, #9A9954 66.59%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;position: relative;z-index: 1;}
.section01 .content_box{width: calc(1130/1368 * 100%);margin:-80px auto 0; }
.section01 .video_box{position: relative; width: 100%; height: auto;max-width: 680px; margin: 0 auto; overflow: hidden;}
.section01  .ai_text{position: absolute; bottom: 20px; right: 0; font-size: 15px; letter-spacing: -0.02em;}
.section01 .text_box{font-size: 64px;line-height: 1.2;color: #fff;letter-spacing: -0.02em;width: 100%;padding-block:60px;text-align: center;background: linear-gradient(90deg, #2B3E26 0%, #92934D 100%);margin-top: -4px;position: relative;}

.section02{background: #F8F8F8;}
.section02 ul{display:grid; grid-template-columns: repeat(4, 1fr); gap:24px;}
.section02 .img_box{border-radius: 10px;overflow: hidden;}
.section02 ul .text_box{letter-spacing:-0.02em;padding:24px 12px 0; text-align: center;}
.section02 ul .text_box h5{font-size: 26px; font-weight: 700;}
.section02 ul .text_box p{font-size: 22px;line-height:1.5; font-weight:  400;text-align: center;margin-top:8px; text-wrap: balance;word-break: keep-all;}

.section03 .img_box{width: calc(1130/1368 * 100%);margin:0 auto;}

.section04{background: #F8F8F8;}
.section04 .img_box{width: calc(1320/1368 *100%); margin: 0 auto 80px;}
.section04 .venn-container{display: flex;justify-content: center;align-items: center; width: calc(1172/1368 *100%);gap:9px;margin: 0 auto;}
.section04 .circle {border-radius:50%;position: relative;z-index: 1;}
.section04 .circle .text_box{width:340px;height: 340px;object-fit: cover;text-align: center;border-radius: 50%;letter-spacing: -0.02em;gap: 12px;display: flex;flex-direction: column;align-items: center;justify-content: center;background: #F3F4F0;border: 2px solid rgba(13, 29, 61, 0.20)}
.section04 .circle .text_box p{font-size: 30px;line-height: 1.5;}
.section04 .bottom{text-align: center;margin-top: 57px;}
.section04 .main_text{font-size: 64px;font-weight: 700;text-align: center;line-height: 1.2;color: #455430;}
.section04 .mark_text{font-size: 40px; margin: 18px 0 22px; }
.section04 .desc_text{font-size:22px;line-height: 1.5;text-wrap: balance;word-break: keep-all;}

.section05 h5{font-size: 42px; font-weight: 500; text-align: center; }
.section05 .icon_check {display: inline-block;width: 30px;height: 30px;background-color: #455430;border-radius: 50%;position: relative;}
.section05 .icon_check::after {content: "";position: absolute;left: 11px;top: 8px;width: 6px;height: 10px;border: solid #fff;border-width: 0 3px 3px 0;transform: rotate(45deg);}
.section05 .text_box .desc_text{font-size: 42px;line-height: 1.2;color: #8C8E4B;margin-top:5px;text-align: center;letter-spacing: -0.02em;font-weight: 700;}
.section05 .type-wrapper{display: grid; grid-template-columns: repeat(1, 1fr); margin-top: 60px; width: 100%; justify-content: center; width: calc(1300/1368 * 100%); margin: 25px auto 60px;}
.section05 .type-buttons{display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px;padding-inline: 5px;}
.section05 .type-btn{width: 100%;height: 70px;display: flex;justify-content: center;align-items: center;background: #B1BD8F;font-size: 24px;font-weight: 500;color: #fff;cursor: pointer;position: relative;flex-direction: column;gap: 2px;}
.section05 .type-btn .icon_arrow{display: none;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 12px solid #fff;}
.section05 .type-btn.active{background: #455430;}
.section05 .type-btn.active .icon_arrow{ display: block;  }
.section05 .stage{display: none; }
.section05 .stage.active{display: block; }
.section05 .info_text{ font-size: 24px; font-weight: 500; letter-spacing: -0.02em; text-align: center; line-height: 2.5; }

.section06{background: #EAEDE4;}
.section06 .inner{display : grid;grid-template-columns: repeat(2, 1fr);align-items: center;justify-content:center;gap: 60px 24px;}
.section06 .inner .img_box{width: calc(604/665 * 100%);margin-left: auto;}
.section06 .inner .title{font-size: 50px;font-weight: 500;margin-bottom: 50px;}
.section06 .inner .title strong{font-size: 80px; color: #8C8E4B;}
.section06 .inner .desc_text{font-size: 50px;font-weight: 500;}
.section06 .inner .desc_text strong{font-size: 70px; color: #455430;text-wrap: balance;word-break: keep-all;}
.section06 .inner .button_wrap{grid-column: 1 / -1;display:  flex;justify-content: center;align-items: center;gap: 40px;}
.section06 .link_btn{width: 540px; height: 132px;  display: flex; justify-content: center; align-items: center;color :#EAEDE3; font-size:28px; line-height: 1.2;border-radius: 10px;text-align: center; }
.section06 .link_btn strong{font-size: 38px; font-weight: 500;}
.section06 .link_btn:nth-of-type(1){background: #455430;}
.section06 .link_btn:nth-of-type(2){background: #8C8E4B;}
/* PC (해상도 1440px ~ 1540px) */
@media screen and (max-width:1800px) {
}

/* PC (해상도 1440px ~ 1540px) */
@media screen and (max-width:1540px) {
    .container .title_box .sub_title{font-size:24px;}
    .container .title_box h4{font-size: 54px; margin-top:8px;}

    /* content */
 



}
/* PC (해상도 1058px ~ 1440px) */
@media screen and (max-width:1440px) {

    .section01 .content_box{width:100%; }
    .section03 .img_box{width: 100%;}
    .section05 .type-wrapper{width: 100%;}
    .section04 .venn-container{width: 100%;}

}
/* PC (해상도 1024px ~ 1058px) */
@media screen and (max-width:1058px) {
    .container .title_box .sub_text{font-size: 20px}
    /* content */
}


/* 태블릿 (해상도 769px ~ 1024px) */
@media screen and (max-width: 1024px) {
    .sub_visual {padding: 0 5%;height: calc(144vw - 94px);background-image: url(../images/img_visual_bg_tb.jpg);background-position: center bottom;}
    .sub_visual .inner{padding: 0;}
    .sub_visual .text_box h3{font-size: 44px; }
    .sub_visual .text_box .add_text{font-size:22px;}
    [class*="section"] .inner{padding: 120px 5%;}

    /* content */
    .container .title_box h4{font-size: 44px; margin-top:8px;}
    .container .title_box .sub_title{font-size:20px;}
    .container .content_box{margin-top: 48px;}

    .section01 .inner{padding-inline:0;}
    .section01 .content_box{margin-top: -80px;}
    .section01 .text_box{font-size: 44px;}
    .section02 ul{grid-template-columns:repeat(2,1fr);}

    .section04 .img_box{width:calc(504/744 * 100%);}
    .section04 .circle .text_box{width: 190px; height: 190px;}
    .section04 .circle .text_box p{font-size: 22px;}
    .section04 .main_text{font-size: 44px;}
    .section04 .icon_arrow svg{width: 39px;}

    .section05 .text_box .desc_text{font-size: 30px;}

    .section06 .inner{grid-template-columns: repeat(1, 1fr);gap: 36px;width: 100%;}
    .section06 .inner .img_box{margin:auto;width: calc(408/744* 100%);}
    .section06 .inner .title,.section06 .inner .desc_text{text-align:center;font-size: 30px;}
    .section06 .inner .title strong, .section06 .inner .desc_text strong{font-size:50px;}
    .section06 .link_btn{width: 305px;height: 105px;font-size:  20px;}
    .section06 .link_btn strong{font-size: 32px;}
}

/* 모바일 가로, 모바일 세로 (해상도 375px ~ 768px)*/
@media screen and (max-width:767px) {
    .wrap { min-width: 375px; }
    .sub_visual {padding: 0 8%;height: calc(180vw - 64px);background-image: url(../images/img_visual_bg_mo.jpg);}
    .sub_visual .text_box h3{font-size: 34px;margin-bottom: 16px; }
    .sub_visual .text_box .add_text{font-size:18px;}
    [class*="section"] .inner{padding: 60px 24px;}


    /* content */
    .container .title_box .sub_title{font-size:18px;text-wrap: balance;word-break: keep-all;margin-top: 24px;}
    .container .title_box h4{font-size: 34px;margin-top:8px;text-wrap: balance;word-break: keep-all;}
    .container .content_box{margin-top: 40px;}
    .container .title_box .sub_text{font-size: 16px}

    .section01 .inner{padding-inline:0;}
    .section01 .content_box{margin-top: -48px;}
    .section01 .ai_text{font-size: 11px; color :#fff;}
    .section01 .text_box{font-size: 25px;padding-block: 24px;}
    .section02 ul .text_box h5{font-size: 17px; }
    .section02 ul .text_box p{font-size: 14px;margin-top:2px; }
    .section02 ul{gap:32px 8px;}
    .section02 ul .text_box{font-size: 16px; text-wrap:balance; word-break: keep-all;}
    .section03 .text_box {font-size: 18px;}
    .section03 .main_text{font-size: 20px;}
    .section04 .img_box{width: 100%;margin-bottom: 30px;}
    .section04 .venn-container{flex-direction:column;gap: 0;}
    .section04 .icon_arrow svg{transform:rotate(90deg);}
    .section04 .circle{width: 100%;}
    .section04 .circle .text_box{width: 100%;height: 70px;border-radius: 170px;}
    .section04 .main_text{font-size: 36px;}
    .section04 .mark_text{font-size: 32px;margin: 8px 0;}
    .section04 .desc_text{font-size: 16px;}
    .section04 .circle .text_box p{font-size: 18px;}

    .section05 .text_box .desc_text{font-size: 28px;text-wrap: balance;word-break: keep-all;}
    .section05 .mark_text::before{width: 45%;margin: 0 auto;}
    .section05 h5{font-size: 20px;}
    .section05 .icon_check{width: 18px; height: 18px;margin-right: 8px;}
    .section05 .icon_check::after{width: 4px; height: 6px;top: 4px; left: 6px; border-width: 1px; border-top: none; border-left: none; }
    .section05 .type-wrapper{grid-template-columns: 1fr 2fr;margin: 24px auto;width: calc(300/ 375 * 100%);gap: 5px;}
    .section05 .type-buttons{grid-template-columns: repeat(1, 1fr);padding: 0;gap: 3px;align-items: stretch;}
    .section05 .info-text{grid-column: 1 / -1;}
    .section05 .type-btn{height: 100%;flex-direction: row;font-size:  18px;gap: 4px;}
    .section05 .info_text{grid-column: 1/ -1;font-size: 18px;line-height: 1.2;text-wrap: balance;word-break: keep-all;margin-top: 24px;font-weight: 400;}
    .section05 .type-btn .icon_arrow{border: none;border-top: 6px solid transparent;border-left: 10px solid #fff;border-bottom: 6px solid transparent;}


    .section06 .inner{gap: 24px;}
    .section06 .inner .title{margin-bottom: 20px;}
    .section06 .inner .title,.section06 .inner .desc_text{text-align:center;font-size: 28px;}
    .section06 .inner .title strong, .section06 .inner .desc_text strong{font-size:38px;}
    .section06 .inner .button_wrap{flex-direction:column;gap:  24px;}
    .section06 .inner .img_box{width: calc(315/375 * 100%)}
    .section06 .link_btn strong{font-size: 30px;}

}