@charset "utf-8";

/* 초기화 */
* img {max-width:100%;}
html {overflow-y:scroll;background-color:#fff;}
body {margin:0;padding:0;font-size:1rem;font-family:'Pretendard';background-color:transparent;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1rem;font-family:'Pretendard'}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1rem}
input, button {margin:0;padding:0;font-family:'Pretendard';font-size:1rem}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Pretendard';font-size:1rem}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#333;text-decoration:none}

*, :after, :beBfore {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

/* div 클릭시 복사방지 */
/* div {user-select:none;-webkit-user-select:none;} */

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 팝업레이어 */
#boxBlack {display:none;left:0;top:0;position:fixed;width:100%;height:100%;z-index:999;background:rgba(0,0,0,.5);}
#hd_pop {overflow:hidden;z-index:100000;width:440px;max-width:704px;position:fixed;left:50%;top:50%;transform:translate(0, -50%);margin:0 auto;}
.hd_pops {width:100%;position:relative;}
.hd_pops img {width:100%;display:block;}
.hd_pops_footer {background:#fff;color:#333;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:.5rem 1rem;border:0;background:#fff;color:#333;font-size:.9rem;}
.hd_pops_footer .hd_pops_reject {text-align:left}
.hd_pops_footer .hd_pops_close {position:absolute;top:0;right:0}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}

/* 버튼 */
a.btn,.btn {line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:1.4em;
-webkit-transition:background-color 0.3s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:right} /* 서식단계 진행 */
.btn_submit {border:0;background:#4273ea;color:#fff;cursor:pointer;border-radius:3px}
.btn_submit:hover {background:#2375eb}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa}
a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent}
.btn_b01:hover, .btn_b01:hover {color:#000}
a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {color:#ff3746}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #ddd;background:#fff;color:#333;vertical-align:middle;padding:5px;}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px}
.frm_input_full {width:100%}
.frm_textarea {border:1px solid #ddd;width:100%;}

.full_input {width:100%}
.half_input {width:49.5%}
.twopart_input {width:385px;margin-right:10px}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}

/* 페이징 */
.pg_wrap {clear:both;display:block;margin:1.5rem auto;text-align:center;}
.pg_wrap .pg {align-items:center;display:block;}
.pg_wrap .pg a,
.pg_wrap .pg strong {display:inline-block;text-align:center;vertical-align:middle;background-color:#eee;color:#959595;border:1px solid #eee;font-size:1rem;height:2rem;line-height:2rem;min-width:2rem;text-decoration:none;border-radius:3px;}
.pg_wrap .pg a:focus,
.pg_wrap .pg a:hover {text-decoration:none}
.pg_wrap .pg strong {background:var(--color1);color:#fff;font-weight:normal;}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

.telbox {display:flex;justify-content:space-between;}
.telbox input {width:34%;}
.telbox select {width:30%;}

.section {padding:130px 0;}
.title {margin-bottom:3.5rem;}
.title span {display:block;font-size:1.35rem;padding:0 1.5rem;border-radius:1.5rem;line-height:3rem;color:var(--color1);font-family:'Pretendard';margin-bottom:1.5rem;}
.title strong {display:block;overflow:hidden;font-family:'JalnanGothic';font-size:3.5rem;color:#000;font-weight:normal;}
.title strong em { font-style:normal;color:var(--color1);}
.title p {display:block;font-size:2rem;letter-spacing:-1px;color:rgb(68, 68, 68);font-family:'Pretendard';margin-top:1.5rem;line-height:1.4;}
.contain {width:1380px;margin:0 auto;}

/* ================================================
   상단 고정메뉴
   ================================================ */
#boxTop {position:fixed;top:0;left:0;width:100%;z-index:1000;overflow:hidden;min-width:1440px;background:#1f252c;padding:0 2.5rem;}
#boxTop .logo {height:88px;}
#boxTop .logo img {display:block;height:2rem;}
#boxTop #boxMenu {padding:0 2.5rem;}
#boxTop #boxMenu span {color:#fff;margin-right:1.5rem;font-family:'Pretendard';line-height:50px;display:block;font-size:1.2rem;font-weight:400;cursor:pointer;position:relative;padding:0 1rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#boxTop #boxMenu span:hover,
#boxTop #boxMenu span.on {color:var(--color1);}
#boxTop #boxTel {position: relative;font-size:1.5rem;z-index: 1;}
#boxTop #boxTel::after {position: absolute;right:-2.5rem;top: 0;content:"";height:100%;width:150%;background:var(--color1);z-index: -1;clip-path: polygon(100% 0, 0% 0, 15% 100%, 100% 100%);}
#boxTop #boxTel strong {font-size:1.5rem;display:block;color:#fff;font-family:'JalnanGothic';letter-spacing:.05rem;}
#boxTop #boxTel strong span {display:block;font-size:1rem;font-family:'Pretendard';font-weight:normal;letter-spacing:0;margin-bottom:.25rem;}
#boxTop #boxTel i {animation: spin3D 1s infinite linear;display:block;background:#fff;color:var(--color1);width:2.4rem;height:2.4rem;border-radius:50%;text-align:center;line-height:2.4rem;overflow:hidden; margin-right:.65rem;transition: transform 1s ease-in-out;}
#boxBlank {height:88px;}
#boxBlank.scroll {}
#boxTop.scroll {}

@keyframes spin3D {
  0% { transform: rotateY(0) rotateX(0); }
  25% { transform: rotateY(90deg) rotateX(0); }
  50% { transform: rotateY(180deg) rotateX(0); }
  75% { transform: rotateY(270deg) rotateX(0); }
  100% { transform: rotateY(360deg) rotateX(0); }
}

/* ================================================
   메인 이미지
   ================================================ */
#boxMain {position:relative;overflow:hidden;min-width:1380px;}
#boxMainSub .swiper-slide {width:100%;height:600px;position:relative;z-index:1;}

/* ================================================
   메인 이용후기
   ================================================ */
#boxReview {background:#fff;position:relative;overflow:hidden; }
#boxReviewSub .boxReviewData { border:1px solid #dedede; cursor:pointer; background:#fff; padding:3rem; box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.1);}
#boxReviewSub .boxReviewData .boxStar {margin-bottom:.5rem;}
#boxReviewSub .boxReviewData .boxStar i {color:var(--color1);margin-right:.25rem;}
#boxReviewSub .boxReviewData .boxReviewImage { background:#000; height:180px; overflow:hidden; margin-top:1rem; border-bottom-right-radius:2.5rem;}
#boxReviewSub .boxReviewData .boxReviewImage span { display:block; width:100%; height:100%; }
#boxReviewSub .boxReviewData .boxReviewContent span { display:block; text-align:justify; text-overflow: ellipsis; font-size:1rem; color:#444; line-height:26px; height:104px; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; }
#boxReviewSub .boxReviewData .boxReviewContent strong { display:block; color:var(--color3); letter-spacing:-1px; font-size:1.35rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:500; margin-bottom:1rem; padding-bottom:1rem; border-bottom:1px solid #ddd; text-align:left; }
#boxReviewSub .boxReviewData:hover .boxReviewImage span { transform:scale(1.2); opacity:.75; }

/* ================================================
   메인 이용후기
   ================================================ */
#boxMainReview {position:absolute;z-index:100;width:35%;right:10%;top:88px;height:calc(100vh - 88px);overflow:hidden;}
#boxMainReview::before {content:'';position:absolute;width:100%;height:80px;z-index:101;top:0;left:0;background:linear-gradient(to bottom, #000, transparent); }
#boxMainReview::after {content:'';position:absolute;width:100%;height:80px;z-index:101;bottom:0;left:0;background:linear-gradient(to top, #000, transparent); }
#boxMainReview .swiper-wrapper {height:auto;}
#boxMainReview .boxReview {height:200px;background:#fff;border-radius:.75rem;padding:1.5rem;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
#boxMainReview .boxReviewImage { width:180px; height:100%; overflow:hidden; margin-right:1.5rem; border-radius:4px;background:#000;}
#boxMainReview .boxReviewImage span { display:block; width:100%; height:100%; }
#boxMainReview .boxReviewData {flex:1;}
#boxMainReview .boxReviewData .boxReviewStar {margin-bottom:.5rem;}
#boxMainReview .boxReviewData .boxReviewStar i {margin-right:.25rem; color:var(--color1);}
#boxMainReview .boxReviewData .boxReviewSubject { display:block; color:var(--color3); letter-spacing:-1px; font-size:1.35rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:500; margin-bottom:.75rem; text-align:justify; }
#boxMainReview .boxReviewData .boxReviewContent { display:block; text-align:justify; text-overflow: ellipsis; font-size:1rem; color:#444; line-height:1.5; height:calc(1.5rem * 3); overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; }

#boxMainReview .boxReview:hover .boxReviewImage span { transform:scale(1.2); opacity:.75; }

#boxMain .swiper-button-next,
#boxMain .swiper-button-prev {bottom:auto;top:calc(50% - 66px);right:auto;left:91%;color:#fff;background-color:rgba(255,255,255,.25);background-image:none;width:65px;height:65px;}
#boxMain .swiper-button-next,
#boxMain .swiper-rtl .swiper-button-prev {top:50%;}
#boxMain .swiper-button-next:hover,
#boxMain .swiper-button-prev:hover {background-color:var(--color1);}
#boxMain .swiper-button-next:after,
#boxMain .swiper-button-prev:after {font-size:35px;transform:rotate(90deg)}

/* ================================================
   메인 접수폼
   ================================================ */
#boxMainForm {margin-top:1.5rem;width:600px;}
#boxMainForm form {padding:0;}
#boxMainForm form textarea,
#boxMainForm form select,
#boxMainForm form input {width:49%;border:1px solid #d4e5d2;background:#fff;line-height:3.4rem;height:3.4rem;padding:0 1rem;font-size:1.15rem;color:#555;border-radius:.25rem;margin-bottom:.5rem;}
#boxMainForm form textarea:focus,
#boxMainForm form select:focus,
#boxMainForm form input:focus {border:1px solid var(--color1);}
#boxMainForm form input::placeholder {color:#a2a2a2;font-weight:400;}
#boxMainForm form .mgt {margin-top:.5rem;}
#boxMainForm form .boxAgree {font-size:1.15rem;flex:1;font-family:'Pretendard';}
#boxMainForm form .boxAgree label {margin-right:.5rem;}
#boxMainForm form .boxAgree a {font-size:1rem;color:#fff;}
#boxMainForm form button {width:40%;font-weight:700;border:0;background:var(--color1);height:3.4rem;font-size:1.35rem;color:#fff;border-radius:.25rem;position:relative;}
#boxMainForm form button i {position:absolute;right:1rem;}
#boxMainForm form span {display:block;color:var(--color4);margin-bottom:.5rem;}

/* ================================================
   메인 차량시세
   ================================================ */
#boxExample {position:relative;z-index:1;}
#boxExample::before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background:rgba(255,255,255,1);}
#boxExample > .contain {position:relative;z-index:3;}

#boxExample .boxExampleText,
#boxExample .boxExampleGraph {width:50%;}
#boxExample .boxExampleGraph table {border-spacing:0; border-collapse:collapse;margin-bottom:2.5rem;}
#boxExample .boxExampleGraph table tr th,
#boxExample .boxExampleGraph table tr td {font-weight:normal;font-size:1.25rem;padding:.5rem 1rem;text-align:left;}
#boxExample .boxExampleGraph table tr th {color:#777;}
#boxExample .boxExampleGraph .car {height:235px;}

.chart-container {width:100%;height:450px;position: relative;background: repeating-linear-gradient(to top,#666 0px,#666 1px,transparent 1px,transparent 90px); padding-right:2.5rem;}
.chart-container .bar {position: relative;}
.chart-container .bar .bar-graph {width: 60px;position:relative;top:60px;}
.chart-container .bar .bar-graph span {position:relative;bottom:0;display:block;background-color: rgba(0,0,0,0.1);width:100%;height:0;transition: height 2s ease; }
.chart-container.animate .bar:nth-of-type(2) .bar-graph span {height:135px;}
.chart-container.animate .bar:nth-of-type(3) .bar-graph span {height:225px;}
.chart-container .bar .bar-graph .bar-value {position: absolute;top: -35px;background-color: #333;color: #fff;padding: 2px 6px;font-size: 1rem;white-space:nowrap;border-radius: 3px;left:50%;transform:translateX(-50%);}
.chart-container .bar .bar-label {line-height: 60px;font-size:1.25rem;position:relative;top:60px;}
.chart-container .bar.bar-highlight  {border:5px solid var(--color1); padding:0 2.5rem 0 2.5rem; margin-top:1.5rem;}
.chart-container .bar.bar-highlight .bar-label {color:var(--color1);}
.chart-container .bar.bar-highlight .bar-graph span {background-color:var(--color1);mix-blend-mode: multiply;transition: height 3s ease; }
.chart-container.animate .bar.bar-highlight .bar-graph span {height:315px;}
.chart-container .bar.bar-highlight .bar-value {background-color: var(--color1);font-size:1.5rem;top: -45px;}
.chart-container .bar.bar-highlight .bar-value img {display:block;position:absolute;left:50%;transform:translateX(-50%); top:-2rem;}
.chart-container .chart-y-axis {width: auto;display: flex;flex-direction: column;justify-content: space-between;height:450px;padding:0 1rem;padding-top:90px;position: relative;background:#fff;font-size: 1rem;}
.chart-container .chart-y-axis .y-label {text-align: right;height:90px;line-height: 90px;top:-45px;position:relative;}

/* ================================================
   메인 이용헤택
   ================================================ */
#boxBenefit {background:var(--color0);}
#boxBenefit .title {text-align:center;}
#boxBenefit .title strong {color:#fff;}
#boxBenefit .title p {color:rgba(255,255,255,.75);}
#boxBenefit .boxBenefitSub {width:32%;padding:2.5rem;color:var(--color0);background:#fff linear-gradient(-45deg,#ffe2cf 0%,transparent 40%,transparent 60%,#ffe2cf 100%);border-radius:1.5rem;text-align:center;}
#boxBenefit .boxBenefitSub .thumb {width:100%;margin:0 auto;aspect-ratio:1/.6;border-radius:.75rem;margin-bottom:1.5rem;overflow:hidden;}
#boxBenefit .boxBenefitSub .thumb span {filter: grayscale(100%);display:block;width:100%;height:100%;}
#boxBenefit .boxBenefitSub:hover .thumb span {filter: grayscale(0);transform:scale(1.2);}
#boxBenefit .boxBenefitSub:hover strong {color:var(--color1);}
#boxBenefit .boxBenefitSub strong {font-family:'JalnanGothic';display:block;font-size:1.75rem;letter-spacing:-1px;font-weight:normal;margin-bottom:1.5rem;}
#boxBenefit .boxBenefitSub ul {padding:0 1rem;}
#boxBenefit .boxBenefitSub ul li {text-align:left;font-size:1.35rem;line-height:1.8;}
#boxBenefit .boxBenefitSub ul i {color:var(--color1);margin-right:.75rem;}

/* ================================================
   메인 해외 바이어 구매 희망 리스트
   ================================================ */
#boxGallery {position:relative;z-index:1;}
/*#boxGallery::before {position:absolute;left:0;top:0;content:'';z-index:2;width:100%;height:100%;background:#f6f8fa;opacity:.8;}*/
#boxGallery .contain {position:relative;z-index:3;}
#boxGallery .contain #btnGallery {background:var(--color1); color:#fff; padding:0 2rem; height:4rem; line-height:100%; font-size:1.35rem;font-family:'JalnanGothic';border:0;font-weight:normal;border-radius:.25rem;}
#boxGallery .contain #btnGallery i {margin-left:.75rem; font-size:1.5rem;}
#boxGallerySub {overflow:hidden;}
#boxGallerySub .swiper-slide {position:relative;width:auto;background:#fff;border-radius:1rem;overflow:hidden;}
#boxGallerySub .swiper-slide .thumb {height:240px;display:block;}
#boxGallerySub .swiper-slide .info {padding:1.5rem;font-size:1.15rem;}
#boxGallerySub .swiper-slide .model {font-size:1.35rem;font-family:'JalnanGothic';color:var(--color0);margin-bottom:1rem;}
#boxGallerySub .swiper-slide .model span {font-size:1rem;font-family:'Pretendard';font-weight:normal;}
#boxGallerySub .swiper-slide .prc1 {line-height:2rem;}
#boxGallerySub .swiper-slide .prc2 {line-height:2rem;color:var(--color1);font-size:1.35rem;font-weight:700;}
#boxGallerySub .swiper-slide .prc3 {display:block;background:var(--color1);color:#fff;line-height:3rem;text-align:center;font-size:1.15rem;font-family:'JalnanGothic';}
.swiper-pagination {padding-bottom:3rem !important;}

/* ================================================
   메인 진행절차
   ================================================ */
#boxProcess .title {margin-bottom:5.5rem;}
#boxProcess .boxProcessSub { width:23%; position:relative; z-index:1;}
#boxProcess .boxProcessSub::before {-webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;  content:'';position:absolute;z-index:0;left:50%;top:0;transform:translateX(-50%); transform-origin: center center; border-radius:75px;width:150px;height:200px;background:#fafafa;}
#boxProcess .boxProcessSub .boxProcessSubContent {position:relative;z-index:2;text-align:center;}
#boxProcess .boxProcessSub .boxProcessSubContent img {height:4.5rem; margin:2.5rem auto 2rem auto;}
#boxProcess .boxProcessSub .boxProcessSubContent strong {display:block;font-weight:normal;font-family:'JalnanGothic';font-size:1.5rem;margin-bottom:1rem;}
#boxProcess .boxProcessSub .boxProcessSubContent p {display:block; line-height:1.6; color:#666;font-size:1.15rem;}
#boxProcess .boxProcessSub:hover::before {transform: translateX(-50%) rotate(90deg);}

/* ================================================
   메인 하단 접수폼
   ================================================ */
#boxWrite form {width:80%;margin:0 auto;}
#boxWrite form .boxWriteTitle {width:100%; text-align:center;}
#boxWrite form .boxMainForm_Content {width:100%;background:#fff;padding:2.5rem;}
#boxWrite form .boxMainForm_Content span {display:block;text-align:left;margin-bottom:.75rem;font-size:1.15rem;}
#boxWrite form .boxMainForm_Content span i {margin-right:.5rem;}
#boxWrite form .boxMainForm_Content textarea,
#boxWrite form .boxMainForm_Content select,
#boxWrite form .boxMainForm_Content input {width:100%;border:0;line-height:4rem;height:4rem;padding:0 1rem;font-size:1.15rem;color:#000;background:#f8f8f8;border-left:8px solid #e8e8e8;}
#boxWrite form .boxMainForm_Content textarea:focus,
#boxWrite form .boxMainForm_Content select:focus,
#boxWrite form .boxMainForm_Content input:focus {border:1px solid var(--color1);border-left:8px solid var(--color1);}
#boxWrite form .boxMainForm_Content input::placeholder {color:#a2a2a2;font-weight:400;}
#boxWrite form .boxMainForm_Content .inp {width:32%;text-align:left;margin-bottom:2rem;}
#boxWrite form .boxMainForm_Content .boxAgree label {margin-right:.5rem;font-size:1.15rem;}
#boxWrite form .boxMainForm_Content .boxAgree a {font-size:1.15rem;}
#boxWrite form .boxMainForm_Button {width:100%;}
#boxWrite form .boxMainForm_Button button {display:block;background:#2b2b2b;font-family:'JalnanGothic';width:100%;padding:2rem 0;border:0;font-size:1.5rem;color:#fff;position:relative;font-weight:normal;}
#boxWrite form .boxMainForm_Button button i {position:absolute;right:2.5rem;}
#boxWrite form .boxMainForm_Button button:hover {background:var(--color2);}

/* ================================================
   메인 어워드
   ================================================ */
#boxAward {position:relative;z-index: 0;}
#boxAward::before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.75);z-index:-1;display: block;}
#boxAward .contain {position:relative;z-index:1;}
#boxAward .contain .title strong {color:#fff;}
#boxAward .contain .title p {color:#fff;}
#boxAward .contain ul li {display:block;font-size:1.35rem;color:#fff;}
#boxAward .contain ul li:nth-child(2) {margin:0 2.5rem;}
#boxAward .contain ul li img {margin-right:1rem;}

#fixedAward {position:fixed;right:1rem;top:140px;z-index:100;zoom:75%;}

/* ================================================
   자주하는 질문
   ================================================ */
#boxFaq { position:relative;background:#fff;}
#boxFaqList {flex:1;margin-left:100px;}
#boxFaq dl { display:block;margin-bottom:1rem;overflow:hidden;}
#boxFaq dl dt { padding:0 2rem;font-weight:500;text-align:left;letter-spacing:-1px;cursor:pointer;font-size:1.35rem;background:#faf9f7;line-height:4rem;height:4rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;position:relative;}
#boxFaq dl dt span { font-weight:bold;font-family:"Vitro-Head";margin-right:1rem;color:var(--color1);}
#boxFaq dl dt i { position:absolute;right:2rem;line-height:4rem;height:4rem;font-size:1.35rem;color:var(--color1);}
#boxFaq dl dd { background:#fff;border:1px solid #ddd; width:100%;display:none;padding:2rem;text-align:left;font-size:1.35rem;line-height:180%;}
#boxFaq dl.on dd { display:block;}
#boxFaq dl.on dt {background:var(--color1);color:#fff;}
#boxFaq dl.on dt span,
#boxFaq dl.on dt i {color:#fff;}
#boxFaq dl dd img { display:block;max-width:100%;}
#boxFaq dl dd em { font-style:normal;}
#boxFaq dl dd em.under { 
	background-image:-webkit-linear-gradient(transparent 60%, #f8e1b8 40%);
	background-image:-moz-linear-gradient(transparent 60%, #f8e1b8 40%);
	background-image:-ms-linear-gradient(transparent 60%, #f8e1b8 40%);
	background-image:-o-linear-gradient(transparent 60%, #f8e1b8 40%);
	background-image:linear-gradient(transparent 60%, #f8e1b8 40%);
	background-size:100% 100%;
}

/* ================================================
   실시간 이용후기
   ================================================ */
#boxReatime { overflow:hidden;box-sizing:border-box;}
#boxReatime .boxBanner { width:45%;position:relative;}
#boxReatime .boxBanner > div { text-align:left;letter-spacing:-1px;}
#boxReatime .boxBanner > div .light { height:34px;position:relative;bottom:.3rem;}
#boxReatime .boxBanner > div.txt1 { font-family:'esamanru';font-size:3rem;font-weight:900;margin-bottom:.75rem;color:var(--color1);}
#boxReatime .boxBanner > div.txt1 > img {height:3rem;display:inline-block;margin-right:.5rem;}
#boxReatime .boxBanner > div.txt2 {font-size:1.35rem;color:#777;line-height:1.6;}
#boxReatime .boxGallery_Title {margin-bottom:3.5rem;}

#boxList { flex:1;margin-right:5rem;height:392px;position:relative;}
#boxList .swiper-wrapper { height:auto;display:block;}
#boxList .swiper-wrapper > div { border-bottom:1px solid #ddd;background:rgba(255,255,255,.85);display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding:.75rem;height:auto;}
#boxList .swiper-wrapper > div > span { display:block;line-height:2rem;height:auto;font-size:1rem;padding:0 .75rem;}
#boxList .swiper-wrapper > div > span.state1 { background:var(--color3);color:#fff;padding:0 1rem;}
#boxList .swiper-wrapper > div > span.state2 { background:var(--color4);color:#fff;padding:0 1rem;}
#boxList .swiper-wrapper > div > span.sv { width:25%;text-align:center;}

/* ================================================
   메인 팝업
   ================================================ */
#boxPopLink {
    position: fixed;
    top: 88px;
    width: 180px;
    left: 0;
    z-index: 10000;
    overflow: hidden;
    transition: none;
}

#boxPopLink img {
    display: block;
    width: 100%;
}

#boxPopLink.scroll {
    width: 180px;
    left: 0;
}

/* ================================================
   메인 케이스1
   ================================================ */
#boxCase1 {background:#f9f9f9;}
#boxCase1 .boxCase1Sub {width:30%;background:#fff;padding:1rem; border-radius:1.5rem;}
#boxCase1 .boxCase1Sub img {width:80%;border-top-left-radius:1rem;border-top-right-radius:1rem;margin:0 auto;display:block;}
#boxCase1 .boxCase1Sub .con {padding:2rem 1rem 1.5rem 1rem;text-align:center;}
#boxCase1 .boxCase1Sub .con strong {font-size:2rem;color:#262626;font-weight:700;margin-bottom:.5rem;display:block;}
#boxCase1 .boxCase1Sub .con span {font-size:1.3rem;display:inline-block;padding:0 1.25rem;background:var(--color1);color:#fff;border-radius:1.5rem;line-height:1.4;margin-bottom:1rem;line-height:2.6rem;}
#boxCase1 .boxCase1Sub .con p {font-size:1.15rem;display:block;color:#666;line-height:1.4;text-align:justify;}

/* ================================================
   사기예방법
   ================================================ */
#boxFraud {background:#181616;}
#boxFraud .boxFraudSub {background:#fff;border-bottom-left-radius:5rem;border-bottom-right-radius:5rem;}
#boxFraud .boxFraudItem { width:24%;text-align:center;}
#boxFraud .boxFraudItem img {height:250px;margin:0 auto 1.5rem auto;display:block;border-radius:50%;}
#boxFraud .boxFraudItem strong {display:block;font-weight:700;font-size:2rem;line-height:1.25;color:#262626;letter-spacing:-1px;}
#boxFraud .boxFraudItem strong em {font-style:normal;color:var(--color1);}
#boxFraud .boxFraudItem p {display:block;margin-top:.75rem;font-size:1.35rem;line-height:1.4;color:#666;}

/* ================================================
   메인 중고차 사기 뉴스
   ================================================ */
#boxMedia {background:var(--color0);position:relative;overflow:hidden;}
#boxMedia .title strong {color:#fff;}
#boxMedia .title p {color:rgba(255,255,255,.8);}
#boxMediaSub .swiper-slide {width:70%;background:#f7f7f7;border-radius:1.5rem;padding:3rem 0 3rem 3rem;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
#boxMediaSub .swiper-slide > div.con {flex:1;}
#boxMediaSub .swiper-slide > div.btn {width:6rem;}
#boxMediaSub .swiper-slide > div.btn a {cursor:pointer;display:block;width:3rem;height:3rem;background:#444444;border-radius:50%;}
#boxMediaSub .swiper-slide > div.btn a i {display:block;color:#fff;line-height:3rem;}
#boxMediaSub .swiper-slide .info strong {display:block;font-family:'JalnanGothic';font-size:1.75rem;font-weight:normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-bottom:1rem;}
#boxMediaSub .swiper-slide .info p {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;line-height: 1.8;font-size: 1.35rem;height: calc(1.8em * 3);}
#boxMediaSub .swiper-slide > div.btn a:hover {background:var(--color1);}
#boxMedia .swiper-pagination-bullet {background:#fff;width:.75rem;height:.75rem;}

/* ================================================
   메인 하단 고정폼
   ================================================ */
#boxFixedForm {display:none;position:fixed;left:0;top:376px;width:180px;z-index:1000;background:var(--color1);padding:1rem 1rem 1.25rem 1rem;overflow:hidden;}
#boxFixedForm .boxFixedFormSub_Tel {font-size:2rem;color:#fff;}
#boxFixedForm .boxFixedFormSub_Tel strong {font-weight:normal;font-family:'JalnanGothic';text-align:left;}
#boxFixedForm .boxFixedFormSub_Tel i {transform:rotate(-30deg);color:#fff;}
#boxFixedForm .boxFixedFormSub_Tel span {display:block;font-style:normal;font-size:1rem;text-align:center;margin-bottom:.5rem;}
#boxFixedForm .boxAgree {color:#fff;margin-top:.5rem;}
#boxFixedForm .boxAgree label {display:inline-block;color:#fff;font-size:.9rem;}
#boxFixedForm .boxFixedFormSub_Form {margin-top:.5rem;}
#boxFixedForm .boxFixedFormSub_Form input,
#boxFixedForm .boxFixedFormSub_Form button {width:100%;border:none;background:#fff;line-height:2.6rem;height:2.6rem;padding:0 1rem;font-size:1rem;color:#555;}
#boxFixedForm .boxFixedFormSub input::placeholder {color:#a2a2a2;font-weight:400;}
#boxFixedForm .boxFixedFormSub_Form button {margin-left:0;background:#161616;color:#fff;border:0;font-family:'JalnanGothic';line-height:0;}
#boxFixedForm.scroll {display:block;}

/* ================================================
   하단 카피
   ================================================ */
#boxCopy {text-align:center;font-size:1.15rem;background:#1c1d20;color:#a3a7ac;}
#boxCopy .boxCopySub {line-height:1.8;padding:2.5rem 0;}
#boxCopy .boxCopySub .boxCopyLogo {margin-bottom:2.5rem;}
#boxCopy .boxCopyLink {margin-bottom:2.5rem;}
#boxCopy .boxCopyLink a {display:block;color:#a3a7ac;}
#boxCopy .boxCopyLink a.strong {font-weight:600;color:#fff;}
#boxCopy .boxCopyLink em {width:1px;height:1rem;background:rgba(255,255,255,.15);display:block;margin:0 1.5rem;}
#boxCopy .boxCopyBottom {border-top:1px solid rgba(255,255,255,.15);line-height:4rem;padding-bottom:6rem;}
#boxCopy .seo-block {background:#000;line-height:1.5rem;color:rgba(255,255,255,.5);margin-bottom:1.5rem; font-size:.9rem;font-weight:normal;text-align:left;padding:1.5rem;border-radius:.5rem;}
#boxCopy .seo-toggle {display:inline-block;margin-top:10px;background:#222;color:#fff;border:1px solid #555;padding:6px 14px;font-size:13px;border-radius:4px;cursor:pointer;transition:all .2s;}
#boxCopy .seo-toggle:hover {background:#444;border-color:#777;}

/* ================================================
   고정 퀵메뉴
   ================================================ */
#boxQuick {position:fixed;bottom:1rem;right:5rem;z-index:10000;}
#boxQuick a span {display:block;position:absolute;top:10001;bottom:-.5rem;background:#fff;font-size:.8rem;border-radius:1rem;padding:0 .25rem;}
#boxQuickKakao {position:absolute;bottom:0;left:0;background:#FFE812;width:4rem;height:4rem;border-radius:2rem;}
#boxQuickKakao img {display:block;margin:0 auto;width:70%;}
#boxQuickBlog {position:absolute;bottom:5rem;z-index:10000;background:#009345;width:4rem;height:4rem;border-radius:2rem;}
#boxQuickBlog img {display:block;margin:0 auto;width:70%;}
#boxQuickTel {position:absolute;bottom:10rem;z-index:10000;background:var(--color2);width:4rem;height:4rem;border-radius:2rem;}
#boxQuickTel img {display:block;margin:0 auto;width:55%;}
#boxQuickTop {position:absolute;bottom:5rem;z-index:9999;border:0;background:rgba(0,0,0,0);width:4rem;height:4rem;border-radius:2rem;}
#boxQuickTop img {display:block;margin:0 auto;width:50%;}
#boxQuickTop.on {bottom:10rem;background:rgba(0,0,0,0.5);}
#boxQuickTop.on:hover {background:var(--color1);}

#fixedBanner {position:fixed;right:0;top:160px;z-index:100;}