/* intro */
.intro{ position: fixed; left: 0; top: 0; z-index: 9998; width: 100%; height: 100vh; box-sizing: border-box; }
.intro .inn{ width: 100%; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; background-color: #f6f6f6; text-align: center; transition-duration: .6s; overflow: hidden; transform: translateY(0); }
.intro .logo{ width: 85%; margin: 0 auto; }
.intro .text{ margin-top: 50px; font-size: 24px; letter-spacing: -0.02em; color: #101010; }
.intro .text p{ display: inline-block; width: auto; clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%); }
.intro .text span{ color: #00e100; font-weight: 600; }
.intro.hide{ pointer-events: none; }
.intro.hide .inn{ transform: translateY(-100%); }

@media screen and (max-width: 1280px){
    .intro .text{ font-size: 20px; margin-top: 30px; }
}

@media screen and (max-width: 820px){
    .intro .text{ font-size: 16px; margin-top: 15px; }
}

@media screen and (max-width: 500px){
    .intro .text{ font-size: 14px; margin-top: 10px; }
}

body{ background-color: #010f16; }
body ._m{ opacity: 0; transition-duration: 0.2s; word-break: keep-all; }
body.on ._m{ opacity: 1; }

._m section{ position: relative; }


._m .se01{ width: 100%; overflow: hidden; position: relative; min-height: 100vh; box-sizing: border-box; background-color: #101010; }
._m .se01 .bg{ width: 100%; height: 100vh; box-sizing: border-box; position: absolute; top: 0; left: 0; z-index: 0; }
._m .se01 .vid{ width: 100%; height: 100%; position: relative; left: 0; top: 0;  box-sizing: border-box; overflow: hidden; }
._m .se01 .vid iframe{ opacity: 0.4; width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

._m .se01 .wrap{ position: relative; z-index: 1; }
._m .se01 .scrollWrap{ width: 100%; }
._m .se01 .scrollWrap .dummy{ padding-bottom: 20vh; }
._m .se01 .scrollWrap .bx{ height: 100vh; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; }
._m .se01 .scrollWrap .bx li{ font-size: 65px; letter-spacing: -0.025em; font-weight: 500; font-family: 'Roboto', sans-serif; line-height: calc(90 / 80); color: #fff; overflow: hidden; }
._m .se01 .scrollWrap .bx li.kr{ font-family: 'Pretendard'; font-size: 40px; margin-top: 10px; }

._m .se01 .control{ position: absolute; right: 0; top: 0; height: 100vh; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; z-index: 2; color: #fff; }
._m .se01 .control .arrow{ display: flex; align-items: center; justify-content: flex-end; font-size: 18px; }
._m .se01 .control .arrow > div{ padding: 5px; box-sizing: border-box; cursor: pointer; transition-duration: 0.2s; }
._m .se01 .control .arrow > div:last-of-type{ padding-right: 0; }
._m .se01 .control .progress{ width: 100%; max-width: 126px; position: relative; height: 2px; background-color: rgba(255,255,255,0.2); }
._m .se01 .control .progress span{ position: absolute; left: 0; top: 0; height: 100%; width: 4px; background-color: #fff; }
._m .se01 .control > p{ margin-top: 35px; font-size: 18px; letter-spacing: -0.02em; line-height: calc(28 / 18); text-align: right; font-weight: 200; }
._m .se01 .control > p span{ color: #00e100; font-weight: 600; }

@media screen and (min-width: 821px){
    ._m .se01 .control .arrow > div:hover{ color: #fff; }
}

@media screen and (max-width: 1280px){
    ._m .se01 .scrollWrap .bx li{ font-size: 5vw; }
    ._m .se01 .scrollWrap .bx li.kr{ font-size: 4vw; }
    ._m .se01 .control > p{ font-size: 16px; margin-top: 15px; }
}

@media screen and (max-width: 820px){
    ._m .se01 .control{ justify-content: flex-end; padding-bottom: 50px; box-sizing: border-box; }
    ._m .se01 .control > p{ font-size: 14px; }
}


.contents{ position: relative; }
.contWrap{ position: relative; background-color: #f6f6f6; color: #101010; }
.contWrap .innWrap{ width: calc(1445 / 1920 * 100%); margin: 0 auto; position: relative; z-index: 10; }

.seTitle{ position: absolute; left: 0; top: 0; padding-left: calc(200 / 1920 * 100%); box-sizing: border-box; height: 100%; z-index: 5; }
.seTitle .topline{ width: 1px; height: 132px; background: linear-gradient(180deg,rgba(207, 207, 207, 1) 0%, rgba(221, 221, 221, 1) 80%, rgba(227, 227, 227, 1) 100%); transform-origin: 0 0; }
/*  background-color: rgba(133,133,133,0.3); */
.seTitle .center{ margin: 10px 0; position: relative; height: 10px; }
.seTitle .center em{ display: block; width: 10px; height: 10px; background-color: #00e100; border-radius: 2px; margin-left: -4px; }
.seTitle .center dl{ position: absolute; left: 40px; top: -9px; width: 80vw; }
.seTitle .center dl dt{ position: relative; font-size: 20px; letter-spacing: -0.025em; font-family: 'Roboto', sans-serif; line-height: 1.5; height: 1.5em; overflow: hidden; }
.seTitle .center dl dt p{  }
.seTitle .center dl dt.addti{ font-size: 42px; letter-spacing: -0.02em; font-weight: 700; font-family: 'Roboto', 'Pretendard'; margin-top: 33px; }

.seTitle .center dl dt[data-num="0"] p{ transform: translateY(0); }
.seTitle .center dl dt[data-num="1"] p{ transform: translateY(-100%); }
.seTitle .center dl dt[data-num="2"] p{ transform: translateY(-200%); }
.seTitle .center dl dt[data-num="3"] p{ transform: translateY(-300%); }
.seTitle .center dl dt[data-num="4"] p{ transform: translateY(-400%); }
.seTitle .center dl dt[data-num="5"] p{ transform: translateY(-500%); }
.seTitle .center dl dt[data-num="6"] p{ transform: translateY(-600%); }
.seTitle .center dl dt[data-num="7"] p{ transform: translateY(-700%); }

.seTitle .center dl dt[data-num="0"] ~ dd{ opacity: 1; transform: translateX(0); }
.seTitle .center dl dt[data-num="5"] ~ .addti{ opacity: 1; transform: translateX(0); }
.seTitle .center dl dt[data-num="5"] ~ .addti ~ dd{ opacity: 1; transform: translateX(0); }
.seTitle .center dl dd{ font-size: 18px; font-weight: 300; letter-spacing: -0.02em; line-height: calc(30 / 18); color: #7c7c7c; margin-top: 25px; transform: translateX(-20%); opacity: 0; }
.seTitle .botline{ width: 1px; height: calc(100% - 161px); background: linear-gradient(0deg,rgba(207, 207, 207, 1) 0%, rgba(221, 221, 221, 1) 95%, rgba(227, 227, 227, 1) 100%); transform-origin: 0 0; }
/*  background-color: rgba(133,133,133,0.3); */

.seTitle.pc{ max-height: 100vh; }
.seTitle.mob{ height: 100%; display: none; }
.seTitle.mob .botline{ height: calc(100% - 122px); }


.seTitle.black .topline{ background: linear-gradient(180deg,rgba(16, 25, 29, 1) 0%, rgba(87, 95, 99, 1) 80%, rgba(103, 111, 115, 1) 100%); }
.seTitle.black .botline{ background: linear-gradient(0deg,rgba(16, 25, 29, 1) 0%, rgba(62, 71, 75, 1) 95%, rgba(103, 111, 115, 1) 100%); }

@media screen and (max-width: 1280px){
    .seTitle .topline{ height: 92px; }
    .seTitle .botline{ height: calc(100% - 122px); }
    .seTitle .center dl{ left: 20px; top: -6px; }
    .seTitle .center dl dt{ font-size: 16px; }
    .seTitle .center dl dt.addti{ font-size: 30px; margin-top: 5px; }
    .seTitle .center dl dd{ font-size: 14px; margin-top: 10px; }
}

@media screen and (max-width: 820px){
    .contWrap .innWrap{ width: 88%; }

    .seTitle{ padding-left: 5%; }
    .seTitle.mob{ display: block; }

    .seTitle .topline{ height: 60px; }
    .seTitle .botline{ height: calc(100% - 90px); }

    .seTitle .center dl{ top: -4px; }
    .seTitle .center dl dt{ font-size: 15px; }
    .seTitle .center dl dt.addti{ font-size: 24px; margin-top: 0; }
    .seTitle .center dl dd{ font-size: 12px; margin-top: 5px; }
    
    
}


._m .se02{ width: 100%; position: relative; padding-top: 340px; padding-bottom: 125px; overflow: hidden; }
._m .se02 .bigTitle{ text-align: center; }
._m .se02 .bigTitle h1{ transform-style: preserve-3d; transform-style: preserve-3d; backface-visibility: hidden; transform-origin: center center -0.4em; font-family: 'Roboto', sans-serif; line-height: calc(131 / 150); letter-spacing: -0.025em; overflow: hidden; }
._m .se02 .bigTitle h1 span{ display: block; font-size: 44px; font-weight: 500; color: rgba(51, 51, 51, 0.6); }
._m .se02 .bigTitle .ani_box{ overflow: hidden; margin-top: 15px; }
._m .se02 .bigTitle .ani_box .cube{ font-size: 6.25vw; perspective: 82.5rem; position: relative; height: 1em; text-align: center; }
._m .se02 .bigTitle .ani_box .cube h1{ position: absolute; color: #021824; top: 0; left: 0; font-weight: 700; width: 100%; }

._m .se02 .diflist{ width: 100%; max-width: 1200px; margin: 0 auto; margin-top: 75px; display: flex; justify-content: space-between; }
._m .se02 .diflist > li{ width: calc(380 / 1200 * 100%); padding: 0 40px; padding-top: 80px; box-sizing: border-box; padding-bottom: 20px; transition-duration: 0.6s; border-radius: 9px; background-color: #fff; position: relative; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; text-align: center; cursor: pointer; overflow: hidden; }
._m .se02 .diflist > li > img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; transition-duration: 0.2s; opacity: 0; }
._m .se02 .diflist > li .icon{ width: 115px; position: relative; z-index: 1; filter: saturate(0) brightness(0); opacity: 0.8; transition-duration: 0.2s; }
._m .se02 .diflist > li dl{ position: relative; z-index: 1; margin-top: 55px; }
._m .se02 .diflist > li dl dt{ font-size: 24px; font-weight: 700; letter-spacing: -0.02em; color: #101010; transition-duration: 0.2s; }
._m .se02 .diflist > li dl dd{ font-size: 16px; color: #b0b0a6; letter-spacing: -0.025em; font-family: 'Roboto', sans-serif; margin-top: 10px; transition-duration: 0.2s; }
._m .se02 .diflist > li ul{ position: relative; z-index: 1; margin-top: 30px; }
._m .se02 .diflist > li ul li{ margin-bottom: 15px; }
._m .se02 .diflist > li ul li:last-of-type{ margin-bottom: 0; }
._m .se02 .diflist > li ul li p{ font-size: 18px; font-weight: 300; color: #333333; line-height: calc(30 / 18); letter-spacing: -0.02em; }
._m .se02 .diflist > li ul li em{ font-size: 14px; font-weight: 300; letter-spacing: -0.02em; color: #727272; line-height: 1.3; }

@media screen and (min-width: 821px){
    ._m .se02 .diflist > li:hover{ transform: translateY(-50px); }
    ._m .se02 .diflist > li:hover > img{ opacity: 1; }
    ._m .se02 .diflist > li:hover .icon{ filter: saturate(1) brightness(1); }
    ._m .se02 .diflist > li:hover dl dt{ color: #fff; }
    ._m .se02 .diflist > li:hover dl dd{ color: #00e100; }
    ._m .se02 .diflist > li:hover ul li p{ color: #f6f6f6; }
    ._m .se02 .diflist > li:hover ul li em{ color: rgba(255,255,255,0.8); }
}

@media screen and (max-width: 1280px){
    ._m .se02{ padding-top: 250px; }
    ._m .se02 .bigTitle h1 span{ font-size: 22px; }
    ._m .se02 .diflist > li{ padding: 50px 15px; }
    ._m .se02 .diflist > li .icon{ width: 90px; }
    ._m .se02 .diflist > li dl{ margin-top: 30px; }
    ._m .se02 .diflist > li dl dt{ font-size: 20px; }
    ._m .se02 .diflist > li ul li p{ font-size: 16px; }
}

@media screen and (max-width: 820px){
    ._m .se02{ padding-top: 200px; padding-bottom: 20px; }
    ._m .se02 .bigTitle h1 span{ font-size: 18px; }
    ._m .se02 .bigTitle .ani_box .cube{ font-size: 8.25vw; }
    ._m .se02 .bigTitle .ani_box{ margin-top: 10px; }
    ._m .se02 .diflist{ margin-top: 30px; }
    ._m .se02 .diflist > li{ padding: 40px 10px; }
    ._m .se02 .diflist > li .icon{ width: 70px; }
    ._m .se02 .diflist > li dl{ margin-top: 20px; }
    ._m .se02 .diflist > li dl dt{ font-size: 18px; }
    ._m .se02 .diflist > li dl dd{ font-size: 14px; margin-top: 5px; }
    ._m .se02 .diflist > li ul{ margin-top: 20px; }
    ._m .se02 .diflist > li ul li p{ font-size: 14px; }
}

@media screen and (max-width: 500px){
    ._m .se02 .bigTitle h1 span{ font-size: 14px; }
    ._m .se02 .bigTitle .ani_box{ margin-top: 5px; }
    ._m .se02 .diflist{ display: block; }
    ._m .se02 .diflist > li{ width: 100%; margin-bottom: 20px; padding: 25px 10px; }
}



._m .se03{ padding-top: 350px; overflow: hidden; width: 100%; }
._m .se03 .titles{ text-align: center; }
._m .se03 .titles em{ font-size: 18px; letter-spacing: -0.025em; font-family: 'Roboto',sans-serif; color: #00e100; display: block; margin-bottom: 35px; }
._m .se03 .titles h2{ font-size: 60px; font-weight: 700; letter-spacing: -0.02em; line-height: calc(84 / 60); background: linear-gradient(90deg, #333 1%, rgba(51,51,51,0.2) 1%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; display: inline; }
._m .se03 .titles p{ font-size: 20px; letter-spacing: -0.02em; margin-top: 25px; line-height: calc(32 / 20); }
._m .se03 .marquee{ width: 89.6%; margin-left: auto; margin-top: 110px; font-weight: 800; }


@media screen and (max-width: 1280px){
    ._m .se03{ padding-top: 200px; }
    ._m .se03 .titles em{ font-size: 16px; margin-bottom: 20px; }
    ._m .se03 .titles h2{ font-size: 45px; }
    ._m .se03 .titles p{ font-size: 16px; margin-top: 15px; }

    ._m .se03 .marquee{ margin-top: 70px; }
}

@media screen and (max-width: 820px){
    ._m .se03{ padding-top: 160px; }
    ._m .se03 .titles em{ font-size: 14px; }
    ._m .se03 .titles h2{ font-size: 32px; }
    ._m .se03 .titles p{ font-size: 14px; }
    
    ._m .se03 .marquee{ margin-top: 40px; font-size: 17vw; }
}

@media screen and (max-width: 500px){
    ._m .se03{ padding-top: 150px; }
    /* ._m .se03 .titles em{ margin-bottom: 10px; } */
    ._m .se03 .titles h2{ font-size: 6.7vw; }
    
    ._m .se03 .marquee{ margin-top: 30px; }
}


._m .se04{ width: 100%; overflow: hidden; }
._m .se04 .innWrap{ position: relative; }
._m .se04 .bgbx{ width: 100%; height: 100vh; position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; z-index: 0; }
._m .se04 .bgbx .obj{ width: calc(590 / 1440 * 100%); margin: 0 auto; }
._m .se04 .bgbx .circle{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; width: calc(780 / 1440 * 100%); display: flex; align-items: center; justify-content: center; }

._m .se04 .bgbx .circle span{ width: 73%; border-radius: 50%; background-color: #f6f6f6; display: block; position: relative; z-index: 1; }
._m .se04 .bgbx .circle span::after{ content: ''; display: block; padding-bottom: 100%; }
._m .se04 .bgbx .circle img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 0; animation: rotate 5s infinite linear; opacity: 0.7; }

@keyframes rotate {
    0%{ transform: translate(-50%, -50%) rotate(0deg); }
    100%{ transform: translate(-50%, -50%) rotate(360deg); }
}

._m .se04 .cont{ position: relative; z-index: 5; position: absolute; left: 0; top: 0; width: 100%; }
._m .se04 .cont .int{ height: 100vh; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 10vh; }
._m .se04 .cont .int h3{ font-size: 4.0625vw; font-weight: 600; font-family: 'Roboto', sans-serif; text-align: center; line-height: calc(100 / 78); overflow: hidden; }
._m .se04 .cont .int h3:last-of-type{ color: #00e100; }
._m .se04 .cont .int .down{ font-size: 54px; margin-top: 40px;
    animation: down 0.8s;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.5, 0.05, 1, 0.5);
    animation-iteration-count: infinite;
}

@keyframes down {
    0% {
        transform: translateY(-15%);
    }
    100% {
        transform: translateY(15%);
    }
}

._m .se04 .cont .flxbx{ height: 100vh; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; position: absolute; left: 0; top: 0; width: 100%; } 
._m .se04 .cont .flxbx .side{ border-left: 3px solid #101010; box-sizing: border-box; padding-left: 30px; }
._m .se04 .cont .flxbx .side strong{ display: block; font-size: 36px; letter-spacing: -0.02em; font-weight: 700; line-height: calc(52 / 36); }
._m .se04 .cont .flxbx .side strong:first-of-type{ margin-top: -0.25em; }
._m .se04 .cont .flxbx .side strong span{ color: #00e100; }
._m .se04 .cont .flxbx .side small{ font-size: 16px; letter-spacing: -0.01em; font-family: 'Roboto', sans-serif; color: #7c7c7c; font-weight: 300; display: block; margin-top: 15px; margin-bottom: -0.2em; }
._m .se04 .cont .flxbx .cent{ width: calc(590 / 1440 * 100%); }
._m .se04 .cont .flxbx .cent h1{ font-size: 2.8125vw; color: #00e100; overflow: hidden; font-weight: 600; text-align: center; letter-spacing: -0.05em; }
._m .se04 .cont .flxbx .cent h1 strong{ display: inline-block; }
._m .se04 .cont .flxbx .cent > p{ font-size: 20px; letter-spacing: -0.02em; color: #333333; line-height: calc(32 / 20); margin-top: 30px; text-align: center; }
._m .se04 .cont .flxbx .cent > p br.mob{ display: none; }

@media screen and (min-width: 1921px){
    ._m .se04 .cont .int h3{ font-size: 78px; }
    ._m .se04 .cont .flxbx .cent h1{ font-size: 54px; }
}

@media screen and (max-width: 1280px){
    ._m .se04 .cont .int{ padding-top: 5vh; }
    ._m .se04 .cont .int .down{ font-size: 35px; margin-top: 20px; }
    ._m .se04 .cont .flxbx .side{ padding-left: 15px; }
    ._m .se04 .cont .flxbx .side strong{ font-size: 24px; }
    ._m .se04 .cont .flxbx .side small{ font-size: 14px; margin-top: 10px; }
    /* ._m .se04 .cont .flxbx .cent h1{ font-size: 32px; } */
    ._m .se04 .cont .flxbx .cent > p{ font-size: 14px; margin-top: 15px; }
}

@media screen and (max-width: 820px){
    ._m .se04 .bgbx .obj{ width: calc(1000 / 1440 * 100%); max-width: 250px; }
    ._m .se04 .bgbx .circle{ width: calc(1340 / 1440 * 100%); max-width: 330px; }
    ._m .se04 .cont .int h3{ font-size: 6.3625vw; }
    ._m .se04 .cont .flxbx{ justify-content: center; align-items: center; gap: 5vw; }
    ._m .se04 .cont .flxbx .side{ width: auto; margin-top: 45vh; border-width: 2px; }
    ._m .se04 .cont .flxbx .side._2{ text-align: right; border-left: none; border-right: 2px solid #101010; padding-right: 15px; padding-left: 0;  }
    ._m .se04 .cont .flxbx .side small{ font-size: 12px; }
    ._m .se04 .cont .flxbx .cent{ width: calc(840 / 1440 * 100%); padding: 110px 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    ._m .se04 .cont .flxbx .cent h1{ font-size: 22px; }
}

@media screen and (max-width: 500px){
    ._m .se04 .cont .int .down{ font-size: 25px; }
    ._m .se04 .cont .flxbx .cent h1{ font-size: 23px; }
    ._m .se04 .cont .flxbx .side strong{ font-size: 18px; }
    ._m .se04 .cont .flxbx .cent > p br.mob{ display: block; }
    
}

@media screen and (max-width: 400px){
    ._m .se04 .cont .flxbx .cent h1{ font-size: 20px; }
    ._m .se04 .cont .flxbx .side{ padding-left: 10px; }
    ._m .se04 .cont .flxbx .side._2{ padding-right: 10px; }
    ._m .se04 .cont .flxbx .side strong{ font-size: 16px; }
    ._m .se04 .cont .flxbx .side small{ font-size: 11px; }
}

._m .se05{ background-color: #010f16; color: #fff; width: 100%; overflow: hidden; }
._m .se05_1{ position: relative; width: 100%; padding-top: 200px; padding-bottom: 70px; box-sizing: border-box; }
._m .se05_1 .titles{ text-align: center; }
._m .se05_1 .titles em{ display: block; font-size: 18px; letter-spacing: -0.02em; color: #00e100; }
._m .se05_1 .titles strong{ display: block; font-size: 52px; letter-spacing: -0.025em; margin-top: 15px; font-weight: 600; font-family: 'Roboto', sans-serif; }
._m .se05_1 .titles p{ font-size: 20px; color: #7c7c7c; letter-spacing: -0.02em; line-height: calc(32 / 20); margin-top: 20px; }
._m .se05_1 .list{ display: flex; justify-content: space-between; margin-top: 75px; }
._m .se05_1 .list li{ width: calc(345 / 1440 * 100%); transition-duration: 0.4s; padding: 100px 10px; padding-bottom: 165px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; position: relative; border-radius: 9px; }
._m .se05_1 .list li img{ width: 68px; transition-duration: 0.2s; filter: saturate(0) brightness(200); }
._m .se05_1 .list li dl{ margin-top: 45px; width: 100%; }
._m .se05_1 .list li dl dt{ font-size: 24px; letter-spacing: -0.02em; line-height: 1.2; font-weight: 700; transition-duration: 0.2s; }
._m .se05_1 .list li dl dt br{ display: none; }
._m .se05_1 .list li dl dd{ font-size: 18px; letter-spacing: -0.02em; line-height: 1.2; margin-top: 10px; font-weight: 300; transition-duration: 0.2s; color: #ccc; }
._m .se05_1 .list li em{ display: block; position: absolute; bottom: 40px; left: 0; width: 100%; text-align: center; font-size: 16px; font-weight: 300; letter-spacing: 0.42em; transition-duration: 0.2s; color: rgba(255,255,255,0.5); }


._m .se05_1 .list li.on{ background-color: #fff; }
._m .se05_1 .list li.on img{ filter: saturate(1) brightness(1); }
._m .se05_1 .list li.on dl dt{ color: #101010; }
._m .se05_1 .list li.on dl dd{ color: #333333; }
._m .se05_1 .list li.on em{ color: #7c7c7c; }

@media screen and (max-width: 1280px){
    ._m .se05_1{ padding-top: 160px; }
    ._m .se05_1 .titles em{ font-size: 16px; }
    ._m .se05_1 .titles strong{ font-size: 40px; }
    ._m .se05_1 .titles p{ font-size: 18px; }

    ._m .se05_1 .list li{ padding: 70px 10px; padding-bottom: 140px; }
    ._m .se05_1 .list li dl{ margin-top: 30px; }
    ._m .se05_1 .list li dl dt{ font-size: 18px; }
    ._m .se05_1 .list li dl dd{ font-size: 14px; }
    ._m .se05_1 .list li em{ font-size: 14px; bottom: 30px; letter-spacing: 0.3em; } 
}

@media screen and (max-width: 1100px){
    ._m .se05_1 .list li dl dt br{ display: block; }
}

@media screen and (max-width: 1024px){
    ._m .se05_1 .list li{ padding: 40px 10px; padding-bottom: 80px; }
    ._m .se05_1 .list li em{ bottom: 15px; }
}

@media screen and (max-width: 820px){
    ._m .se05_1{ padding-top: 120px; }
    ._m .se05_1 .titles em{ font-size: 14px; }
    ._m .se05_1 .titles strong{ font-size: 28px; }
    ._m .se05_1 .titles p{ font-size: 14px; }
    ._m .se05_1 .list{ flex-wrap: wrap; margin-top: 40px; }
    ._m .se05_1 .list li{ width: 49%; margin-bottom: 10px; }
    ._m .se05_1 .list li dl dt br{ display: none; }
}

@media screen and (max-width: 500px){
    ._m .se05_1 .list li{ width: 100%; padding: 20px 10px; padding-bottom: 30px; }
    ._m .se05_1 .list li dl{ margin-top: 15px; }
    ._m .se05_1 .titles strong{ font-size: 24px; margin-top: 10px; }
    /* ._m .se05_1 .titles p br{ display: none; } */
}


._m .se05_2{ padding-top: 235px; padding-bottom: 45px; }
._m .se05_2 .innWrap{ display: flex; justify-content: space-between; align-items: flex-start; }
._m .se05_2 .innWrap dl.title{ text-align: center; }
._m .se05_2 .innWrap dl.title dt{ font-size: 40px; letter-spacing: -0.02em; line-height: calc(60 / 40); font-weight: 600; }
._m .se05_2 .innWrap dl.title dd{ font-size: 20px; letter-spacing: -0.02em; color: #7c7c7c; line-height: calc(36 / 20); margin-top: 15px; }

._m .se05_2 .innWrap .lbx{ width: 48%; max-width: 675px; }
._m .se05_2 .innWrap .lbx .list{ width: 100%; margin-top: 100px; border-top: 1px solid rgba(255,255,255,0.21); }
._m .se05_2 .innWrap .lbx .list li{ padding: 45px 30px; box-sizing: border-box; border-bottom: 1px solid rgba(255,255,255,0.21); display: flex; justify-content: space-between; align-items: center; }
._m .se05_2 .innWrap .lbx .list li dl dt{ font-size: 20px; letter-spacing: -0.025em; font-weight: 600; font-family: 'Roboto', sans-serif; line-height: 1.3; }
._m .se05_2 .innWrap .lbx .list li dl dd{ font-size: 16px; font-weight: 300; letter-spacing: -0.02em; color: #7c7c7c; line-height: calc(30 / 16); margin-top: 10px; }
._m .se05_2 .innWrap .lbx .list li .count{ display: flex; justify-content: flex-end; color: #00e100; font-size: 80px; letter-spacing: -0.01em;  font-weight: 500; }
._m .se05_2 .innWrap .rbx{ width: 52%; max-width: 600px; align-items: center; margin-right: -4%; }
._m .se05_2 .innWrap .rbx .charts{ position: relative; width: 100%; margin-top: 60px; }
._m .se05_2 .innWrap .rbx .charts > svg{ position: absolute; left: 0; top: 0; width: 100%; z-index: 0; }
._m .se05_2 .innWrap .rbx .charts > img:first-of-type{ z-index: 1; }
/* ._m .se05_2 .innWrap .rbx .charts > svg{ position: relative; z-index: 2; } */

.count .number{
    display: flex;
    align-items: center;
    position: relative;
}

.count .number .digit-con{
    overflow: hidden;
    height: 1em;
    vertical-align: top;
    display: inline-block;
}

.count .number .digit-con > span{
    display: block;
    position: relative;
    letter-spacing: -0.05em;
}

@media screen and (max-width: 1440px){
    ._m .se05_2 .innWrap dl.title dt{ font-size: 34px; }
    ._m .se05_2 .innWrap dl.title dd{ font-size: 18px; }
    ._m .se05_2 .innWrap .lbx .list li{ padding: 30px 10px; }
    ._m .se05_2 .innWrap .lbx .list li .count{ font-size: 60px; }
}

@media screen and (max-width: 1280px){
    ._m .se05_2{ padding-top: 150px; }
    ._m .se05_2 .innWrap dl.title dt{ font-size: 30px; }
    ._m .se05_2 .innWrap dl.title dd{ font-size: 16px; }
    ._m .se05_2 .innWrap .lbx .list li{ padding: 25px 10px; display: block; }
    ._m .se05_2 .innWrap .lbx .list li .count{ font-size: 45px; margin-top: 10px; }
    ._m .se05_2 .innWrap .lbx .list{ margin-top: 40px; }
    ._m .se05_2 .innWrap .lbx .list li dl dd{ font-size: 14px; }
}

@media screen and (max-width: 820px){
    ._m .se05_2{ padding-top: 0; padding-bottom: 40px; }
    ._m .se05_2 .innWrap{ display: block; }
    ._m .se05_2 .innWrap dl.title dt{ font-size: 26px; }
    ._m .se05_2 .innWrap dl.title dd{ font-size: 14px; margin-top: 10px; }
    ._m .se05_2 .innWrap .lbx{ width: 100%; }
    ._m .se05_2 .innWrap .lbx .list li{ display: flex; }
    ._m .se05_2 .innWrap .lbx .list li .count{ font-size: 35px; margin-top: 5px; }
    ._m .se05_2 .innWrap .rbx{ width: 100%; margin: 0; margin-top: 80px; }
}

@media screen and (max-width: 500px){
    ._m .se05_2 .innWrap dl.title dt{ font-size: 22px; }
    ._m .se05_2 .innWrap .lbx .list li{ display: block; padding: 20px 10px; }
    ._m .se05_2 .innWrap .lbx .list li dl dd br{ display: none; }
    ._m .se05_2 .innWrap .rbx .charts{ margin-top: 30px; }
}


._m .se05_3{ padding-top: 250px; padding-bottom: 40px; }
._m .se05_3 .title{ text-align: center; }
._m .se05_3 .title dt{ font-size: 48px; letter-spacing: -0.02em; line-height: calc(68 / 48); font-weight: 600; }
._m .se05_3 .title dd{ font-size: 20px; letter-spacing: -0.02em; color: #7c7c7c; margin-top: 15px; line-height: calc(36 / 20); }
._m .se05_3 .conbx{ display: flex; justify-content: space-between; width: 100%; max-width: 780px; margin: 0 auto; margin-top: 70px; gap: 20px; }
._m .se05_3 .conbx .lbx{ width: 60%; position: relative; border-radius: 9px; background-color: #fff; }
._m .se05_3 .conbx .lbx > div{ width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 60px; box-sizing: border-box; overflow: hidden; }
._m .se05_3 .conbx .lbx > div:not(.l1){ position: absolute; left: 0; top: 0; }
._m .se05_3 .conbx .lbx > div strong{ display: block; font-size: 50px; letter-spacing: -0.025em; color: #00e100; font-weight: 600; font-family: 'Roboto', sans-serif; opacity: 0; transform: translateX(-20%); transition-duration: 0.4s; }
._m .se05_3 .conbx .lbx > div p{ font-size: 20px; letter-spacing: -0.02em; line-height: calc(36 / 20); color: #101010; opacity: 0; transform: translateX(-20%); transition-duration: 0.4s; transition-delay: 0.1s; }
._m .se05_3 .conbx .rbx{ width: 40%; position: relative; display: flex; flex-direction: column; gap: 20px; }
._m .se05_3 .conbx .rbx > div{ font-size: 20px; font-weight: 500; letter-spacing: -0.025em; font-family: 'Roboto', sans-serif; border-radius: 9px; overflow: hidden; background-color: rgba(255,255,255,0.1); display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 50px 0; transition-duration: 0.4s; cursor: pointer; }

._m .se05_3 .conbx .lbx > div.on strong{ opacity: 1; transform: translateX(0); }
._m .se05_3 .conbx .lbx > div.on p{ opacity: 1; transform: translateX(0); }
._m .se05_3 .conbx .rbx > div.on{ background-color: #00e100; }

@media screen and (min-width: 821px){
    ._m .se05_3 .conbx .rbx > div:hover{ background-color: #00e100; }
}

@media screen and (max-width: 1280px){
    ._m .se05_3{ padding-top: 160px; }
    ._m .se05_3 .title dt{ font-size: 40px; }
    ._m .se05_3 .title dd{ font-size: 16px; margin-top: 10px; }
    ._m .se05_3 .conbx{ margin-top: 40px; }
    ._m .se05_3 .conbx .lbx > div{ padding: 40px; }
    ._m .se05_3 .conbx .lbx > div strong{ font-size: 35px; }
    ._m .se05_3 .conbx .lbx > div p{ font-size: 16px; }
    ._m .se05_3 .conbx .rbx > div{ padding: 40px 0; }
}

@media screen and (max-width: 820px){
    ._m .se05_3{ padding-top: 100px; }
    ._m .se05_3 .title dt{ font-size: 26px; }
    ._m .se05_3 .title dd{ font-size: 14px; }
    ._m .se05_3 .conbx{ gap: 10px; }
    ._m .se05_3 .conbx .lbx > div{ padding: 30px 20px; }
    ._m .se05_3 .conbx .lbx > div strong{ font-size: 30px; }
    ._m .se05_3 .conbx .lbx > div p{ font-size: 14px; }
    ._m .se05_3 .conbx .rbx{ gap: 10px; }
    ._m .se05_3 .conbx .rbx > div{ padding: 30px 0; font-size: 18px; }
}

@media screen and (max-width: 500px){
    ._m .se05_3 .title dt{ font-size: 22px; }
    ._m .se05_3 .conbx .lbx > div{ padding: 20px 10px; }
    ._m .se05_3 .conbx .lbx > div strong{ font-size: 20px; }
    ._m .se05_3 .conbx .lbx > div p{ font-size: 13px; }
    ._m .se05_3 .conbx .lbx > div p br{ display: none; }
    ._m .se05_3 .conbx .rbx > div{ font-size: 14px; padding: 15px 0; }
}


._m .se05_4{ width: 100%; position: relative; padding-top: 250px; padding-bottom: 200px; }
._m .se05_4 .title{ display: none; }
._m .se05_4 .innWrap{ display: flex; justify-content: center; align-items: center; }
._m .se05_4 .innWrap .lbx{ width: calc(455 / 1440 * 100%); }
._m .se05_4 .innWrap .lbx .consulting{ width: 100%; }
._m .se05_4 .innWrap .lbx .consulting li{ padding: 25px 0; border-bottom: 1px solid rgba(255,255,255,0.2); box-sizing: border-box; position: relative; cursor: pointer; }
._m .se05_4 .innWrap .lbx .consulting li .inn{ display: flex; align-items: center; line-height: 1.3; transition-duration: 0.2s; }
._m .se05_4 .innWrap .lbx .consulting li .inn span{ flex-shrink: 0; font-size: 16px; letter-spacing: -0.025em; width: 70px; }
._m .se05_4 .innWrap .lbx .consulting li .inn p{ font-size: 22px; letter-spacing: -0.02em; }
._m .se05_4 .innWrap .lbx .consulting li .grad{ position: absolute; left: 0; top: calc(100% - 1px); height: 3px; width: 100%; background: linear-gradient(-90deg,rgba(0, 225, 0, 1) 0%, rgba(0, 225, 0, 0) 100%); transform-origin: 0 0; }
._m .se05_4 .innWrap .lbx .consulting li:not(.on) .grad{ opacity: 0; }

._m .se05_4 .innWrap .cent{ width: 197px; flex-shrink: 0; padding-left: 17px; }
._m .se05_4 .innWrap .cent svg{ height: 100%; }
._m .se05_4 .innWrap .cent svg .line:not(.on){ opacity: 0; }

._m .se05_4 .innWrap .rbx{ width: calc(580 / 1440 * 100%); position: relative; }
._m .se05_4 .innWrap .rbx .bx{ position: absolute; top: 50%; transform: translateY(-50%); width: 100%; left: 0; opacity: 0; pointer-events: none; transition-duration: 0.4s; }
._m .se05_4 .innWrap .rbx .bx .top{ position: absolute; bottom: calc(100% + 20px); left: 0; width: 100%; display: flex; justify-content: space-between; align-items: center; }
._m .se05_4 .innWrap .rbx .bx .top dl dt{ font-size: 16px; font-weight: 300; letter-spacing: -0.025em; font-family: 'Roboto', sans-serif; color: #00e100; line-height: 1.3; transition-duration: 0.8s; transform: translateX(-40px); opacity: 0; }
._m .se05_4 .innWrap .rbx .bx .top dl dd{ font-size: 40px ;letter-spacing: -0.02em; line-height: 1.3; font-weight: 600; margin-top: 10px; transition-duration: 0.8s;transform: translateX(-40px); transition-delay: 0.1s; opacity: 0; }
._m .se05_4 .innWrap .rbx .bx .top .more{ width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #00e100; color: #161616; font-size: 18px; flex-shrink: 0; transition-duration: 0.8s;transform: translateX(-40px); transition-delay: 0.1s; opacity: 0; padding-bottom: 0.1em; position: relative; box-sizing: border-box; }
._m .se05_4 .innWrap .rbx .bx .top .more::after{ content: ''; display: block; width: calc(75 / 40 * 100%); height: calc(75 / 40 * 100%); background-image: url(/asset/img/main/se05_4_rolling.svg); background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); animation: rotate 5s infinite linear; transition-duration: 0.2s; filter: saturate(0) brightness(200); }
._m .se05_4 .innWrap .rbx .bx .inn{ background-color: #fff; padding: 50px; border-radius: 9px; color: #333333; font-size: 20px; letter-spacing: -0.02em; line-height: 1.3; transition-duration: 0.8s; transform: translateX(-40px); transition-delay: 0.2s;  opacity: 0; }
._m .se05_4 .innWrap .rbx .bx .inn .list li{ position: relative; margin-bottom: 15px; display: flex; align-items: baseline; }
._m .se05_4 .innWrap .rbx .bx .inn .list li:last-of-type{ margin-bottom: 0; }
._m .se05_4 .innWrap .rbx .bx .inn .list li::before{ content: '•'; display: block; margin-right: 12px; }

._m .se05_4 .innWrap .lbx .consulting li.on .inn{ color: #00e100; }
._m .se05_4 .innWrap .rbx .bx.on{ opacity: 1; pointer-events: unset; }
._m .se05_4 .innWrap .rbx .bx.on .top dl dt{ transform: translateX(0); opacity: 1; }
._m .se05_4 .innWrap .rbx .bx.on .top dl dd{ transform: translateX(0); opacity: 1; }
._m .se05_4 .innWrap .rbx .bx.on .top .more{ transform: translateX(0); opacity: 1; }
._m .se05_4 .innWrap .rbx .bx.on .inn{ transform: translateX(0); opacity: 1; }

@media screen and (min-width: 821px){
    ._m .se05_4 .innWrap .lbx .consulting li:hover .inn{ color: #00e100; }
    ._m .se05_4 .innWrap .rbx .bx .top .more:hover::after{ filter: saturate(1) brightness(1); }
}

@media screen and (max-width: 1440px){
    ._m .se05_4 .innWrap .lbx .consulting li .inn span{ width: 45px; }
}

@media screen and (max-width: 1280px){
    ._m .se05_4{ padding-top: 160px; padding-bottom: 120px; }
    ._m .se05_4 .innWrap .lbx{ width: 45%; }
    ._m .se05_4 .innWrap .lbx .consulting li{ padding: 20px 0; }
    ._m .se05_4 .innWrap .lbx .consulting li .inn span{ font-size: 14px; width: 29px; }
    ._m .se05_4 .innWrap .lbx .consulting li .inn p{ font-size: 16px; }
    ._m .se05_4 .innWrap .cent{ width: 153px; }
    ._m .se05_4 .innWrap .rbx{ width: 45%; }
    ._m .se05_4 .innWrap .rbx .bx .top dl dt{ font-size: 14px; }
    ._m .se05_4 .innWrap .rbx .bx .top dl dd{ font-size: 25px; }
    ._m .se05_4 .innWrap .rbx .bx .top .more{ width: 30px; height: 30px; padding-bottom: 2px; box-sizing: border-box; }
    ._m .se05_4 .innWrap .rbx .bx .inn{ padding: 30px 20px; font-size: 16px; }
}

@media screen and (max-width: 820px){
    ._m .se05_4{ padding-top: 100px; padding-bottom: 70px; min-height: 510px; }
    ._m .se05_4 .title{ display: block; font-size: 26px; letter-spacing: -0.02em; line-height: calc(68 / 48); font-weight: 600; text-align: center; margin-bottom: 30px; }
    ._m .se05_4 .innWrap{ display: block; }
    ._m .se05_4 .innWrap .lbx{ width: 100%; }
    ._m .se05_4 .innWrap .lbx .consulting li{ padding: 15px 0; }
    ._m .se05_4 .innWrap .lbx .consulting li .inn p{ font-size: 16px; }
    ._m .se05_4 .innWrap .cent{ display: none; }
    ._m .se05_4 .innWrap .rbx{ width: 100%; margin-top: 30px; }
    ._m .se05_4 .innWrap .rbx .bx{ position: static; top: 0; transform: translateY(0); opacity: 1; display: none; min-height: 290px; }
    ._m .se05_4 .innWrap .rbx .bx.on{ display: block; }
    ._m .se05_4 .innWrap .rbx .bx .top{ position: static; }
    ._m .se05_4 .innWrap .rbx .bx .top dl dd{ font-size: 22px; margin-top: 5px; }
    ._m .se05_4 .innWrap .rbx .bx .inn{ margin-top: 20px; font-size: 14px; padding: 20px 10px; }
    ._m .se05_4 .innWrap .rbx .bx .inn .list li{ margin-bottom: 10px; }
}

@media screen and (max-width: 500px){
    ._m .se05_4 .title{ font-size: 23px; }
    ._m .se05_4 .innWrap .lbx .consulting li{ padding: 10px 0; }
    ._m .se05_4 .innWrap .rbx .bx .top dl dd{ font-size: 20px; }
}


._m .se06{ width: 100%; position: relative; padding-top: 220px; padding-bottom: 60px; overflow: hidden; }
._m .se06 .title{ text-align: center; }
._m .se06 .title dl dt{ font-size: 18px; letter-spacing: -0.02em; color: #00e100; }
._m .se06 .title dl dd{ font-size: 48px; letter-spacing: -0.025em; font-weight: 600; font-family: 'Roboto', sans-serif; margin-top: 15px; }
._m .se06 .title p{ font-size: 20px; letter-spacing: -0.02em; color: #333333; line-height: calc(32 / 20); margin-top: 15px; }
._m .se06 .bxWrap{ width: 100%; max-width: 800px; margin: 0 auto; margin-top: 50px; }
._m .se06 .bxWrap .bx{ width: 100%; border-radius: 9px; background-color: rgba(41, 41, 41, 0.06); display: flex; align-items: flex-end; justify-content: space-between; padding: 45px 60px; box-sizing: border-box; margin-bottom: 10px; }
._m .se06 .bxWrap .bx .lbx small{ font-size: 22px; letter-spacing: -0.02em; line-height: 1.3; font-weight: 300; display: block; }
._m .se06 .bxWrap .bx .lbx small b{ font-weight: 700; }
._m .se06 .bxWrap .bx .lbx .item{ display: flex; gap: 9px; margin-top: 30px; }
._m .se06 .bxWrap .bx .lbx .item span{ width: 9px; height: 50px; border-radius: 10px; background-color: #d1d1d1; display: block; }
._m .se06 .bxWrap .bx .count{ font-size: 100px; font-weight: 500; display: flex; align-items: baseline; }
._m .se06 .bxWrap .bx .count > span{ font-size: 50px; }
._m .se06 .bxWrap .bx._1 .count > span{ font-size: 60px; }

._m .se06 .bxWrap .bx._1 .lbx .item span:nth-of-type(1){background-color: #021924;}
._m .se06 .bxWrap .bx._1 .lbx .item span:nth-of-type(2){background-color: #022222;}
._m .se06 .bxWrap .bx._1 .lbx .item span:nth-of-type(3){background-color: #022b21;}
._m .se06 .bxWrap .bx._1 .lbx .item span:nth-of-type(4){background-color: #02381f;}
._m .se06 .bxWrap .bx._1 .lbx .item span:nth-of-type(5){background-color: #01481b;}
._m .se06 .bxWrap .bx._1 .lbx .item span:nth-of-type(6){background-color: #015618;}
._m .se06 .bxWrap .bx._1 .lbx .item span:nth-of-type(7){background-color: #016815;}
._m .se06 .bxWrap .bx._1 .lbx .item span:nth-of-type(8){background-color: #017a12;}
._m .se06 .bxWrap .bx._1 .lbx .item span:nth-of-type(9){background-color: #018c0f;}
._m .se06 .bxWrap .bx._1 .lbx .item span:nth-of-type(10){background-color: #009c0c;}
._m .se06 .bxWrap .bx._1 .lbx .item span:nth-of-type(11){background-color: #00ab0a;}
._m .se06 .bxWrap .bx._1 .lbx .item span:nth-of-type(12){background-color: #01bd07;}
._m .se06 .bxWrap .bx._1 .lbx .item span:nth-of-type(13){background-color: #00ca04;}
._m .se06 .bxWrap .bx._1 .lbx .item span:nth-of-type(14){background-color: #00d702;}
._m .se06 .bxWrap .bx._1 .lbx .item span:nth-of-type(15){background-color: #00e000;}

._m .se06 .bxWrap .bx._2 .lbx .item span:nth-of-type(1){background-color: #021924;}
._m .se06 .bxWrap .bx._2 .lbx .item span:nth-of-type(2){background-color: #021e23;}
._m .se06 .bxWrap .bx._2 .lbx .item span:nth-of-type(3){background-color: #022521;}
._m .se06 .bxWrap .bx._2 .lbx .item span:nth-of-type(4){background-color: #022f20;}
._m .se06 .bxWrap .bx._2 .lbx .item span:nth-of-type(5){background-color: #023b1e;}
._m .se06 .bxWrap .bx._2 .lbx .item span:nth-of-type(6){background-color: #01471b;}
._m .se06 .bxWrap .bx._2 .lbx .item span:nth-of-type(7){background-color: #01511a;}
._m .se06 .bxWrap .bx._2 .lbx .item span:nth-of-type(8){background-color: #016018;}
._m .se06 .bxWrap .bx._2 .lbx .item span:nth-of-type(9){background-color: #016d15;}
._m .se06 .bxWrap .bx._2 .lbx .item span:nth-of-type(10){background-color: #017c13;}
._m .se06 .bxWrap .bx._2 .lbx .item span:nth-of-type(11){background-color: #018910;}
._m .se06 .bxWrap .bx._2 .lbx .item span:nth-of-type(12){background-color: #01970e;}
._m .se06 .bxWrap .bx._2 .lbx .item span:nth-of-type(13){background-color: #00a30b;}
._m .se06 .bxWrap .bx._2 .lbx .item span:nth-of-type(14){background-color: #00ad09;}
._m .se06 .bxWrap .bx._2 .lbx .item span:nth-of-type(15){background-color: #01ba07;}
._m .se06 .bxWrap .bx._2 .lbx .item span:nth-of-type(16){background-color: #01c705;}
._m .se06 .bxWrap .bx._2 .lbx .item span:nth-of-type(17){background-color: #00cf03;}
._m .se06 .bxWrap .bx._2 .lbx .item span:nth-of-type(18){background-color: #00d902;}
._m .se06 .bxWrap .bx._2 .lbx .item span:nth-of-type(19){background-color: #00e000;}


@media screen and (max-width: 1280px){
    ._m .se06{ padding-top: 160px; }
    ._m .se06 .title dl dt{ font-size: 16px; }
    ._m .se06 .title dl dd{ font-size: 40px; }
    ._m .se06 .title p{ font-size: 16px; }
    ._m .se06 .bxWrap{ margin-top: 30px; }
    ._m .se06 .bxWrap .bx{ padding: 30px 40px; }
    ._m .se06 .bxWrap .bx .count{ font-size: 70px; }
    ._m .se06 .bxWrap .bx._1 .count > span{ font-size: 40px; }
    ._m .se06 .bxWrap .bx .count > span{ font-size: 40px; }
    ._m .se06 .bxWrap .bx .lbx small{ font-size: 18px; }
    ._m .se06 .bxWrap .bx .lbx .item{ margin-top: 20px; }
}

@media screen and (max-width: 820px){
    ._m .se06{ padding-top: 160px; }
    ._m .se06 .title dl dt{ font-size: 14px; }
    ._m .se06 .title dl dd{ font-size: 32px; }
    ._m .se06 .title p{ font-size: 14px; margin-top: 10px; }
    ._m .se06 .bxWrap{ margin-top: 20px; }
    ._m .se06 .bxWrap .bx{ padding: 15px 20px; }
    ._m .se06 .bxWrap .bx .count{ font-size: 50px; }
    ._m .se06 .bxWrap .bx._1 .count > span{ font-size: 24px; }
    ._m .se06 .bxWrap .bx .count > span{ font-size: 24px; }
    ._m .se06 .bxWrap .bx .lbx small{ font-size: 16px; }
    ._m .se06 .bxWrap .bx .lbx .item{ margin-top: 10px; gap: 7px; }
    ._m .se06 .bxWrap .bx .lbx .item span{ width: 7px; height: 30px; }
}

@media screen and (max-width: 500px){
    ._m .se06 .title dl dd{ font-size: 24px; }
    
    ._m .se06 .bxWrap{ max-width: 310px; }
    ._m .se06 .bxWrap .bx .lbx small{ font-size: 14px; }
    ._m .se06 .bxWrap .bx{ padding: 10px; }
    ._m .se06 .bxWrap .bx .lbx .item{ gap: 5px; }
    ._m .se06 .bxWrap .bx .lbx .item span{ width: 5px; height: 20px; }
    ._m .se06 .bxWrap .bx .count{ font-size: 35px; }
    ._m .se06 .bxWrap .bx .count > span{ font-size: 22px; }
    ._m .se06 .bxWrap .bx._1 .count > span{ font-size: 22px; }
}

@media screen and (max-width: 360px){
    ._m .se06 .bxWrap .bx{ display: block; }
    ._m .se06 .bxWrap .bx .count{ justify-content: flex-end; margin-top: 10px; }
}


._m .se07{ width: 100%; box-sizing: border-box; overflow: hidden; }
._m .se07 .innWrap{ position: relative; }
._m .se07 .bg{ position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: 50%; height: 100%; display: flex; align-items: center; justify-content: center; padding-top: 140px; box-sizing: border-box; z-index: 0; opacity: 0.15; }
._m .se07 .txtbx{ height: 100vh; display: flex; flex-direction: column; justify-content: center; justify-content: center; box-sizing: border-box; font-size: 52px; letter-spacing: -0.02em; font-weight: 700; line-height: calc(78 / 52); text-align: center; position: relative; z-index: 1; padding-top: 20vh; }
._m .se07 .txtbx strong{ background: linear-gradient(90deg, #333 1%, rgba(51,51,51,0.2) 1%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; display: inline; }
._m .se07 .txtbx strong em{ font-size: 24px; letter-spacing: -0.02em; font-family: 'Roboto'; font-weight: 400; }

@media screen and (max-width: 1280px){
    ._m .se07 .bg{ padding-top: 100px; width: 80%; }
    ._m .se07 .bg img{ width: 70%; }
    ._m .se07 .txtbx{ font-size: 40px; }
    ._m .se07 .txtbx strong em{ font-size: 20px; }
}

@media screen and (max-width: 820px){
    ._m .se07 .bg{ padding-top: 140px; }
    ._m .se07 .txtbx{ font-size: 24px; padding-top: 140px; height: 50vh; }
    ._m .se07 .txtbx strong em{ font-size: 14px; }
}

@media screen and (max-width: 500px){
    ._m .se07 .txtbx{ font-size: 16px; max-width: unset; margin: 0 auto; }
    ._m .se07 .txtbx strong em{ font-size: 12px; }
}



._m .se08{ width: 100%; position: relative; overflow: hidden; }
._m .se08 .innWrap{ max-width: 1360px; margin: 0 auto; }
._m .se08 .pin{ height: 100vh; box-sizing: border-box; width: 50%; right: 0; top: 0; position: absolute; z-index: 0; display: flex; align-items: center; justify-content: center; }
._m .se08 .scroll{ position: relative; width: 50%; }
._m .se08 .scroll .box{ height: 100vh; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; }
._m .se08 .scroll .box .mobimg{ display: none; }
._m .se08 .scroll .box dl dt{ font-size: 18px; letter-spacing: -0.025em; font-family: 'Roboto', sans-serif; color: #00e100; line-height: 1.4; }
._m .se08 .scroll .box dl dd{ font-size: 48px; letter-spacing: -0.02em; font-weight: 700; margin-top: 10px; line-height: 1.3; }
._m .se08 .scroll .box strong{ display: block; font-size: 22px; font-weight: 700; letter-spacing: -0.02em; margin-top: 40px; line-height: 1.4; }
._m .se08 .scroll .box p{ font-size: 18px; letter-spacing: -0.02em; color: #333333; line-height: calc(30 / 18); margin-top: 12px; }
._m .se08 .scroll .box small{ display: flex; align-items: baseline; color: #06334a; margin-top: 45px; }
._m .se08 .scroll .box small i{ font-size: 28px; }
._m .se08 .scroll .box small em{ font-size: 22px; font-weight: 700; margin-left: 10px; line-height: 1.4; letter-spacing: -0.02em; }
._m .se08 .scroll .box .more{ margin-top: 60px; display: flex; justify-content: flex-start; }
._m .se08 .scroll .box .more > a{ display: flex; justify-content: center; align-items: center; border-radius: 9px; overflow: hidden; border: 1px solid #06334a; box-sizing: border-box; color: #06334a; position: relative; padding: 19px 30px; font-size: 16px; letter-spacing: -0.01em; font-weight: 500; }
._m .se08 .scroll .box .more > a em{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; transform-origin: 0 0; background-color: #06334a; color: #fff; display: flex; align-items: center; justify-content: center; clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%); }
._m .se08 .scroll .box .more > a b{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; transform-origin: 0 0; background-color: #06334a; color: #fff; display: flex; align-items: center; justify-content: center; clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%); transition-duration: .4s; }
._m .se08 .scroll .box .more > a.on b{ clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }


@media screen and (min-width: 821px){
    /* ._m .se08 .scroll .box .more > a:hover b{ clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } */
}

@media screen and (max-width: 1280px){
    ._m .se08 .scroll .box dl dt{ font-size: 16px; }
    ._m .se08 .scroll .box dl dd{ font-size: 34px; }
    ._m .se08 .scroll .box strong{ font-size: 18px; margin-top: 20px; }
    ._m .se08 .scroll .box p{ font-size: 16px; }
    ._m .se08 .scroll .box p br{ display: none; }
    ._m .se08 .scroll .box small{ margin-top: 30px; }
    ._m .se08 .scroll .box small i{ font-size: 24px; }
    ._m .se08 .scroll .box small em{ font-size: 18px; margin-left: 5px; }

    ._m .se08 .scroll .box .more{ margin-top: 30px; }
    ._m .se08 .scroll .box .more > a{ font-size: 14px; padding: 15px 20px; }
}

@media screen and (max-width: 820px){
    ._m .se08 .scroll .box dl dt{ font-size: 14px; }
    ._m .se08 .scroll .box dl dd{ font-size: 28px; margin-top: 5px; }
    ._m .se08 .scroll .box strong{ font-size: 16px; margin-top: 10px; }
    ._m .se08 .scroll .box p{ font-size: 14px; }
    ._m .se08 .scroll .box small{ margin-top: 20px; }
    ._m .se08 .scroll .box small i{ font-size: 20px; }
    ._m .se08 .scroll .box small em{ font-size: 16px; }

    ._m .se08 .scroll .box .more > a{ padding: 12px 15px; border-radius: 5px; }
}

@media screen and (max-width: 500px){
    ._m .se08{ padding-top: 120px; padding-bottom: 40px; }
    ._m .se08 .pin{ display: none; }
    ._m .se08 .scroll{ width: 95%; margin: 0 auto; }
    ._m .se08 .scroll .box{ height: auto; margin-bottom: 70px; }
    ._m .se08 .scroll .box:last-of-type{ margin-bottom: 0; }
    ._m .se08 .scroll .box .mobimg{ display: block; width: 70%; margin-left: auto; margin-bottom: -50px; margin-right: -25px; }
    ._m .se08 .scroll .box dl dd{ font-size: 22px; }
    ._m .se08 .scroll .box strong{ font-size: 14px; }
    ._m .se08 .scroll .box small em{ font-size: 14px; }
    ._m .se08 .scroll .box small i{ font-size: 18px; }
}


._m .se09{ width: 100%; position: relative; padding-top: 260px; padding-bottom: 230px; box-sizing: border-box; overflow: hidden; }
._m .se09 .bg{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 0; display: flex; align-items: flex-end; }
._m .se09 .bg img{ width: 100%; height: 100%; object-fit: cover; }
._m .se09 .innWrap{ position: relative; z-index: 1; }
._m .se09 .title{ text-align: center; }
._m .se09 .title strong{ font-size: 60px; font-weight: 700; letter-spacing: -0.025em; line-height: 1.4; font-family: 'Roboto', sans-serif; }
._m .se09 .title strong span{ background: linear-gradient(90deg, #00e100 1%, #101010 1%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; display: inline; font-family: 'MVBoli'; padding-right: 10px; box-sizing: border-box; }
._m .se09 .title p{ font-size: 20px; font-weight: 300; letter-spacing: -0.02em; color: #333333; margin-top: 15px; line-height: calc(30 / 20); }

._m .se09 .lists{ display: flex; margin-top: 90px; gap: 20px; }
._m .se09 .lists li{ width: 33.33%; border-radius: 9px; overflow: hidden; position: relative; padding: 45px 50px; box-sizing: border-box; background-color: #fff; cursor: pointer; }
._m .se09 .lists li > img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; transition-duration: 0.2s; opacity: 0; }
._m .se09 .lists li dl{ position: relative; z-index: 1; }
._m .se09 .lists li dl dt{ font-size: 28px; font-family: 'Roboto', sans-serif; letter-spacing: -0.025em; font-weight: 600; transition-duration: 0.2s; }
._m .se09 .lists li dl dd{ font-size: 18px; font-weight: 300; letter-spacing: -0.02em; line-height: calc(30 / 18); margin-top: 25px; color: #333333;  transition-duration: 0.2s; }
._m .se09 .lists li dl dd em{ display: none; }

._m .se09 .lists li.on > img{ opacity: 1; }
._m .se09 .lists li.on dl dt{ color: #fff; }
._m .se09 .lists li.on dl dd{ color: #cccccc; }

@media screen and (min-width: 821px){
    ._m .se09 .lists li:hover > img{ opacity: 1; }
    ._m .se09 .lists li:hover dl dt{ color: #fff; }
    ._m .se09 .lists li:hover dl dd{ color: #cccccc; }
}

@media screen and (max-width: 1280px){
    ._m .se09{ padding-top: 160px; padding-bottom: 150px; }
    ._m .se09 .title strong{ font-size: 40px; }
    ._m .se09 .title strong span{ padding-right: 3px; }
    ._m .se09 .title p{ font-size: 18px; margin-top: 10px; }
    ._m .se09 .lists{ margin-top: 40px; }
    ._m .se09 .lists li{ padding: 20px; }
    ._m .se09 .lists li dl dt{ font-size: 22px; }
    ._m .se09 .lists li dl dd{ font-size: 16px; }
    ._m .se09 .lists li dl dd br{ display: none; }
}

@media screen and (max-width: 820px){
    ._m .se09{ padding-top: 100px; padding-bottom: 90px; }
    ._m .se09 .title strong{ font-size: 30px; }
    
    ._m .se09 .title p{ font-size: 16px; margin-top: 5px; }
    ._m .se09 .lists{ margin-top: 30px; gap: 10px; }
    ._m .se09 .lists li{ padding: 15px; }
    ._m .se09 .lists li dl dt{ font-size: 18px; }
    ._m .se09 .lists li dl dd{ font-size: 14px; margin-top: 10px; }
    ._m .se09 .lists li dl dd br{ display: none; }
    ._m .se09 .lists li dl dd em{ display: inline; }
}

@media screen and (max-width: 500px){
    ._m .se09 .title strong{ font-size: 22px; }
    ._m .se09 .title p{ font-size: 14px; }
    ._m .se09 .lists{ display: block; }
    ._m .se09 .lists li{ width: 100%; margin-bottom: 20px; }
}