@charset "utf-8"; 

body.noscroll {overflow: hidden;}
.inner {position: relative; width: 1200px; margin:0 auto; }
.pc-br {display: block; padding: 0;}
.mo-br {display: inline-block; content: " "; padding: 0 2px;}
.pc-cont {display: block;}
.mo-cont {display: none;}
.img-pc {display: block;}
.img-mo {display: none;}
.flex-start {display: flex; justify-content: space-between; align-items: flex-start;}
.flex-center {display: flex; justify-content: space-between; align-items: center;}
.flex-end {display: flex; justify-content: space-between; align-items: flex-end;}
.mt0 {margin-top: 0;}

a.btn, button.btn {display: block; min-width: 18rem;height: 4.8rem;line-height: 4.8rem;background-color:#1EA0F2;border: 1px solid #1EA0F2; color: #fff;font-size: 2rem; font-weight: 400; border-radius: 4.8rem; cursor: pointer;text-align: center;}
a.btn:hover, button.btn:hover,
a.btn:focus, button.btn:focus,
a.btn:active, button.btn:active {}

a.btn.white, button.btn.white {background: #fff; color: #222; border: 1px solid #222;}

@media (max-width: 1280px){
  .inner { width: 100%; padding: 0 2rem;}
}

@media (max-width: 980px){
  .flex-start {flex-direction: column;}
  .flex-center {flex-direction: column;}
}

@media (max-width: 768px){
  .mo-br {display: block; padding: 0;}
  .pc-br {display: inline-block; content: " "; padding: 0 2px;}
}


/* intro */
.intro { position: fixed; width: 100%; height:100vh; top:0; left: 0; z-index: 9999; display: none;}
.video-wrap {position: relative; width: 100%; height: 100%;}
.video-box {position: relative; width: 100%; height: 100%;}
.video-box video { position: absolute; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.video-control {position: absolute; left:50%;bottom: 10rem; transform: translateX(-50%);}
.video-control .btn-skip {color: #fff; font-size: 5rem;}


/* header */
.header {position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 7.4rem; background:#fff;z-index: 999;}
.header .inner {display: flex; justify-content: center; align-items: center; }
.header .logo {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 188px; height:36px;z-index: 999;}
.header .logo a {display: block; width: 100%; height: 100%; background: url('/static/img/logo.png') center no-repeat; background-size: 100%;}
.tmap_pin_img{background: url('/static/img/common/pin.png') center no-repeat;}
.header .logo a span {font-size: 0; color: transparent;}
.header .nav a {display: block;}
.header .nav > ul {display: flex; justify-content: center; align-items: center; gap: 4rem;}
.header .nav > ul > li {position: relative; height: 7.4rem;}
.header .nav > ul > li > a {display: block; padding: 0 1.6rem; font-size: 2.4rem; line-height: 7.4rem; font-weight: 400; color: #222;}
.header .nav > ul > li > a:hover {font-weight: 700;}
/*.header .nav > ul > li:last-child {width: 19.3rem;}*/
/*.header .nav > ul > li:last-child > a {padding: 0 3.5rem; position: relative;}*/
/*.header .nav > ul > li:last-child > a::after {content:''; display: block; position: absolute; width: 3rem; height: 1.8rem; right: 3.5rem; top: 50%; transform: translateY(-50%);background: url('/static/img/common/nav_arrw.png') center no-repeat; background-size: contain;}*/
.header .nav > ul > li.active > a {font-weight: 700;}

.nav-2depth {position: absolute;top: 5.6rem; width: 19.3rem; height: 21.5rem; border-radius:0 0 1rem 1rem; background: #fff; display: none; /*overflow: hidden; transition: all 0.3s; height: 0; visibility: hidden;*/}
.nav-2depth > ul {padding: 1rem;}
.nav-2depth > ul > li {padding-top: 1rem;}
.nav-2depth > ul > li:first-child {padding-top: 0;}
.nav-2depth > ul > li > a {font-size: 1.8rem; line-height: 
  2.148rem; color: #222; padding: 0.5rem 1.6rem; transition: all 0.1s;}
.nav-2depth > ul > li > a:hover {font-weight: 700;}
.nav-2depth > ul > li.active > a {font-weight: 700;}
/* .nav-2depth.on { height: auto; visibility: visible;} */

.header .nav > ul > li:last-child.active > a.on::after { transform: translateY(-50%) rotate(-180deg);}

.btn-mo-ham { width: 4rem; height: 4rem; border: none; background: url('/static/img/common/btn_ham_bk.png') center no-repeat; background-size: 3.4rem ; cursor: pointer; display: none;}

.btn-mo-close { position: absolute; top: 1.653rem; right:1.972rem; width: 4rem; height: 4rem; border: none; background: url('/static/img/common/btn_ham_close.png') center no-repeat; background-size: 2.4rem ; cursor: pointer; }

.mo-menu {position: fixed; width: 100%; height: 100vh; background: #fff; top: 0;left: 0; z-index: 999; top: 0; padding: 6rem 5.2rem;}
.mo-menu .mo-gnb {}
.mo-menu .gnb-list {}
.mo-menu .gnb-list > li {}
.mo-menu .gnb-list > li > a {display: block;font-size: 2.2rem;font-weight: 500; line-height: 2.625rem; padding: 1.4rem 2rem; color: #222; }
.mo-menu .gnb-list > li.active > a {font-weight: 700;}
.mo-menu .gnb-list > li:last-child > a {position: relative;}
.mo-menu .gnb-list > li.lnb-area > a::after {content:''; display: block; position: absolute; width: 3rem; height: 1.8rem; left: 10.5rem; top: 50%; transform: translateY(-50%);background: url('/static/img/common/nav_arrw.png') center no-repeat; background-size: contain;}
.mo-menu .gnb-list > li.lnb-area.on > a::after {transform: translateY(-50%) rotate(-180deg);}

.gnb-2depth { display: none;}
.gnb-2depth ul {}
.gnb-2depth ul li {}
.gnb-2depth ul li a {font-size: 1.8rem; color: #222; font-weight: 400; line-height: 5rem; padding: 0 2rem; }
.gnb-2depth ul li.active a {font-weight: 700;}


/* footer */
.footer {width: 100%; background: #F5F5F5; position: relative; padding: 45px 0;}
.footer .inner {display: flex; justify-content: space-between; align-items: center;}
.footer .footer_logo {display: block; width: 153px; height: 23px;}
.footer .footer_info {display: flex; flex-direction: column; align-items: flex-end; gap: 16px;}
.footer .footer_info_first {display: flex; align-items: center; gap: 1rem; line-height: 1;}
.footer .footer_info_second {display: flex; align-items: center;}
.footer .footer_link {color: #5d5d5d; font-size: 12px; text-decoration: none;}
.footer .footer_info_first .footer_link + .footer_link {position: relative; padding-left: 1rem;}
.footer .footer_info_first .footer_link + .footer_link::before {content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 10px; background: #b8b8b8; transform: translateY(-50%);}
.footer .footer_link.first {font-weight: 700;}
.footer .footer_copy {margin: 0; color: #6f6f6f; font-size: 12px;}
.btn-top {position: fixed; display: block;bottom: 19.1rem; right: 2rem; width:4.8rem; height: 4.8rem; line-height: 4.8rem; color: transparent; font-size:0; text-align: center;box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.04);border-radius: 50%;border: 1px solid #dadada; display: block; transition: all 0.3s;z-index: 999;background:#fff url('/static/img/common/btn_top.png') center no-repeat; background-size: 1.465rem 2.51rem;}


/* container */
.container { position: relative; /*margin-top: 7.4rem;*/ }


/* main */
[class ^="main-sec"]{padding: 5rem 0;}
.cont-wrap .title {position: relative; color: #222; font-size: 4.7rem; line-height: 5.609rem; font-weight: 700;padding-top: 3.5rem;}
.cont-wrap .title::before {content:''; display: block; position: absolute; top: 0; left: 0; width: 7rem; height: 3px; background-color:#1EA0F2;}
.cont-wrap .title.cline {text-align: center;}
.cont-wrap .title.cline::before {right: 0; margin:0 auto;}
.cont-wrap .stitle {color: #222; font-size: 2.8rem; line-height: 3.341rem; font-weight: 700;}
.item-box {text-align: center; background-color: #fff; border: 1px solid #DADADA; box-shadow: 0px 4.32px 64.87px 0px rgba(0,0,0,0.08);}
.item-box .text-box {}
.item-box .text-box .btext {color: #222; display: block;font-size: 2.2rem ; line-height:2.625rem; font-weight: 700;}
.item-box .text-box .text {margin-top: 1.448rem; color: #222; font-size: 1.5rem; line-height: 1.79rem; opacity: 0.7; font-weight: 400;}
.text-wrap {width: 100%; position: absolute; bottom: 0;color: #fff; padding:0 2.4rem 2.9rem;}
.text-wrap .stitle {color: #fff;font-size: 2.8rem; font-weight: 700; line-height: 3.341rem;}
.img-wrap {position: relative;}

.tab-wrap {display: flex;}
.tab-wrap > .btn.on {background-color:#1EA0F2;border: 1px solid #1EA0F2; color: #fff;}
.tab-wrap > .btn {background: #fff; color: #222; border: 1px solid #222;}

.acc-list {text-align: left;}
.acc-list .acc-item {border-bottom:1px solid #DADADA;}
.acc-list .acc-item:last-child {border-bottom:none;}
.acc-list .acc-btn {padding: 2.5rem 5.6rem; width: 100%; background: #fff; text-align: left;border:none; cursor: pointer; position: relative;}
.acc-list .acc-btn span {display: block;font-size: 1.6rem; color: #000; font-weight: bold; position: relative;padding-left: 2rem;}
.acc-list .acc-btn span::before {content:'Q.';display: inline-block; position: absolute; left: 0; top: 0.2rem;}
.acc-list .acc-btn::after {content:''; display: block; position: absolute; right: 3rem; top: 50%; transform: translateY(-50%); width: 3rem; height: 1.275rem; background:url('/static/img/common/btn_arrw.png') center no-repeat; background-size: 100%;}
.acc-list .acc-item.active .acc-btn::after { transform: translateY(-50%) rotate(-180deg); }
.acc-list .acc-desc {background: #E7F6FF; padding: 2rem 5.6rem 2rem 7rem; display: none;}
.acc-list .acc-desc span {display: block;font-size: 1.6rem; color: #000; font-weight: 500; position: relative;padding-left: 2rem; line-height: 2rem;}
.acc-list .acc-desc span::before {content:'A.';display: inline-block; position: absolute; left: 0; top:0; font-weight: bold;}

.swiper-area {position: relative;}
.swiper-area .swiper .swiper-pagination {bottom: 0; top:auto;}
.swiper-area .swiper .swiper-pagination-bullet-active {background: #1EA0F2;}
.swiper-area .swiper .swiper-pagination-bullet {margin: 0 0.25rem; width: 0.8rem; height: 0.8rem;}
.swiper-area .swiper-button-prev, 
.swiper-area .swiper-button-next {  width: 4rem;height: 4rem;}
.swiper-area .swiper-button-prev { left: 0;}
.swiper-area .swiper-button-next { right: 0;}
.swiper-area .swiper-button-prev::after,
.swiper-area .swiper-button-next::after {font-size: 0; width: 4rem;height: 4rem;border-radius: 50%; background: #1EA0F2; border: 1px solid #fff;}
.swiper-area .swiper-button-prev::after{ background: #1EA0F2 url('/static/img/main/ico_prev.png') center no-repeat; background-size: 1.768rem}
.swiper-area .swiper-button-next::after{ background: #1EA0F2 url('/static/img/main/ico_next.png') center no-repeat; background-size: 1.768rem}
.swiper-area.ban-area { position: relative;padding: 0 6rem;}
.swiper-area .banSwiper { position: relative;  }
.swiper-area .banSwiper .img-wrap p {padding: 1.2rem; color: #222; font-size: 1.5rem; line-height: 1.79rem; font-weight: 400; text-align: center;}

/* main-visual */
.main-visual {width: 100%; height: 50rem; background: url('/static/img/main/main_visual_bg.jpg') center no-repeat; background-size: cover; }
.main-visual .cont-wrap {padding-top: 18.7rem;}
.main-visual .cont-wrap .title {color: #fff; padding-top: 0;}
.main-visual .cont-wrap .title::before {display: none;}
.main-visual .cont-wrap .sub-title {padding-top: 22px;color: #FFF;font-size: 18px;font-style: normal;font-weight: 400;line-height: 100%;}
.main-visual .download-wrap {display: flex; margin-top: 4rem;}
.main-visual .download-wrap a {display: block;}
.main-visual .download-wrap a + a {margin-left: 2rem;}
.main-visual .download-wrap a img {width: auto; height: 5.5rem;}

/* main-sec1 */
.main-sec1 {padding-bottom: 0;}
.main-sec1 .inner {padding: 0;}
.main-sec1-bg {position: absolute;top: 0; left: 0; width: 34.2rem; height: 31.6rem; background: url('/static/img/main/main_sec1_bg.png') center no-repeat;z-index: -1;}
.main-sec1 .swiper-area .swiper {padding: 2.9rem 2rem 5rem;}
.main-sec1 .cont-wrap {margin-left: 16.52rem;}
.main-sec1 .cont-wrap .title {margin-left: 24rem;}
/* .main-sec1 .cont-wrap .item-wrap {margin-top: 2.9rem;} */
.main-sec1 .swiper-area .swiper {overflow: inherit;}
.main-sec1 .item-box {width: 32.3rem; height: 32.6rem; padding-top: 17.7rem; margin:0 auto;}
.main-sec1 .item-box.item01 {background: #fff url('/static/img/main/main_sec1_ico1.png') center 4.762rem no-repeat; background-size: 7.4rem 11rem;}
.main-sec1 .item-box.item02 {background: #fff url('/static/img/main/main_sec1_ico2.png') center 4.293rem no-repeat; background-size: 9.744rem 11.469rem;}
.main-sec1 .item-box.item03 {background: #fff url('/static/img/main/main_sec1_ico3.png') center 7.1rem no-repeat; background-size: 9.9rem 6.2rem;}

/* main-sec2 */
.main-sec2 .cont-wrap {display: flex; justify-content: space-between;}
.main-sec2 .title-box .stitle {position: relative; margin-top: 8.427rem; font-size: 2.8rem; lineight: 3.341rem; font-weight: 700;}
.main-sec2 .title-box .stitle span {position: relative;}
.main-sec2 .title-box .stitle span::after {content:''; display:inline-block;position: absolute; top: 0;right: 0; width: 3.367rem; height:3.143rem;background:url('~/static/img/main/main_sec2_ico_customer.png') center no-repeat; background-size:100%;margin-right: -4.493rem;}
.main-sec2 .title-box p {font-size: 2.2rem;line-height: 2.265rem;font-weight: 400;}
.main-sec2 .title-box p span + span {margin-left: 1.5rem;}
.main-sec2 .title-box p + p {margin-top: 1.45rem;}
.main-sec2 .title-box p + p + p {margin-top: 1.631rem;}
.main-sec2 .title-box .text {margin-top: 2.553rem; font-size: 1.5rem; line-height: 1.79rem;}
.main-sec2 .link-wrap {display: flex; justify-content: flex-end;}
.main-sec2 .link-box {position: relative; width: 34.1rem; height: 46.1rem;}
.main-sec2 .link-box.box1 {background:url('/static/img/main/main_sec2_bg1.png') center no-repeat; background-size:cover;}
.main-sec2 .link-box.box2 {background:url('/static/img/main/main_sec2_bg2.png') center no-repeat; background-size:cover; margin-left: 2.7rem;}
.main-sec2 .link-box .text-wrap dd {margin-top: 1rem; font-size: 1.5rem; color: #fff; font-weight: 400; line-height: 1.79rem;}
.main-sec2 .link-box .text-wrap dd span {margin-right: 0.5rem;}
.main-sec2 .link-box .text-wrap dd span:last-child {margin-left: 0.5rem;}
.main-sec2 .link-box .text-wrap .btn-row {margin-top: 6rem;}
.main-sec2 .link-box .text-wrap .date {margin-bottom: 1.7rem;min-height: 3.6rem;}
.main-sec2 .link-box .text-wrap .btn {width: 100%; box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.04)}
.main-sec2 .link-box .text-wrap .btn span {position: relative; padding-right: 1.2rem;}
.main-sec2 .link-box .text-wrap .btn span::before,
.main-sec2 .link-box .text-wrap .btn span::after {content:''; display: block; width: 0.2rem; height:0.5em ; position: absolute; right: 0; background:#fff; border-radius: 0.2rem; }
.main-sec2 .link-box .text-wrap .btn span::before {transform: rotate(135deg);top: 4px;}
.main-sec2 .link-box .text-wrap .btn span::after {transform: rotate(45deg); top: 10px;}


/* main-sec3 */
.main-sec3 .cont-wrap {display: flex; justify-content: space-between;}
.main-sec3 .tab-wrap {margin-top: 3.791rem;}
.main-sec3 .tab-wrap .btn {width: 18.4rem; font-size: 1.5rem;}
.main-sec3 .tab-wrap .btn + .btn {margin-left: 2.6rem;}
.main-sec3 .item-wrap img {height: 30rem;}
.main-sec3 .item-wrap img.img-barcode {    object-fit: scale-down;}
.main-sec3 .item-box {width: 70.9rem; height: 50.6rem;display: flex;justify-content: center; align-items: center;}
/* .main-sec3 .item-box .item {min-height: 30.36rem;} */
.main-sec3 .item-box .item + .item {margin-left: 7.1rem;}
.main-sec3 .item-box .text-box .btext {margin-bottom: 1.364rem;}
.main-sec3 .item-box .text-box .text {margin-bottom: 1.364rem;}
.main-sec3 .item-box.item02 {display: none;}
.main-sec3 .item-box.item02 .item .img-wrap {margin-top: 7.556rem; display: flex; justify-content: center;}
.main-sec3 .item-box.item02 .item .img-wrap .img-box:nth-child(2) {width: 37.5rem; margin-top: 3.6rem; margin-left: 2.2rem;}


/* main-sec4 */
.main-sec4 .item-wrap {margin-top: 3.174rem; margin-left: 20rem;}
.main-sec4 .item-box {width: 31rem; height: 32.5rem; padding-top: 20.97rem; }
.main-sec4 .item-box.item01 {background: #fff url('/static/img/main/main_sec4_ico1.png') center 6.426rem no-repeat; background-size: 6.598rem 10.759rem;}
.main-sec4 .item-box.item02 {background: #fff url('/static/img/main/main_sec4_ico2.png') center 7.5rem no-repeat; background-size: 10rem 9.9rem;}
.main-sec4 .item-box.item03 {background: #fff url('/static/img/main/main_sec4_ico3.png') center 8.26rem no-repeat; background-size: 10rem 9.9rem;}
.main-sec4 .pc-cont .item-wrap {display: flex; justify-content: space-between; max-width: 100rem; margin: 3.174rem auto 0;}
.main-sec4 .pc-cont .item-box {transition: all .3s;}
.main-sec4 .pc-cont .item-box:hover {transform: scale(1.2); border-bottom: 3px solid #1EA0F2;}
.main-sec4 .mo-cont .item-box {margin:0 auto;}
.coverSwiper .swiper-slide {filter: blur(2px); -webkit-filter: blur(2px);}
.coverSwiper .swiper-slide.swiper-slide-active {filter: blur(0); -webkit-filter: blur(0);}
.coverSwiper .swiper-slide.swiper-slide-active .item-box {border-bottom: 3px solid #F7AE2D}

/* main-sec5 */
.main-sec5 .cont-wrap .title {position: absolute;}
.main-sec5 .pc-cont ul {display: flex; flex-wrap: wrap;}
.main-sec5 .pc-cont ul li {width: 30.6rem; flex:0 0 auto; }
.main-sec5 .pc-cont ul li + li {margin-left: 4rem;}
.main-sec5 .pc-cont ul li .img-wrap img {width: 100%; height: auto;}
.main-sec5 .pc-cont ul:first-of-type { justify-content: flex-end;}
.main-sec5 .pc-cont ul:last-of-type {margin-top: 2rem; margin-left: 20rem;}
.mo-cont {display: none;}

/* main-sec6 */
.main-sec6 {background: #F5F7FA;padding: 3.45rem 0 3.591rem;}
.main-sec6 .title {margin-bottom: 3.7rem;}

/* main-sec7 */
.main-sec7 {background: #F5F7FA;padding: 3.45rem 0 3.591rem;}
.main-sec7 .title {margin-bottom: 3.7rem;}

/* main-sec8 */
.main-sec8 .cont-wrap {display: flex; justify-content: space-between;}
.main-sec8 .cont-wrap .title span {position: relative;}
.main-sec8 .cont-wrap .title span::after {content:''; display: block; width: 19.7rem; height: 16rem; position: absolute; left: 50%; top: 50%; transform: translate(30%,30%); background:url('/static/img/main/main_sec8_ico_faq.png') center no-repeat; background-size: 100%;}
.main-sec8 .cont-wrap .item-box {width: 77.7rem;}



/* 빅데이터 */
.visualBigdata {position:relative;width:100%;height:340px;margin:0px;padding:0;background:url("/static/img/common/bg_bigdata.jpg") no-repeat center center; background-size:cover;}
.visualBigdata .v_tit {position:absolute;top:152px;left:50%;margin-left:-250px;}
.bigdataWrap {position: relative; width: 100%; max-width: 980px; margin: 0 auto; padding-bottom: 132px;}
.bigdataBox {letter-spacing:-.50px; padding-top:70px; padding-bottom:70px; position:relative; }
.bigdataBox a:hover {text-decoration:none;}
.bigdataBox h3 {font-size:26px; color:#000; padding-bottom:18px;  }
.bigdataBox .txtDesc {color:#5b5b5b; font-size:16px; padding-bottom:40px;}
.bigdataBox .introBox {display:flex; align-items:flex-start; gap:1.6rem; margin-bottom:40px;}
.bigdataBox .introBox .contentArea {flex:1 1 auto; min-width:0;}
.bigdataBox .introBox .contentArea .txtDesc {padding-bottom:0;}
.bigdataBox .introBox .actionArea {flex:0 0 auto;}
.bigdataBox .btnGo {display:inline-block; width:130px; height:44px; line-height:44px; text-align:center; background:#1EA0F2; color:#fff; font-weight:bold; font-size:16px;}
.bigdataBox .list ul {border-top:2px solid #000;}
.bigdataBox .list ul li {border-bottom:1px solid #d9d9d9; position:relative; padding:30px 0;}
.bigdataBox .list ul li .box {display:flex; align-items:flex-start; gap:1.2rem;}
.bigdataBox .list ul li .box .numArea {flex:0 0 auto; padding-top:3px;}
.bigdataBox .list ul li .box .contentArea {flex:1 1 auto; min-width:0;}
.bigdataBox .list ul li .box .actionArea {flex:0 0 auto;}
.bigdataBox .list ul li .box .num {display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; text-align:center; background:#1EA0F2; color:#fff; font-weight:bold; font-size:16px;}
.bigdataBox .list ul li .box .contentArea h4 {color:#000; font-size:20px; margin: 0;}
.bigdataBox .list ul li .box .contentArea p {color:#5b5b5b; font-size:16px; padding:12px 0 20px;}
.bigdataBox .list ul li .box .contentArea dl {font-size:16px; color:#000;}
.bigdataBox .list ul li .box .contentArea dl dt {font-weight:bold; padding-bottom:12px;}
.bigdataBox .list ul li .box .contentArea dl dd {line-height:22px;}
.bigdataBox .list ul li .btnSampleDown  {display:inline-block; width:130px; height:44px; line-height:44px; text-align:center; background:#fff; border:1px solid #1EA0F2; color:#1EA0F2; font-weight:bold; font-size:16px;}




@media (max-width: 1280px){
  .header .logo {left: 2rem;}
  .header .inner {justify-content: flex-end;}
  .header .nav {margin-right: 2rem;}
  .main-sec1 .cont-wrap {margin-left: 0;}
  .main-sec4 .item-wrap {margin-left: 0;}
  .main-sec1 .cont-wrap .title {margin-left: 37rem;}
  .main-sec3 .item-wrap{width: calc(100% - 45rem);display: flex; justify-content: flex-end;}
}
@media (max-width: 1180px){
  .main-sec5 .cont-wrap .title {position: static;}
  .main-sec8 .cont-wrap .item-box {width:calc(100% - 32rem)}
}
@media (max-width: 1080px){
  .header .nav > ul > li {margin-left: 2rem;}
  .itemSwiper .item-box {width: 100%;}
  .swiper-area .itemSwiper {padding-bottom: 2.2rem;}
  .swiper-area .imgSwiper {padding-bottom: 2.2rem;}
  .main-sec1 .swiper-area .swiper {overflow: hidden;}
  .main-sec2 .cont-wrap {flex-direction: column;}
  .main-sec2 .title-box {text-align: center;margin-bottom: 2.743rem;}
  .main-sec2 .title-box .title::before {right: 0; margin: auto;}
  .main-sec2 .title-box .stitle {margin-top: 2.8rem;}
  .main-sec2 .link-wrap { justify-content: center;}
  .main-sec3 .cont-wrap {flex-direction: column;align-items: center;}
  .main-sec3 .cont-wrap .title {text-align: center;}
  .main-sec3 .cont-wrap .title::before {margin: auto; right: 0;}
  .main-sec3 .tab-wrap {display: flex; justify-content: center; margin-bottom: 3rem;}
  .main-sec3 .item-wrap {width: calc(100% - 10rem);;}
  .main-sec3 .item-box {width:100%}
  .main-sec4 .cont-wrap .title {text-align: center; }
  .main-sec4 .cont-wrap .title::before {margin: auto; right: 0;}
  .main-sec4 .pc-cont .item-wrap {max-width: auto; width: 90%;}
  .main-sec4 .pc-cont .item-wrap .item-box + .item-box {margin-left: 2rem;}
}
@media (max-width: 980px){
  .pc-cont {display: none;}
  .mo-cont {display: block;}
  .img-pc {display: none;}
  .img-mo {display: block;}
  .header {height: 5.8rem;}
  .header .nav {display: none;}
  .header .inner {height: 100%;}
  .header .logo { width: 94px; height: 18px;}
  .btn-mo-ham {display: block;}
  .swiper-area.ban-area {padding: 0 0 0 1.295rem;}
  .swiper-area.ban-area .swiper-button-prev,
  .swiper-area.ban-area .swiper-button-next {display: none;}
  .swiper-area.ban-area .swiper-button-prev::after 
  .swiper-area.ban-area .swiper-button-next::after {display: none;}
  .cont-wrap .title {font-size: 2.7rem;line-height: 3.22rem;}
  .main-visual .cont-wrap .title {font-size: 2.8rem; line-height: 3.341rem;}
  .main-visual .cont-wrap .sub-title {display: none;}
  .item-box .text-box .btext {font-size: 1.6rem;}
  .item-box .text-box .text {font-size: 1.3rem;}
  .main-sec4 {padding-bottom: 0;}
  .main-sec4 .inner {padding: 0;}
  .main-sec4 .item-wrap {margin-top: 0;}
  .main-sec4 .swiper-area .swiper {padding:3rem 15rem 5rem ;}
  .main-sec4 .swiper-area .swiper .swiper-pagination {bottom: 1.8rem;}
  .main-sec5 .cont-wrap .title {text-align: center;margin-bottom: 3rem; }
  .main-sec5 .cont-wrap .title::before {margin: auto; right: 0;}
  .main-sec5 .img-wrap { max-width: 28rem; margin: auto;}
  .main-sec6 {padding: 4.704rem 0 5.391rem;}
  .main-sec6 .inner {padding: 0;}
  .main-sec6 .title {margin-bottom: 2.709rem;}
  .main-sec7 {padding: 4.704rem 0 5.391rem;}
  .main-sec7 .inner {padding: 0;}
  .main-sec7 .title {margin-bottom: 2.709rem;}
  .main-sec8 {padding-bottom: 0;}
  .main-sec8 .inner {padding: 0;}
  .main-sec8 .cont-wrap {flex-direction: column;}
  .main-sec8 .cont-wrap .title {text-align: center;margin-bottom: 4.456rem; }
  .main-sec8 .cont-wrap .title::before {margin: auto; right: 0;}
  .main-sec8 .cont-wrap .item-box {width:100%}
  .main-sec8 .cont-wrap .title span::after {display: none;}

  .visualBigdata {height: 34rem;}
  .visualBigdata .v_tit {left: 50%; margin-left: 0; transform: translateX(-50%); width: calc(100% - 4rem); max-width: 50rem; height: auto;}
  .bigdataWrap {padding: 0 2rem 8rem; box-sizing: border-box;}
  .bigdataBox {padding: 4rem 0;}
  .bigdataBox .introBox {margin-bottom: 2.8rem;}
  .bigdataBox .list ul li {padding: 2.4rem 0;}
  .bigdataBox .list ul li .box {gap: 1.6rem;}
  .bigdataBox .list ul li .box .numArea {padding-top: 0.2rem;}
  .bigdataBox .list ul li .btnSampleDown {display: inline-block;}
}
@media (max-width: 768px){
  .cont-wrap .title {text-align: center; }
  .cont-wrap .title::before {margin: auto; right: 0;}
  .main-visual {height: 34rem; background: url('/static/img/main/main_visual_bg_mo.jpg') center no-repeat; }
  .main-visual .cont-wrap {padding-top: 11.3rem;}
  .main-visual .download-wrap {justify-content: center;margin-top: 2.358rem;}
  .main-visual .download-wrap a + a {line-height: 1.516rem;}
  .main-visual .download-wrap a img {height: 3.825rem;}
  .main-sec1 {padding-top: 11.294rem; padding-bottom: 0;}
  .main-sec1 .inner {padding: 0 0rem;}
  .main-sec1-bg {display: none;}
  .main-sec1 .swiper-area .swiper {padding: 3.8rem 2rem 5.7rem;}
  .main-sec1 .item-box {width: 32rem;}
  .main-sec1 .cont-wrap .title {margin-left: 0;}
  .swiper-area .swiper {padding-bottom: 5rem;}
  .swiper-area .swiper .swiper-pagination {bottom: 2.8rem;}
  .main-sec2 {padding-bottom: 0;}
  .main-sec2 .inner {padding: 0;}
  .main-sec2 .title-box{text-align: center; padding: 0 2rem;}
  .main-sec2 .title-box .stitle {font-size: 1.5rem; line-height: 1.8rem; margin-top: 1.8rem;}
  .main-sec2 .title-box .stitle span::after {width: 2.4rem; height: 2.057rem;margin-right: -3.493rem;}
  .main-sec2 .title-box p {font-size: 1.3rem; line-height: 1.5rem; }
  .main-sec2 .title-box p + p {margin-top: 1rem;}
  .main-sec2 .title-box p + p + p {margin-top: 1rem;}
  .main-sec2 .title-box .text {font-size: 1.3rem; line-height: 1.5rem; margin-top: 1rem;}
  .main-sec2 .link-wrap {display: flex; justify-content: center; flex-direction: column;}
  .main-sec2 .link-box {width: 100%;height: 18rem; /*max-height: 18rem;*/ text-align: center;}
  .main-sec2 .link-box.box2 {margin-left: 0;}
  .main-sec2 .link-box.box1 {background:url('/static/img/main/main_sec2_bg1_mo.png') center no-repeat; background-size:cover;}
  .main-sec2 .link-box.box2 {background:url('/static/img/main/main_sec2_bg2_mo.png') center no-repeat; background-size:cover;}
  .main-sec2 .link-box .text-wrap .btn {max-width: 27rem;height: 3.6rem;line-height: 3.6rem; font-size: 1.3rem;margin:0 auto;}
  .main-sec2 .link-box .text-wrap .btn span::before {top: 2px;}
  .main-sec2 .link-box .text-wrap .btn span::after {top: 6px;}
  .main-sec2 .text-wrap {position: static; padding: 1.2rem;}
  .main-sec2 .link-box .text-wrap .stitle {font-size: 2rem; line-height:2.387rem;padding-bottom: 0.7rem;}
  .main-sec2 .link-box.box2 .text-wrap .stitle {padding-bottom: 1.475rem;}
  .main-sec2 .link-box .text-wrap dd {margin-top: 0rem; font-size: 1.2rem; line-height:1.432rem;}
  .main-sec2 .link-box .text-wrap .btn-row {margin-top: 2rem;}
  .main-sec2 .link-box .text-wrap .date {margin-bottom: 1rem; min-height: 1rem;}
  .main-sec3 {padding-bottom: 0;}
  .main-sec3 .inner {padding: 0;}
  .main-sec3 .tab-wrap .btn {min-width: 13rem;width: 13rem; font-size: 1.5rem;}
  .main-sec3 .tab-wrap .btn + .btn {margin-left: 1.172rem;}
  .main-sec3 .item-wrap {width: 100%;}
  .main-sec3 .item-box {flex-direction: column; height: auto; border: none;}
  .main-sec3 .item-box .text-box {margin-top: 2.34rem;}
  .main-sec3 .item-box .item {margin-bottom: 2rem;}
  .main-sec3 .item-box .item + .item {margin-left: 0;}
  .main-sec3 .item-box.item01 .item + .item {width: 25rem;}
  .main-sec3 .item-box.item01 .item img {height: 24rem;}
  .main-sec3 .item-box.item02 .item .img-wrap {flex-direction: column;}
  .main-sec3 .item-box.item02 .item .img-wrap .img-box:nth-child(1) {margin-bottom: 7.2rem;}
  .main-sec3 .item-box.item02 .text-box {padding-bottom: 3.47rem;}
  .main-sec3 .item-box.item02 .item .img-wrap .img-box:nth-child(2) {width: 25rem; margin: auto;}
  .main-sec3 .item-box.item02 .item .img-wrap .img-box:nth-child(2) img {height: auto;}
  /* .main-sec4 {background: #fff url('/static/img/main/main_sec4_bg_mo.png') center bottom no-repeat; background-size: cover} */
  /* .main-sec4 .item-wrap {margin-top: 13rem;} */
  .main-sec4 .swiper-area {padding: 0 ;}
  .main-sec4 .swiper-area .swiper {padding:8.4rem 3rem 5rem ;}
  .main-sec4 .item-box {width: 26.6rem; height: 29.1rem; padding-top: 14.6rem; }
  .main-sec4 .item-box.item01 {background-size: 5.908rem 9.633rem; background-position: center  2.972rem;}
  .main-sec4 .item-box.item02 {background-size: 7.74rem 6.06rem; background-position: center  4.475rem;}
  .main-sec4 .item-box.item03 {background-size: 8.954rem 8.864rem; background-position: center  3.357rem;}

  .bigdataBox .introBox {display:block;}
  .bigdataBox .introBox .actionArea {margin-top: 1.6rem;}
  .bigdataBox .list ul li .box {display: flex; flex-wrap: wrap; gap: 1rem;}
  .bigdataBox .list ul li .box .numArea {padding-top: 0.2rem;}
  .bigdataBox .list ul li .box .contentArea {margin-top: 0; flex: 1 1 0;}
  .bigdataBox .list ul li .box .actionArea {flex: 0 0 100%;}
  .bigdataBox .list ul li .btnSampleDown {display: inline-block; margin-top: 1.6rem;}
  .bigdataBox .list ul li .btnSampleDown,
  .bigdataBox .btnGo {width: 100%; text-align: center;}

  .footer {padding: 30px 10px 42px 10px;}
  .footer .inner {flex-direction: column; align-items: flex-start; gap: 30px;}
  .footer .footer_logo {width: 113px; height: 20px;}
  .footer .footer_info {align-items: flex-start; gap: 0.8rem;}
  .footer .footer_info_first {gap: 1rem;}
  .footer .footer_info_second {align-items: flex-start;}
  .footer .footer_link,
  .footer .footer_copy {font-size: 12px;}
  .btn-top {bottom: 28rem;}
}
@media (max-width: 640px){
  .main-sec4 .swiper-area .swiper {padding:3rem 0 5rem ;}
}

@media (max-width: 360px){
  .swiper-area.ban-area {padding: 0 1.295rem 0 1.295rem;}
}