@charset "utf-8";

/*-------------------------------------------------------------------
    파일정의 : 메인 스타일
-------------------------------------------------------------------*/
/* 공통 */
.visual {height: 60rem; background-repeat: no-repeat; background-position: center; background-size: cover; display: flex; align-items: center; justify-content: center; padding: 0 2rem;}
.visual.bg01 {background-image: url('../img/pricing/bg.png');}
.visual.bg02 {background-image: url('../img/faq/bg.png');}
.visual.bg03 {background-image: url('../img/contactus/bg.png');}
.visual .inner {max-width: 93.5rem; background-color: rgba(255, 255, 255, 0.95); padding: 4rem 4rem; border-radius: 1rem; width: 100%;}
.visual .inner .title {color: #6741D9; font-weight: 800; font-size: 4.4rem; line-height: 1.182; text-align: center;}
.visual .inner .text {margin-top: 2rem; font-weight: 500; font-size: 2.4rem; line-height: 1.5; text-align: center;}
.visual .inner .text-small {margin-top: 2rem; font-weight: 500; font-size: 2rem; line-height: 1.5; text-align: center;}
.visual .inner .btn {margin: 3rem auto 0;}

/* seecargo */
.seecargo .container {max-width: 160rem;}

.seecargo [class^="section"] {padding-top: 12rem; padding-bottom: 12rem;}
.seecargo [class^="section"] .container > .title {font-weight: 800; font-size: 4rem; line-height: 1.3; text-align: center;}
.seecargo [class^="section"] .container > .title strong {font-weight: 800; color: #6741D9;}

.seecargo .headline {height: 92.5rem; background: #F3F0FF url('../img/seecargo/bg_headline.png') no-repeat center top/100%; padding: 14.5rem 2rem 0;}
.seecargo .headline .inner {max-width: 93.5rem; margin: 0 auto; width: 100%; padding: 4rem 4rem; border-radius: 1rem; background-color: rgba(255, 255, 255, 0.95);}
.seecargo .headline .inner .title {font-weight: 800; font-size: 4.4rem; line-height: 1.182; text-align: center; color: #6741D9;}
.seecargo .headline .inner .text {margin-top: 2rem; font-weight: 500; font-size: 2.4rem; line-height: 1.4; text-align: center;}
.seecargo .headline .inner .btn {margin: 3rem auto 0;}

.seecargo .accent {background-color: #7950F2; padding: 12rem 0;}
.seecargo .accent .title {color: #ffffff; font-weight: 800; font-size: 4rem; line-height: 1.3; text-align: center;}
.seecargo .accent .text {margin-top: 4rem; color: #ffffff; font-weight: 500; font-size: 2.4rem; line-height: 1.4; text-align: center;}

.seecargo .section01 {background-color: #F3F0FF;}
.seecargo .section01 .text-summary {width: fit-content; margin: 4rem auto 0; padding: 0 3.5rem; font-weight: 600; font-size: 1.6rem; line-height: 3; border-radius: 2.4rem; background-color: #7950F2; color: #ffffff;}
.seecargo .section01 .engine-wrap {margin-top: 4rem;}
.seecargo .section01 .engine-wrap .engine-swiper .swiper-wrapper {flex-wrap: wrap; gap: 2rem 2rem; align-items: stretch;}
.seecargo .section01 .engine-wrap .engine-swiper .swiper-wrapper .swiper-slide {width: calc(calc(100% - 6rem)/4); display: flex; flex-direction: column; height: auto;}
.seecargo .section01 .engine-wrap .engine-swiper .swiper-wrapper .swiper-slide .img-area {padding-top: 66.667%; overflow: hidden; position: relative; flex: none;}
.seecargo .section01 .engine-wrap .engine-swiper .swiper-wrapper .swiper-slide .img-area img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.seecargo .section01 .engine-wrap .engine-swiper .swiper-wrapper .swiper-slide .text-area {background-color: #ffffff; padding: 2rem 1rem; flex: 1 0; min-height: 0;}
.seecargo .section01 .engine-wrap .engine-swiper .swiper-wrapper .swiper-slide .text-area .title {font-size: 2rem; font-weight: 700; line-height: 1.4; letter-spacing: -0.02em; text-align: center;}
.seecargo .section01 .engine-wrap .engine-swiper .swiper-wrapper .swiper-slide .text-area .text {color: #868E96; font-weight: 500; font-size: 1.6rem; line-height: 1.4; text-align: center; margin-top: 0.4rem;}

.seecargo .section02 {padding-bottom: 6.5rem;}
.seecargo .section02 .solution-wrap {margin-top: 4rem;}
.seecargo .section02 .solution-wrap .solution-swiper {padding: 21rem 0 15rem;}
.seecargo .section02 .solution-wrap .solution-swiper .swiper-wrapper .swiper-slide {opacity: 0.8; transition: .5s;}
.seecargo .section02 .solution-wrap .solution-swiper .swiper-wrapper .swiper-slide.swiper-slide-active {transform: scale(1.5); opacity: 1; box-shadow: 0px 0px 4rem 0px #00000040; z-index: 1;}
.seecargo .section02 .solution-wrap .solution-swiper .swiper-wrapper .swiper-slide img {width: 100%;}
.seecargo .section02 .solution-wrap .solution-swiper .swiper-pagination {bottom: auto; top: 0; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 0 1rem; justify-content: center;}
.seecargo .section02 .solution-wrap .solution-swiper .swiper-pagination .swiper-pagination-bullet {width: 12rem; height: 3.6rem; border: 0.1rem solid #6741D9; border-radius: 0.4rem; background-color: #ffffff; text-align: center; line-height: 3.4rem; font-size: 1.4rem; font-weight: 600; color: #6741D9; opacity: 1; margin: 0;}
.seecargo .section02 .solution-wrap .solution-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #6741D9; color: #ffffff;}
.seecargo .section02 .solution-wrap .solution-swiper .swiper-controller {position: absolute; max-width: 132rem; padding: 0 2rem; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-top: 6rem; display: flex; justify-content: space-between; width: 100%; z-index: 1;}
.seecargo .section02 .solution-wrap .solution-swiper .swiper-controller [class^="swiper-button-"] {position: static; width: 4rem; height: 4rem; margin-top: 0; background-repeat: no-repeat; background-position: center; background-size: 100%; opacity: 1;}
.seecargo .section02 .solution-wrap .solution-swiper .swiper-controller [class^="swiper-button-"]::after {display: none;}
.seecargo .section02 .solution-wrap .solution-swiper .swiper-controller .swiper-button-prev {background-image: url('../img/seecargo/btn_swiper_l.png');}
.seecargo .section02 .solution-wrap .solution-swiper .swiper-controller .swiper-button-next {background-image: url('../img/seecargo/btn_swiper_r.png');}

.seecargo .section03 {background-color: #F3F0FF;}
.seecargo .section03 .btn {margin: 4rem auto 0;}
.seecargo .section03 .merit-wrap {margin-top: 8rem;}
.seecargo .section03 .merit-wrap .article {display: flex; align-items: center; gap: 2rem 9.5rem}
.seecargo .section03 .merit-wrap .article + .article {margin-top: 10rem;}
.seecargo .section03 .merit-wrap .article:nth-child(odd) {flex-direction: row-reverse;}
.seecargo .section03 .merit-wrap .article .img-area {width: 59.425%;}
.seecargo .section03 .merit-wrap .article > .text-area {flex: 1 0; min-width: 0;}
.seecargo .section03 .merit-wrap .article > .text-area > .title {font-size: 3.2rem; font-weight: 700; line-height: 1.1875;}
.seecargo .section03 .merit-wrap .article > .text-area > .text {font-size: 2.4rem; font-weight: 500; line-height: 1.4; color: #868E96; margin-top: 1rem;}
.seecargo .section03 .merit-wrap .article > .text-area .merit-area {margin-top: 4rem;}
.seecargo .section03 .merit-wrap .article > .text-area .merit-area .item {background-color: #FFFFFF; border-radius: 1rem; display: flex; align-items: center; padding: 2rem 2rem; gap: 2rem 2rem;}
.seecargo .section03 .merit-wrap .article > .text-area .merit-area .item + .item {margin-top: 1rem;}
.seecargo .section03 .merit-wrap .article > .text-area .merit-area .item .icon-area {flex: none; width: 6rem;}
.seecargo .section03 .merit-wrap .article > .text-area .merit-area .item .text-area {flex: 1 0; min-width: 0;}
.seecargo .section03 .merit-wrap .article > .text-area .merit-area .item .text-area .title {font-weight: 600; font-size: 2rem; line-height: 1.2;}
.seecargo .section03 .merit-wrap .article > .text-area .merit-area .item .text-area .text {font-weight: 500; font-size: 1.6rem; line-height: 1.4; margin-top: 1rem; color: #868E96;}

.seecargo .section04 .container > img {margin: 8rem auto 0; width: 37.8rem;}
.seecargo .section04 .innovation-wrap {height: 67rem; background: url('../img/seecargo/bg04.png') no-repeat center bottom/156.4rem; position: relative; margin-top: 5.5rem;}
.seecargo .section04 .innovation-wrap dl {position: absolute; display: flex; flex-direction: column-reverse; align-items: center; justify-content: center; gap: 2rem 3.2rem; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.seecargo .section04 .innovation-wrap dl:nth-of-type(1) {margin-left: -58rem; margin-top: 24.5rem}
.seecargo .section04 .innovation-wrap dl:nth-of-type(2) {margin-left: -29rem; margin-top: 7.7rem}
.seecargo .section04 .innovation-wrap dl:nth-of-type(3) {margin-left: 0rem; margin-top: -5.4rem}
.seecargo .section04 .innovation-wrap dl:nth-of-type(4) {margin-left: 28.8rem; margin-top: -18.7rem}
.seecargo .section04 .innovation-wrap dl:nth-of-type(5) {margin-left: 58rem; margin-top: -28.2rem}
.seecargo .section04 .innovation-wrap dl dt {padding: 1rem 1rem; font-size: 1.6rem; line-height: 1.2; color: #858E96; font-weight: 700; background-color: #F8F9FA; border-radius: 1rem;}
.seecargo .section04 .innovation-wrap dl dd {position: relative; background-color: #9775FA; border-radius: 1rem; padding: 2rem 1rem; width: 24rem;}
.seecargo .section04 .innovation-wrap dl dd::after {content: ""; position: absolute; border-left: 1rem solid transparent; border-right: 1rem solid transparent; border-top: 1.2rem solid #9775FA; top: 100%; left: 50%; transform: translateX(-50%);}
.seecargo .section04 .innovation-wrap dl dd ul li,
.seecargo .section04 .innovation-wrap dl dd p {color: #ffffff; font-weight: 700; font-size: 1.2rem; line-height: 1.2;}
.seecargo .section04 .innovation-wrap dl dd ul li {position: relative; padding-left: 2rem;}
.seecargo .section04 .innovation-wrap dl dd ul li::before {content: ""; width: 0.4rem; height: 0.4rem; border-radius: 50%; background-color: #FFFFFF; position: absolute; left: 0.8rem; top: 0.5rem;}
.seecargo .section04 .innovation-wrap dl dd p {text-align: center;}
.seecargo .section04 .count-wrap {margin-top: 8rem; border-radius: 1rem; background-color: #7950F2; padding: 3rem 8rem; display: flex; align-items: center; justify-content: center; gap: 4rem 12rem;}
.seecargo .section04 .count-wrap dl {padding: 2rem 1.6rem; position: relative;}
.seecargo .section04 .count-wrap dl + dl::before {content: ""; width: 0.1rem; height: 100%; background-color: #9775FA; position: absolute; left: -6rem; top: 0;}
.seecargo .section04 .count-wrap dl dt {color: #D0BFFF; font-weight: 700; font-size: 2rem; line-height: 1.2; text-align: center;}
.seecargo .section04 .count-wrap dl dd {margin-top: 0.4rem;}
.seecargo .section04 .count-wrap dl dd .value { color: #ffffff; font-weight: 700; font-size: 4rem; line-height: 1.5; text-align: center;}
.seecargo .section04 .count-wrap dl dd .text {color: #D0BFFF; font-weight: 700; font-size: 1.6rem; line-height: 1.5; text-align: center;}
.seecargo .section04 .text-comment {margin-top: 4rem; color: #868E96; font-weight: 500; font-size: 2rem; line-height: 1.5; text-align: center;}
.seecargo .section04 .article {margin-top: 8rem;}
.seecargo .section04 .article .title-area {padding: 2rem 0; border-bottom: 0.1rem solid #CED4DA;}
.seecargo .section04 .article .title-area .title-sub {font-weight: 700; font-size: 3.2rem; line-height: 1.1875;}
.seecargo .section04 .article .title-area .result {margin-top: 1rem; font-size: 2rem; line-height: 1.2; color: #7950F2; font-weight: 700;}
.seecargo .section04 .article .title-area .result span {display: inline-block; margin-left: 2rem; font-weight: 400; color: #858E96;}
.seecargo .section04 .article .graphic-wrap {margin-top: 6rem;}
.seecargo .section04 .article .graphic-wrap .graphic-swiper .swiper-wrapper {justify-content: space-between;}
.seecargo .section04 .article .graphic-wrap .graphic-swiper .swiper-wrapper .swiper-slide {flex: none; width: 30rem;}
.seecargo .section04 .article .graphic-wrap .graphic-swiper .swiper-wrapper .swiper-slide .title-item {font-weight: 700; font-size: 1.6rem; line-height: 1.2; text-align: center;}
.seecargo .section04 .article .graphic-wrap .graphic-swiper .swiper-wrapper .swiper-slide .percent {width: fit-content; margin: 1rem auto 0; padding-left: 2.6rem; font-weight: 700; font-size: 2.4rem; line-height: 1.2; text-align: center; background: url('../img/seecargo/deco_arrow.png') no-repeat left center/1.6rem; color: #7950F2;}
.seecargo .section04 .article .graphic-wrap .graphic-swiper .swiper-wrapper .swiper-slide .value {color: #7950F2; font-weight: 700; font-size: 1.6rem; line-height: 1.2; text-align: center;}
.seecargo .section04 .article .graphic-wrap .graphic-swiper .swiper-wrapper .swiper-slide img {margin: 3rem auto 0; height: 31.7rem;}
.seecargo .section04 .article .graphic-wrap .graphic-swiper .swiper-wrapper .swiper-slide .title-table {margin-top: 3rem; text-align: center; font-weight: 700; font-size: 1.6rem; line-height: 1.1875; text-align: center;}
.seecargo .section04 .article .graphic-wrap .graphic-swiper .swiper-wrapper .swiper-slide table {width: 100%; table-layout: fixed; margin-top: 1.2rem;}
.seecargo .section04 .article .graphic-wrap .graphic-swiper .swiper-wrapper .swiper-slide table thead tr,
.seecargo .section04 .article .graphic-wrap .graphic-swiper .swiper-wrapper .swiper-slide table tbody tr {border-top: 0.1rem solid #CED4DA; border-bottom: 0.1rem solid #CED4DA;}
.seecargo .section04 .article .graphic-wrap .graphic-swiper .swiper-wrapper .swiper-slide table thead tr th,
.seecargo .section04 .article .graphic-wrap .graphic-swiper .swiper-wrapper .swiper-slide table tbody tr td {text-align: center; font-weight: 500; font-size: 1.4rem; line-height: 1.215; height: 3.6rem; vertical-align: middle;}
.seecargo .section04 .article .graphic-wrap .graphic-swiper .swiper-wrapper .swiper-slide table thead tr th {background-color: #E9ECEF; color: #868E96}

.seecargo .section05 {background-color: #F3F0FF;}
.seecargo .section05 .text-headline {margin-top: 8rem; font-weight: 700; font-size: 2.8rem; line-height: 1.83334; text-align: center;  color: #7950F2;}
.seecargo .section05 .system-wrap {margin-top: 6rem; position: relative; height: 48.5rem; background: url('../img/seecargo/bg05.png') no-repeat center center/147.2rem;}
.seecargo .section05 .system-wrap .system-swiper {position: static; overflow: visible; height: 100%;}
.seecargo .section05 .system-wrap .system-swiper .swiper-wrapper {position: static; height: 100%;}
.seecargo .section05 .system-wrap .system-swiper .swiper-wrapper .swiper-slide {position: absolute; width: 30rem; background-color: #ffffff; padding: 2rem 1.4rem; height: auto; box-shadow: 0px 0.4rem 2rem 0px #0000001A; border-radius: 1rem; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.seecargo .section05 .system-wrap .system-swiper .swiper-wrapper .swiper-slide:nth-of-type(1) {margin-top: -19.7rem; margin-left: -34.7rem;}
.seecargo .section05 .system-wrap .system-swiper .swiper-wrapper .swiper-slide:nth-of-type(2) {margin-top: -6.3rem; margin-left: -42.8rem;}
.seecargo .section05 .system-wrap .system-swiper .swiper-wrapper .swiper-slide:nth-of-type(3) {margin-top: 8.1rem; margin-left: -49.8rem;}
.seecargo .section05 .system-wrap .system-swiper .swiper-wrapper .swiper-slide:nth-of-type(4) {margin-top: 20.7rem; margin-left: -35.5rem;}
.seecargo .section05 .system-wrap .system-swiper .swiper-wrapper .swiper-slide:nth-of-type(5) {margin-top: -21.3rem; margin-left: 36.3rem;}
.seecargo .section05 .system-wrap .system-swiper .swiper-wrapper .swiper-slide:nth-of-type(6) {margin-top: -6.3rem; margin-left: 42.9rem;}
.seecargo .section05 .system-wrap .system-swiper .swiper-wrapper .swiper-slide:nth-of-type(7) {margin-top: 7.7rem; margin-left: 48rem;}
.seecargo .section05 .system-wrap .system-swiper .swiper-wrapper .swiper-slide:nth-of-type(8) {margin-top: 20.5rem; margin-left: 36.6rem;}
.seecargo .section05 .system-wrap .system-swiper .swiper-wrapper .swiper-slide .title {font-weight: 700; font-size: 2rem; line-height: 1.5; text-align: center;}
.seecargo .section05 .system-wrap .system-swiper .swiper-wrapper .swiper-slide .title img {display: inline-block; vertical-align: middle; margin-right: 0.6rem; width: 10rem;}
.seecargo .section05 .system-wrap .system-swiper .swiper-wrapper .swiper-slide .text {color: #868E96; font-weight: 500; font-size: 1.2rem; line-height: 1.4; text-align: center;}
.seecargo .section05 .system-wrap .system-swiper .swiper-wrapper .swiper-slide .text strong {font-weight: 700; color: #343A40;}
.seecargo .section05 .system-wrap .system-swiper .swiper-pagination {display: none;}
.seecargo .section05 .container > .text {margin-top: 4.8rem; color: #7950F2; font-weight: 500; font-size: 2.4rem; line-height: 1.4; text-align: center;}
.seecargo .section05 .explain-wrap {margin-top: 9rem;}
.seecargo .section05 .explain-wrap .explain-swiper .swiper-wrapper {flex-wrap: wrap; gap: 4rem 2rem; align-items: stretch;}
.seecargo .section05 .explain-wrap .explain-swiper .swiper-wrapper .swiper-slide {width: calc(calc(100% - 4rem)/3); display: flex; flex-direction: column; height: auto;}
.seecargo .section05 .explain-wrap .explain-swiper .swiper-wrapper .swiper-slide .img-area {padding-top: 66.667%; overflow: hidden; position: relative; flex: none;}
.seecargo .section05 .explain-wrap .explain-swiper .swiper-wrapper .swiper-slide .img-area img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.seecargo .section05 .explain-wrap .explain-swiper .swiper-wrapper .swiper-slide .text-area {background-color: #ffffff; padding: 4rem 2rem 4rem; flex: 1 0; min-width: 0; min-height: 0;}
.seecargo .section05 .explain-wrap .explain-swiper .swiper-wrapper .swiper-slide .text-area .title {font-weight: 700; font-size: 3.2rem; line-height: 1.1875; text-align: center;}
.seecargo .section05 .explain-wrap .explain-swiper .swiper-wrapper .swiper-slide .text-area ul {margin-top: 2rem;}
.seecargo .section05 .explain-wrap .explain-swiper .swiper-wrapper .swiper-slide .text-area ul li {padding-left: 2.4rem; color: #868E96; font-weight: 500; font-size: 2rem; line-height: 1.4; position: relative;}
.seecargo .section05 .explain-wrap .explain-swiper .swiper-wrapper .swiper-slide .text-area ul li::before {content: ""; width: 0.4rem; height: 0.4rem; border-radius: 50%; background-color: #868E96; position: absolute; left: 1rem; top: 1.2rem;}
.seecargo .section05 .explain-wrap .explain-swiper .swiper-wrapper .swiper-slide .text-area ul li + li {margin-top: 0.5rem;}

.seecargo .contact {padding: 8rem 0; background-color: #7950F2;}
.seecargo .contact .title {color: #ffffff; font-weight: 800; font-size: 4rem; line-height: 1.3; text-align: center;}
.seecargo .contact .text {color: #D0BFFF; font-weight: 500; font-size: 2.4rem; line-height: 1.4; text-align: center; margin-top: 3rem;}
.seecargo .contact .btn {margin: 3rem auto 0;}

/* tech */
.tech .container {max-width: 132rem;}

.tech [class^="section"] {padding-top: 12rem; padding-bottom: 12rem;}
.tech [class^="section"] .container > .title {font-weight: 800; font-size: 4rem; line-height: 1.3; text-align: center;}
.tech [class^="section"] .container > .title strong {font-weight: 800; color: #6741D9;}
.tech [class^="section"] .container > .title-sub {margin-top: 8rem; text-align: center; font-size: 3.2rem; line-height: 1.1875; font-weight: 700;}
.tech [class^="section"] .container > .text-normal {margin-top: 1rem; text-align: center; font-size: 2.4rem; line-height: 1.4; font-weight: 500; color: #868E96;}
.tech [class^="section"] .container .introduce-wrap {margin-top: 8rem;}
.tech [class^="section"] .container .introduce-wrap .item {display: flex; align-items: center; gap: 2rem 8rem;}
.tech [class^="section"] .container .introduce-wrap .item + .item {margin-top: 8rem;}
.tech [class^="section"] .container .introduce-wrap .item .img-area {width: 46.875%; flex: none;}
.tech [class^="section"] .container .introduce-wrap .item .img-area img {width: 100%;}
.tech [class^="section"] .container .introduce-wrap .item .text-area {flex: 1 0; min-width: 0;}
.tech [class^="section"] .container .introduce-wrap .item .text-area .title {font-weight: 700; font-size: 3.2rem; line-height: 1.1875;}
.tech [class^="section"] .container .introduce-wrap .item .text-area .text {margin-top: 1rem; font-weight: 500; font-size: 2.4rem; line-height: 1.4; color: #868E96}

.tech .headline {height: 92.5rem; background: url('../img/tech/bg_headline.png') no-repeat center top/cover; padding: 14.5rem 2rem 0;}
.tech .headline .inner {max-width: 93.5rem; margin: 0 auto; width: 100%; padding: 4rem 4rem; border-radius: 1rem; background-color: rgba(255, 255, 255, 0.95);}
.tech .headline .inner .title {font-weight: 800; font-size: 4.4rem; line-height: 1.182; text-align: center; color: #6741D9;}
.tech .headline .inner img {margin: 2rem auto 0; width: 34.7rem; display: block;}
.tech .headline .inner .btn {margin: 3rem auto 0;}

.tech .accent {background-color: #7950F2; padding: 12rem 0;}
.tech .accent .title {color: #ffffff; font-weight: 800; font-size: 4rem; line-height: 1.3; text-align: center;}
.tech .accent .text {margin-top: 4rem; color: #ffffff; font-weight: 500; font-size: 2.4rem; line-height: 1.4; text-align: center;}

.tech .section01 {background-color: #F3F0FF;}

.tech .section03 {background-color: #F3F0FF;}

.tech .section05 {background-color: #F3F0FF;}

.tech .contact {padding: 8rem 0; background-color: #7950F2;}
.tech .contact .title {color: #ffffff; font-weight: 800; font-size: 4rem; line-height: 1.3; text-align: center;}
.tech .contact .text {color: #D0BFFF; font-weight: 500; font-size: 2.4rem; line-height: 1.4; text-align: center; margin-top: 3rem;}
.tech .contact .btn {margin: 3rem auto 0;}

/* pricing */
.pricing .container {max-width: 128rem;}
.pricing .tab-wrap {padding: 11.5rem 0 12rem;}
.pricing .tab-wrap .tab-btn-area {position: relative;}
.pricing .tab-wrap .tab-btn-area .deco {position: absolute; left: 50%; top: 50%; transform: translate(15.8rem, -50%); font-weight: 500; font-size: 1.2rem; line-height: 1.167;}
.pricing .tab-wrap .tab-btn-area .deco strong {font-weight: 700; color: #FAB005;}
.pricing .plan-wrap {overflow: auto; width: calc(100% + 4rem); margin-left: -2rem; padding: 0 2rem;}
.pricing .plan-wrap table {width: 124rem; table-layout: fixed;}
.pricing .plan-wrap table tbody tr td {border-left: 0.4rem solid #ffffff; border-right: 0.4rem solid #ffffff; position: relative; padding: 2rem 1.8rem; text-align: center;}
.pricing .plan-wrap table tbody tr + tr td {border-top: 1px solid #E9ECEF;}
.pricing .plan-wrap table tbody tr td::after {content: ""; width: 100%; height: 100%; background-color: #F8F9FA; position: absolute; left: 0; top: 0;}
.pricing .plan-wrap table tbody tr td .inner {z-index: 1; position: relative;}
.pricing .plan-wrap table tbody tr:first-of-type td {padding: 3rem 1.8rem;}
.pricing .plan-wrap table tbody tr:first-of-type td::after {border-radius: 1rem 1rem 0 0;}
.pricing .plan-wrap table tbody tr:last-of-type td::after,
.pricing .plan-wrap table tbody tr td[rowspan]::after {border-radius: 0 0 1rem 1rem;}
.pricing .plan-wrap table tbody tr td .inner .label.v1 + * {margin-top: 2rem;}
.pricing .plan-wrap table tbody tr td .inner .text-popular {position: absolute; left: 50%; top: -0.6rem; transform: translate(-50%, -100%); width: max-content; color: #BE4BDB; padding-left: 1.6rem; background: url('../img/pricing/ic_deco.png') no-repeat left center/1.2rem; font-weight: 600;}
.pricing .plan-wrap table tbody tr td .inner .discount {color: #FAB005; font-weight: 500; font-size: 1.4rem; line-height: 1.167}
.pricing .plan-wrap table tbody tr td .inner .cost {font-weight: 500; font-size: 1.2rem; line-height: 1.167; text-decoration: line-through; margin-top: 1.6rem; color: #868E96;}
.pricing .plan-wrap table tbody tr td .inner .cost + * {margin-top: 0.2rem;}
.pricing .plan-wrap table tbody tr td .inner .price-monthly {color: #7950F2; font-weight: 500; font-size: 1.2rem; line-height: 1.334;}
.pricing .plan-wrap table tbody tr td .inner .price-monthly strong {font-weight: 700; font-size: 2rem; line-height: 1.3;}
.pricing .plan-wrap table tbody tr td .inner .price-year {color: #7950F2; font-weight: 500; font-size: 1.2rem; line-height: 1.334;}
.pricing .plan-wrap table tbody tr td .inner .price-year strong {font-weight: 700;}
.pricing .plan-wrap table:has(.discount) tbody tr td:first-of-type .inner .price-monthly {margin-top: 8.5rem;}
.pricing .plan-wrap table:has(.discount) tbody tr td:last-of-type .inner .price-monthly {margin-top: 8.5rem;}
.pricing .plan-wrap table tbody tr td .inner .vat {color: #868E96; font-weight: 500; font-size: 1.2rem; line-height: 1.1667; margin-top: 1.6rem;}
.pricing .plan-wrap table tbody tr td .inner .title {color: #868E96; font-weight: 500; font-size: 1.4rem; line-height: 1.215;}
.pricing .plan-wrap table tbody tr td .inner .value {margin-top: 0.4rem; font-weight: 700; font-size: 2rem; line-height: 1.2;}
.pricing .plan-wrap table tbody tr td .inner .btn {width: 100%;}
.pricing .plan-wrap table tbody tr td .inner .label.v2 {margin: 0 auto;}
.pricing .plan-wrap table tbody tr td .inner .text {margin-top: 0.4rem; font-weight: 500; font-size: 1.4rem; line-height: 1.215;}
.pricing .btn-wrap {margin-top: 8rem;}

.pricing .contact {padding: 8rem 0; background-color: #7950F2;}
.pricing .contact .title {color: #ffffff; font-weight: 800; font-size: 4rem; line-height: 1.3; text-align: center;}
.pricing .contact .text {color: #D0BFFF; font-weight: 500; font-size: 2.4rem; line-height: 1.4; text-align: center; margin-top: 3rem;}
.pricing .contact .btn {margin: 3rem auto 0;}

/* faq */
.faq {padding: 12rem 0;}
.faq .acc-wrap .acc-list .acc-tit::before {content: "Q"; color: #868E96; font-weight: 700; font-size: 2rem; line-height: 1.5;}
.faq .acc-wrap .acc-list .acc-cont {padding-left: 4rem; position: relative;}
.faq .acc-wrap .acc-list .acc-cont::before {content: "A"; position: absolute; left: 1rem; top: 1rem; color: #6741D9; font-weight: 700; font-size: 2rem; line-height: 1.2;}

/* contact us */
.contactus {padding: 12rem 0;}
.contactus .operate-area {display: flex; align-items: center; justify-content: center; gap: 2rem 8rem; flex-wrap: wrap;}
.contactus .operate-area dl {padding: 2rem 0 2rem 6.6rem; background-repeat: no-repeat; background-position: left center; background-size: 5.6rem;}
.contactus .operate-area dl:nth-of-type(1) {background-image: url('../img/contactus/ic_tell.png');}
.contactus .operate-area dl:nth-of-type(2) {background-image: url('../img/contactus/ic_operating.png');}
.contactus .operate-area dl dt {color: #868E96; font-weight: 500; font-size: 1.4rem; line-height: 1.214;}
.contactus .operate-area dl dd {margin-top: 0.4rem; font-weight: 700; font-size: 2rem; line-height: 1.5;}
.contactus .operate-area dl dd span {font-size: 1.4rem; font-weight: 500;}
.contactus .form-group {margin-top: 4rem;}
.contactus textarea {height: 40rem;}
.contactus textarea:disabled {height: 37rem;}
.contactus .check {margin-top: 1rem;}
.contactus .btn-wrap {margin-top: 8rem;}
.contactus .txt-normal {font-weight: 500; font-size: 2.4rem; line-height: 1.5; text-align: center;}
.contactus .map-area {margin-top: 4rem; height: 60rem; background-color: #F8F9FA;}
.contactus .tbl-wrap {margin-top: 4rem;}
.contactus .tbl-wrap dl dt {width: 16rem;}

@media screen and (max-width: 1600px) {
    /* seecargo */
    .seecargo .section01 .engine-wrap .engine-swiper .swiper-wrapper .swiper-slide {width: calc(calc(100% - 2rem) / 2);}

    .seecargo .section02 {padding-bottom: 8rem;}
    .seecargo .section02 .solution-wrap {max-width: 124rem; margin: 4rem auto 0}
    .seecargo .section02 .solution-wrap .solution-swiper {padding: 7.5rem 4rem 4rem;}
    .seecargo .section02 .solution-wrap .solution-swiper .swiper-wrapper .swiper-slide {opacity: 1;}
    .seecargo .section02 .solution-wrap .solution-swiper .swiper-wrapper .swiper-slide.swiper-slide-active {transform: scale(1); opacity: 1;}
    .seecargo .section02 .solution-wrap .solution-swiper .swiper-controller {display: none;}

    .seecargo .section03 .merit-wrap .article {gap: 2rem 4rem;}
    .seecargo .section03 .merit-wrap .article .img-area {width: 50%;}

    .seecargo .section04 .count-wrap {flex-wrap: wrap;}
    .seecargo .section04 .innovation-wrap {height: 53.1rem; background-size: 124rem; margin-top: 13.5rem;}
    .seecargo .section04 .innovation-wrap dl:nth-of-type(1) {margin-left: -46.2rem; margin-top: 17.4rem}
    .seecargo .section04 .innovation-wrap dl:nth-of-type(2) {margin-left: -23.1rem; margin-top: 2rem}
    .seecargo .section04 .innovation-wrap dl:nth-of-type(3) {margin-left: 0rem; margin-top: -8.4rem}
    .seecargo .section04 .innovation-wrap dl:nth-of-type(4) {margin-left: 22.8rem; margin-top: -19.2rem}
    .seecargo .section04 .innovation-wrap dl:nth-of-type(5) {margin-left: 45rem; margin-top: -23.8rem}
    .seecargo .section04 .innovation-wrap dl dd {width: 19rem;}
    .seecargo .section04 .count-wrap dl {width: calc(calc(100% - 24rem)/2)}
    .seecargo .section04 .count-wrap dl + dl::before {display: none;}
    .seecargo .section04 .count-wrap dl:nth-of-type(even)::before {content: ""; display: block; width: 0.1rem; height: 100%; background-color: #9775FA; position: absolute; left: -6rem; top: 0;}
    .seecargo .section04 .count-wrap dl::after {content: ""; display: block; width: 100%; height: 0.1rem; background-color: #9775FA; position: absolute; left: 0; top: -2rem;}
    .seecargo .section04 .count-wrap dl:nth-child(1)::after,
    .seecargo .section04 .count-wrap dl:nth-child(2)::after {display: none;}

    .seecargo .section04 .article .graphic-wrap .graphic-swiper .swiper-wrapper {flex-wrap: wrap; gap: 4rem 4rem;}
    .seecargo .section04 .article .graphic-wrap .graphic-swiper .swiper-wrapper .swiper-slide {width: calc(calc(100% - 4rem)/2)}

    .seecargo .section05 .system-wrap {background-size: 124rem;}
    .seecargo .section05 .system-wrap .system-swiper .swiper-wrapper .swiper-slide:nth-of-type(1) {margin-left: -29.2rem;}
    .seecargo .section05 .system-wrap .system-swiper .swiper-wrapper .swiper-slide:nth-of-type(2) {margin-left: -36rem;}
    .seecargo .section05 .system-wrap .system-swiper .swiper-wrapper .swiper-slide:nth-of-type(3) {margin-left: -42rem;}
    .seecargo .section05 .system-wrap .system-swiper .swiper-wrapper .swiper-slide:nth-of-type(4) {margin-left: -30rem;}
    .seecargo .section05 .system-wrap .system-swiper .swiper-wrapper .swiper-slide:nth-of-type(5) {margin-left: 30.5rem;}
    .seecargo .section05 .system-wrap .system-swiper .swiper-wrapper .swiper-slide:nth-of-type(6) {margin-left: 36.1rem;}
    .seecargo .section05 .system-wrap .system-swiper .swiper-wrapper .swiper-slide:nth-of-type(7) {margin-left: 40.5rem;}
    .seecargo .section05 .system-wrap .system-swiper .swiper-wrapper .swiper-slide:nth-of-type(8) {margin-left: 30.8rem;}
    .seecargo .section05 .explain-wrap .explain-swiper .swiper-wrapper .swiper-slide {width: calc(calc(100% - 2rem)/2)}
}
@media screen and (max-width: 1280px) {
    /* seecargo */
    .seecargo [class^="section"] {padding-top: 6rem; padding-bottom: 6rem;}
    .seecargo [class^="section"] .container > .title {font-size: 3rem; line-height: 1.5;}

    .seecargo .headline {height: 59.5rem; background-size: auto 55.5rem; padding: 4rem 2rem 0;}
    .seecargo .headline .inner {padding: 4rem 3rem;}
    .seecargo .headline .inner .title {font-size: 3rem; line-height: 1.4;}
    .seecargo .headline .inner .text {margin-top: 1rem; font-size: 1.4rem;}
    .seecargo .headline .inner .btn {margin: 2rem auto 0;}

    .seecargo .accent {padding: 6rem 0;}
    .seecargo .accent .title {font-size: 3rem; line-height: 1.734;}
    .seecargo .accent .text {margin-top: 2rem; font-size: 1.8rem;}

    .seecargo .section01 .text-summary {margin: 1.2rem auto 0;}
    .seecargo .section01 .engine-wrap .engine-swiper {padding-bottom: 3rem;}
    .seecargo .section01 .engine-wrap .engine-swiper .swiper-wrapper {flex-wrap: nowrap; gap: 0 0;}
    .seecargo .section01 .engine-wrap .engine-swiper .swiper-wrapper .swiper-slide .img-area {padding-top: 66.667%; overflow: hidden; position: relative;}
    .seecargo .section01 .engine-wrap .engine-swiper .swiper-wrapper .swiper-slide .img-area img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
    .seecargo .section01 .engine-wrap .engine-swiper .swiper-wrapper .swiper-slide .text-area .title {font-size: 2rem; font-weight: 700; line-height: 1.4; letter-spacing: -0.02em; text-align: center;}
    .seecargo .section01 .engine-wrap .engine-swiper .swiper-wrapper .swiper-slide .text-area .text br {display: none;}
    .seecargo .section01 .engine-wrap .engine-swiper .swiper-pagination {bottom: 0; display: flex; align-items: center; justify-content: center; gap: 0 1rem;}
    .seecargo .section01 .engine-wrap .engine-swiper .swiper-pagination .swiper-pagination-bullet {margin: 0; width: 0.8rem; height: 0.8rem; opacity: 1; border: 0.1rem solid #868E96; background-color: #ffffff;}
    .seecargo .section01 .engine-wrap .engine-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #343A40; border-color: #343A40;}
    
    .seecargo .section02 .solution-wrap {margin-top: 2rem;}
    .seecargo .section02 .solution-wrap .solution-swiper {padding: 12rem 3.9rem 4rem;}
    .seecargo .section02 .solution-wrap .solution-swiper .swiper-pagination {gap: 1rem 1rem; flex-wrap: wrap;}
    .seecargo .section02 .solution-wrap .solution-swiper .swiper-pagination .swiper-pagination-bullet {width: calc(calc(100% - 2rem)/3);}
    
    .seecargo .section03 .btn {margin: 2rem auto 0;}
    .seecargo .section03 .merit-wrap {margin-top: 4rem;}
    .seecargo .section03 .merit-wrap .article {flex-direction: column;}
    .seecargo .section03 .merit-wrap .article + .article {margin-top: 5rem;}
    .seecargo .section03 .merit-wrap .article:nth-child(odd) {flex-direction: column;}
    .seecargo .section03 .merit-wrap .article .img-area {width: 100%;}
    .seecargo .section03 .merit-wrap .article > .text-area {flex: 1 0; min-width: 0; width: 100%;}
    .seecargo .section03 .merit-wrap .article > .text-area > .title {font-size: 2.4rem; line-height: 1.25; text-align: center;}
    .seecargo .section03 .merit-wrap .article > .text-area > .text {font-size: 1.8rem; margin-top: 1rem; text-align: center;}
    .seecargo .section03 .merit-wrap .article > .text-area .merit-area {margin-top: 2rem;}
    .seecargo .section03 .merit-wrap .article > .text-area .merit-area .item {flex-direction: column; justify-content: center;}
    .seecargo .section03 .merit-wrap .article > .text-area .merit-area .item + .item {margin-top: 1rem;}
    .seecargo .section03 .merit-wrap .article > .text-area .merit-area .item .text-area {width: 100%;}
    .seecargo .section03 .merit-wrap .article > .text-area .merit-area .item .text-area .title {text-align: center;}
    .seecargo .section03 .merit-wrap .article > .text-area .merit-area .item .text-area .text {text-align: center;}

    .seecargo .section04 .container > img {margin: 4rem auto 0; width: 30rem;}
    .seecargo .section04 .innovation-wrap {height: auto; padding: 4.5rem 0; background: none; margin-top: 4rem;}
    .seecargo .section04 .innovation-wrap::before {content: ""; height: 100%; width: 0.2rem; background-color: #CED4DA; position: absolute; left: 3.9rem; top: 0;}
    .seecargo .section04 .innovation-wrap dl {position: relative; z-index: 1; left: auto; top: auto; flex-direction: row; justify-content: flex-start; gap: 0 4rem; transform: translate(0, 0);}
    .seecargo .section04 .innovation-wrap dl:first-of-type::before,
    .seecargo .section04 .innovation-wrap dl:last-of-type::before {content: ""; position: absolute; }
    .seecargo .section04 .innovation-wrap dl:first-of-type::before {width: 1rem; height: 1rem; border-radius: 50%; background-color: #CED4DA; left: 3.5rem; top: -4.5rem; transform: translateY(-50%);}
    .seecargo .section04 .innovation-wrap dl:last-of-type::before {border-left: 0.45rem solid transparent; border-right: 0.45rem solid transparent; border-top: 1rem solid #CED4DA; left: 3.5rem; bottom: -4.5rem; transform: translateY(50%);}
    .seecargo .section04 .innovation-wrap dl:nth-of-type(1) {margin-left: 0; margin-top: 0}
    .seecargo .section04 .innovation-wrap dl:nth-of-type(2) {margin-left: 0; margin-top: 0}
    .seecargo .section04 .innovation-wrap dl:nth-of-type(3) {margin-left: 0; margin-top: 0}
    .seecargo .section04 .innovation-wrap dl:nth-of-type(4) {margin-left: 0; margin-top: 0}
    .seecargo .section04 .innovation-wrap dl:nth-of-type(5) {margin-left: 0; margin-top: 0}
    .seecargo .section04 .innovation-wrap dl + dl {margin-top: 2rem !important;}
    .seecargo .section04 .innovation-wrap dl dt {padding: 1rem 0.95rem; width: 8rem; text-align: center; flex: none;}
    .seecargo .section04 .innovation-wrap dl dd {flex: 1 0; padding: 2rem 2rem 2rem 1rem;}
    .seecargo .section04 .innovation-wrap dl dd::after {border-left: 0; border-right: 1.2rem solid #9775FA; border-top: 1rem solid transparent; border-bottom: 1rem solid transparent; top: 50%; left: 0; transform: translate(-100%, -50%);}
    .seecargo .section04 .innovation-wrap dl dd ul li,
    .seecargo .section04 .innovation-wrap dl dd p {font-size: 1.6rem;}
    .seecargo .section04 .innovation-wrap dl dd ul li::before {top: 0.7rem;}
    .seecargo .section04 .innovation-wrap dl dd p {text-align: left;}

    .seecargo .section04 .count-wrap {margin-top: 4rem; padding: 2rem 3rem;}
    .seecargo .section04 .count-wrap dl {padding: 2rem 0; position: relative;}
    .seecargo .section04 .text-comment {margin-top: 2rem; font-size: 1.6rem;}
    .seecargo .section04 .article {margin-top: 4rem;}
    .seecargo .section04 .article .title-area .title-sub {font-size: 2.4rem; line-height: 1.5; text-align: center;}
    .seecargo .section04 .article .title-area .result {font-size: 1.6rem; line-height: 1.5; text-align: center;}
    .seecargo .section04 .article .title-area .result span {display: block; margin-left: 0; margin-top: 0.4rem;}
    .seecargo .section04 .article .graphic-wrap {margin-top: 2rem;}
    .seecargo .section04 .article .graphic-wrap .graphic-swiper .swiper-wrapper {flex-wrap: nowrap; gap: 0 0; padding: 0 0 4.8rem;}
    .seecargo .section04 .article .graphic-wrap .graphic-swiper .swiper-wrapper .swiper-slide .value {margin-top: 0.4rem;}
    .seecargo .section04 .article .graphic-wrap .graphic-swiper .swiper-wrapper .swiper-slide table {width: 30rem; margin: 1.2rem auto 0;}
    .seecargo .section04 .article .graphic-wrap .graphic-swiper .swiper-pagination {bottom: 0; display: flex; align-items: center; justify-content: center; gap: 0 1rem;}
    .seecargo .section04 .article .graphic-wrap .graphic-swiper .swiper-pagination .swiper-pagination-bullet {margin: 0; width: 0.8rem; height: 0.8rem; opacity: 1; border: 0.1rem solid #868E96; background-color: #ffffff;}
    .seecargo .section04 .article .graphic-wrap .graphic-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #343A40; border-color: #343A40;}

    .seecargo .section05 .text-headline {margin-top: 4rem; font-size: 2rem; line-height: 1.35;}
    .seecargo .section05 .system-wrap {margin-top: 2rem;  height: auto; padding-top: 28.5rem; background: url('../img/seecargo/bg05.png') no-repeat center top/auto 26.5rem;}
    .seecargo .section05 .system-wrap .system-swiper {position: relative; overflow: hidden; height: auto; width: calc(100% + 4rem); margin-left: -2rem; padding-right: 4rem;}
    .seecargo .section05 .system-wrap .system-swiper .swiper-wrapper {position: relative; padding: 0 2rem 4.8rem;}
    .seecargo .section05 .system-wrap .system-swiper .swiper-wrapper .swiper-slide {position: relative; transform: translateZ(0); left: auto; top: auto;}
    .seecargo .section05 .system-wrap .system-swiper .swiper-wrapper .swiper-slide:nth-of-type(1) {margin-top: 0; margin-left: 0;}
    .seecargo .section05 .system-wrap .system-swiper .swiper-wrapper .swiper-slide:nth-of-type(2) {margin-top: 0; margin-left: 0;}
    .seecargo .section05 .system-wrap .system-swiper .swiper-wrapper .swiper-slide:nth-of-type(3) {margin-top: 0; margin-left: 0;}
    .seecargo .section05 .system-wrap .system-swiper .swiper-wrapper .swiper-slide:nth-of-type(4) {margin-top: 0; margin-left: 0;}
    .seecargo .section05 .system-wrap .system-swiper .swiper-wrapper .swiper-slide:nth-of-type(5) {margin-top: 0; margin-left: 0;}
    .seecargo .section05 .system-wrap .system-swiper .swiper-wrapper .swiper-slide:nth-of-type(6) {margin-top: 0; margin-left: 0;}
    .seecargo .section05 .system-wrap .system-swiper .swiper-wrapper .swiper-slide:nth-of-type(7) {margin-top: 0; margin-left: 0;}
    .seecargo .section05 .system-wrap .system-swiper .swiper-wrapper .swiper-slide:nth-of-type(8) {margin-top: 0; margin-left: 0;}
    .seecargo .section05 .system-wrap .system-swiper .swiper-pagination {bottom: 0; display: flex; align-items: center; justify-content: center; gap: 0 1rem;}
    .seecargo .section05 .system-wrap .system-swiper .swiper-pagination .swiper-pagination-bullet {margin: 0; width: 0.8rem; height: 0.8rem; opacity: 1; border: 0.1rem solid #868E96; background-color: #ffffff;}
    .seecargo .section05 .system-wrap .system-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #343A40; border-color: #343A40;}
    .seecargo .section05 .container > .text {margin-top: 2rem; font-size: 1.6rem}
    .seecargo .section05 .explain-wrap {margin-top: 4rem;}
    .seecargo .section05 .explain-wrap .explain-swiper .swiper-wrapper {flex-wrap: nowrap; align-items: initial; gap: 0 0; padding: 0 0 4.8rem;}
    .seecargo .section05 .explain-wrap .explain-swiper .swiper-wrapper .swiper-slide .text-area {padding: 4rem 1rem;}
    .seecargo .section05 .explain-wrap .explain-swiper .swiper-pagination {bottom: 0; display: flex; align-items: center; justify-content: center; gap: 0 1rem;}
    .seecargo .section05 .explain-wrap .explain-swiper .swiper-pagination .swiper-pagination-bullet {margin: 0; width: 0.8rem; height: 0.8rem; opacity: 1; border: 0.1rem solid #868E96; background-color: #ffffff;}
    .seecargo .section05 .explain-wrap .explain-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #343A40; border-color: #343A40;}

    .seecargo .contact {padding: 3rem 0;}
    .seecargo .contact .title {font-size: 3rem; line-height: 1.734;}
    .seecargo .contact .text {font-size: 1.8rem; margin-top: 3rem;}

    /* tech */
    .tech [class^="section"] {padding-top: 6rem; padding-bottom: 6rem;}
    .tech [class^="section"] .container > .title {font-size: 3rem; line-height: 1.5;}
    .tech [class^="section"] .container > .title-sub {margin-top: 4rem; font-size: 2.4rem;}
    .tech [class^="section"] .container > .text-normal {margin-top: 1rem; font-size: 1.8rem;}
    .tech [class^="section"] .container .introduce-wrap {margin-top: 4rem;}
    .tech [class^="section"] .container .introduce-wrap .item {gap: 2rem 4rem;}
    .tech [class^="section"] .container .introduce-wrap .item + .item {margin-top: 4rem;}
    .tech [class^="section"] .container .introduce-wrap .item .text-area .title {font-size: 2.4rem;}
    .tech [class^="section"] .container .introduce-wrap .item .text-area .text {font-size: 1.8rem;}

    .tech .headline {height: 59.5rem; background-size: cover; padding: 4rem 2rem 0;}
    .tech .headline .inner {padding: 4rem 3rem;}
    .tech .headline .inner .title {font-size: 3rem; line-height: 1.4;}
    .tech .headline .inner img {margin: 1rem auto 0; width: 23rem;}
    .tech .headline .inner .btn {margin: 2rem auto 0;}

    .tech .accent {padding: 6rem 0;}
    .tech .accent .title {font-size: 3rem; line-height: 1.734;}
    .tech .accent .text {margin-top: 2rem; font-size: 1.8rem;}

    .tech .contact {padding: 3rem 0;}
    .tech .contact .title {font-size: 3rem; line-height: 1.734;}
    .tech .contact .text {font-size: 1.8rem; margin-top: 3rem;}

    /* pricing */
    .pricing .contact {padding: 3rem 0;}
    .pricing .contact .title {font-size: 3rem; line-height: 1.734;}
    .pricing .contact .text {font-size: 1.8rem; margin-top: 3rem;}

    /* faq */
    .faq .tab-wrap .tab-btn-area {justify-content: flex-start;}
    .faq .tab-wrap .tab-btn-area .btn-tab {width: calc(calc(100% - 2rem)/3)}
}
@media screen and (max-width: 880px) {
    /* 공통 */
    .visual .inner .title {font-size: 3rem;}
    .visual .inner .text {margin-top: 1rem; font-size: 2rem;}
    .visual .inner .text-small {margin-top: 1rem; font-size: 1.8rem;}
    .visual .inner .btn {margin: 2rem auto 0;}

    /* seecargo */
    .seecargo .accent .text br {display: none;}

    .seecargo .section03 .merit-wrap .article > .text-area .merit-area .item .text-area .text br {display: none;}

    .seecargo .section04 .count-wrap dl {width: 100%;}
    .seecargo .section04 .count-wrap dl:nth-child(1)::after {display: none;}
    .seecargo .section04 .count-wrap dl:nth-child(2)::after {display: block;}

    .seecargo .contact .text br {display: none;}
    
    /* tech */
    .tech [class^="section"] .container > .text-normal br {display: none;}
    .tech [class^="section"] .container .introduce-wrap .item {flex-direction: column;}
    .tech [class^="section"] .container .introduce-wrap .item .img-area {width: 100%;}
    .tech [class^="section"] .container .introduce-wrap .item .text-area .title {text-align: center;}
    .tech [class^="section"] .container .introduce-wrap .item .text-area .text {text-align: center;}

    .tech .accent .text br {display: none;}

    .tech .contact .text br {display: none;}

    /* pricing */
    .pricing .tab-wrap {padding: 4rem 0 6rem;}
    .pricing .tab-wrap .tab-btn-area .deco {top: 100%; transform: translate(0.5rem, 1rem); width: calc(calc(100% - 1rem)/2); text-align: center; font-size: 1.4rem; line-height: 1.215;}
    .pricing .tab-wrap .tab-cont-area .tab-cont {padding-top: 8.4rem;}
    .pricing .btn-wrap {margin-top: 4rem;}
    .pricing .contact .text br {display: none;}

    /* faq */
    .faq {padding: 4rem 0;}
    .faq .tab-wrap .tab-btn-area .btn-tab {width: calc(calc(100% - 1rem)/2)}

    /* contact us */
    .contactus {padding: 4rem 0;}
    .contactus .operate-area dl {width: 100%;}
    .contactus textarea:disabled {height: 32rem;}
    .contactus .btn-wrap {margin-top: 4rem;}
    .contactus .txt-normal {font-size: 2rem;}
    .contactus .txt-normal br {display: none;}
    .contactus .tbl-wrap dl dt {width: 100%;}
}