@charset "utf-8";
/*웹폰트*/
@font-face {
     font-family: 'S-CoreDream-4Regular';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

/*공통*/
.container {overflow: hidden;}
#wrap { font-family: 'Pretendard', 'Dotum', sans-serif; letter-spacing:-1px; }
.section .inner {width: 100%; position: relative; overflow: hidden; height: 100dvh; margin:0 auto;}
.inner-m {max-width: 1280px; margin: 0 auto;}
.br{display:none;}
.mbr{display: block;}
.fc-o {color: #FA8D00;}
.fc-g {color: #494949;}
.fc-lg {color: #7A7A7A !important;}
.fc-w {color: #fff;}
.bg-f1 {background-color: #F1F1F1;}
.fw-b {font-weight: 700;}
.web-gif {display: block;}
.mobile-gif {display: none;}
.flex {display: flex; align-items: center;}
.flex-c {display: flex; align-items: center; justify-content: center;}
.m-center {display: flex; align-items: center; justify-content: center; flex-direction: column;}
.header-cs {display: none;}


/* scroll top button */
.scrollTop button {
     width: 46px; height: 46px; border-radius: 100px; background-color: #fff;
     border:  1px solid #FA8D00; position: fixed; z-index: 1000;
     bottom: 26px; right: 40px; }

/* main section01 */
.main-vod{
     width:100%; height:100%; background:#000;
}
.main-vod video {
     width:100%; height:100%; object-fit: cover;
}
.main-vod.mobile{display: none;}


/* main section02 */
.section02 .inner {
     display: flex; align-items: center; justify-content: center;
}
.section02 .inner .sectionTxt {
     width: 100%; height: 180px; position: relative; overflow: hidden;
}
.section02 .inner .txt01 {
     font-size: 150px; line-height: 180px;
     width: 780px; font-weight: bold; color: #001E50; justify-content: space-between;
     margin: 0 auto;
}
.section02 .inner .txt01 span {display: block;}
.section02 .inner .txt02 {
     width: max-content; text-align: center; font-size: 46px; font-weight: bold; 
     color: #001E50; position: absolute; top: 50%; left: 50%; transform: translate(-50%, 0);
}
.section02 .inner .txt02 span.txtSpan02 {margin-left: 12px;}


/* main car-ask */
.car-ask {background-color: #f1f1f1;}
.car-ask .inner {
     max-width: 1360px;
     padding: 0 40px;
}
.car-ask .inner .flex {
     width: 100%;
     align-items: flex-start;
     justify-content: space-between;
}
.car-ask .txt h3 {font-size: 30px;}
.car-ask .txt h2 {font-size: 50px; margin-top: 14px;}
.car-ask .my-car {
     background-color: #fff;
     padding: 52px 46px;
     border-radius: 30px;
     width: 100%;
     max-width: 467px;
     margin-right: 100px;
}
.car-ask .my-car h2 {text-align: left; font-size: 26px; margin-bottom: 20px;}


/* main scrion03 */
.section03 .inner {position: relative; overflow: hidden;}
.section03 .inner .txt-wrap {position: absolute; left: 50%; top: 24%; width: calc(100% - 60px); 
     max-width: 1365px; transform: translateX(-50%);}
.section03 .bg-img { width: 100%; height: 100%; background: url('/_img/img_mainBg03.png') no-repeat;
     background-size: cover; background-position: left top;}
.txt-wrap .swiper {overflow: hidden;}
.txt-wrap .swiper-slide {text-align: left; font-size: 18px; display: flex; justify-content: left;align-items: center;}
.txt-swiper .txtSwiper {height: 45px;}
.txt-swiper .txtSwiper .swiper-slide {font-size: 37px; font-weight: 700; color: #FA8D00;}
.price-swiper .priceSwiper {height: 135px;}
.price-swiper .priceSwiper .swiper-slide {font-size: 113px; font-weight: 700;}
.txt-wrap .txt01 {display: inline-block; margin-top: 32px; font-size: 24px; font-weight: 500; line-height: 1.8; color: #fff;}


/* main section04 */
.section04 {background-color: #fff;}
.section04 .inner {
     width: 100%; max-width: 1365px; height: auto; margin: 0 auto; text-align: center; 
     padding: 230px 40px 198px;}
.section04 .inner .txt-box .txt01 {
     display: inline-block; font-size: 25px; font-weight: 700; color: #939393; 
     margin-bottom: 34px;}
.section04 .inner .txt-box .txt02 {font-size: 64px; font-weight: 700;}
.section04 .inner .txt-box .txt02 span {display: inline-block; position: relative; width: 364px; padding: 0 20px;}
.section04 .inner .txt-box .txt02 em {font-weight: 700;}
.section04 .swiper-wrap {margin-top: 220px; width: 100%;}
.section04 .swiper-wrap > .txt01 {font-size: 50px; line-height: 1.5; font-weight: 700; margin-bottom: 36px;}
.carSwiper {width: 100%; height: 380px; overflow: hidden; padding-left: 8px;}
.carSwiper .swiper-wrapper {width: 80%; display: flex; align-items: center;}
.carSwiper .swiper-slide {background-color: #fff; padding: 16px 20px 24px; height: auto; border-radius: 22px; 
     border: 2px solid #FA8D00; overflow: hidden;  margin-right: 20px;
     transition: margin-left 0.3s ease-in-out; }
.carSwiper .car-box .txt01 {text-align: center; font-size: 18px; background-color: #FA8D00;
     width: calc(100% + 40px); height: 0px; font-weight: 700;
     margin: -16px 0 10px -20px; justify-content: center; transition: height 0.3s;}
.carSwiper .title {font-size: 14px; padding: 8px 0; display: inline-block; font-weight: 700; margin-bottom: 5px;}
.carSwiper .title span {color: #7a7a7a;}
.carSwiper .img {width: 100%; margin: 0 auto;
     height: 158px; overflow: hidden; border-radius: 20px; position: relative;}
.carSwiper .img img {display: block; width: 100%; height: auto; min-width: 100%; min-height: 100%; 
     position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.carSwiper .price {height: 0; width: 100%; padding: 0 10px;  
     transition: visibility 0.3s; visibility: hidden; }
.carSwiper .price p {display: flex; align-items: center; justify-content: space-between;}
.carSwiper .price .p01 {font-size: 12px; font-weight: 600; color: #ababab;}
.carSwiper .price .p01 span {font-weight: 700;}
.carSwiper .price em {font-weight: 400; margin-left: 2px;}
.carSwiper .price .p02 {font-weight: 700; font-size: 17px; margin-top: 4px;}
.carSwiper .swiper-slide-active .car-box .txt01 {height: 58px; margin-bottom: 22px;}
.carSwiper .swiper-slide-active .price {height: auto; margin-top: 26px; visibility: visible;}
.carSwiper .swiper-slide.swiper-slide-active  {animation: bounce 1s ease forwards;}
@keyframes bounce {
     0% {margin-left: 10px;}
     50% {margin-left: -10px;}
     100% {margin-left: 0px;}
}


/* main section05 */
.section05 .inner {padding: 38px 0 0 0; text-align: center; height: auto;}
.section05 .inner > .txt01 {font-size: 50px; font-weight: 700; line-height: 1.5; } 
.section05 .inner > .txt02 {font-size: 30px; line-height: 1.5; color: #626262; font-weight: 400; margin-top: 40px;} 
.section05 .inner .flag {overflow: hidden; margin-top: 60px; height: 560px;}
.carousel {min-width: 1920px; max-width: 1920px; margin: 0 auto;
     padding: 20px 0; overflow: hidden; display: flex;}
.flag .carousel > * {flex: 0 0 100%;}
.flag .carousel.view-m {visibility: hidden;}
.flag .card { width: 100%; height: 136px; box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.25);}
.flag .card img {display: inline-block; width: 100%; height: 100%;}
.flag .group { display: flex; gap: 40px; padding-left: 40px;
     will-change: transform; animation: flagAni 30s linear infinite;}
@keyframes flagAni {
     0% {transform: translateX(0);}
     100% {transform: translateX(-100%);}
}



/* main section06 */
.section06 .inner { display: flex; align-items: center; justify-content: center;}
.section06 .inner > .flex {
     width: 100%; max-width: 1365px; align-items: center; justify-content: space-between;
     padding: 0 30px; background-color: #fff;}
.section06 .title-wrap {margin-top: -120px; margin-right: 30px;}
.title-wrap { width: 50%;}
.title-wrap h3 {font-size: 30px; line-height: 1.5; margin-bottom: 14px;}
.title-wrap h2 {font-size: 50px; line-height: 1.3; font-weight: 700; color: #494949; min-width: max-content;}
.title-wrap h2 span.view-m {color: #494949; display: none;}
.title-wrap .titleBtn {
     display: block; width: 196px; height: 46px; position: relative; margin-top: 58px;}
.title-wrap .titleBtn:hover .txt01 {opacity: 0;}
.title-wrap .titleBtn span {
     position: absolute; top: 0; left: 0; display: block; width: 100%;
     height: 100%; font-size: 24px; font-weight: 700; background-color: #001E50; 
     color: #fff;text-align: center; line-height: 46px;}
.title-wrap .titleBtn .txt01 {background-color: #FA8D00; transition: opacity 0.6s;}

/* news list 공통 */
.news-list { margin-top: 160px; width: 100%; max-width: 540px;}
.news-list li .mobile {display: none;}
.news-list li .web {border-bottom: 2px solid #E0E0E0; transition: color 0.3s;}
.news-list li + li {margin-top: 32px;}
.news-list li:hover a,
.news-list li:focus a {color: #FA8D00;}
.news-list li a {
     display: block; width: 100%; color: #7a7a7a; font-size: 25px; 
     line-height: 2; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-list li span {
     display: inline-block; font-size: 18px; font-weight: 700; line-height: 2; color: #ababab;}
.news-list li .press {display: none;}


/* main section07 */
.section07 { padding: 110px 0 46px; height: auto; overflow: hidden;}
.section07 .inner {width: calc(100% - 60px); margin: 0 auto; max-width: 1285px;  height: auto;}
.section07 .title-wrap {text-align: right; width: 100%;}
.section07 .title-wrap .titleBtn {margin: 58px 0 0 auto;}
.section07 .review-swiper { overflow: hidden; width: calc(100% - 60px); max-width: 1285px; margin: 96px auto 0;}
.section07 .swiper-slide {max-width: 372px;} 
.section07 .swiper-slide > div { display: block; border-radius: 30px; overflow: hidden; 
     position: relative; transform: scale(0.9); transition: transform 0.3s;}
.section07 .review-swiper .swiper-slide-active > div { 
     background-color: #fff; transform: scale(1); margin-right: 10px;}
.section07 .swiper-slide .title { padding: 30px 26px 24px; background-color: #FA8D00; color: #fff;}
.section07 .swiper-slide .title .txt01 { font-size: 20px;}
.section07 .swiper-slide .title .txt02 {opacity: 0.5; margin-top: 5px; font-size: 16px; max-width: 70%; display: inline-block;}
.section07 .swiper-slide .img-box {
     width: 118px; height: 118px; border-radius: 100px; overflow: hidden; 
     position: absolute; top: 48px; right: 26px;}
.section07 .swiper-slide .img-box img {display: block;
     width: 100%; height: auto; min-width: 100%; min-height: 100%; position: relative;
     top: 50%; left: 50%; transform: translate(-50%, -50%);}
.section07 .swiper-slide .txt-box {  padding: 22px 16px 34px; background-color: #ffffff;}
.section07 .swiper-slide .txt-box img {display: inline-block; width: 32px; height: 32px;}
.section07 .swiper-slide .txt-box .txt01 span {
     padding: 4px 10px; border-radius: 5px; background-color: #FA8D00; font-weight: 700; margin-left: 14px; font-size: 18px;}
.section07 .swiper-slide .txt-box .txt02 {
     overflow: hidden; font-size: 16px; height: 106px;
     line-height: 1.5; color: #939393; border-bottom: 1px solid #F1F1F1;
     margin: 20px 0 0 0; padding-bottom: 30px;}
.section07 .swiper-slide .txt-box .txt02 p {width: 100%; 
     overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box;
     -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-break: keep-all; 
     font-weight: 500; line-height: 1.7; font-size: 16px; color: #939393;}
.section07 .swiper-slide .txt-box .txt03,
.section07 .swiper-slide .txt-box .txt04 {display: block; text-align: center; font-weight: 700; font-size: 17px;}
.section07 .swiper-slide .txt-box .txt03 { margin: 26px 0 10px 0; font-size: 14px; color: #939393;}




/* main section08 cs-box */
.cs-box .inner {
     min-height: auto; width: 100%; max-width: 1345px; padding: 66px 30px 150px; height: auto;
     justify-content: space-between;}
.cs-box .inner > div {
     width: 100%; height: 325px; padding: 60px 60px 52px 65px; border-radius: 30px; position: relative; transition: all 0.3s;}
.cs-box .inner > div + div {margin-left: 20px;}
.cs-box .inner > div span {display: block;}
.cs-box .inner > div .txt01 {font-size: 20px; line-height: 2; color: #626262;}
.cs-box .inner > div .txt02 { margin-top: 14px; font-size: 30px; font-weight: 700; color: #494949; line-height: 1.2;}
.cs-box .inner > div .icon {
     width: 94px; height: 94px; border-radius: 100px; 
     background-color: #FA8D00; display: flex; align-items: center; justify-content: center;
     position: absolute; right: 60px; bottom: 60px;}
.cs-box .inner > div .ico-kakao {background-color: #FFE500;}
.cs-box .inner > div .ico-kakao img {display: inline-block; width: 58px; height: 52px;}

/* main section08 cs-box hover */
.cs-box .inner > div.cs:hover,
.cs-box .inner > div.cs:focus {background-color: #FA8D00;}
.cs-box .inner > div.cs:hover .txt01,
.cs-box .inner > div.cs:focus .txt01  {color: #f1f1f1;}
.cs-box .inner > div.cs:hover .txt02,
.cs-box .inner > div.cs:focus .txt02  {color: #fff;}
.cs-box .inner > div.cs:hover .ico-cs,
.cs-box .inner > div.cs:focus .ico-cs {background-color: #fff;}
.cs-box .inner > div.cs:hover img,
.cs-box .inner > div.cs:focus img {
     filter: invert(56%) sepia(25%) saturate(3132%) hue-rotate(2deg) brightness(101%) contrast(99%);}
.cs-box .inner > div.kakao:hover,
.cs-box .inner > div.kakao:focus {background-color: #FFE500;}
.cs-box .inner > div.kakao:hover .ico-kakao,
.cs-box .inner > div.kakao:focus .ico-kakao {background-color: #fff;}


/* 내 차 팔기 bar*/
.p-bottom{position: fixed;bottom:0;width:100%;background: #FA8D00;z-index: 999;}
.p-bottom > .inner .txt {font-size: 32px; line-height: 1.5; font-weight: 400;color:#fff; min-width: max-content;}
.p-bottom .flex{display: flex;}
.p-bottom .italic{font-style: italic;}
.p-bottom .bold{font-weight: 700;}
.p-bottom .inner.flex{justify-content: center; align-items:center; padding: 20px 0;}
.p-bottom .btn-wrap{flex-direction:column;gap:3px;}
.p-bottom .btn-wrap a{color:#fff;}
.p-bottom .btn-wrap img{width:20px;}
.p-bottom .btn-wrap p{margin-top:3px;}
.p-bottom .num,.p-bottom .kakao{display:flex;align-items:center;gap:5px;font-family:'GmarketSansMedium';line-height:30px;font-size:27px;color:#ffd201;text-align:center}
.p-bottom .kakao{margin:0;}
.p-bottom .b-btn{display:inline-block;width:125px;padding:5px 10px;margin-left: 5px;background:#333;border-radius:5px;text-align:center;font-size:17px;color:#fff;}
.p-bottom .num .b-btn{margin-left: 25px;}
.p-bottom .kakao .b-btn{padding:5px 0 2px;}
.p-bottom p.txt{margin-top:0;line-height:1.3;font-size:17px;}
.p-bottom form{width:35%;}
.p-bottom input{width:100%;padding:13px;font-size:14px;}
.p-bottom a.WebBnrBtn { display: block; text-align: center;
     display: inline-block; border-radius: 100px; font-size: 27px; margin-left: 36px; color: #FA8D00;
     padding: 12px 54px; background-color: #fff; transition: background-color 0.4s;}
.p-bottom a.WebBnrBtn:hover,
.p-bottom a.WebBnrBtn:focus {background-color: #001E50;}


/* 회사소개 /company/index */
.company-wrap .width-max {width: calc(100% - 80px); max-width: 1280px; margin: 0 auto;}

/* 회사소개 section01 */
.company01 .inner {padding-top: 100px;}
.company01 .bg-img {height: 100%;
     background: url('/_img/img_companyBg_01.png') no-repeat;
     background-size: cover;}
.company01 .txt-box { position: absolute; left: 50%; top: 30%; transform: translateX(-50%); 
     max-width: 1280px; width: calc(100% - 40px); color: #fff;}
.company01 .txt-box h2 {font-size: 55px; font-weight: 700;}
.company01 .txt-box h3 {margin-top: 18px; font-size: 25px; line-height: 1.5;}

/* 회사소개 section02 */
.company02 .inner {flex-direction: column;}
.company02 .txt-box {text-align: center; width: calc(100% - 80px); margin: 0 auto ;}
.company02 .txt-box h2 {font-size: 40px; margin-bottom: 18px;}
.company02 .txt-box h3 {font-size: 25px; line-height: 1.4 ; margin-top: 38px; font-weight: 700;}
.company02 .txt-box > span {font-size: 20px; display: inline-block; font-weight: 500;}
.company02 .txt-box > span.margin {margin-top: 18px; font-weight: 700; color: #7A7A7A; font-size: 15px;}
.company02 .img-box { margin-top: 76px; margin: 76px auto 0;
     position: relative; width: 100%; height: 332px; max-width: 1280px;}
.company02 .img-box img {
     display: block; position: absolute; left: 50%; transform: translateX(-50%);}
.company02 .img-box .img01 {
     width: 612px; height: auto; top: -10px; left: 0; transform: translateX(0);}
.company02 .img-box .img02 {width: 1280px; height: auto;}



/* 회사소개 section03 */
.company03 .inner {height: auto; padding: 122px 0; overflow: unset;}
.company03 .inner .content-box > div {display: flex; align-items: center; justify-content: center;}
.company03 .inner .content-box > div > div:nth-child(2) {margin-left: 94px;}
.company03 .inner .txt {width: 100%; max-width: 522px;}
.company03 .inner .txt h2 {font-size: 40px; line-height: 1.3; font-weight: 700;
     border-bottom: 4px solid #FA8D00; padding-bottom: 24px; margin-bottom: 42px;}
.company03 .inner .txt > span {font-size: 25px; line-height: 1.5; font-weight: 500;}
.company03 .inner .img {width: 630px; height: 444px;}
.company03 .img-txt01 .img {
     background: url('/_img/img_company_03.png') no-repeat center; background-size: cover;}
.company03 .img-txt02 .img {
     background: url('/_img/img_company_04.png') no-repeat center; background-size: cover;}
.company03 .img-txt03 .img {
     width: 630px; height: 444px;
     background: url('/_img/img_company_05.png') no-repeat;
     background-size: 875px 584px; background-position: left center;}

.company03 .inner .img-txt02 {margin: 256px 0;}
.company03 .inner .img-txt02 .img {margin-right: -36px;}
.company03 .inner .img-txt02 .txt {text-align: right;}
.company03 .inner .img-txt03 .img img {width: 875px; height: auto; margin-top: -70px; }




/* 회사소개 section04 */
.company04  .inner {
     padding: 60px 0; min-height: 100dvh; height: auto;}
.company04 .inner .txt-box h2 {font-size: 55px; line-height: 1.5; margin-bottom: 18px; }
.company04 .inner .txt-box > span {font-size: 25px; line-height: 1.6;}
.company04 .step-box {margin-top: 85px;}
.company04 .step-box ul { justify-content: center; gap: 42px;}
.company04 .step-box ul li {width: 220px; height: 220px; border-radius: 18px; background-color: #FFF;
     padding: 56px 0 35px; text-align: center; /* margin: 0 42px 20px 0; */ transition: all 0.3s;}
.company04 .step-box ul li:nth-child(6) {margin-right: 0;}
.company04 .step-box ul li > span {display: block; font-weight: 700; color: #001E50;}
.company04 .step-box ul li > span.txt01 {font-size: 18px; line-height: 1.2;}
.company04 .step-box ul li > span.txt02 {font-size: 28px; line-height: 34px; margin-bottom: 34px;}
.company04 .step-box ul li > span.txt03 {font-weight: 600; font-size: 18px; line-height: 22px;}
.company04 .step-box ul li:hover {background-color: #FA8D00; transform: scale(1.1);}
.company04 .step-box ul li:hover span {color: #fff;}
.company04 .step-box ul li.m-img {display: none;}


/* section 5~7번 공통 */
.bg-img02 {width: 100%; height: 100%; opacity: 0.05; position: relative;}

.company05 .bg-img02 {
     background: url('/_img/img_companyBg_02.png') no-repeat center; background-size: cover;
     opacity: 1;
}
.company06 .bg-img02 {
     background: url('/_img/img_companyBg_03.png') no-repeat center; background-size: cover;
}
.company07 .bg-img02 {
     background: url('/_img/img_companyBg_04.png') no-repeat center; background-size: cover;
}



/* 회사소개 section05 ~ 6 공통 */
.txt-graph {position: absolute; top: 50%; left: 50%; 
     transform: translate(-50%, -50%); width: calc(100% - 80px)}
.txt-graph .txt-box {text-align: right;}
.txt-graph .txt-box > span {font-size: 20px; line-height: 2;}
.txt-graph .txt-box > span.txt01 {font-weight: 700; color: #939393;}
.txt-graph .txt-box h2 {font-weight: 700; font-size: 55px; line-height: 1.5; margin-bottom: 18px;}
.txt-graph .txt-box h3 {font-size: 25px; line-height: 38px; font-weight: 700; margin-top: 22px;}
.graph-box {margin-top: 65px;}
.graph-box > div {display: flex; align-items: center; justify-content: flex-start; }
.graph-box h2 {font-size: 30px; color: #7A7A7A;}
.graph-box .graph01 {color: #7A7A7A; margin-bottom: 35px;}
.graph-box .txt01 {font-size: 26px; display: inline-block;}
.graph-box .graph {height: 146px; position: relative; margin-left: 28px; overflow: hidden;}
.graph-box .graph::after {content: ''; display: block;
     width: 4px; height: 100%; background-color: #ababab; position: absolute; top: 0; left: 0;}
.graph-box .bar {
     width: 270px; height: 92px; background-color: #ababab; border-radius: 0 20px 20px 0;}
.graph-box .graph > span {margin-left: 30px;}
.graph-box .graph > span span.fw-b {margin-right: 20px; display: inline-block;}
.graph-box .graph02 span.txt01 {
     position: absolute; top: 50%; left: 40px; transform: translateY(-50%); color: #fff;
     margin: 0; font-size: 20px; font-weight: 500;}
.graph-box .graph02 span.txt01 span.view-w {display: inline-block;}
.graph-box .graph02 h2 {color: #FA8D00;}
.graph-box .graph02 .graph::after, 
.graph-box .graph02 .bar {background-color: #FA8D00;}
.graph-box .graph02 .bar {width: 592px;}
.graph-box .graph02 span.txt02 {font-size: 30px;}




/* 회사소개 section07 */
.company07 .bg-img02 {opacity: 0.15;}
.company07 .txt-box {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.company07 .txt-box > span {font-size: 20px; line-height: 35px; }
.company07 .txt-box h2 {font-size: 30px; line-height: 45px; font-weight: 700; margin-top: 42px;}



/* 실시간 수출 조회 /company/export */
/* export01 */
.export01 .inner {padding-top: 100px; flex-direction: column;}
.export01 .inner .flex {width: calc(100% - 80px); max-width: 1265px; align-items: flex-start; justify-content: space-between;}
.export-wrap .txt h3 {font-size: 30px; line-height: 46px; color: #626262;}
.export-wrap .txt h2 {font-size: 50px; font-weight: 700; line-height: 1.2; margin-top: 14px;}
.export01 .my-car {padding: 58px 46px 48px; border-radius: 30px; width: 466px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);}
.export01 .my-car h2 {margin-bottom: 25px; text-align: left; font-size: 26px;}

/* export02 */
.export02 .inner {flex-direction: column;}
.export02 .txt {text-align: center;}
.export02 .tip {margin-top: 116px;}
.export02 .tip span {display: block; font-size: 30px; font-weight: 500; line-height: 36px;}
.export02 .tip span a {
     display: inline-block; padding: 24px 68px; border-radius: 100px; 
     background-color: #F1F1F1; font-size: 25px; font-weight: 700; margin-left: 20px; transition: all 0.3s;}
.export02 .tip span a.bg-f1:hover {background-color: #FA8D00; color: #fff;}
.export02 .tip span a img {display: inline-block; width: 40px; height: 40px; margin-right: 8px ;}
.export02 .tip span.tip-txt02 a {margin: 0 20px 0 0;}
.export02 .tip span + span {margin-top: 40px;}


/* 고객후기 /review/index */
.review-wrap .inner {height: auto; padding: 100px 0 120px;}
.review-wrap .bg-box { position: absolute; z-index: -1; top: 0; left: 0;
     width: 100%; height: 100dvh; opacity: 0.1; overflow: hidden;}
.review-wrap .bg-box img {width: 100%;}
.review-wrap .review {width: calc(100% - 60px); margin: 0 auto; max-width: 1280px; padding-top: 172px;}
.review-txt {width: 100%;}
.review-txt h3 {font-size: 30px; line-height: 1.5; color: #626262;}
.review-txt h3.mobileTxt {display: none;}
.review-txt h2 {font-size: 50px; margin-top: 14px;}
.review-txt h2 span {color: #FA8D00;}
.review-txt h2 span.w-br {display: block; height: 1px;}
.review-wrap .review-list {margin-top: 144px;}
.review-wrap .review-list ul {
     display: grid; gap: 80px 20px;
     grid-template-columns: repeat(auto-fill,minmax(413px ,1fr));}
.review-wrap .review-list ul li { height: auto; border-radius: 30px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
     background-color: #fff; padding-top: 36px; text-align: center; overflow: hidden;}
.review-wrap .review-list ul li:nth-child(3n) {margin-right: 0;}
     .review-wrap .review-list ul li .txt01 {font-size: 25px; }
.review-wrap .review-list ul li .txt02 {font-size: 20px; color: #ababab; margin: 2px 0 20px; display: inline-block; min-height: 24px;}
.review-wrap .review-list ul li .review-img {width: 100%; height: 234px; overflow: hidden; position: relative;}
.review-wrap .review-list ul li .review-img img {display: block; width: 100%; 
     background-size: cover; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.review-wrap .review-list ul li .txt03 {
     display: block; width: 100%; background-color: #001E50; padding: 16px 6px;
     font-size: 20px; display: flex; align-items: center; justify-content: center;}
.review-wrap .review-list ul li .txt03 span {
     display: inline-block; overflow: hidden; white-space: nowrap; 
     text-overflow: ellipsis; word-break: break-all;}
.review-wrap .review-list ul li .price {padding: 26px 44px 28px;}
.review-wrap .review-list ul li .price h4 {justify-content: space-between; color: #ababab;
font-size: 17px; line-height: 20px; font-weight: 600;}
.review-wrap .review-list ul li .price h4 span {font-weight: 700;}
.review-wrap .review-list ul li .price h4 span em {font-weight: 400;}
.review-wrap .review-list ul li .price h4.price02 {color: #FA8D00;
     margin-top: 10px; font-size: 20px; line-height: 24px; font-weight: 700;}
.review-wrap .review-list ul li .price h4.price02 span {color: #494949; position: relative; z-index: 1;}
.review-wrap .review-list ul li .price h4.price02 span::after {
     content: ''; display: block; position: absolute; bottom: 0; right: -2px; z-index: -1;
     width: calc(100% + 4px); height: 50%; background-color: #FA8D00; opacity: 0.3;}
.review-wrap .review-list ul li a {display: flex; align-items: center;
     width: 100%; height: 80px; justify-content: space-between; padding: 0 38px 0 44px; background-color: #F1F1F1;
     font-size: 18px; font-weight: bold; color: #7A7A7A; transition: all 0.3s;}
.review-wrap .review-list ul li a:hover {background-color: #FA8D00; color: #fff;}
.review-wrap .review-list ul li a:hover img {filter: brightness(2) contrast(3);}
.review-wrap a.write {
     display: block; margin: 80px auto 0; width: 252px; height: 50px;
     background-color: #FA8D00; text-align: center; line-height: 50px; font-size: 18px;
     font-weight: 700;
     transition: background-color 0.3s;}
.review-wrap a.write:hover {background-color: #001E50;}




/* 고객지원 /review/faq */
/* faq01 */
.faq-wrap .section .inner {padding: 100px 0 220px; width: calc(100% - 80px); 
     max-width: 1280px; height: auto; margin: 0 auto;}
.faq-wrap .section .inner form {width: 100%;}
.faq-wrap .faq01 .inner {padding-top: 270px;}
.faq-wrap .faq01 .inner {padding-top: 170px;}
.faq-wrap .question-list { margin-top: 160px; width: 100%;}
.faq-wrap .question-list li + li {margin-top: 46px;}
.faq-wrap .question-list .question {width: 100%; padding-bottom: 24px; position: relative; z-index: 1;
     border-bottom: 2px solid #D9D9D9; cursor: pointer !important;}
.faq-wrap .question-list .question img {margin: 5px 5px 0 0;}
.faq-wrap .question-list .question h2 {font-size: 30px; line-height: 36px; flex-wrap: wrap;}
.faq-wrap .question-list .question h2 em {color: #FA8D00;}
.faq-wrap .question-list .answer { width: 100%; height: 0; opacity: 0;}
.faq-wrap .question-list .answer .flex {
     background-color: #F1F1F1; width: 100%; align-items: flex-start;
     padding: 50px 62px; z-index: -1; position: relative;}
.faq-wrap .question-list .answer p {width: 25px; min-width: 25px; height: 25px; border-radius: 100px; 
     background-color: #001E50; color: #fff; font-size: 15px;}
.faq-wrap .question-list .answer p span { margin-top: -1px;}
.faq-wrap .question-list .answer h3 {font-size: 16px; font-weight: 500; line-height: 25px; margin-left: 80px;}

/* faq02 */
.faq-wrap .faq02 .news-list {justify-content: space-between; width: 100%; max-width: none;}
.faq-wrap .faq02 .news-list ul {width: 50%; max-width: 540px;}
.faq-wrap .faq02 .news-list ul:nth-child(2) {margin-left: 20px;} 



/* 후기작성 /review/note */
.boardwriteWrap{
     padding: 100px 0 100px;
}
.boardwriteWrap .inner{
     width:90%; background: #FFF; padding: 86px 0 0 0;
     max-width: 740px; margin: 0 auto; height: auto; overflow: unset;
}
.boardwriteWrap .inner .title h3 {
     font-size: 30px; line-height: 1.5; color: #626262;
}
.boardwriteWrap .inner .title h2 {
     font-size: 36px; font-weight: 700; margin-top: 14px;
}
.boardwriteWrap form {margin-top: 160px;}
.boardwriteWrap dl{
     display: flex; padding:25px 0; border-bottom: 2px solid #F1F1F1;
}
.boardwriteWrap dl:last-child{
     border:0;
}
.boardwriteWrap dl:nth-child(3) {border: none;}
.boardwriteWrap dl.flex-none {display: block;}
.boardwriteWrap dl.flex-none dt.formSubject {margin-bottom: 24px;}
.boardwriteWrap dl dt{
     width: 100px;
}
.boardwriteWrap dl dd{
     width: calc(100% - 100px);
}
.boardwriteWrap dl dd.flex-none,
.boardwriteWrap dl.flex-none dd {width: 100%;}
.boardwriteWrap dl dd textarea{
     padding:23px; width:100%; height: 300px; line-height: 1.4;
     border-radius: 20px; background: #F1F1F1;
     font-family: 'Pretendard', sans-serif; font-size:16px;
     resize: none;
}
.boardwriteWrap .counsel-wrap .formSubject{
     padding-top:15px; margin-bottom:0; font-size:18px; font-weight: 700;
}
.boardwriteWrap .counsel-wrap .formSubject em {color: #FF3B30; margin-left: 2px;}
.boardwriteWrap dl dd.flex-center{
     gap:15px; max-width: 500px;
}
.boardwriteWrap dl dd.flex-center .selectCon{
     flex:1;
}
.boardwriteWrap .counsel-wrap dd input[type="text"],
.boardwriteWrap dl dd.flex-center .selectCon select {
     padding:15px 20px; width:100%; border-radius: 14px;
     line-height:1; font-size:16px; background-color: #F1F1F1;
}
.boardwriteWrap dl dd textarea::placeholder,
.boardwriteWrap .counsel-wrap dd input[type="text"]::placeholder,
.boardwriteWrap dl dd.flex-center .selectCon select.placeholder{
     color:#939393;
}
.boardwriteWrap dl .inputBar{
     margin:0;
}
.boardwriteWrap dl .inputBar ul {
     max-width: 321px; gap: 15px;
}
.boardwriteWrap dl .inputBar ul li input[type="radio"] + label{
     border: 1px solid #CCC; font-size: 19px; color: #60666C;
}
.boardwriteWrap dl .inputBar ul li input[type="radio"]:hover + label {
     font-weight:600; color:#222;
}
.boardwriteWrap dl .inputBar ul li input[type="radio"]:checked + label {
     color:#222; border:1px solid #494949; font-weight:600;
}
.boardwriteWrap .uploader-wrap {
     line-height:1; display: flex; align-items: center; justify-content: flex-start;
     flex-wrap: wrap;
}
.boardwriteWrap .uploader-wrap button
,.boardwriteWrap .uploader-wrap img
,.boardwriteWrap .uploader-wrap input {
     width: 114px; 
     height:84px; line-height: 84px;
     border-radius: 14px; 
     background: url('/_img/ico_pluse.svg') no-repeat center #F1F1F1;
}
.boardwriteWrap .uploader-wrap .uploader-ctrl {
     margin-bottom: 16px; width:100%; height:84px; line-height:84px;
     background-color: #F1F1F1; border-radius: 20px;
}
.boardwriteWrap .uploader-wrap .uploader-ctrl button,
.boardwriteWrap .uploader-wrap .uploader-ctrl img,
.boardwriteWrap .uploader-wrap .uploader-ctrl input {
     width: 100%;
}
.boardwriteWrap .uploader-wrap .uploader-index {
     display: block;
     width: 114px; height: 84px; margin: 0 14px 6px 0;
     border-radius: 14px;
}
.boardwriteWrap .uploader-wrap .uploader-index button{
     width: 114px; height:84px;
     background: url('/_img/ico_close_m.svg') no-repeat center #F1F1F1;
}
.boardwriteWrap .uploader-wrap .uploader-index div img{
     border-radius: 14px;
} 
.boardwriteWrap .btnWrap {position: relative;}
.boardwriteWrap .btnWrap button{
     margin-top: 114px; width:100%; max-width:272px; padding: 14px 0;
     background-color: #FA8D00; font-size: 18px; font-weight: 700; color:#fff;
     transition: all 0.3s;
}
.boardwriteWrap .btnWrap button:hover {
     background-color: #001E50;
}
.boardwriteWrap .btnWrap a.back {display: inline-block; 
     width: 90px; height: 40px; background-color: #001E50; color: #fff;
     transition: all 0.3s; line-height: 40px; font-size: 18px; font-weight: 700;
     position: absolute; bottom: 0; left: -200px;
}
.boardwriteWrap .btnWrap a.back:hover {
     background-color: #FA8D00;
}






/* 페이지네이션 공통 */
.pagination ol { margin-top: 132px; display: flex; align-items: center; justify-content: center;}
.pagination li a {border: none; display: flex; align-items: center; justify-content: center; font-size: 18px;}
.pagination li a img {display: block; width: 8px; height: auto;}
.pagination li.pFirst {margin-right: 40px;}
.pagination li.pPrev {margin-right: 36px; transform: rotate(180deg);}
.pagination li.pNext {margin-left: 36px;}
.pagination li.pEnd {margin-left: 40px;}
.pagination li.on,
.pagination li:hover {font-weight: 700;}
.pagination li.on a,
.pagination li:hover a {color: #FA8D00; background: transparent;}
.pagination li:hover img {
     filter: invert(49%) sepia(99%) saturate(751%) hue-rotate(1deg) brightness(98%) contrast(104%);}



@media (min-width: 769px) and (max-width: 1200px) {
     .txt-swiper .txtSwiper .swiper-slide {font-size: 36px;}
     .price-swiper .priceSwiper {height: 130px;}
     .price-swiper .priceSwiper .swiper-slide {font-size: 90px;}
     .cs-box .inner > div {padding: 40px;}
     .cs-box .inner > div .icon {bottom: 40px; right: 40px;}

     /* 후기 작성 */
     .boardwriteWrap .btnWrap a.back {left: 0;}
}

@media (max-width: 1200px) {
     .section02 .inner .txt01 {font-size: 125px;}

     /* top button */
     .scrollTop button {right: 40px; bottom: 120px;}
}

@media (max-width: 1024px) {
     .p-bottom > .inner .txt {font-size: 22px;}
     .p-bottom a.WebBnrBtn {font-size: 22px; padding: 10px 30px; margin-left: 20px;}
     .scrollTop button {bottom: 20px;}


     /* section02 */
     .section02 .inner .sectionTxt {height: 130px;}
     .section02 .inner .txt01 {width: 60%; font-size: 96px; line-height: 130px;}
     .section02 .inner .txt02 {font-size: 35px;}

     .car-ask .my-car {margin-right: 0;}


     /* section03 */
     .section03 .bg-img {background-position: left 25% top;}


     /* section04 */
     .section04 .inner {height: auto;}


     /* section06 */
     .title-wrap h3 {font-size: 20px;}
     .title-wrap h2 {font-size: 40px;}
     .title-wrap .titleBtn {width: 120px; height: 32px;}
     .title-wrap .titleBtn span {line-height: 32px; font-size: 18px;}


     /* section07 */
     .section07 .inner {flex-direction: column; display: flex; justify-content: center; align-items: center;}


     /* 회사소개 company */
     .company03 .inner .img-txt02 .img {margin-right: 0;}
     .company01 .txt-box h2,
     .company04 .inner .txt-box h2,
     .txt-graph .txt-box h2 {font-size: 45px;}
     .company01 .txt-box h3,
     .company02 .txt-box h3,
     .company04 .inner .txt-box > span,
     .txt-graph .txt-box h3 {font-size: 20px;}
     .company02 .txt-box > span {font-size: 16px;}
     .company03 .inner .txt {max-width: 400px;}
     .company03 .inner .txt h2 {font-size: 34px;}
     .company03 .inner .txt > span {font-size: 20px;}
     .company04 .step-box ul {flex-wrap: wrap;}

     .graph-box h2 {font-size: 30px;}
     .graph-box .graph02 span.txt02,
     .graph-box .graph > span {font-size: 26px;}
     .txt-graph .txt-box > span {font-size: 16px; line-height: 30px;}
     .graph-box .graph > span span.fw-b {margin: 0;}
}


@media (max-width: 950px) {
     /* main section08 */
     .cs-box .inner > div {padding: 30px; height: auto;}
     .cs-box .inner > div .txt02 {font-size: 25px;}
     .cs-box .inner > div .icon {position: unset; margin: 10px 0 0 auto;}


     /* main car-ask */
     .car-ask .inner .flex {
          flex-direction: column; justify-content: center;
          align-items: center;
     }
     .car-ask .txt {text-align: center; margin-bottom: 60px;}
     .export-wrap .txt h3,
     .car-ask .txt h3 {font-size: 20px;}
     .export-wrap .txt h2 ,
     .car-ask .txt h2 {font-size: 36px;}
     .car-ask .my-car {padding: 40px 32px 33px;}
     .car-ask .my-car h2 {text-align: left; margin-bottom: 17px;}
     .car-ask .my-car .checbox-area a {padding: 0 3px;}
     .car-ask .my-car .form-wrap .myCarBtn {font-size: 12px;}

     /* section06 */
     .section06 .inner > .flex {flex-direction: column; align-items: flex-start;}

     .news-list {max-width: none;}
}


@media (max-width: 768px) {
     .WebBnr {display: none;}
     .section08.cs-box {display: none;}
     .m-br, .header-cs {display: block; } 
     .main-vod{display: none;}
     .main-vod.mobile{display: block;}

     /* section01 */
     .section01 .inner {height: 100dvh; margin-top: 0; max-height: none;}


     /* section02 */
     .section02 .inner .sectionTxt {height: 120px;}
     .section02 .inner .txt01 {width: 70%; font-size: 86px; line-height: 120px;} 
     .section02 .inner .txt02 {flex-wrap: wrap; width: 70%; height: 100%; font-size: 44px; transform: translate(-50%, -50%);}
     .section02 .inner .txt02 > span {position: absolute; top: 0;}
     .section02 .inner .txt02 > span:nth-child(1) {top: 30%;}
     .section02 .inner .txt02 > span:nth-child(2) {top: 70%; margin-left: 0;}


     /* main car-ask */
     .car-ask .txt h3 {font-size: 17px;}
     .car-ask .txt h2 {font-size: 28px; margin-top: 8px;}
     .car-ask .my-car h2 {font-size: 18px;}


     /* section03 */
     .section03 .inner { background-color: #000000;}
     .section03 .bg-img {width: 100%; height: 100%; left: 0; position: relative;
          background-position: left 40% bottom 0; background-size: auto 70%;}
     .section03 .bg-img::after {content: ''; display: block; position: absolute; top: 10px; left: 0;
          width: 100%; min-height: 366px; height: 50%; opacity: 0.13;
          background: url('/_img/img_mainBg03.png') no-repeat; background-position: left 70% top; 
     background-size: cover;}
     .section03 .inner .txt-wrap {width: 100%; padding: 0 30px;}
     .txt-swiper .txtSwiper { height: 18px;}
     .txt-swiper .txtSwiper .swiper-slide { width: 160px; font-size: 14px;}
     .price-swiper .priceSwiper {height: 50px;}
     .price-swiper .priceSwiper .swiper-slide {font-size: 42px; min-width: max-content;}
     .txt-wrap .txt01 { font-size: 9px; margin-top: 12px;}
     .txt-wrap .swiper-wrapper {display: flex; justify-content: flex-start; flex-direction: column !important;}


     /* section04 */
     .section04 .inner {padding: 0;}
     .section04 .inner > div {height: 100dvh;}
     .section04 .inner .txt-box .txt01 {font-size: 15px; line-height: 1.5;}
     .section04 .inner .txt-box .txt02 {font-size: 46px; line-height: 1.5;}
     .section04 .inner .txt-box .txt02 em { display: none;}
     .section04 .inner .txt-box .txt02 span { width: 100%;}
     .section04 .inner .txt-box {display: flex; flex-direction: column; align-items: center; justify-content: center;}
     .section04 .inner .swiper-wrap {
          background-color: #FA8D00; margin-top: 0; display: flex; justify-content: center; flex-direction: column;}
     .section04 .swiper-wrap > .txt01 {font-size: 24px; line-height: 30px; margin-bottom: 15px;  color: #001E50;}
     .section04 .swiper-wrap > .txt01 .fc-o { color: #fff;}
     .section04 .swiper-wrap > .txt02 {font-size: 12px; font-weight: 400; color: #fff; line-height: 1.5;}
     .carSwiper {height: auto;}
     .section04 .car-swiper {margin-top: 44px;}
     .carSwiper {padding: 16px 0;}
     .carSwiper .swiper-wrapper {width: 100%; }
     .carSwiper {margin: 0; padding: 0;}
     .carSwiper .swiper-slide {padding: 26px 20px 26px; position: relative; width: 330px; border-radius: 20px;}
     .carSwiper .swiper-slide::before,
     .carSwiper .swiper-slide::after {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%;}
     .carSwiper .swiper-slide::before {height: 100%; opacity: 0.1; 
          background: url('/_img/review01.png') no-repeat center; background-size: cover;}
     .carSwiper .swiper-slide::after {height: 60%; background: linear-gradient(to bottom, #fff, transparent);}
     .carSwiper .swiper-slide .car-box {display: flex; flex-direction: column; align-items: center; position: relative; z-index: 1;}
     .carSwiper .car-box .txt01 { margin-top: auto; order: 4; width: auto; height: 36px; padding: 6px 20px; 
          border-radius: 100px; font-size: 18px; margin: 10px auto 0; }
     .carSwiper .title { width: 100%; order: 1; text-align: left; text-align: left;
          border-bottom: 1px solid #F1F1F1; padding: 8px 22px; font-size: 17px;}
     .carSwiper .price {order: 2; margin-top: 14px;}
     .carSwiper .price .p01 span {font-weight: 600;}
     .carSwiper .img {order: 3; margin-top: 10px}
     .carSwiper .swiper-slide-active .price {height: auto; margin-top: 14px;}
     .carSwiper .swiper-slide-active .car-box .txt01 {height: 36px; margin: 10px auto 0; }


     /* section05 */
     .section05 .inner {padding-top: 0; height: 100dvh;
          display: flex; align-items: flex-start; justify-content: center; flex-direction: column;}
     .section05 .inner > .txt01 {font-size: 24px; line-height: 30px; margin: 0 auto;}
     .section05 .inner > .txt02 {font-size: 12px; margin: 14px auto 0;}
     .section05 .inner .flag {height: 470px; margin-top: 40px;}
     .flag .carousel.view-m {visibility: visible;}
     .flag .group {gap: 30px; padding-left: 30px;}
     .flag .carousel {min-width: 900px; max-width: 900px; padding: 12px 0;}
     .flag .card {height: 54px;}


     /* section06 */
     .section06 .inner {flex-direction: column; justify-content: center;}
     .section06 .inner > .flex {flex-wrap: wrap;}
     .section06 .title-wrap {width: auto; margin-top: 0;}
     .title-wrap h3 {font-size: 12px; line-height: 18px; margin-bottom: 10px;}
     .title-wrap h2 {font-size: 24px; line-height: 30px;}
     .title-wrap h2 span {color: #FA8D00;}
     .title-wrap h2 span.view-m {display: inline-block;}
     .title-wrap .titleBtn {width: 98px; height: 24px; font-size: 12px; margin-top: 20px;}
     .title-wrap .titleBtn span{font-size: 12px; line-height: 24px;}
     

     /* news list 공통 */
     .news-list {width: 100%; max-width: none; margin-top: 20px;}
     .news-list li { display: flex; align-items: flex-end; justify-content: space-around; padding: 8px 0;}
     /* .news-list li .web {width: calc(100% - 145px);} */
     .news-list li .web {width: 100%;}
     .news-list li a {min-height: 40px; font-size: 14px; line-height: 1.5; overflow: hidden;
          text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;
          -webkit-box-orient: vertical; white-space: wrap;}
     .news-list li .mobile {display: block; min-width: 115px; width: 115px; height: 86px;
          border-radius: 8px; box-shadow: 0 0 5px rgba(0,0,0,0.1); overflow: hidden; margin-left: 30px;}
     .news-list li .mobile img {display: block; height: 100%;
          /* width: 100%; */
          position: relative; left: 50%; transform: translateX(-50%);}
     .news-list li span {font-size: 10px; line-height: 25px; font-weight: 400; }
     .news-list li .press {
          display: inline-block; font-weight: 700; margin-right: 10px;
          position: relative; padding-bottom: 12px;}
     .news-list li .press::after {
          content: ''; display: block; width: 1px; height: 8px;
          background-color: #E0E0E0; position: absolute; top: 5px; right: -8px;}
     .news-list li + li { margin-top: 10px;}


     /* sectrion07 */
     .section07 {height: 100dvh;  padding: 0;
     display: flex; align-items: center; justify-content: center; flex-direction: column; }
     .section07 .inner {margin: 0;}
     .section07 .swiper-slide > div {border-radius: 20px;}
     .section07 .title-wrap {text-align: left;}
     .section07 .title-wrap .titleBtn {margin: 23px 0 0 0;}
     .section07 .swiper-slide {max-width: 270px;}
     .section07 .swiper-slide .title {padding: 22px 19px 16px; font-size: 15px;}
     .section07 .swiper-slide .title .txt01 { font-size: 15px;}
     .section07 .swiper-slide .title .txt02 {font-size: 12px;}
     .section07 .swiper-slide .img-box { width: 86px; height: 86px; top: 34px; right: 20px;
     position: unset; margin: -44px 10px 0 auto;}
     .section07 .swiper-slide .txt-box {padding: 16px 18px 24px; margin-top: -43px;}
     .section07 .swiper-slide .txt-box .txt01 img {display: inline-block; width: 22px; height: 22px;}
     .section07 .swiper-slide .txt-box .txt01 span {font-size: 13px; padding: 2px 6px; margin-left: 10px;}
     .section07 .swiper-slide .txt-box .txt02 {height: 78px; font-size: 12px; margin: 15px 0 0 0; padding-bottom: 22px;}
     .section07 .swiper-slide .txt-box .txt02 p { font-size: 12px;}
     .section07 .swiper-slide .txt-box .txt03 {font-size: 10px; margin: 20px 0 8px 0;}
     .section07 .swiper-slide .txt-box .txt04 {font-size: 13px;}
     

     /* section08 cs-box */
     .cs-box .inner {display: block;}
     .cs-box .inner > div + div {margin: 5px 0 0 0;}
     .cs-box {position: fixed; z-index: 998; bottom: 80px; right: 26px; }
     .cs-box .inner { height: auto;max-width: none; padding: 0;}
     .cs-box .inner > div {width: 30px; height: 30px; background-color: transparent; padding: 0;}
     .cs-box .inner > div .txt01,
     .cs-box .inner > div .txt02 {display: none;}
     .cs-box .inner > div .icon { width: 30px; height: 30px; position: unset;}
     .cs-box .inner > div .icon img {width: 20px; height: auto;}
     .cs-box .inner > div.cs:hover,
     .cs-box .inner > div.cs:focus {background-color: transparent;}
     .cs-box .inner a.cs02 {
          position: fixed; top: 15px; right: 22px;
          color: #001E50; font-size: 15px; font-weight: bold;
          line-height: 24px;
     }
     .cs-box .inner a.cs02 img {margin-right: -3px;}

     /* 이전 수정 -> 확인 후 삭제 */
     .cs-box .inner > div .icon.cs02 {position: fixed; top: 3px; right: 30px;}

     
     /* 회사소개 /company/index */
     /* company01 */
     .company01 .bg-img {
          background-image: url('/_img/img_companyBg_m_01.png'); 
          background-position: left 50% top;
          transform: scale(-1, 1);}
     .company01 .inner {padding: 0;}
     .company01 .txt-box h2 {font-size: 26px; line-height: 30px;}
     .company01 .txt-box h3 {font-size: 12px; line-height: 18px;}

     /* company02 */
     .company02 .txt-box {text-align: left; }
     .company02 .txt-box h2 {font-size: 20px; margin-bottom: 8px;}
     .company02 .txt-box > span {font-size: 10px;}
     .company02 .txt-box h3 {font-size: 13px; margin-bottom: 8px;}
     .company02 .txt-box > span.margin {margin: 0;}
     .company02 .img-box {margin-top: 156px; height: 205px;}
     .company02 .img-box .img01 {display: block; width: 294px; height: auto; top: 10px; left: auto; right: -25px;}
     .company02 .img-box .img02 {width: 788px;}
     .company02 .txt-box > span.margin {font-size: 9px;}

     /* company03 */
     .company03 .inner {height: 100dvh; padding: 0; display: flex; align-items: center; justify-content: center;}
     .company03 .inner .content-box {width: 100%;}
     .company03 .inner .img-txt02,
     .company03 .inner .img-txt02 .img,
     .company03 .inner .content-box > div > div:nth-child(2)  {margin: 0;}
     .company03 .inner .content-box > div {
          position: relative; height: 192px; background-color: #313131;}
     .company03 .inner .txt {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
          z-index: 1; max-width: 185px; color: #fff; text-align: center;}
     .company03 .inner .img {width: 100%; height: 100%; opacity: 0.3;} 
     .company03 .inner .img-txt01 {border-radius: 27px 27px 0 0; overflow: hidden;}
     .company03 .inner .img-txt03 {border-radius: 0 0 27px 27px; overflow: hidden;}
     .company03 .inner .txt h2 {font-size: 15px; padding-bottom: 8px; 
          margin-bottom: 14px; border-width: 2px;}
     .company03 .inner .txt > span {font-size: 9px; line-height: 12px;}
     .company03 .inner .img-txt02 .txt {text-align: center;}
     .company03 .inner .img-txt03 .img {background-size: 100% auto;}

     /* company04 */
     .company04 .inner {height: auto; padding: 70px 0 80px;}
     .company04 .inner .txt-box {text-align: center;}
     .company04 .inner .txt-box h2 {font-size: 20px; line-height: 1.3; margin-bottom: 8px;}
     .company04 .inner .txt-box > span {font-size: 10px;}
     .company04 .step-box {margin-top: 30px;}
     .company04 .step-box ul {flex-wrap: wrap; max-width: 300px; margin: 0 auto; gap: 10px;}
     .company04 .step-box ul li {width: 80px; height: 80px; /* margin: 0 10px 10px 0; */ padding: 12px 0; border-radius: 7px;}
     .company04 .step-box ul li:nth-child(3),
     .company04 .step-box ul li:nth-child(6) {margin-right: 0;}
     .company04 .step-box ul li > span.txt01,
     .company04 .step-box ul li > span.txt03 {font-size: 9px; line-height: 10px;}
     .company04 .step-box ul li > span.txt02 {font-size: 15px; line-height: 18px; margin-bottom: 6px;}
     .company04 .step-box ul li.m-img {display: block; background-color: #FA8D00 }
     .company04 .step-box ul li.m-img img {display: block; width: 20px; height: auto; margin: 0 auto; padding: 16px 0;}
     .company04 .step-box ul li:hover {transform: scale(1);}


     /* company05 ~ 06 */
     .company05 .bg-img02 {
          background: url('/_img/img_companyBg_02_m.png') no-repeat center; background-size: cover;
     opacity: 0.05;}
     .company06 .bg-img02 {background-position: left 80% top 0;}
     .company06 .inner .bg-img02 img {position: absolute; width: auto; height: 100%; top: 0; right: -20%; }
     .txt-graph .txt-box {text-align: left;}
     .txt-graph .txt-box span.txt01,
     .txt-graph .txt-box > span {font-size: 9px; line-height: 15px;}
     .txt-graph .txt-box h2 { font-size: 20px; margin-bottom: 22px;}
     .txt-graph .txt-box h3 {margin-top: 10px; font-size: 10px; line-height: 15px;}
     .graph-box {margin-top: 100px;}
     .graph-box > div {flex-direction: column;}
     .graph-box {display: flex; align-items: flex-end; justify-content: center; height: 100%;}
     .graph-box h2 {order: 3; font-size: 18px; margin-top: 14px;}
     .graph-box .graph > span {margin-left: 0; text-align: center;}
     .graph-box .txt01 {font-size: 12px;}
     .graph-box .graph01 {margin: 0 42px 0 0 ;}
     /* .graph-box .graph01 */
     .graph-box .graph01 .txt01 {margin-bottom: 10px;}
     .graph-box .graph02 span.txt02 {font-size: 12px; position: absolute; top: 20px; left: 0; 
          z-index: 1; width: 100%; color: #fff;}
     .graph-box .graph02 .txt01 span {color: #FA8D00;}
     .graph-box .graph { width: 96px; height: 300px; margin-left: 0; flex-direction: column;}
     .graph-box .graph01 .graph {height: 220px; }
     .graph-box .graph::after {width: 100%; height: 2px; top: auto; bottom: 0;}
     .graph-box .bar { width: 56px; height: 130px; border-radius: 8px 8px 0 0; order: 2;}
     .graph-box .graph02 .bar {width: 56px; height: 220px;}
     .graph-box .graph01 span.txt01,
     .graph-box .graph02 span.txt01 { font-size: 14px; color: #424242; width: calc(100% + 20px);
          top: -64px; left: -10px; transform: translateY(0);}
     .graph-box .graph02 span.txt01 span.m-c {color: #FA8D00;}
     .graph-box .graph02 span.txt01 span.view-w {display: none;}


     /* company07 */
     .company07 .txt-box {width: 100%;}
     .company07 .txt-box > span {font-size: 13px; line-height: 25px;}
     .company07 .txt-box h2 {font-size: 20px; line-height: 30px; margin-top: 14px;}


     /* 실시간 수출 조회 /company/export */
     /* export01 */
     .export01 {display: none;}
     .export-wrap .txt h3 {font-size: 15px; line-height: 24px;}
     .export-wrap .txt h2 {font-size: 26px;}
     .export-wrap .txt h2 span {color: #FA8D00;}
     .export02 .tip {margin-top: 46px;}
     .export02 .tip span {font-size: 15px; line-height: 16px; text-align: center; font-weight: 600;}
     .export02 .tip span + span {margin-top: 36px;}
     .export02 .tip span a {display: block; padding: 10px 20px; font-size: 15px; 
          margin: 6px auto 0; width: max-content;}
     .export02 .tip span a img {width: 18px; height: 18px; margin-right: 4px;}
     .export02 .tip span.tip-txt02 a {margin: 0 auto 6px;}


     /* 고객후기 /review/index */
     .review-wrap .bg-box {display: none;}
     .review-wrap .review {padding-top: 0;}
     .review-txt {text-align: center;}
     .review-txt h3 {font-size: 16px;}
     .review-txt h2 {font-size: 26px; line-height: 30px; margin-top: 6px;}
     .review-txt h2 span.webTxt {display: none;}
     .review-txt h2 span.w-br {display: none; }
     .review-txt h3.mobileTxt {display: block; font-size: 26px; line-height: 30px; color: #FA8D00;}
     .review-wrap .review-list {margin-top: 46px;}
     .review-wrap .review-list ul {gap: 20px;}
     .review-wrap .review-list ul li {border-radius: 20px;}
     .review-wrap .review-list ul li .txt01 {font-size: 20px;}
     .review-wrap .review-list ul li .txt02 {font-size: 15px; margin: 2px 0 15px; min-height: 0;}
     .review-wrap .review-list ul li .review-img {height: 180px;}
     .review-wrap .review-list ul li .txt03 {font-size: 15px; padding: 14px 6px;}
     .review-wrap .review-list ul li .price {padding: 20px 32px 22px;}
     .review-wrap .review-list ul li .price h4 {font-size: 13px; line-height: 16px;}
     .review-wrap .review-list ul li .price h4.price02 {font-size: 15px; margin-top: 6px; line-height: 20px;}
     .review-wrap .review-list ul li a {height: 60px; font-size: 14px; padding: 0 28px 0 32px;}
     .review-wrap a.write {margin-top: 50px; width: 144px; height: 28px; line-height: 28px; font-size: 10px;}
     .review-wrap .pagination li.pFirst {margin-right: 22px;}
     .review-wrap .pagination li.pPrev {margin-right: 12px;}
     .review-wrap .pagination li.pNext {margin-left: 12px;}
     .review-wrap .pagination li.pEnd {margin-left: 22px;}


     /* 고객지원 /review/faq */
     /* faq01 */
     .faq-wrap .section .inner {height: auto; padding: 100px 0; width: calc(100% - 60px);}
     .faq-wrap .section.faq02 .inner {height: auto; min-height: 100dvh; padding: 0 0 40px 0;}
     .faq-wrap .question-list {margin-top: 35px;}
     .faq-wrap .question-list li + li {margin-top: 16px;}
     .faq-wrap .question-list .question {padding: 0;}
     .faq-wrap .question-list .question img {width: 24px; height: 24px; margin-right: 6px;}
     .faq-wrap .question-list .question h2 {font-size: 15px; line-height: 36px;}
     .faq-wrap .question-list .answer .flex {padding: 14px; display: block;}
     .faq-wrap .question-list .answer p {font-size: 14px;}
     .faq-wrap .question-list .answer p span {width: 10px; line-height: 16px; display: inline-block;}
     .faq-wrap .question-list .answer h3 {margin: 12px 0 0 0; font-size: 13px; line-height: 22px;}

     /* faq02 */
     .faq-wrap .faq02 .news-list {margin-top: 30px;}
     .faq-wrap .faq02 .news-list ul {width: 100%; max-width: none;}


     /* 페이지네이션 공통 */
     .pagination ol { margin-top: 35px;}
     .pagination li a {width: 28px; height: 28px; font-size: 13px;}
     .pagination li.pPrev {margin-right: 16px;}
     .pagination li.pFirst {margin-right: 20px;}
     .pagination li.pNext {margin-left: 16px;}
     .pagination li.pEnd {margin-left: 20px;}


     .boardwriteWrap{
          padding: 70px 20px;
          background:#fff; overflow-y: scroll;  
     }
     .boardwriteWrap .inner{
          width:100%; padding: 0; background: #FFF;
          border-radius: 0; border-top: 0; box-shadow:none;
     }
     .boardwriteWrap .inner .title h3 {font-size: 16px;}
     .boardwriteWrap .inner .title h2 {font-size: 26px; margin-top: 6px;}
     .boardwriteWrap form {margin-top: 60px;}
     .pop-con .boardwriteWrap .counsel-wrap{
          background:#fff;
          border-radius: 0;
     }
     .boardwriteWrap dl{
          display: block;
          padding: 0; border-bottom: 0;
     }
     .boardwriteWrap dl dt{
          margin-top: 17px; width:100%;
     }
     .boardwriteWrap dl dd{
          margin-top: 12px; width:100%;
     }
     .boardwriteWrap dl dd textarea{
          padding:15px; height:193px; border: 1px solid #e6e8eb;
          border-radius: 11px; font-size:14px;
     }
     .boardwriteWrap dl dd .star-score-check > button {
          background-size: 20px auto;
     }
     .boardwriteWrap dl dd .star-score-check > button {
          width:22px; height:22px;
     }
     .boardwriteWrap .counsel-wrap .formSubject{
          padding-top: 0; font-size: 14px;
     }
     .boardwriteWrap dl.flex-none dt.formSubject {margin-bottom: 0;}
     .boardwriteWrap .counsel-wrap .formSubject em{
          font-size: 12px;
     }
     .boardwriteWrap .counsel-wrap dd input[type="text"],
     .boardwriteWrap dl dd.flex-center .selectCon select{
          padding: 15px; max-width: 100%; border: 1px solid #e6e8eb;
          border-radius: 11px; font-size: 14px;
     }
     .boardwriteWrap dl .inputBar ul,
     .boardwriteWrap dl dd.flex-center{
          max-width: 100%; gap: 13px;
     }
     .boardwriteWrap dl .inputBar ul li input[type="radio"] + label{
          border: 1px solid #e6e8eb; font-size: 14px;
     }

     .boardwriteWrap .uploader-wrap button
     ,.boardwriteWrap .uploader-wrap img
     ,.boardwriteWrap .uploader-wrap input {
          width: 70px;
          height:50px; line-height: 50px; background-size: 18px;
          border-radius: 11px; border: 1px solid #e6e8eb;
     }
     .boardwriteWrap .uploader-wrap .uploader-ctrl {
          height:50px; line-height:50px;
     }
     .boardwriteWrap .uploader-wrap .uploader-index {
          width: 70px; height: 50px; line-height:50px;
     }
     .boardwriteWrap .uploader-wrap .uploader-index button{
          width: 70px; height:50px;
     }
     .boardwriteWrap .uploader-wrap .uploader-index div img{
          border-radius:11px;
     }
     .boardwriteWrap .boardInfo{
          margin-top: 28px; padding: 20px 15px; border-radius: 11px;
          background: #F4F7F9; border: 0;
     }
     .boardwriteWrap .boardInfo h5{
          margin-left: 6px; font-size: 16px;
     }
     .boardwriteWrap .boardInfo .txt-box{
          margin-top: 16px; font-size: 12px;
     }
     .boardwriteWrap .boardInfo .txt-box .txt01{
          margin-bottom: 10px; font-size: 13px; font-weight: 500;
     }
     .boardwriteWrap .boardInfo .txt-box .txt01 .mbr{
          margin-bottom: 8px;
     }
     .boardwriteWrap .boardInfo .txt-box .txt02{
          margin: 24px 0 10px; font-size: 13px; font-weight: 500;
     }
     .boardwriteWrap .btnWrap {margin-top: 60px;}
     .boardwriteWrap .btnWrap button{
          margin-top: 60px; width: 180px; font-size: 16px; margin: 0;
     }
     .boardwriteWrap .btnWrap a.back {left: 0; font-size: 15px; width: 70px; 
          height: 30px; line-height: 30px;}
}

@media (max-width: 450px) {
     .section02 .inner .sectionTxt {height: 76px;}
     .section02 .inner .txt01 {width: 60%; font-size: 46px; line-height: 76px;}
     .section02 .inner .txt02 {font-size: 28px;}

     .faq-wrap .section .inner {width: calc(100% - 40px);}

     .review-wrap .review-list ul {grid-template-columns: repeat(auto-fill,minmax(100% ,1fr));}
}


.bottom{position: fixed;bottom:15px;width:100%;z-index: 99;}
.bottom .container{gap:5px;width:90%;margin:0 auto;}
.bottom .container div{width:100%;background:#0060ff;border-radius:50px;font-size:16px;text-align:center;}
.bottom .container div.formbtn{background:#ffd800;}
.bottom .container div.formbtn a{color:#1f1f33}
.bottom .container div a{display:block;padding:15px 0;font-weight:bold;color:#fff;}


/*web responsive hidden*/
.mobile860,.mobile460 { display:block; }
.mobile460 { display:block; }