@font-face {
    font-family: 'yg-jalnan';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.c-navy {color: #021a7f;}
.c-blue {color: #1b75bb;}
.c-red {color: #dd492d;}
.c-orange {color: #f35c22;}
.c-purple {color: #6911cd;}
.c-w {color: #fff;}

header .tel-box p {display: flex; align-items: center; gap: 6px; color: #fff !important;}
header .tel-box p i {display: flex; align-items: center; justify-content: center; width: 18px;}


.m-section3 {padding: 120px 0; background: url('../img/main/r-main-section3-bg.png') no-repeat 50% bottom / 100% auto;}
.m-section3 .top-txt-box {text-align: center; margin-bottom: 100px;}
.m-section3 .top-txt-box strong {display: block; font-size: 50px; font-weight: 800; margin-bottom: 12px; line-height: 1.2;}
.m-section3 .top-txt-box p {font-size: 36px; font-weight: 600; line-height: 1.5; color: #222;}
.m-section3 .top-txt-box p span {font-weight: 600;}
.m-section3 .top-txt-box + p {font-size: 26px; font-weight: 300; color: #222; line-height: 1.5; text-align: center; display: block; margin-bottom: 100px;}
.m-section3 .img-box {display: flex; align-items: center; justify-content: center; margin-bottom: 130px;}
.m-section3 .img-box img {width: 62%;}
.m-section3 .bottom-txt-box {text-align: center;}
.m-section3 .bottom-txt-box p {font-size: 36px; line-height: 2; font-weight: 800;}






.m-section4 {padding: 120px 0 20px; background: url('../img/main/r-main-section4-bg.png') no-repeat 50% -10% / cover; height: 100vh; background-color: #eaddfa;}
.m-section4 .title {text-align: center;}
.m-section4 .title strong {font-size: 50px; line-height: 1.4; font-weight: 800;}
.m-section4 .title strong  span {font-size: 36px; font-weight: 800;}



.m-section5 {padding: 120px 0; background-color: #FDECE5;}
.m-section5 .inner > strong {font-size: 50px; line-height: 1.4; font-weight: 800; display: block; text-align: center; color: #021a7f; margin-bottom: 90px;}
.m-section5 .items-list-box {max-width: 1200px; margin: 0 auto;}
.m-section5 .items-list-box ul {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 60px 100px; position: relative;}
.m-section5 .items-list-box ul li {width: calc(50% - 50px); background-color: rgba(255,255,255,0.8);  border-radius: 10px; padding: 20px 60px; height: 380px; display: flex; justify-content: center; flex-direction: column; gap: 0px; align-items: center;}
.m-section5 .items-list-box ul li > .icon {display: flex; align-items: center; width: 70px; margin-bottom: 20px;}
.m-section5 .items-list-box ul li  > strong {font-size: 32px; font-weight: 700; color: #E55B2E; line-height: 1.4; display: block; margin-bottom: 12px; text-align: center;}
.m-section5 .items-list-box ul li  > p {font-size: 20px; font-weight: 500; line-height: 1.4; color: #021a7f; text-align: center; word-break: keep-all;}
.m-section5 .items-list-box ul li.center {width: 100%; display: flex; justify-content: center; align-items: center; border-radius: 0; padding: 0; background-color: transparent; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 300px;}
.m-section5 .items-list-box ul li.center .round{display: flex; flex-direction: column; align-items: center; justify-content: center; width: 300px; border-radius: 50%; background-color: #E55B2E; height: 100%; padding: 40px; box-sizing: border-box; box-shadow: 3px 3px 6px 1px rgba(229, 91, 46, 0.4);}
.m-section5 .items-list-box ul li.center .round i {display: flex; align-items: center; width: 200px;}
.m-section5 .items-list-box ul li.center .round > span {text-align: center; display: block; margin-top: 20px; font-size: 22px; font-weight: 700; color: #fff; line-height: 1.5;}

.m-section6-1 {padding: 120px 0;  background: url('../img/main/r-main-section6-bg.png') no-repeat 50% 50% / cover; }
.m-section6-1 i {display: flex; align-items: center; max-width: 960px; margin: 0 auto; justify-content: center; margin-bottom: 120px;}



.m-section6-1 ul {display: flex; gap: 100px; align-items: stretch;}
.m-section6-1 ul li {width: calc(100% / 3 - 66.6666px); display: flex; flex-direction: column; box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.1); border-radius: 6px; overflow: hidden;}
.m-section6-1 ul li .h-txt {display: flex; align-items: center; width: 100%; padding: 0px 24px; height: 50px; justify-content: center;}
.m-section6-1 ul li .h-txt span {font-size: 26px; font-weight: 800; color: #fff; line-height: 1; text-align: center;}


.m-section6-1 ul li:nth-child(1) .h-txt {background-color: orange;}
.m-section6-1 ul li:nth-child(2) .h-txt {background-color: #E55B2E;}
.m-section6-1 ul li:nth-child(3) .h-txt {background-color: #121032;}




.m-section6-1 ul li p {display: block; padding: 40px 24px; background-color: #fafafa; font-size: 20px; line-height: 1.5; word-break: keep-all; height: calc(100% - 50px); margin-bottom: 0; display: flex; align-items: center; text-align: center;}


.m-section7 {background-color: #121032; padding: 120px 0;}
.m-section7 .top-txt-box {margin-bottom: 150px;}
.m-section7 .top-txt-box strong {text-align: center; display: block; margin-bottom: 12px; line-height: 1.2; font-size: 50px; font-weight: 800;}
.m-section7 .top-txt-box p {font-size: 36px; font-weight: 400; line-height: 1.2; text-align: center;}
.m-section7 .bottom-item-wrap strong {display: block; text-align: center; margin-bottom: 24px; font-size: 36px; line-height: 1; font-weight: 600; color: orange;}
.m-section7 .bottom-item-wrap p{text-align: center; font-size: 26px; font-weight: 300; margin-bottom: 60px;}
.m-section7 .bottom-item-wrap ul {display: flex; justify-content: space-between; gap: 20px;}
.m-section7 .bottom-item-wrap ul li {display: flex; flex-direction: column; width: calc(100% / 5 - 16px);}
.m-section7 .bottom-item-wrap ul li:nth-child(2n){margin-top: 60px;}
.m-section7 .bottom-item-wrap ul li .img {display: block; width: 100%; height: 280px;}
.m-section7 .bottom-item-wrap ul li:nth-child(1) .img{background: url('../img/main/r-section7-img1.png') no-repeat 50% top / cover}
.m-section7 .bottom-item-wrap ul li:nth-child(2) .img{background: url('../img/main/r-section7-img2.png') no-repeat 50% 50% / cover;}
.m-section7 .bottom-item-wrap ul li:nth-child(3) .img{background: url('../img/main/r-section7-img3.png') no-repeat 50% 50% / cover;}
.m-section7 .bottom-item-wrap ul li:nth-child(4) .img{background: url('../img/main/r-section7-img4.png') no-repeat 50% 50% / cover;}
.m-section7 .bottom-item-wrap ul li:nth-child(5) .img{background: url('../img/main/r-section7-img5.png') no-repeat 50% 50% / cover;}
.m-section7 .bottom-item-wrap ul li .item-txt-box {display: flex; align-items: center; justify-content: center; height: 240px; width: 100%;}
.m-section7 .bottom-item-wrap ul li .item-txt-box.blue {background-color: #143ac7;}
.m-section7 .bottom-item-wrap ul li .item-txt-box.red {background-color: #eb482d;}
.m-section7 .bottom-item-wrap ul li .item-txt-box span {font-size: 24px; font-weight: 500; line-height: 1.5; text-align: center;}






.m-section8 {padding: 120px 0 ;}
.m-section8 .img-box {display: flex; align-items: center; justify-content: center; margin-bottom: 60px;}
.m-section8 .img-box img{display: block; width: 100%;}
.m-section8 .bottom-img-box {display: flex; align-items: center; gap: 40px; justify-content: space-between;}
.m-section8 .bottom-img-box img {width: 100%;}
.m-section8 .inner > span {font-size: 32px; line-height: 1.2; text-align: center; font-weight: 600; display: block; margin-top: 40px;}




.m-section9 {padding: 120px 0 0; background-color: #121c50;}
.m-section9 .top-txt {display: block; line-height: 1.2; text-align: center; font-size: 36px; font-weight: 400; margin-bottom: 24px; color: orange;}
.m-section9 strong {text-align: center; display: block; margin-bottom: 60px; line-height: 1.2; font-size: 60px; font-weight: 800;}
.m-section9 p {display: flex; align-items: center; text-align: center; justify-content: center; gap: 10px; line-height: 1.2; font-size: 36px; font-weight: 400; margin-bottom: -70px;}
.m-section9 p em {font-size: 30px; color: #7bff06; font-style: normal}
.m-section9 .img-box {position: relative; bottom: -130px;}






.m-section10 {padding: 120px 0 120px; background: url('../img/main/r-section10-bg.png') no-repeat 50% 50% / cover;}
.m-section10 .inner > strong {text-align: center; display: block; margin-bottom: 290px; line-height: 1.7; font-size: 50px; font-weight: 800;}
.m-section10  .num-list {display: flex; align-items: flex-start; justify-content: center; gap: 100px; width: 80%;  margin: 0 auto; text-align: center; margin-bottom: 90px;}
.m-section10  .num-list li {display: flex; flex-direction: column; gap: 46px;  align-items: center;}
.m-section10  .num-list li strong > span {font-family: 'yg-jalnan'; font-size: 60px; font-weight: bold; text-shadow: 2px 2px 5px rgba(58,40,85,0.5); color: #fff;}
.m-section10  .num-list li strong em {font-style: normal; font-family: 'yg-jalnan'; font-size: 60px; font-weight: bold; }
.m-section10  .num-list li span {font-family: 'yg-jalnan'; font-size: 24px; line-height: 1.5; font-weight: bold; color: #7bff06; text-shadow: 2px 2px 5px rgba(58,40,85,0.5);}
.m-section10 .inner > p {font-size: 18px; color: #aaaaab; text-align: center; font-weight: 600;}






.m-section12 {padding: 250px 0 120px;}
.m-section12 .inner > strong {line-height: 1.7; font-size: 50px; font-weight: 800; display: block; text-align: center; margin-bottom: 12px; }
.m-section12 .inner > p {font-size: 32px; font-weight: 400; line-height: 1.5; text-align: center; display: block; margin-bottom: 90px;}
.m-section12 .inner > span {font-size: 40px; font-weight: 800; line-height: 1.5; text-align: center; display: block; margin-bottom: 120px;}
.m-section12 .item-list-wrap {display: flex; justify-content: center; gap: 60px;}
.m-section12 .item-list-wrap li {width: calc(100% / 4 - 45px); display: flex; flex-direction: column; justify-content: space-between;}
.m-section12 .item-list-wrap li:last-child {align-self: center; }

.m-section12 .item-list-wrap li .top-txt {text-align: center; display: block; margin-bottom: 40px;}
.m-section12 .item-list-wrap li .top-txt strong {font-size: 22px; font-weight: 800; line-height: 1.5; display: block; }
.m-section12 .item-list-wrap li .top-txt .acc {display: block; font-size: 22px; font-style: normal; font-weight: 800; margin: 6px 0;}
.m-section12 .item-list-wrap li .top-txt span {font-size: 16px; font-weight: 300;}
.m-section12 .item-list-wrap li i {display: flex; align-items: center; justify-content: center; margin-bottom: 40px;}
.m-section12 .item-list-wrap li:nth-child(2) i {margin-top: -50px;} 
.m-section12 .item-list-wrap li:nth-child(3) i  {margin: 0 -20px 40px;}
.m-section12 .item-list-wrap li:last-child i {margin-bottom: 0;}
.m-section12 .item-list-wrap li i img {width: 80%;}
.m-section12 .item-list-wrap li:nth-child(3) i img {width: 100%;}
.m-section12 .item-list-wrap li .bottom-txt p {text-align: center; display: block; line-height: 1.5; font-size: 18px;}
.m-section12 .item-list-wrap li .bottom-txt p b {font-weight: 800;}







.m-section13 {padding: 120px 0; background: url('../img/main/r-section13-bg.png') no-repeat 50% 50% / cover;}
.m-section13 .top-txt p {line-height: 1.7; font-size: 50px; font-weight: 400; display: block; text-align: center; margin-bottom: 12px;}
.m-section13 .top-txt p b {font-weight: 800; }
.m-section13 .top-txt span {font-size: 26px; font-weight: 400; display: block; text-align: center; margin-bottom: 60px;}




.orange-button {cursor: text !important;}
.connect_box .connect_list dd > span {margin: 16px 0 15px;}