@charset "utf-8";
/* #content */
.img_box img{width: 100%; }
/* background 폴더 지점 별로 branch 추가해야 함 */
.sub_visual {width: 100%; height:48.5vw; position: relative; background-image: url(../images/gangnam/img_visual_bg.jpg);
    background-repeat: no-repeat;  background-position: center bottom; background-size: cover; }
.busan .sub_visual{background-image: url(../images/busan/img_visual_bg.jpg);}
.daegu .sub_visual{background-image: url(../images/daegu/img_visual_bg.jpg);}
.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 0;position: relative;}
.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;}

.container::before{content:'';padding-top:260px;background: url(../images/img_momo_txt.png) no-repeat top center;position: absolute;top: 10px;left: 13%;width: 40%;background-size: contain;}
.section01 .inner{padding: 0 14.7%;}
.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.reverse{flex-direction: row-reverse}
.section01 .content_box ul li .img_box{width: calc(788/1360 * 100%);}
.section01 .content_box ul li.reverse .img_box{width: calc(525/1360 * 100%);}
.section01 .text_box{padding-left: calc(64 / 1360 * 100%);letter-spacing: -0.02em;flex: 1;}
.section01 .content_box ul li.reverse .text_box{padding:  0 calc(64 / 1360 * 100%) 0 0;}
.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;}

.section02 .inner{padding: 80px 14.7% 120px;}
.section02 .text_box{color:#fff;padding: 60px;text-align: center;background: var(--man-color-02);}
.section02 h4{font-size: 52px;font-weight: 700;margin-bottom:32px;}
.section02 .sub_text{font-size: 20px;font-weight: 300; line-height: 1.6;}
.section02 .content_box{font-size: 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) {
    .container::before{left: 3%;width: 50%;}
    .section01 .inner{padding: 0 5%;}
    .section01 .content_box ul li .img_box{width: 50%;}

    .section02 .inner{padding: 80px 5% 120px;}
}
/* 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/gangnam/img_visual_bg_mo.jpg);background-position: center center;background-attachment:local ;}
    .busan .sub_visual{background-image: url(../images/busan/img_visual_bg_mo.jpg);}
    .daegu .sub_visual{background-image: url(../images/daegu/img_visual_bg_mo.jpg);}
    .sub_visual .inner{padding: 0;}
    .sub_visual .text_box h3{font-size: 44px; }
    .sub_visual .text_box .add_text{font-size:22px;}

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

    /* content */

    .container::before{left:auto;right: 3%;width: 70%;top: 20px;}
    .section01 .inner{padding: 60px 0 0;}
    .section01 .content_box ul li{flex-direction:column;margin-bottom:116px;gap: 24px;align-items: stretch;}
    .section01 .content_box ul li .img_box{width: 100%;}
    .section01 .text_box,.section01 .content_box ul li.reverse .text_box{padding:0 24px;}
    .section01 .text_box .main_text{margin:40px 0 8px;}
    .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;}
    .section01 .content_box ul li.reverse{flex-direction:column;}
    .section01 .content_box ul li.reverse .img_box{width: 100%;}
    .sub_visual .cell {display: table-cell;vertical-align: middle;}

    .section02 .inner{padding: 60px 0;}
    .section02 .text_box{text-align: left;padding:20px 24px}
    .section02 h4{font-size: 42px; margin-bottom:16px;}
    .section02 .sub_text{font-size: 18px;}
}

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

    .sub_visual {padding: 0 8%;height: calc(180vw - 64px); }
    .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; }
    .section02 h4{font-size: 34px;}
    .section02 .sub_text{font-size: 16px;}

}