@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; 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{font-size: 22px; font-weight: 300;line-height: 1.4; }

.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: 106px 14.7% 0;}
.section01 .content_box ul li{display: flex;justify-content: flex-start; align-items: center;margin-bottom:80px;}
.section01 .content_box ul li:last-of-type{margin-bottom:0;}
.section01 .content_box ul li .img_box{width: calc(788/1360 * 100%);}
.section01 .text_box{padding-left: calc(64 / 1360 * 100%);letter-spacing: -0.02em;flex: 1;}
.section01 .text_box .main_text{font-size:52px; font-weight: 600;line-height:1.2; margin:16px 0;}
.section01 .text_box .sub_text{font-size:18px; font-weight: 300; line-height:1.5;text-wrap:balance; word-break: keep-all;}
.section01 .text_box .num_text{font-size:30px; font-weight: 700;color: var(--man-color-01);position: relative;display: inline-block;padding-bottom: 16px;}
.section01 .text_box .num_text::after{content:''; width: 100%; height: 1px; background: #ddd; position: absolute; bottom:0;left:0;}

/* PC (해상도 1450px ~ 1800px) */
@media screen and (max-width:1800px) {
    .section01 .text_box .main_text{font-size:42px;}
}

/* PC (해상도 1440px ~ 1540px) */
@media screen and (max-width:1540px) {
    .section01 .inner{padding: 106px 5% 0;}
    .section01 .content_box ul li .img_box{width: 50%;}
}
/* PC (해상도 1058px ~ 1440px) */
@media screen and (max-width:1440px) {

}

/* 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 center;background-attachment:local ;}
    .sub_visual .inner{padding: 0;}
    .sub_visual .text_box h3{font-size: 44px; }
    .sub_visual .text_box .add_text{font-size:22px;}

    .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 .content_box ul li{flex-direction:column;margin-bottom:116px; gap: 24px;}
    .section01 .content_box ul li .img_box{width: 100%;}
    .section01 .text_box{padding:0 24px;}
    .section01 .text_box .main_text{font-size:42px;margin:40px 0 8px;}
    .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: 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;}

    /* content */
    .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:120px;}
    .marquee img{height: 100px;}

    .section01 .inner{padding: 18px 0 0;}
    .section01 .content_box ul li{flex-direction:column;margin-bottom:80px; gap: 16px;}
    .section01 .text_box .main_text{font-size:34px;margin: 24px 0 16px;}
    .section01 .text_box .main_text br{display: block;}
    .section01 .text_box .sub_text{font-size: 16px;}
    .section01 .text_box .num_text{font-size:28px;padding-bottom: 16px;}
    .section01 .text_box .num_text::after{height: 24px;bottom: -16px; }

}