@font-face {
    font-family: 'DaeguDongseongRo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2511-1@1.0/DaeguDongseongro-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'DaeguDongseongRo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2511-1@1.0/DaeguDongseongro-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}


:root {

    --pretendard: "Pretendard", sans-serif;
    --paperlogy: "Paperlogy", sans-serif;
    --daeguDongseongRo: "DaeguDongseongRo", sans-serif;
    --notoSansKR: "Noto Sans KR", sans-serif;

  	--gap: 1.25rem;
	--transition: all 0.4s ease-in;

}

  
/* common */
* { margin: 0; padding: 0; outline: none; box-sizing: border-box;}
body {margin: 0; padding: 0; -ms-overflow-style: none; scrollbar-width: none; background: #f6f1e6; }
body::-webkit-scrollbar {display: none;}
html { scroll-behavior: smooth; }
html, body {font: 400 16px/1.3 'Pretendard', 'Noto Sans KR', sans-serif;  color: #000000; width: 100%; position: relative;}
ul, li {list-style: none;}
a {text-decoration: none; color: inherit; -webkit-tap-highlight-color: transparent;}
img {max-width: 100%;}
button { font-family: inherit; border: none; background-color: transparent; outline: 0;  cursor: pointer; }
input,textarea,button,select {font-family: inherit;}

body.hidden { overflow: hidden;}
body::before { content: "";  position: fixed;  left: 0;  top: 0;  width: 100%;  height: 100%; background-color: rgba(0,0,0,0.25); z-index: 99;  transition: all 0.4s ease; opacity: 0; pointer-events: none;cursor: pointer;}
body.hidden::before { opacity: 1;  pointer-events: auto;}

.pc {display: block;}
.tablet {display: none !important;}
.mobile { display: none !important;}  
.wrap {width: 100%; position: relative;}
.section {width: 100%; position: relative;}
.container {position: relative; width: 100%;} 
.inner {position: relative; width: 90%; max-width: 1280px;  margin-left: auto; margin-right: auto;}
.swiper {width: 100%;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {display: none;}


/* header */
.header { position: relative; width: 100%; height: 3.125rem; z-index: 50; background: #c61a3b;} 
.header .h_inner { height: 100%; display: flex; align-items: center; justify-content: center;  gap: 1.375rem;}
.header .h_inner .txt { font-size: 1rem; color: #fff;}
.header .h_inner .bar {width: 1px; height: 0.875rem; background: #e55d77;} 



/* footer */
.footer {position: relative; padding: 1.688rem 0 1.875rem; background: #1c1a58;}
.footer .f_logo {width: 6.625rem; display: flex; align-items: center; justify-content: center; margin-bottom: 1.625rem;}
.footer .f_infotxt {margin-bottom: 2.5rem; display: flex; flex-direction: column; gap: 0.75rem;}
.footer .f_infotxt .tit {font-size: 1rem; line-height: 1.5; color: #ffffff;}
.footer .f_infotxt .tit .bold {font-weight: 600;}
.footer .f_infotxt .desc {font-size: 0.875rem; line-height: 1.7; color: #ffffff;}
.footer .f_infobox {display: flex; align-items: flex-start; justify-content: space-between; gap: 0.625rem;}
.footer .f_infobox .item {flex: 1; display: flex; flex-direction: column; gap: 0.625rem; font-size: 0.75rem; line-height: 1.5; color: #ffffff;}
.footer .f_infobox .item .tit {font-weight: 700; color: #6bcdff;}
.footer .f_copyright {font-size: 0.75rem; line-height: 1.5;color: #ffffff; padding-top: 1.625rem; border-top: 1px solid #49477f; margin-top: 0.813rem;}


/* main */
.m_titbox {display: flex; flex-direction: column; align-items: center; text-align: center;} 
.m_titbox .icon {background: url(../img/ico_quot.png) no-repeat center/contain; aspect-ratio: 34/28; width: 2.125rem; margin-bottom: 1.25rem;}
.m_titbox .sub {font-family: var(--paperlogy); font-size: 2rem; font-weight: 500; color: #c61a3b; margin-bottom: 1.125rem;}
.m_titbox .tit {font-family: var(--paperlogy); font-size: 2.813rem; font-weight: 700; color: #1c1a58;}
.m_titbox .tit .light {font-weight: 400;}
.m_titbox.ver2 .icon {background-image: url(../img/ico_quot2.png);}
.m_titbox.ver2 .sub {color: #6bcdff;}
.m_titbox.ver2 .tit {color: #fff;}

.m_titbox2 { display: flex; align-items: center;  justify-content: center; gap: 2.5rem;}
.m_titbox2 .bar {  width: 6.25rem; height: 1px; background: #000000;}
.m_titbox2 .tit { font-size: 2rem; font-weight: 600; color: #b31433;}

.ms1 {display: flex; flex-direction: column;gap: 5.875rem; margin-bottom: 11.25rem;}
.ms1 .contbox {background: url(../img/ms1_bg.png) no-repeat center/cover;}
.ms1 .contbox > .inner { display: flex; align-items: flex-end; justify-content: space-between;}
.ms1 .contbox .txtbox { flex: 1;  display: flex;  flex-direction: column;  gap: 3rem;   padding: 2.5rem 0;  margin-right: -5%;}
.ms1 .contbox .txtbox .top_txt {font-family: var(--paperlogy); font-size: 1.25rem; font-weight: 500; color: #000;}
.ms1 .contbox .txtbox .txtcont .logo {width: 23.375rem; margin-bottom: 2rem;}
.ms1 .contbox .txtbox .txtcont .tit {font-family: var(--paperlogy); font-size: 3.125rem; font-weight: 600; color: #1c1a58;}
.ms1 .contbox .txtbox .txtcont .sub {font-family: var(--paperlogy); font-size: 1.875rem; font-weight: 600;color: #1c1a58; margin-bottom: 2.5rem;}
.ms1 .contbox .txtbox .txtcont .desc {font-size: 1.375rem; line-height: 1.54; color: #1c1a58;}
.ms1 .contbox .imgbox { width: 50%;  max-width: 39.938rem;  display: flex;  align-items: center;  justify-content: flex-end; margin-bottom: -3.75rem; margin-right: -1.5rem;}
.ms1 .itembox {display: flex; gap: 2.5rem;}
.ms1 .itembox .item { width: calc((100% - 2.5rem * 2) / 3); background: #f9f6ef;   border: 1px solid rgba(177, 165, 137, 0.6);   border-radius: 1.25rem;  display: flex;  align-items: center;  gap: 1.875rem;  padding: 1.875rem 2rem;  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);}
.ms1 .itembox .item .icon {width: 3.75rem;}
.ms1 .itembox .item .tit {flex: 1; font-size: 1.5rem; color: #000;}

.ms2 .ms2_deco { position: absolute;  top: 0;  right: 0;  width: 25%;  max-width: 28.625rem;  display: flex;  align-items: center;  justify-content: flex-end; mix-blend-mode: multiply;}
.ms2 .m_titbox {margin-bottom: 8rem;}
.ms2 .contbox {display: flex; flex-direction: column; gap: 2.5rem;}
.ms2 .contbox .item {display: flex; gap: 2.5rem;}
.ms2 .contbox .item .imgbox {display: flex; align-items: center; justify-content: center; width: 50%; max-width: 38.75rem; border-radius: 1.25rem; overflow: hidden;}
.ms2 .contbox .item .imgbox .img {width: 100%; height: 100%; object-fit: cover;}
.ms2 .contbox .item .txtbox {flex: 1; padding-top: 2.5rem;}
.ms2 .contbox .item .txtbox .badge { font-size: 1rem; line-height: 1;  font-weight: 700; color: #ffffff; padding: 0.375rem 0.5rem;  border-radius: 0.313rem; background: #c61a3b; margin-bottom: 1rem; display: inline-flex; align-items: center;    justify-content: center;}
.ms2 .contbox .item .txtbox .tit { font-size: 2rem; font-weight: 700; color: #1c1a58;  margin-bottom: 1.5rem;}
.ms2 .contbox .item .txtbox .desc {font-size: 1.25rem; color: #1c1a58;}
.ms2 .contbox .item:nth-child(even) {flex-direction: row-reverse;}
.ms2 .contbox .item:nth-child(even)  .txtbox {text-align: right;}
.ms2 .ramen_box {display: flex; align-items: center; justify-content: center; width: 100%; margin-top: 10rem;}
.ms2 .ramen_box .img{width: 100%;}

.ms3 { background: #f3e7cf; padding: 8.125rem 0 4.688rem; overflow: hidden;}
.ms3 .m_titbox {margin-bottom: 6.25rem;}
.ms3 .contbox {display: flex; flex-direction: column; gap: 3rem;}
.ms3 .contbox .imgbox { width: 115%; display: flex; align-items: center;  justify-content: center;}
.ms3 .contbox .txtbox { display: flex; flex-direction: column; gap: 2.5rem;}
.ms3 .contbox .txtbox .txt_tit { font-size: 2rem; font-weight: 600; color: #1c1a58;  text-align: center;}
.ms3 .contbox .txtbox .mob_swiper {overflow: visible;}
.ms3 .contbox .txtbox .itembox {display: flex; gap: 2.5rem;}
.ms3 .contbox .txtbox .itembox .item { position: relative;  width: calc((100% - 2.5rem * 2) / 3); height: unset; border: 1px solid rgba(177, 165, 137, 0.6); border-radius: 1.25rem;  background: #f9f1df; box-shadow: 0 0.25rem 0.938rem 0 rgba(0, 0, 0, 0.08);   padding: 2.5rem 2.5rem 1rem; display: flex; flex-direction: column;  align-items: center;  gap: 1rem; text-align: center;}
.ms3 .contbox .txtbox .itembox .item::before {content: ""; position: absolute; right: 1rem; top: 1rem; border : 1px solid #b1a589; border-radius: 50%; background: #f3e7cf; opacity: 0.55; box-shadow: 0.707px 0.707px 0px 0px rgba(255, 255, 255, 0.5), inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08); width: 0.875rem; aspect-ratio: 1 / 1;}
.ms3 .contbox .txtbox .itembox .item .tit { font-size: 1.5rem;  line-height: 1.1667;  color: #1c1a58;}
.ms3 .contbox .txtbox .itembox .item .desc { font-size: 1.125rem;  line-height: 1.44;  color: #312515;  word-break: keep-all;}

.ms4 {background: #f3e7cf; padding: 4.688rem 0 9.375rem;}
.ms4 .m_titbox {margin-bottom: 4rem;}
.ms4 .contbox {display: flex; flex-direction: column; gap: 2.5rem;}
.ms4 .contbox .item {display: flex; gap: 3.5rem; flex-direction: row-reverse;}
.ms4 .contbox .item .imgbox {display: flex; align-items: center; justify-content: center; width: 50%; max-width: 38.75rem; border-radius: 2.5rem 2.5rem 2.5rem 0; overflow: hidden;}
.ms4 .contbox .item .imgbox .img {width: 100%; height: 100%; object-fit: cover;}
.ms4 .contbox .item .txtbox {flex: 1; padding-top: 2.5rem; text-align: right;}
.ms4 .contbox .item .txtbox .story { font-size: 1rem; color: #c61a3b; margin-bottom: 1.625rem;}
.ms4 .contbox .item .txtbox .tit { font-family: var(--daeguDongseongRo);  font-size: 1.5rem; line-height: 1; color: #1c1a58;  margin-bottom: 1rem;}
.ms4 .contbox .item .txtbox .sub { margin-bottom: 1.5rem; font-size: 0.813rem;  color: #1c1a58;}
.ms4 .contbox .item .txtbox .desc { font-size: 1rem; line-height: 1.625;  color: #1c1a58; word-break: keep-all; letter-spacing: -0.02em;}
.ms4 .contbox .item:nth-child(even) {flex-direction: row;}
.ms4 .contbox .item:nth-child(even) .imgbox { border-radius: 2.5rem 2.5rem 0 2.5rem;}
.ms4 .contbox .item:nth-child(even) .txtbox {text-align: left;}


.ms5 {background: #1c1a58; padding: 9.375rem 0 8.75rem;}
.ms5 .m_titbox {margin-bottom: 4.75rem;}
.ms5 .m_titbox2 .bar { background: #fff;}
.ms5 .m_titbox2 .tit { color: #fff;}
.ms5 .ms5_cont1 { display: flex;  flex-wrap: wrap; gap: 2.5rem;  margin-bottom:7.5rem;}
.ms5 .ms5_cont1 .item { width: calc((100% - 2.5rem) / 2);  border: 1px solid #5856a4;  padding: 2.5rem 3rem;border-radius: 1.25rem;}
.ms5 .ms5_cont1 .item .num { font-family: var(--paperlogy);  font-size: 4.375rem;   font-weight: 700; color: #6bcdff;  margin-bottom: 0.5rem;}
.ms5 .ms5_cont1 .item .tit {font-size: 1.5rem; color:#ffffff; margin-bottom: 0.25rem;}
.ms5 .ms5_cont1 .item .desc {font-size: 1.25rem ; color : #8e8cc7;}
.ms5 .ms5_cont2 { display: flex; flex-direction: column; align-items: center; gap: 3.125rem; margin-bottom: 9.375rem;}
.ms5 .ms5_cont2 .contbox {display: flex;  align-items: center; justify-content: center; gap: 6rem;}
.ms5 .ms5_cont2 .contbox .item {display: flex; flex-direction: column; align-items: center; gap: 1.875rem;}
.ms5 .ms5_cont2 .contbox .item .imgbox{width: 17.5rem; display: flex; align-items: center; justify-content: center;}
.ms5 .ms5_cont2 .contbox .item .tit {font-size: 1.875rem; color:#fff}
.ms5 .ms5_cont2 .contbox .equal {font-size: 3.125rem; color: #fff; margin-bottom: 5rem;}
.ms5 .ms5_cont3 {display: flex; align-items: flex-start;gap: 9.125rem;  margin-bottom: 8.625rem;}
.ms5 .ms5_cont3 .leftbox {display: flex; flex-direction: column;}
.ms5 .ms5_cont3 .leftbox .desc { font-size: 1.875rem;  color: #fff;}
.ms5 .ms5_cont3 .leftbox .tit {font-family: var(--paperlogy); font-size: 4.375rem; font-weight: 700; color: #6bcdff;}
.ms5 .ms5_cont3 .rightbox {flex: 1; }
.ms5 .ms5_cont3 .rightbox .chartbox { width: 100%;  display: flex; align-items: center; justify-content: center;}
.ms5 .ms5_cont3 .rightbox .chartbox .img {width: 100%;}
.ms5 .ms5_cont4 {display: flex; flex-direction: column; align-items: center;}
.ms5 .ms5_cont4 .titbox {margin-bottom: 4.125rem;}
.ms5 .ms5_cont4 .itembox {display: flex; justify-content: center; gap: 2.5rem;}
.ms5 .ms5_cont4 .itembox .item {width: 21.25rem; height: 12.5rem; border-radius: 1.25rem; display: flex; align-items: center; justify-content: center;border: 1px solid #5856a4; font-family: var(--paperlogy); font-size: 3.75rem; font-weight: 700; color: #6bcdff; text-align: center;}
.ms5 .ms5_cont4 .bottom_txt {font-size: 1.5rem; line-height: 1.5; color: #ffffff; margin-top: 2.5rem; text-align: center;}


.ms6 {background: #f3e7cf; padding: 9.375rem 0;}
.ms6 .m_titbox {margin-bottom: 6.25rem;}
.ms6 .ms6_titbox {display: flex; flex-direction: column; align-items: center; gap: 1.875rem; margin-bottom: 3.125rem;}
.ms6 .ms6_titbox.ver2 {margin-bottom: 5.625rem;}
.ms6 .ms6_titbox .tit_desc {font-size: 1.5rem; color: #000;}
.ms6 .ms6_contbox {display: flex; flex-direction: column; gap: 9.375rem;}
.ms6 .ms6_contitem {display: flex; gap: 2.5rem; margin-bottom: 5rem;}
.ms6 .ms6_contitem .item {flex: 1; position: relative; border: 1px solid rgba(177, 165, 137, 0.6); border-radius: 1.25rem; background: #f9f1df;box-shadow: 0 0.25rem 0.938rem 0 rgba(0, 0, 0, 0.08);  padding: 2rem 0.625rem 1.875rem;  display: flex;  flex-direction: column;  align-items: center;  gap: 1.75rem;  text-align: center; word-break: keep-all;}
.ms6 .ms6_contitem .item .tit {font-family: var(--paperlogy); font-size: 1.875rem; font-weight: 700; color: #b31433;}
.ms6 .ms6_contitem .item .tit .small {font-size: 1.5rem; font-weight: 400;}
.ms6 .ms6_contitem .item .desc {font-size: 1.5rem; color: #312515;}
.ms6 .ms6_contwrap {display: flex; flex-direction: column; gap: 5rem;}
.ms6 .ms6_contitem2 {display: flex; flex-direction: column; align-items: center;}
.ms6 .ms6_contitem2 .titbox {margin-bottom: 1.875rem; display: flex; flex-direction: column; gap: 1.25rem;}
.ms6 .ms6_contitem2 .titbox.ver2 {margin-bottom: 2.875rem;}
.ms6 .ms6_contitem2 .titbox .tit {font-size: 1.75rem; font-weight: 600; color: #000000; line-height: 1.142857; text-align: center;}
.ms6 .ms6_contitem2 .titbox .desc {font-size: 1.375rem; color: #000000; line-height: 1.45; text-align: center;}
.ms6 .ms6_contitem2 .itembox {width: 100%; max-width: 38.75rem; display: flex; flex-direction: column; gap: 0.625rem;}
.ms6 .ms6_contitem2 .itembox .item {border: 1px solid rgba(177, 165, 137, 0.6); border-radius: 0.313rem; background: #f3e7cf;box-shadow: 0 0.25rem 0.938rem 0 rgba(0, 0, 0, 0.08); padding: 1rem 0; display: flex; align-items: center; justify-content: center; text-align: center;}
.ms6 .ms6_contitem2 .itembox .item .txt {font-size: 1.25rem; color: #000000;}
.ms6 .ms6_contitem2 .itembox .item .txt .point {font-weight: 600; color: #b31433;}