@charset "utf-8";
/* #content */
img{ -webkit-user-drag: none; user-drag: none; }
.img_box img{width: 100%; }
.sub_visual {width: 100%; height:48.5vw; position: relative;background-image: var(--bg-pc);
    background-repeat: no-repeat;  background-position: center bottom; background-size: cover; }
.sub_visual .inner{padding: 0 19.06% }
.sub_visual .text_box {text-align: left; color: #fff; }
.sub_visual .text_box h3{font-size: 64px; font-weight: 500; margin-bottom: 24px;line-height: 1.2;}
.sub_visual .text_box .add_text{width: calc(561/1360 * 100%);/* display: grid; *//* grid-template-columns: repeat(3, 1fr); *//* align-items: center; *//* gap: 24px; */}
.sub_visual .badge{color: #0D1D3D;font-weight: 600;display: flex; flex-direction: column; justify-content: center; align-items: center;background: url(../images/bg_visual_badge.svg)no-repeat center center; background-size: contain; width: 100%; aspect-ratio: 1/1;}
.sub_visual .badge dt{font-size:24px;}
.sub_visual .badge dd{font-size:26px;}
.sub_visual .badge strong{font-size:56px;font-weight: 700;}
.sub_visual .badge strong .small_text{font-size:36px;}
.container{padding: 160px 0;}
.container .title_box{text-align: center}
.container .title_box h4{font-size: 56px; line-height: 1.3; font-weight: 700; color: var(--black-color-950); }
.container .title_box .sub_title{font-size: 28px; line-height: 1.3; font-weight: 600; color: var(--burgundy-color-100); letter-spacing: -1px;margin-bottom:10px;}
.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;}

.marquee-section {overflow: hidden;white-space: nowrap;width: 100%; margin-top:86px;}
.marquee-div {display: inline-block;}
.marquee { display: inline-block; white-space: nowrap;}
.marquee .item{display: inline-block; margin-right: 100px;}

.section01 .inner{padding: 24px 14.7% 0;}
.section01 .grid_wrap{display: grid;grid-template-columns: repeat(2, 1fr);gap: 80px 40px;align-items:stretch;}
.section01 .grid_wrap li{display: flex;flex-direction: column;justify-content: flex-start;align-items: stretch;box-shadow: 0 2.129px 4.257px 0 rgba(0, 0, 0, 0.10);}
.section01 .grid_wrap .text_box{text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column;padding: 50px 24px 30px;letter-spacing: -0.02em;color: var(--black-color-950);}
.section01 .grid_wrap .main_text{font-size: 32px;  font-weight: 700;line-height: 1.2;margin: 30px 0 15px;}
.section01 .grid_wrap .sub_text{font-size:18px;line-height: 1.6;font-weight: 300;text-wrap: balance;word-break: keep-all;padding-inline: 48px;}
.section01 .grid_wrap .label{display: flex; justify-content: center; align-items: center; background: var(--man-color-01);border-radius: 100px;width: 400px; height: 67px; text-align: center;
    font-size: 36px; font-weight: 500; color: #fff;}

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

/* PC (해상도 1440px ~ 1540px) */
@media screen and (max-width:1540px) {
    .section01 .inner{padding: 24px 5% 0;}

}
/* PC (해상도 1058px ~ 1440px) */
@media screen and (max-width:1440px) {
    .section01 .grid_wrap{gap: 40px;}
}

/* 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: var(--bg-ta);background-position: center center;background-attachment:local ;}
    .sub_visual .inner{padding: 0;}
    .sub_visual .text_box h3{font-size: 44px; }
    .sub_visual .text_box .add_text{width: calc(450/744 * 100%)}

    .container{padding: 80px 0;}
    .container .title_box .sub_title{font-size:24px;}
    .container .title_box h4{font-size: 40px;}

    /* content */
    .marquee-section{margin-top:78px;}
    .marquee img{width: auto; height: 189px;}

    .section01 .inner{padding: 60px 0 0;}
    .section01 .grid_wrap{grid-template-columns:repeat(1, 1fr);gap:  80px;}
    .section01 .grid_wrap li{box-shadow: none;}
    .section01 .grid_wrap .text_box{
    padding: 48px 24px 20px;
}
    .section01 .text_box .main_text br{display: none;}
    .section01 .text_box .sub_text{font-size:18px;}
    .section01 .text_box .num_text{font-size:28px;padding-bottom: 8px;}
    .section01 .text_box .num_text::after{ height: 32px; width: 1px;bottom: -32px;}

    .sub_visual .cell {display: table-cell;vertical-align: middle;}
}

/* 모바일 가로, 모바일 세로 (해상도 375px ~ 768px)*/
@media screen and (max-width:767px) {
    .wrap { min-width: 375px; }

    .sub_visual {padding: 0 8%;height: calc(180vw - 64px); background-image: var(--bg-mo);}
    .sub_visual .text_box h3{font-size: 34px;margin-bottom: 16px; }
    .sub_visual .text_box .add_text{width: calc(265/393 * 100%)}

    /* content */
    .container{padding: 50px 0;}
    .container .title_box .sub_title{font-size:18px;}
    .container .title_box h4{font-size: 34px; }
    .container .title_box .sub_text{font-size: 16px}

    .marquee-section{margin-top: 24px;}
    .marquee img{height: 100px;}

    .section01 .inner{padding: 18px 0 0;}
    .section01 .text_box .main_text{font-size: 28px;margin: 20px 0 15px;}
    .section01 .grid_wrap .label{font-size: 32px;width: 100%; height: 53px;}
    .section01 .grid_wrap .text_box{padding: 24px 5% 0;}
    .section01 .text_box .sub_text{font-size:16px;padding-inline: 0;}

}