/*  << 20240813 */
/* notice popup */
.notice_popup_bg {z-index: 1000; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(1.5px);}
@supports (-webkit-backdrop-filter: none) {
    .notice_popup_bg { -webkit-backdrop-filter: blur(1.5px); }
}
.notice_popup {z-index: 1001; position: fixed; left: 50%; transform: translateX(-50%); top: 22%;}
/*.notice_popup {z-index: 1001; position: fixed; left: 20%; transform: translateX(-50%); top: 14%;}*/

.notice_popup .close_btn_top {z-index: 1001; position: absolute; right: -17px; top: -17px;
    width: 35px; height: 35px; background: url(../images/btn_round_close.png) center no-repeat; background-size: contain;}
.notice_popup .mySwiper {width: 480px; height: 520px; border-radius: 12px 12px 0 0; overflow: hidden;}
.notice_popup .mySwiper .swiper-wrapper .swiper-slide a {display: block; width: 100%; height: 100%; border-radius: 12px 12px 0 0; overflow: hidden;}
.notice_popup .mySwiper .swiper-wrapper .swiper-slide a img {width: 100%; height: 100%; object-fit: cover; border-radius: 12px 12px 0 0;}
.notice_popup .swiper-horizontal>.swiper-pagination-bullets,
.notice_popup .swiper-pagination-bullets.swiper-pagination-horizontal,
.notice_popup .swiper-pagination-custom,
.notice_popup .swiper-pagination-fraction {display: inline-block; width: auto; bottom: auto; top: 10px; left: 10px;}
.notice_popup .swiper-pagination {width: auto; font-size: 14px; padding: 6px 10px; box-sizing: border-box; color: #fff; background: rgba(0, 0, 0, 0.2); border-radius: 100px;}
/* .notice_popup .swiper-horizontal>.swiper-pagination-bullets,
.notice_popup .swiper-pagination-bullets.swiper-pagination-horizontal {width: auto; bottom: auto; top: 20px; right: 18px; text-align: right;}
.notice_popup .swiper-pagination-bullet,
.notice_popup .swiper-pagination-bullet-active {background: #fff !important;} */

.notice_popup .notice_bottom {background: #fff; border-radius: 0px 0px 12px 12px; padding: 12px; display: flex; justify-content: space-between; align-items: center;}
.notice_popup .notice_bottom input[type="checkbox"] {appearance: none; margin: 0; position: relative;}
.notice_popup .notice_bottom label {display: inline-block; width: 18px; height: 18px; border: 1px solid #5F6367; border-radius: 4px;
    vertical-align: middle; cursor: pointer; white-space: nowrap; position: relative; line-height: 18px;}
.notice_popup .notice_bottom label::after {content:''; width: 80%; height: 80%; background: url(../../momo/common/images/btn_check_gray.png) center no-repeat; background-size: contain; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.notice_popup .notice_bottom label span {display: block; padding-left: 28px; position: absolute; top: 0; left: 0;
    font-size: 16px; line-height: 1.1; letter-spacing: -1px; color: #5F6367;}
.notice_popup .notice_bottom a {display: inline-block; font-size: 16px; line-height: 1; text-align: right; letter-spacing: -1px; color: #5F6367; position: relative; padding-right: 28px;}
.notice_popup .notice_bottom a::before {content: ''; display: inline-block; width: 20px; height: 1px; background: #5F6367; position: absolute; right: 0; top: 50%; margin-top: -0.5px; transform: rotate(45deg);}
.notice_popup .notice_bottom a::after {content: ''; display: inline-block; width: 20px; height: 1px; background: #5F6367; position: absolute; right: 0; top: 50%; margin-top: -0.5px; transform: rotate(-45deg);}

/* notice popup2 */
.notice_popup_bg2 {z-index: 1000; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(1.5px);}
@supports (-webkit-backdrop-filter: none) {
    .notice_popup_bg2 { -webkit-backdrop-filter: blur(1.5px); }
}
.notice_popup2 {z-index: 1001; position: fixed; left: 50%; transform: translateX(-50%); top: 22%;}
.notice_popup2 .close_btn_top2 {z-index: 1001; position: absolute; right: -17px; top: -17px;
    width: 35px; height: 35px; background: url(../images/btn_round_close.png) center no-repeat; background-size: contain;}
.notice_popup2 .mySwiper {width: 480px; height: 520px; border-radius: 12px 12px 0 0; overflow: hidden;}
.notice_popup2 .mySwiper .swiper-wrapper .swiper-slide a {display: block; width: 100%; height: 100%; border-radius: 12px 12px 0 0; overflow: hidden;}
.notice_popup2 .mySwiper .swiper-wrapper .swiper-slide a img {width: 100%; height: 100%; object-fit: cover; border-radius: 12px 12px 0 0;}

.notice_popup2 .swiper-horizontal>.swiper-pagination-bullets,
.notice_popup2 .swiper-pagination-bullets.swiper-pagination-horizontal,
.notice_popup2 .swiper-pagination-custom,
.notice_popup2 .swiper-pagination-fraction {display: inline-block; width: auto; bottom: auto; top: 10px; left: 10px;}
.notice_popup2 .swiper-pagination {width: auto; font-size: 14px; padding: 6px 10px; box-sizing: border-box; color: #fff; background: rgba(0, 0, 0, 0.2); border-radius: 100px;}

.notice_popup2 .notice_bottom {background: #fff; border-radius: 0px 0px 12px 12px; padding: 12px; display: flex; justify-content: space-between; align-items: center;}
.notice_popup2 .notice_bottom input[type="checkbox"] {appearance: none; margin: 0; position: relative;}
.notice_popup2 .notice_bottom label {display: inline-block; width: 18px; height: 18px; border: 1px solid #5F6367; border-radius: 4px;
    vertical-align: middle; cursor: pointer; white-space: nowrap; position: relative; line-height: 18px;}
.notice_popup2 .notice_bottom label::after {content:''; width: 80%; height: 80%; background: url(../../daeat/common/images/btn_check_gray.png) center no-repeat; background-size: contain; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.notice_popup2 .notice_bottom label span {display: block; padding-left: 28px; position: absolute; top: 0; left: 0;
    font-size: 16px; line-height: 1.1; letter-spacing: -1px; color: #5F6367;}
.notice_popup2 .notice_bottom a {display: inline-block; font-size: 16px; line-height: 1; text-align: right; letter-spacing: -1px; color: #5F6367; position: relative; padding-right: 28px;}
.notice_popup2 .notice_bottom a::before {content: ''; display: inline-block; width: 20px; height: 1px; background: #5F6367; position: absolute; right: 0; top: 50%; margin-top: -0.5px; transform: rotate(45deg);}
.notice_popup2 .notice_bottom a::after {content: ''; display: inline-block; width: 20px; height: 1px; background: #5F6367; position: absolute; right: 0; top: 50%; margin-top: -0.5px; transform: rotate(-45deg);}

/*  20240813 >> */


/* visual */
.visual {margin-top: 100px;width: 100%; overflow: hidden;}
.visual .swiper-container {width: 100%; height: 100%; position: relative; overflow: hidden;}
.visual .swiper-slide {position: relative;}
.visual .swiper-container ul.swiper-wrapper li img {width: 100%; height: 100%; object-fit: cover;}


/* #content */
#content {overflow: hidden; padding-bottom: 160px;}
#content .title_box{text-align: center;}
section {background: #fff; clear: both;}
section > span {font-weight: 400; font-size: 14px; }
section > span {font-weight: 700; font-size: 16px; line-height: 20px; color: #2E1566; transform: skew(-0.1deg);}
section > span i {font-style: normal;}
section h3 a {display: inline-block; font-weight: 700; font-size: 34px; line-height: 43px; padding-bottom: 32px; color: #2E1566; transform: skew(-0.1deg);}
section h3 a span {display: none; width: 12px; height: 13px; margin-left: 4px; background: url(../images/arrow_pp_right.png) top center no-repeat;
    background-size: contain; vertical-align: middle;}

#content .swiper-container{position:relative;overflow: hidden;}
#content .swiper-button-next, #content .swiper-button-prev {color: #2E1566 ; opacity: .5 }
#content .swiper-button-next:active,#content .swiper-button-prev:active {opacity: 1 !important;}
#content .swiper-pagination{text-align:center;padding: 0 5%; bottom: 0 !important;}
#content .swiper-pagination .swiper-pagination-bullet{background: #D9D9D9 !important; opacity: 1; flex:1; border-radius:0; margin: 0 !important; height: 4px;}
#content .swiper-pagination .swiper-pagination-bullet-active{background: var(--woman-color-main) !important;}

#content a.btn_more{font-size: 14px; font-weight: 700; line-height: 1;letter-spacing: -0.02em; display: block; }
#content a.btn_more::after{content:''; display:inline-block; width: 14px; height: 14px;background: url(../common/images/arrow-right.svg) top center no-repeat; background-size: contain;vertical-align:middle;padding-left: 4px; }

.section01 .inner{padding: 80px 12.6%;}
.section01 .feature-list{display: flex;justify-content: space-around; align-items: center; position: relative;}
.section01 .feature-list li{width: calc(248/1440 * 100%);text-align: center;   }
.section01 .feature-list li a{display: block;}
.section01 .feature-list li img{ transition: all 500ms cubic-bezier(0.4, 0.0, 0.2, 1);-webkit-transition: all 500ms cubic-bezier(0.4, 0.0, 0.1);}
.section01 .feature-list li:hover img{transform:scale(1.1);}
.section01 .feature-list li p{font-size: 24px; font-weight: 500; line-height: 1.4;margin-top: 16px;}

.section02 .inner{padding: 80px 4.17%;}
.section02 .title_box{text-align: center;}
.section02 .title_box .title{font-size: 56px; font-weight: 500; line-height: 1.4;margin-bottom: 8px;}
.section02 .title_box .sub_text{font-size: 24px; font-weight: 300;color: var(--black-color-500);letter-spacing: -0.02em;}
.section02 .swiper-container {overflow: hidden;padding: 48px 0;}
.section02 .swiper-container .swiper-slide {width: 300px;margin-right: 20px;transition: transform 0.3s ease;}
.section02 .swiper-container .swiper-slide img {display: block;border-radius: 16px; user-drag: none; -webkit-user-drag: none;pointer-events: auto;cursor: pointer;}
.section02 .swiper-pagination{display: none;}


.section03{width: 100%; background-image: url(../images/main_section03_bg.jpg);  background-repeat: no-repeat;  background-position: center bottom; background-size: cover;background-color:#111A33;  }
.section03 .inner{padding: 128px 12.6% calc(384/ 1920 * 100%);color: #fff;}
.section03 .title_box{letter-spacing: -0.02em; margin-bottom:82px;}
.section03 .title_box .title{font-size: 64px;font-weight: 500;line-height: 1.2;margin-bottom: 8px;}
.section03 .title_box .sub_text{font-size: 24px;font-weight: 300;color: var(--black-color-200);}
.section03 .content_box{width:calc(1138/1440 * 100%); margin: 0 auto;}
.section03 .stat_group{display: flex; justify-content: space-between; align-items: flex-end; gap: 24px;}
.section03 .stat_group.top{margin-bottom: 56px;}
.section03 .stat_item{flex: 1;padding: 0 24px 24px; border-bottom: 1px solid rgba(255,255,255,0.3);}
.section03 .stat_group .stat-title{font-weight: 500; line-height: 1.4;}
.section03 .stat_group .stat-number{text-align:right;}
.section03 .stat_group .stat-sub{font-size:12px; color: rgba(255, 255, 255, 0.2);text-align: right;}
.section03 .stat_group.top .stat-title{font-size: 30px;}
.section03 .stat_group.top .stat-number{font-size: 56px;font-weight: 600;letter-spacing: -1.12px;}
.section03 .stat_group.bottom .stat-number{font-size: 38px;font-weight: 700;letter-spacing: -0.76px;}
.section03 .stat_group.bottom .stat-title{font-size: 16px;}
.section03 .stat_item {display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: auto auto;}
.section03 .stat_item .stat-title{grid-column: 1;grid-row: 1;}
.section03 .stat_item .stat-number{grid-column: 2;grid-row: 1;}
.section03 .stat_item .stat-sub{grid-column: 1 / span 2;grid-row: 2;}

.section04 .inner{padding: 112px 0;}
.section04 .story-item{display: flex; justify-content: center; align-items: center;flex-direction: row;}
.section04 .story-item:nth-of-type(2n){flex-direction: row-reverse;}
.section04 .story-item > div{width:50%;}
.section04 .story-item .img_box{position:relative; width:50%;overflow: hidden;}
.section04 .story-item .img_box img{opacity:0;z-index:1; position:relative;}
.section04 .story-item.aos-animate .img_box img{animation:colorImgAni 1.2s 0.7s forwards;}
.section04 .story-item .img_box .ani_color_box{width:100%; height:100%; background:var(--man-color-main); position:absolute; top:0; left:0;z-index:2;transition: opacity .5s;}
.section04 .story-item .img_box .ani_color_box.left{translate: none; rotate: none; scale: none; transform-origin: 100% 50%; transform: scale(0, 1);}
.section04 .story-item.aos-animate .img_box .ani_color_box.left{animation:colorAni--left 1.7s cubic-bezier(.215,.61,.355,1) 0.5s forwards;}
.section04 .story-item .img_box .ani_color_box.right{translate: none; rotate: none; scale: none; transform-origin: 0% 100%; transform: scale(0, 1);}
.section04 .story-item.aos-animate .img_box .ani_color_box.right{animation:colorAni--right 1.7s cubic-bezier(.215,.61,.355,1) 0.5s forwards;}
.section04 .story-item .text_box{padding-left: 80px;line-height: 1.2; letter-spacing: -0.02em;font-weight: 600;}
.section04 .story-item .text_box span{font-size: 18px;color: var(--woman-color-main);display: block;}
.section04 .story-item .text_box h4{font-size: 44px; margin: 16px 0;}
.section04 .story-item .text_box p{font-size: 20px;font-weight: 400; color: var(--black-color-500);}
.section04 .story-item:nth-of-type(2n) .text_box{padding:0 80px 0 0;text-align: right;}

.section05 .center-list{position: relative; width: 100%;display: flex; justify-content: space-between; align-items: center;}
.section05 .center-list li{ width:calc(100% / 3);overflow: hidden;height: 500px;position: relative;color: #fff;}
.section05 .center-list li a{position:relative; width:100%; height:100%; display:block;}
.section05 .center-list li .img_box{position:absolute; top:0; left:0; width:100%; height:100%; z-index:0;transform: scale(1) translateZ(0);-webkit-transform: scale(1) translateZ(0);-moz-transform: scale(1) translateZ(0);-ms-transform: scale(1) translateZ(0);-o-transform: scale(1) translateZ(0);
    transition: transform 1.5s 0.1s ease;-webkit-transition: transform 1.5s 0.1s ease;-moz-transition: transform 1.5s 0.1s ease;-ms-transition: transform 1.5s 0.1s ease;-o-transition: transform 1.5s 0.1s ease;}
.section05 .center-list li:nth-of-type(1){background-color:#0D1D3D;}
.section05 .center-list li:nth-of-type(2){background-color:#c6382c;}
.section05 .center-list li:nth-of-type(3){background-color:#51712F;}
.section05 .center-list li a .img_box{background-position:0 50%; background-repeat: no-repeat; background-size: cover;}
.section05 .center-list li:nth-of-type(1) a .img_box{background-image: url(../images/main_section05_01.jpg);}
.section05 .center-list li:nth-of-type(2) a .img_box{background-image: url(../images/main_section05_02.jpg);}
.section05 .center-list li:nth-of-type(3) a .img_box{background-image: url(../images/main_section05_03.jpg);}
.section05 .center-name{font-size: 42px;font-weight: 500; }
.section05 .sub-text{font-size: 20px; text-align: center; line-height: 1.4;}
.section05 .center-list li .text_box{position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 16px;color: #fff;}

.section06 .inner{padding: 96px 0 0;}
.section06 .swiper-container{padding-top:48px;}
.section06 .title_box{text-align: center;line-height: 1.4;}
.section06 .title_box .title{font-size: 56px; font-weight: 500; }
.section06 .title_box .sub_text{font-size: 24px; font-weight: 300;color: var(--black-color-500);}
.section06 .swiper-container{width: 100%;}
.section06 .swiper-slide {width: auto;flex-shrink: 0;}
.section06 .swiper-slide img{aspect-ratio: 16 / 9;object-fit: cover;border-radius: 16px;}
.section06 .swiper-pagination{display: none;}




@media (hover: hover) and (pointer: fine) {
    .section02 .swiper-container .swiper-slide:hover {transform: translateY(-10px);transition: transform 0.3s ease;}

    .section05 .center-list li {transition: width .5s cubic-bezier(0.4, 0.0, 0.2, 1);}
    .section05 .center-list li:hover{ width:40%;}

    .section05 .center-list li:hover a .img_box{  transform: scale(1.1) translateZ(0);
        -webkit-transform: scale(1.1) translateZ(0);
        -moz-transform: scale(1.1) translateZ(0);
        -ms-transform: scale(1.1) translateZ(0);
        -o-transform: scale(1.1) translateZ(0);}
}
/* PC (해상도 1540 ~ 1780px) */
@media screen and (max-width: 1780px) {
    .section03 .content_box{width:100%;}
}
/* PC (해상도 1440p x ~ 1540px) */
@media screen and (max-width:1540px) {
    /* notice popup */
    .notice_popup {/* left: calc(50% - 230px); *//* top: 22%; */}

    .notice_popup .close_btn_top {right: -17px; top: -17px; width: 35px; height: 35px;}
    .notice_popup .mySwiper {width: 440px; height: 475px;}

    /* notice popup2 */
    /* .notice_popup2 {left: calc(50% + 230px); top: 22%;} */

    .notice_popup2 .close_btn_top {right: -17px; top: -17px; width: 35px; height: 35px;}
    .notice_popup2 .mySwiper {width: 440px; height: 475px;}

    /* visual */

    /* content */
}
/* PC (해상도 1058px ~ 1440px) */
@media screen and (max-width: 1440px) {
    /* visual */
    /* content */
    .section03 .inner{padding: 128px 5% calc(600/ 1920 * 100%);}
    .section03 .stat_item{grid-template-columns: auto auto}



}
/* 태블릿 (해상도 769px ~ 1024px) */
@media screen and (max-width: 1024px) {
      /* notice popup */
    .notice_popup {/* left: calc(50% - 170px); *//* transform: translate(-50%, -25vh); *//* top: 50vh; */}
    .notice_popup .mySwiper {width: 330px; height: 357px;}
    .notice_popup .close_btn_top {display: none;}

    .notice_popup .notice_bottom {padding: 8px 12px;}
    .notice_popup .notice_bottom label span {font-size: 12px; line-height: 16px; letter-spacing: 0; padding-left: 24px;}
    .notice_popup .notice_bottom label {width: 16px; height: 16px; line-height: 18px;}
    .notice_popup .notice_bottom a {font-size: 12px; padding-right: 14px;}
    .notice_popup .notice_bottom a::before {width: 11.5px;}
    .notice_popup .notice_bottom a::after {width: 11.5px;}
    .notice_popup .swiper-pagination {font-size: 12px; padding: 4px 8px;}

    /* notice popup2 */
    /* .notice_popup2 {left: calc(50% + 170px); transform: translate(-50%, -25vh); top: 50vh;} */
    .notice_popup2 .mySwiper {width: 330px; height: 357px;}
    .notice_popup2 .close_btn_top2 {display: none;}

    .notice_popup2 .notice_bottom {padding: 8px 12px;}
    .notice_popup2 .notice_bottom label span {font-size: 12px; line-height: 16px; letter-spacing: 0; padding-left: 24px;}
    .notice_popup2 .notice_bottom label {width: 16px; height: 16px; line-height: 18px;}
    .notice_popup2 .notice_bottom a {font-size: 12px; padding-right: 14px;}
    .notice_popup2 .notice_bottom a::before {width: 11.5px;}
    .notice_popup2 .notice_bottom a::after {width: 11.5px;}
    .notice_popup2 .swiper-pagination {font-size: 12px; padding: 4px 8px;}



    /* visual */
    .visual {margin-top: 94px;}

    /* content */
    #content{padding-bottom: 125px;}
    .section01 .inner{padding: 56px 5%;}
    .section01 .feature-list{justify-content:space-between;gap: 16px;}
    .section01 .feature-list li{width: 100%;}
    .section01 .feature-list li p{font-size: 20px;margin-top: 8px}

    .section02 .inner{padding: 50px 0 108px;}
    .section02 .swiper-container{margin-bottom:56px;}
    .section02 .title_box .title{font-size: 44px;}
    .section02 .title_box .sub_text{font-size: 22px;}
    .section02 .swiper-pagination{display: flex;}

    .section03{width: 100%; background-image: url(../images/main_section03_bg_tb.jpg)}
    .section03 .inner{padding: 96px 5% calc(279/ 744 * 100%);}
    .section03 .title_box .title{font-size: 44px;}
    .section03 .title_box .sub_text{font-size: 22px;}
    .section03 .content_box{width:calc(578/744* 100%);}
    .section03 .stat_group{flex-direction:column;gap: 16px;}
    .section03 .stat_group.top{margin-bottom:16px;}
    .section03 .stat_item{width: 100%;padding: 0 16px 24px;}
    .section03 .stat_group.top .stat-title,.section03 .stat_group.bottom .stat-title{font-size: 20px; font-weight: 400;}
    .section03 .stat_group.top .stat-number,.section03 .stat_group.bottom .stat-number{font-size: 38px;margin-bottom: 8px;}
    .section03 .stat_group .stat-title br{display: none;}

    .section04 .inner{padding: 124px 0 160px;}
    .section04 .story-item{align-items:flex-start; flex-direction: column-reverse;margin-bottom: 80px;}
    .section04 .story-item:nth-of-type(2n){align-items:flex-end;flex-direction: column-reverse;}
    .section04 .story-item:last-of-type{margin-bottom:0;}
    .section04 .story-item .text_box{padding:0 0 24px 24px}
    .section04 .story-item:nth-of-type(2n) .text_box{padding:0 24px 24px 0;}
    .section04 .story-item > div{width:100%;}
    .section04 .story-item .img_box{width: 90%;}
    .section04 .story-item .text_box span{font-size: 12px;}
    .section04 .story-item .text_box h4{ margin: 8px 0;}
    .section04 .story-item .text_box p{font-size: 18px;}

    .section05 .center-list{flex-direction:column;}
    .section05 .center-list li{width: 100%;height: auto; transition: none;}
    .section05 .center-list li:hover{width: 100%;}
    .section05 .center-list li a{padding: 96px 0;}
    .section05 .center-list li a .img_box{background-position: center top;}
    .section05 .center-list li:nth-of-type(1) a .img_box{background-position: center 80%;}
    .section05 .center-list li:nth-of-type(3) a .img_box{background-position: center center;}

    .section06 .title_box .title{font-size: 44px;}
    .section06 .title_box .sub_text{font-size: 22px;}
    .section06 .swiper-container{padding:40px 0 56px;}
    .section06 .swiper-pagination{display: flex;}

}

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

    /* notice popup */
    /* .notice_popup {width: 330px; position: relative; left: 50%; transform: translate(-50%, 0); top: 0; margin-top: 5vh;} */
    .notice_popup {width: 330px;/* position: absolute; *//* left: 50%; *//* transform: translate(-50%, 0); *//* top: 1vh; */top: 15%;}
    .notice_popup .mySwiper {width: 330px; height: 357px;}

    .notice_popup .notice_bottom {padding: 8px 12px;}
    .notice_popup .notice_bottom label {width: 16px; height: 16px; line-height: 18px;}
    .notice_popup .notice_bottom a {font-size: 12px; padding-right: 14px;}
    .notice_popup .notice_bottom a::before {width: 11.5px;}
    .notice_popup .notice_bottom a::after {width: 11.5px;}
    .notice_popup .swiper-pagination {font-size: 12px; padding: 4px 8px;}

    /* notice popup2 */
    /* .notice_popup2 {width: 330px; position: relative; left: 50%; transform: translate(-50%, 0); top: 0; margin-top: 5vh;} */
    .notice_popup2 {width: 330px;/* position: absolute; *//* left: 50%; *//* transform: translate(-50%, 0); *//* top: 1vh; */top: 15%;}
    .notice_popup2.on {top: 1vh;}
    .notice_popup2 .mySwiper {width: 330px; height: 357px;}

    .notice_popup2 .notice_bottom {padding: 8px 12px;}
    .notice_popup2 .notice_bottom label {width: 16px; height: 16px; line-height: 18px;}
    .notice_popup2 .notice_bottom a {font-size: 12px; padding-right: 14px;}
    .notice_popup2 .notice_bottom a::before {width: 11.5px;}
    .notice_popup2 .notice_bottom a::after {width: 11.5px;}
    .notice_popup2 .swiper-pagination {font-size: 12px; padding: 4px 8px;}




    /* visual */
    .visual {margin-top: 62px;}

    /* content */
    #content{padding-bottom: 100px;}
    .section01 .inner{padding: 40px 5%;}
    .section01 .feature-list{gap: 8px;}
    .section01 .feature-list li p{font-size: 16px;margin-top: 6px}

    .section02 .inner{padding: 46px 0 70px;}
    .section02 .title_box .title{font-size: 40px;}
    .section02 .title_box .sub_text{font-size: 18px;}
    .section02 .swiper-container{margin-bottom:32px;}

    .section03{width: 100%; background-image: url(../images/main_section03_bg_mo.jpg)}
    .section03 .inner{padding: 80px 5% calc(283/ 393 * 100%);}
    .section03 .content_box{width: 100%;}
    .section03 .stat_group.top .stat-title, .section03 .stat_group.bottom .stat-title{font-size: 16px;}
    .section03 .stat_group .stat-title br{display: block;}


    .section04 .inner{padding: 80px 0 96px;}
    .section04 .story-item{margin-bottom: 40px;}
    .section04 .story-item .text_box h4{font-size:34px;}
    .section04 .story-item .text_box p{font-size: 14px;}

    .section05 .center-list li a{padding: 60px 0;}
    .section05 .center-name{font-size: 32px; }
    .section05 .sub-text{font-size: 14px;}

    .section06 .swiper-container{padding:32px 0;}
    .section06 .swiper-slide,.section06 .swiper-slide img{min-width: 312px;}


}

@media (max-width: 480px) {
}

/*---- Animation [S]----*/

@keyframes colorImgAni {
    0%{opacity:0;}
    50%{opacity:1;}
    100%{opacity:1;}
}

@keyframes colorAni--left {
    0%{transform: scale(0, 1);}
    40%{transform: scale(1, 1);}
    50%{transform: scale(1, 1);}
    100%{transform: scale(1, 1) translateX(-100%);}
}

@keyframes colorAni--right {
    0%{transform: scale(0, 1);}
    40%{transform: scale(1, 1);}
    50%{transform: scale(1, 1);}
    100%{transform: scale(1, 1) translateX(100%);}
}

@keyframes colorAni--right--mo {
    0%{transform: scale(0, 1);}
    40%{transform: scale(1, 1);}
    50%{transform: scale(1, 1);}
    100%{transform: scale(1, 1) translateX(120%);}
}
@keyframes colorAni--left {
    0%{transform: scale(0, 1);}
    40%{transform: scale(1, 1);}
    50%{transform: scale(1, 1);}
    100%{transform: scale(1, 1) translateX(-100%);}
}

@keyframes colorAni--right {
    0%{transform: scale(0, 1);}
    40%{transform: scale(1, 1);}
    50%{transform: scale(1, 1);}
    100%{transform: scale(1, 1) translateX(100%);}
}

@keyframes colorAni--right--mo {
    0%{transform: scale(0, 1);}
    40%{transform: scale(1, 1);}
    50%{transform: scale(1, 1);}
    100%{transform: scale(1, 1) translateX(120%);}
}
/*---- Animation [E]----*/