/* ====================== */
/* Mobile */
/* ====================== */
@media screen and (max-width: 1420px) {
    .header .inner {width:100%;padding:0 20px;}
    
}
@media screen and (max-width: 1024px) {
    .pc-only {display: none;}
    .mo-only {display: block;}
    body {font-size:14px;}

    .header .inner {height:58px;}
    .header .header-logo {height:14px;}
    .header .gnb {gap:20px;display:none;}
    .header .gnb-title {font-size:12px;}
    .header .btn-start {padding:7px 20px;font-size:14px;}
    
    .intro {height:100vh;padding-top:110px;align-items:start;}
    .intro .intro-title {font-size:24px;}
    .intro .intro-text {font-size:14px;}
    .intro .platform {gap:8px;}
    .intro .platform img {height:50px;}
    
    .section-title {font-size:24px;}
    .section-text {font-size:14px;margin-top:6px;}
    .dot {width:6px;height:6px;}

    .inner {padding:0 16px;}
    .section {padding:100px 0;}
    .sec1 {background-image:url(../images/sec1_bg_mo.png);background-position:center 2%;}
    .sec1 .btn-download {width:100%;}
    .sec1 .section-head {margin-bottom:28px;}
    .sec1 .swiper-button-prev {width:35px;height:35px;top:38% !important;}
    .sec1 .swiper-button-next {width:35px;height:35px;top:38% !important;}
    .sec1 .pos-swiper .description {width:100%;text-align:left;position:unset;transform:unset;padding:14px 18px;margin-top:-24px;gap:20px;}
    .sec1 .pos-swiper .description .no {font-size:28px;}
    .sec1 .pos-swiper .description .txt {font-size:14px;word-break:keep-all;}
    .sec1 .download-area {margin-top:28px;}
    .sec1 .btn-download {padding:15px 0;line-height:1;border-radius:8px;}
    .sec1 .btn-download:before {width:22px;height:22px;}
    .sec1 .pos-swiper img {height:unset;}

    .sec2 .grid {grid-template-columns:repeat(2, 1fr);gap:10px;}
    .sec2 .grid .grid-item:first-child {grid-column: span 2;}
    .sec2 .section-title {margin-top:0;}
    .sec2 .section-text {margin-bottom:28px;}
    .sec2 .card .txt-area {padding:18px 18px 16px;line-height:1.3;}
    .sec2 .card .txt-area .title {font-size:18px;margin-bottom:5px;}
    .sec2 .card .txt-area .txt {font-size:12px;word-break:keep-all;}
    .sec2 .card .unit {font-size:30px;right:18px;top:10px;}

    .sec3 .core-wrap {flex-direction:column;gap:40px;align-items:stretch;}
    .sec3 .core-item {padding-right:110px;}
    .sec3 .core-item .subtitle {font-size:12px;}
    .sec3 .core-item .title {font-size:20px;word-break:keep-all;}
    .sec3 .core-item .icon {right:10px;}

    .sec4 .section-head {margin-bottom:28px;}
    .sec4 .reply-list {flex-direction:column;}
    .sec4 .msg-box .txt {padding:44px 20px;line-height:1.4;}
    .sec4 .msg-box .txt:before {top:14px;left:20px;}
    .sec4 .msg-box .txt:after {bottom:14px;right:20px;}

    .sec5 .setup-list {gap:10px;flex-direction:column;}
    .sec5 .setup-item {padding:18px 20px;}
    .sec5 .section-head {margin-bottom:40px;}

    .sec7 {background-image:url(../images/sec7_bg_mo.png);}
    .sec7 .section-head {margin-bottom:30px;}
    .sec7 .section-title {margin-bottom:12px;}
    .sec7 .plan {transform: scale(.9);}

    .sec8 .section-head {margin-bottom:40px;}
    .sec8 .section-title {margin-bottom:12px;}
    .sec8 .review-swiper .card {padding:20px;}
    .sec8 .review-swiper .card:before {width:100px;height:100px;top:-15%;right:-10%;}
    .sec8 .review-swiper .profile {gap:18px;margin-bottom:14px;}
    .sec8 .review-swiper .profile img {height:56px;}
    .sec8 .review-swiper .store {font-size:16px;margin-bottom:3px;}
    .sec8 .review-swiper .name {font-size:14px;}
    .sec8 .review-swiper .txt {width:100%;font-size:13px;line-height:1.6;}
}