@charset "utf-8";

#content img { -webkit-user-drag: none; user-drag: none; }





#content .img_box img {width: 100%; }





#content .sub_visual {width: 100%; height:48.5vw; position: relative;
    background-image: url(/assets/images/momo/about/suwon/img_visual_bg.jpg);
    background-repeat: no-repeat; background-position: center bottom; background-size: cover; }





#content .sub_visual .inner {padding: 0 19.06% }





#content .sub_visual .text_box {text-align: left; color: #fff; }





#content .sub_visual .text_box h3 {font-size: 64px; font-weight: 500; margin-bottom: 24px;line-height: 1.2;}





#content .sub_visual .text_box .add_text {width: 41.25%;}





#content .sub_visual .badge {color: #0D1D3D;font-weight: 600;display: flex; flex-direction: column; justify-content: center; align-items: center;background: url(/images/momo/about/bg_visual_badge.svg)no-repeat center center; background-size: contain; width: 100%; aspect-ratio: 1/1;}





#content .sub_visual .badge dt {font-size:24px;}





#content .sub_visual .badge dd {font-size:26px;}





#content .sub_visual .badge strong {font-size:56px;font-weight: 700;}





#content .sub_visual .badge strong .small_text {font-size:36px;}





#content .container {padding: 160px 0;}





#content .container .title_box {text-align: center}





#content .container .title_box h4 {font-size: 56px; line-height: 1.3; font-weight: 700; color: #161718; }




#content .marquee-section {overflow: hidden;white-space: nowrap;width: 100%; margin-top:86px;}




#content .marquee-div {display: inline-block;}




#content .marquee { display: inline-block; white-space: nowrap;}




#content .marquee .item {display: inline-block; margin-right: 100px;}




#content .section01 .inner {padding: 24px 14.7% 0;}




#content .section01 .grid_wrap {display: grid;grid-template-columns: repeat(2, 1fr);gap: 80px 40px;align-items:stretch;}




#content .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);}




#content .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: #161718;}




#content .section01 .grid_wrap .main_text {font-size: 32px; font-weight: 700;line-height: 1.2;margin: 30px 0 15px;}




#content .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;}




#content .section01 .grid_wrap .label {display: flex; justify-content: center; align-items: center; background: var(--man-color-01,#2B4DBE);border-radius: 100px;width: 400px; height: 67px; text-align: center;
    font-size: 36px; font-weight: 500; color: #fff;}

@media screen and (max-width:1540px) {



#content .section01 .inner {padding: 24px 5% 0;}
}

@media screen and (max-width:1440px) {



#content .section01 .grid_wrap {gap: 40px;}
}

@media screen and (max-width:1058px) {



#content .container .title_box .sub_text {font-size: 20px}
}

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


#content .sub_visual {padding: 0 5%;height: calc(144vw - 94px);background-image: url(/assets/images/momo/about/suwon/img_visual_bg_mo.jpg);background-position: center center;background-attachment:local ;}


#content .sub_visual .inner {padding: 0;}


#content .sub_visual .text_box h3 {font-size: 44px; }


#content .sub_visual .text_box .add_text {width: 60.48%;}


#content .container {padding: 80px 0;}


#content .container .title_box .sub_title {font-size:24px;}


#content .container .title_box h4 {font-size: 40px;}


#content .marquee-section {margin-top:78px;}


#content .marquee img {width: auto; height: 189px;}


#content .section01 .inner {padding: 60px 0 0;}


#content .section01 .grid_wrap {grid-template-columns:repeat(1, 1fr);gap: 80px;}


#content .section01 .grid_wrap li {box-shadow: none;}


#content .section01 .grid_wrap .text_box {padding: 48px 24px 20px;}


#content .section01 .text_box .main_text br {display: none;}


#content .section01 .text_box .sub_text {font-size:18px;}


#content .section01 .text_box .num_text {font-size:28px;padding-bottom: 8px;}


#content .section01 .text_box .num_text::after { height: 32px; width: 1px;bottom: -32px;}


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

@media screen and (max-width:767px) {

#content .wrap { min-width: 375px; }

#content .sub_visual {padding: 0 8%;height: calc(180vw - 64px);background-image: url(/assets/images/momo/about/suwon/img_visual_bg_mo.jpg);}

#content .sub_visual .text_box h3 {font-size: 34px;margin-bottom: 16px; }

#content .sub_visual .text_box .add_text {width: 67.43%;}

#content .container {padding: 50px 0;}

#content .container .title_box .sub_title {font-size:18px;}

#content .container .title_box h4 {font-size: 34px; }

#content .container .title_box .sub_text {font-size: 16px}

#content .marquee-section {margin-top: 24px;}

#content .marquee img {height: 100px;}

#content .section01 .inner {padding: 18px 0 0;}

#content .section01 .text_box .main_text {font-size: 28px;margin: 20px 0 15px;}

#content .section01 .grid_wrap .label {font-size: 32px;width: 100%; height: 53px;}

#content .section01 .grid_wrap .text_box {padding: 24px 5% 0;}

#content .section01 .text_box .sub_text {font-size:16px;padding-inline: 0;}
}