/*==================================================
	plugin
==================================================*/

/* jqueryUi plugin/tooltip ========== */
.ui-tooltip {position: absolute; z-index: 9999; max-width: 300px; margin: 0 18px; padding: 16px; border-radius: 8px; border: 1px solid #E8E8E9; box-shadow: 0 0 0 rgba(0, 0, 0, .08); background: #FFF;}
.ui-helper-hidden-accessible {clip: rect(0 0 0 0); overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px;}
/* datepicker ========== */
.datepicker {padding-right: 40px; background: #FFF url('../images/icon/form-datepicker-btn.png?ver=202610221000') no-repeat right 12px center;}
.ui-datepicker {padding: 24px; border-radius: 12px; border-color: #E8E8E9;}
.ui-datepicker .ui-datepicker-header {padding: 0; border: none; background-color: transparent;}
.ui-datepicker .ui-datepicker-title {margin: 0 0 8px; padding: 6px 0; line-height: 1;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {width: 24px; height: 24px;}
.ui-datepicker .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-next .ui-icon {top: auto; left: auto; width: 100%; height: 100%; margin: 0; background: #FFF url('../images/icon/form-datepicker-prev.png?ver=202610221000') no-repeat center center;}

.ui-datepicker .ui-datepicker-prev {left: 0;}
.ui-datepicker .ui-datepicker-next {right: 0;}
.ui-datepicker .ui-datepicker-prev .ui-icon {}
.ui-datepicker .ui-datepicker-next .ui-icon {transform: rotate(180deg);}

.ui-datepicker table {margin: 0; text-align: center;}
.ui-datepicker thead th {font-size: 1.0rem; color: #999;}
.ui-datepicker tbody td {text-align: center;}
.ui-datepicker tbody td a {}

.ui-datepicker td .ui-state-default {width: 26px; height: 26px; margin: 0 auto; padding: 0; border-radius: 6px; border: none; text-align: center; line-height: 26px; font-size: 1.2rem; font-weight: 700; color: #000; background: transparent;}
.ui-datepicker td .ui-state-highlight {color: #FFF; background-color: #000;}
.ui-datepicker td .ui-state-default.ui-state-active {color: #000; background-color: #EEE;}

.ui-datepicker td.ui-datepicker-current-day {}
.ui-datepicker td.ui-datepicker-week-end {}
.ui-datepicker td.ui-datepicker-other-month {opacity: .1;}

.calendar-remark {}
.calendar-remark span {display: inline-flex; align-items: center; margin-left: 20px;}
.calendar-remark span::before {content: ''; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%;}
.calendar-remark span.today {color: #000;}
.calendar-remark span.today::before {background-color: #000;}
.calendar-remark span.expect {color: #DA291C;}
.calendar-remark span.expect::before {background-color: #DA291C;}

/* swiper ========== */
.swiper {}
.swiper .swiper-wrapper {}
.swiper .swiper-wrapper .swiper-slide {}
.swiper .swiper-wrapper .swiper-slide-active {}

.swiper-button-prev,
.swiper-button-next {z-index: 2;}
.swiper-button-prev::after,
.swiper-button-next::after {font-size: 30px; color: #707070;}
.swiper-button-prev:hover::after,
.swiper-button-next:hover::after {color: #000;}

.swiper-pagination {z-index: 1; bottom: 0;}
.swiper-pagination .swiper-pagination-current {color: #FFF;}

.swiper-pagination-bullets {}
.swiper-pagination-bullet {opacity: .5; width: 8px; height: 8px; background-color: #FFF;}
.swiper-pagination-bullet.swiper-pagination-bullet-active {opacity: 1;}

.swiper-button-prev.round,
.swiper-button-next.round {width: 68px; height: 58px; background-color: rgba(0, 0, 0, .3);}
.swiper-button-prev.round {left: 0; border-radius: 0 58px 58px 0;}
.swiper-button-next.round {right: 0; border-radius: 58px 0 0 58px;}
.swiper-button-prev.round::after,
.swiper-button-next.round::after {font-size: 2.0rem; color: #FFF;}

.swiper .util-box {display: flex; position: absolute; z-index: 2; left: 10px; bottom: 20px;}
.swiper .btn-autoplay {width: 48px; height: 48px; margin: 0 10px; border-radius: 50%; border: none; text-indent: -9999em; background: rgba(0, 0, 0, .5) url('../images/icon/action-pause.png?ver=202610221000') no-repeat center center;}
.swiper .btn-autoplay.is-active {background-image: url('../images/icon/action-play.png?ver=202610221000');}
.swiper .btn-autoplay.is-active.new {width: 80px; height: 40px; margin: 0 10px 5px;  border-radius: 0; text-indent: -9999em; background: rgba(0, 0, 0, .0) url('../images/icon/video-play.png?ver=202610221000');}
.swiper .btn-move {position: absolute; z-index: 2; right: 10px; bottom: 20px; width: 48px; height: 48px; margin: 0 10px; border-radius: 50%; border: none; text-indent: -9999em; background: rgba(0, 0, 0, .5) url('../images/icon/action-move.png?ver=202610221000') no-repeat center center;}

/* 20231016 */
.swiper .util-box-autoplay {display: flex; position: absolute; z-index: 2; left: 127px; bottom: 20px;}
.swiper .util-box-autoplay-auct {display: flex; position: absolute; z-index: 2; left: 108px; bottom: 20px;}

.swiper .util-box-player {display: flex; position: absolute; z-index: 2; left: 127px; bottom: 73px;}
.swiper .util-box-player-auct {display: flex; position: absolute; z-index: 2; left: 108px; bottom: 73px;}
.swiper .btn-autoplay.btn-a {background-image: url('../images/icon/action-play-a.png?ver=202610221000'); margin: 0px 0px 8px 10px;}
.swiper .btn-autoplay.btn-b {background-image: url('../images/icon/action-play-b.png?ver=202610221000'); margin: 0px 0px 8px 10px;}
.swiper .btn-autoplay.btn-c {background-image: url('../images/icon/action-play-c.png?ver=202610221000'); margin: 0px 0px 8px 10px;}
.swiper .btn-autoplay.btn-d {background-image: url('../images/icon/action-play-d.png?ver=202610221000'); margin: 0px 0px 8px 10px;}
/* 20231016 */

/* swiper/model-view ========== */
.model-view {overflow: hidden; border-radius: 10px;}
.model-view .swiper-slide {}
.model-view .swiper-slide::after {content: ''; position: absolute; z-index: 1; bottom: 0; right: 0; left: 0; height: 48px; background-color: rgba(0, 0, 0, .5);}
.model-view .swiper-pagination {position: absolute; z-index: 1; bottom: 16px; right:24px; left: initial; width: initial; color: rgba(255, 255, 255, .5); text-align: right;}
.model-view .swiper-pagination .swiper-pagination-current {color: #FFF;}
.model-view .swiper-pagination .swiper-pagination-total {}
.model-view .swiper-slide .title {position: absolute; z-index: 2; left: 24px; bottom: 16px; font-weight: 700; color: #FFF;}

/* swiper/model-info ========== */
.model-info .thumb-wrap .swiper .swiper-pagination {display: flex; justify-content: center; align-items: center; position: absolute; z-index: 1; right: initial; bottom: 10px; left:10px; width: initial; height: 48px; padding: 0 28px; border-radius: 24px; font-size: 1.4rem; color: #C1C1C1; background-color: rgba(0, 0, 0, .5);}
.model-info .swiper-pagination .swiper-pagination-current {margin-right: 4px;}
.model-info .swiper-pagination .swiper-pagination-total {margin-left: 4px;}



/*==================================================
	form dropdown menu
==================================================*/

/* form/dropdown ========== */
.btn-dropdown {padding: 8px 30px 8px 8px ; border: none; font-size: 1.2rem; font-weight: 400; text-align: left; background:#fff url('') calc(100% - 10px) center no-repeat;}



/*==================================================
	form textarea
==================================================*/

/* form/textarea ========== */
.textarea-box {margin: 32px 0;}
.textarea-box .text-count {display: flex; justify-content: flex-end; align-items: center; margin-top: 8px;}
.textarea-box .text-count .current {font-size: 1.2rem; color: #000;}
.textarea-box .text-count .total {margin-left: 5px; font-size: 1.2rem; color: #C1C1C1;}
.textarea-box .text-count .total::before {content: '/'; margin-right: 5px; color: #C1C1C1;}
.fieldset-wrap dd .textarea-box {margin: 0;}



/*==================================================
	form file
==================================================*/

/* form/file/공통 ========== */
.form-file { position: relative; min-width: 100%; }
.form-file label,
.form-file .thumb-box {display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; border-radius: 8px; height: 100%; }
.form-file label {cursor: pointer; border: 1px dashed #E0E0E0; background-color: #F5F6F8;}
.form-file label::before {content: ''; display: block; background-repeat: no-repeat; background-position: center center;}
.form-file label input[type="file"] {opacity: 0; position: absolute; width: 0; height: 0;}
.form-file label .title {}
.form-file .thumb-box {}
.form-file .thumb-box .thumb {display: block; width: 100%;}
.form-file .thumb-box .thumb img {object-fit: cover; width: 100%; height: 100%;}
.form-file .btn-del {position: absolute; z-index: 1; top: 4px; right: 4px; width: 20px; height: 20px; border-radius: 50%; border: none; text-indent: -9999em; background: rgba(0, 0, 0, .5) url('../images/icon/form-file-del.png?ver=202610221000') no-repeat center center;}
/* form/file/paper */
.form-file.paper {width: 100px; height: 140px;}
.form-file.paper label::before {width: 24px; height: 24px; background-image: url('../images/icon/form-file-ic-paper.png?ver=202610221000');}
.form-file.paper label .title {margin-top: 4px; font-size: 1.1rem; color: #C1C1C1;}
.form-file.paper .thumb-box {border: 1px solid #E0E0E0;}
.form-file.paper .thumb-box .thumb {height: 140px;}
.form-file.paper .btn-del {}
/* form/file/card */
.form-file.card {height: 400px;}
.form-file.card label {border-style: solid;}
.form-file.card label::before {width: 57px; height: 57px; background-image: url('../images/icon/form-file-ic-card.png?ver=202610221000');}
.form-file.card label .title {margin-top: 16px; font-size: 2.4rem; font-weight: 600; color: #000;}
.form-file.card .thumb-box {border: 1px solid #E0E0E0;}
.form-file.card .thumb-box .thumb {height: 400px;}
.form-file.card .btn-del {top: 12px; right: 12px; width: 36px; height: 36px;}
/* form/file/model */
.form-file.model {min-width: 102px; height: 60px;;}
.form-file.model label {}
.form-file.model label::before {width: 48px; height:38px; background-image: url('../images/icon/form-file-ic-add.png?ver=202610221000');}
.form-file.model label.part-1::before {background-image: url('../images/SP/reg-part-1.png?ver=202610221000');}
.form-file.model label.part-2::before {background-image: url('../images/SP/reg-part-2.png?ver=202610221000');}
.form-file.model label.part-3::before {background-image: url('../images/SP/reg-part-3.png?ver=202610221000');}
.form-file.model label.part-4::before {background-image: url('../images/SP/reg-part-4.png?ver=202610221000');}
.form-file.model label.part-5::before {background-image: url('../images/SP/reg-part-5.png?ver=202610221000');}
.form-file.model label.part-6::before {background-image: url('../images/SP/reg-part-6.png?ver=202610221000');}
.form-file.model label.part-7::before {background-image: url('../images/SP/reg-part-7.png?ver=202610221000');}
.form-file.model label.part-8::before {background-image: url('../images/SP/reg-part-8.png?ver=202610221000');}
.form-file.model label.part-9::before {background-image: url('../images/SP/reg-part-9.png?ver=202610221000');}
.form-file.model label.part-10::before {background-image: url('../images/SP/reg-part-10.png?ver=202610221000');}
.form-file.model label .title {margin-top: 0; font-size: 1.4rem; color: #C1C1C1}
.form-file.model .thumb-box .thumb {height: 60px;}
/* form/file/camera */
.form-file.camera {width: 184px; height: 118px;}
.form-file.camera label::before {width: 40px; height: 32px; background-image: url('../images/icon/form-file-ic-camera.png?ver=202610221000');}
.form-file.camera label .title {margin-top: 4px; font-size: 1.1rem; color: #C1C1C1;}
.form-file.camera .thumb-box {border: 1px solid #E0E0E0;}
.form-file.camera .thumb-box .thumb {height: 118px;}

/* form/file/첨부파일등록/-  ========== */
.add-file-list {}
.add-file-list .list {display: flex; flex-wrap: wrap; margin: -10px;}
.add-file-list .list > li {padding: 10px;}
.add-file-list .list > li .form-file {}
.add-file-list .inform-text-wrap.border {margin-top: 20px; padding-top: 24px;}



/*==================================================
	form button
==================================================*/

/*  */
.btn-text {border: none; background: none;}
.btn-text.btn-line {line-height: 1.1; border-bottom: 1px solid #000; font-size: 1.8rem; font-weight: 600; color: #000;} /*221027*/
/*  */
.btn-with-icon {display: inline-flex; justify-content: space-between; align-items: center; position: relative; padding-left: 24px; border: 0; vertical-align: middle; background-repeat: no-repeat; background-position: center left ; background-color: transparent;}
/*  */
.btn-only-icon {border: none; text-indent: -9999em; background-color: transparent; background-repeat: no-repeat; background-position: center center;}
.btn-only-icon.btn-tooltip {width: 16px; height: 16px; background-image: url('../images/icon/btn-tooltip.png?ver=202610221000'); }

/*  ========== */
.btn-sorting {position: relative; height: 26px; padding: 0 18px 0 8px; border: none; font-weight: 600; color: #000; background-color: transparent;}
.btn-sorting::after {content: ''; position: absolute; right:0; top: 50%; width: 18px; height: 18px; margin-top: -9px; background-repeat: no-repeat; background-position: center center; background-image: url('../images/icon/btn-sorting.png?ver=202610221000');}
.btn-sorting.is-dw::after {}
.btn-sorting.is-down::after {transform: rotate(180deg);}
.btn-reset {height: 24px; padding: 0 10px 0 36px; border: none; background: url('../images/icon/btn-reset-gray.png?ver=202610221000') no-repeat left 10px center;}
.btn-side {height :26px; padding: 5px 12px 3px; border-radius: 4px; border: none; font-size: 1.2rem; color: #FFF; background-color: #999;}
a.btn-side {color: #FFF;}

/* form/button/색상 ========== */
.btn2 {height: 36px; padding: 8px 20px; border-radius: 8px; border-width: 1px; border-style: solid; font-size:1.2rem; font-weight: 600;}
.btn2.lg {height: 48px; padding: 10px 32px 8px; font-size: 1.6rem;}
.btn2 strong {color: #DA291C;}
.btn2 .icon {margin-right: 6px;}

.btn2.btn2-primary {border-color: #DA291C; color: #fff; background-color: #DA291C;}
.btn2.btn2-secondary {border-color: #E8E8E9; color: #000; background-color: #FFF;}
.btn2.btn2-tertiary {border-color: #000; color: #FFF; background-color: #000;}
.btn2.btn2-cancle {border-color: #E8E8E9; color: #999; background-color: #FFF;}
.btn2.btn2-whats {border-color: #25D366; color: #FFF; background-color: #25D366;}
.btn2.btn2-primary2 {border-color: #333; color: #fff; background-color: #333;}

.btn2.btn2-primary:disabled {border-color: #C1C1C1; color: #FFF; background-color: #C1C1C1;}
.btn2.btn2-tertiary.btn-only-icon .icon-search {border: 3px solid red; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);}

/* form/button/toggle ========== */
.btn-toggle-board {width: 24px; height: 24px; margin-top: 0 !important; border: none; text-indent: -9999em; font-size: 1px; background-color: transparent; background-repeat: no-repeat; background-position: center center;}
.btn-toggle-board.column {background-image: url('../images/icon/toggle-board-list.png?ver=202610221000');}
.btn-toggle-board.row {background-image: url('../images/icon/toggle-board-square.png?ver=202610221000');}



/*==================================================
	form checkbox
==================================================*/

.choice-text-wrap {display: flex; align-items: stretch; flex-wrap: wrap; margin: 16px 0;}
.choice-text-wrap label {display: inline-flex; flex-wrap: wrap; align-items: center; margin: 16px 32px 16px 0; padding-top: 4px; cursor: pointer; }
.choice-text-wrap label.mr10 {margin-right:10px;} /*221116*/
.choice-text-wrap label input {appearance: none; position: absolute;}
.choice-text-wrap label input + .text-value {display:inline-flex; flex-wrap:nowrap; align-items:center; position:relative; font-size: 1.6rem; line-height: 1.43; color:#000} /*221116*/
.choice-text-wrap label input + .text-value:before {content:''; flex: 0 0 auto; display:block; margin-right: 12px; border:2px solid #C1C1C1; background-color: #FFF;}
.choice-text-wrap label input:checked + .text-value:before {border-color: #DA291C;}
.choice-text-wrap label input:checked + .text-value::after {content:''; transform: translateY(-50%); position: absolute; top: 50%;}
/* checkbox */
.choice-text-wrap label input[type='checkbox'] + .text-value {}
.choice-text-wrap label input[type='checkbox'] + .text-value:before {flex-basis: 20px; width: 20px; height: 20px; margin-top: -4px; border-radius: 2px;}
.choice-text-wrap label input[type='checkbox']:checked + .text-value::after {left: 6px; width:13px; height:10px; margin-top: -2px; background: url('../images/icon/form-checkbox.png?ver=202610221000') no-repeat center center;}
.choice-text-wrap.square label input[type='checkbox']:checked + .text-value::after {width:12px; height:12px; border-radius: 2px; background: #DA291C;}
/* checkbox_221101 */
.choice-btnset {display:inline-flex; align-items:stretch; flex-wrap:wrap;}
.choice-btnset input[type=checkbox] {}
.choice-btnset input[type=checkbox] + label {cursor:pointer; padding:9px 20px; margin-right:10px; border-radius:8px; border:1px solid #E0E0E0;  color:#999; font-size:1.4rem; font-weight:500; background-color:#fff;}
.choice-btnset input[type=checkbox]:checked + label {color:#DA291C; border-color:#DA291C; font-weight:600;}


/* radio */
.choice-text-wrap label input[type='radio'] + .text-value {}
.choice-text-wrap label input[type='radio'] + .text-value:before {width: 22px; height: 22px; margin-top: -4px; border-radius:50%;}
.choice-text-wrap label input[type='radio']:checked + .text-value::after {left: 6px; width:12px; height:12px; margin-top: 0px; border-radius:50%; background-color: #DA291C;}
/*  */
.choice-text-wrap .with-btn {display: inline-flex; flex-wrap: wrap; align-items: center; margin: 6px 32px 6px 0;}
.choice-text-wrap .with-btn label {margin-right: 0;}
.choice-text-wrap .with-btn button {display: inline-flex; flex-wrap: wrap; align-items: center; height: 22px; padding-right: 16px; border: none; background-color: transparent}
/* type/n단 정렬 */
.choice-text-wrap.l-2 label {flex-basis: calc(50% - 12px); margin-right: 12px; margin:0 0 10px 0}
.choice-text-wrap.l-2 label:nth-child(5n) {}
.choice-text-wrap.l-5 label {flex-basis: calc(20% - 12px); margin-right: 12px;}
.choice-text-wrap.l-5 label:nth-child(5n) {}
/* type/세로정렬 */
.choice-text-wrap.column {flex-direction: column;}
.choice-text-wrap.column label {margin-top: 4px; margin-bottom: 4px;}
.choice-text-wrap.column label {}

/* form/checkbox/버튼형태 ========== */
.choice-btn-wrap {}
.choice-btn-wrap ul {display: flex; align-items: stretch; flex-wrap: wrap;}
.choice-btn-wrap ul li {flex: 0 0 auto; min-height: 48px; margin-top: 6px; margin-bottom: 6px;}
.choice-btn-wrap label {display: flex; justify-content: center; align-items: center; position: relative; padding: 0 24px; background-color:#fff;}
.choice-btn-wrap label input {appearance: none; position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; border-radius:6px; border:1px solid #E0E0E0; cursor: pointer;}
.choice-btn-wrap label .text-value {display: flex; justify-content: center; align-items: center; position: relative; height: 48px; padding: 0 12px; font-weight: 700; color:#999; line-height: 1.3; word-break: break-all; white-space: nowrap; background-color: #FFF;} /*221102*/
.choice-btn-wrap label input:checked {border-color: #000; }
.choice-btn-wrap label input:checked + .text-value {color:#000;} /*221102*/
.choice-btn-wrap.check ul li + li {margin-left: 12px;}
.choice-btn-wrap.check label input:checked {border-color: #DA291C;}
.choice-btn-wrap.check label input:checked + .text-value {padding-left: 16px; color: #DA291C;}
.choice-btn-wrap.check label input:checked + .text-value::before {content: ''; display: block; position: absolute; top: 50%; left: 0; width: 12px; height: 9px; margin-top: -5px; background: url('../images/icon/form-radio.png?ver=202610221000') no-repeat left center;}
.choice-btn-wrap.gender label input + .text-value{font-weight:normal; font-size:1.4rem}
.choice-btn-wrap.gender label input:checked + .text-value{font-weight:bold}
.choice-btn-wrap.gender label input:checked + .text-value::before {content: ''; display: block; position: absolute; top: 50%; left: -7px; width: 12px; height: 9px; margin-top: -5px; background: url('../images/icon/form-radio-black.png?ver=202610221000') no-repeat left center;}
/* type/정렬 */
.choice-btn-wrap.l-2 ul li {flex-basis: calc(50% - 5px);} /*221102*/
.choice-btn-wrap.l-2 ul li:nth-child(2n) {margin-left: 10px;} /*221102*/
.choice-btn-wrap.l-3 ul li {flex-basis: calc(33.3333% - 11px); margin-left: 10px;}  /*221114*/
.choice-btn-wrap.l-3 ul li:nth-child(3n+1) {margin-left: 0;}





/*==================================================
	fieldset
==================================================*/

.fieldset-wrap {margin: 40px 0;}
.fieldset-wrap.sm {margin-right: 130px; margin-left: 130px;}
/* dt,dd 가로 사이즈 배율 */
.fieldset-wrap.row > dl > .row > dt {flex: 1;}
.fieldset-wrap.row > dl > .row > dd {flex: 6;}
.fieldset-wrap.row.l-2 > dl > .row > dt {flex: 1;}
.fieldset-wrap.row.l-2 > dl > .row > dd {flex: 3.5;}
.container.row .fieldset-wrap.row > dl > .row > dt {flex: 1;}
.container.row .fieldset-wrap.row > dl > .row > dd {flex: 4.2;}
.ui-member .fieldset-wrap.row > dl > .row > dt {flex: 1;}
.ui-member .fieldset-wrap.row > dl > .row > dd {flex: 3.175;}

/* fieldset/row ========== */
.fieldset-wrap.row {}
.fieldset-wrap.row > dl {}
.fieldset-wrap.row > dl + dl {margin-top: 48px;}
.fieldset-wrap.row > dl > .row {display: flex; align-items: flex-start;}
.fieldset-wrap.row > dl > .row + .row {margin-top: 24px;}
.fieldset-wrap.row > dl > .row > dt {display: flex; align-items: center; min-height: 60px;}
.fieldset-wrap.row > dl > .row > dt label {font-size: 1.6rem; font-weight: 600;}
.fieldset-wrap.row > dl > .row > dt label .required {margin-left: 4px; color: #DA291C;}
.fieldset-wrap.row > dl > .row > dd {font-size: 1.6rem;}

/* 221031 추가 */
.fieldset-wrap.row > dl > .row2 {align-items: flex-start; flex:1; margin-top:10px; margin-bottom:40px;}
.fieldset-wrap.row > dl > .row2:first-child {margin-right:150px;}
.fieldset-wrap.row > dl > .row2 > dt {align-items: center; min-height: 40px;}
.fieldset-wrap.row > dl > .row2 > dt label {font-size: 1.6rem; font-weight: 600; color:#000;} /*221102*/
.fieldset-wrap.row > dl > .row2 > dt label .required {margin-left: 4px; color: #DA291C;}
.fieldset-wrap.row > dl > .row2 > dd label {padding:5px 12px; font-size:1.6rem; }




/* fieldset/column ========== */
.fieldset-wrap.column {}
.fieldset-wrap.column > dl {}
.fieldset-wrap.column > dl > .row {display: flex; flex-direction: column;margin-top: 40px;}
.fieldset-wrap.column > dl > .row:first-child {margin-top: 0;}
.fieldset-wrap.column > dl > .row > dt {margin-bottom: 16px;}
.fieldset-wrap.column > dl > .row > dt label {font-size: 1.6rem; font-weight: 600;}
.fieldset-wrap.column > dl > .row > dt label .required {color: #DA291C;}
.fieldset-wrap.column > dl > .row > dd {font-size: 1.6rem;}
.fieldset-wrap.column > dl > .row > dd + dd {margin-top: 16px;}
.fieldset-wrap.column > dl > .row > dt.title label {font-size: 1.6rem; font-weight: 600;} /*221102*/

/* type/2단 */
.fieldset-wrap.l-2 {margin: 8px 0 32px;}
.fieldset-wrap.l-2 > dl {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top:30px;} /*221102*/
.fieldset-wrap.l-2 > dl > .row {flex-basis: calc(50% - 48px); margin-top: 24px;}
.fieldset-wrap.l-2 > dl > .row:first-child {margin-top: 24px;}

/* type/3단 : 221102 */
.fieldset-wrap.l-3 {margin: 8px 0 32px;}
.fieldset-wrap.l-3 > dl {display: flex; flex-wrap: wrap; justify-content: space-between;}
.fieldset-wrap.l-3 > dl > .row {flex-basis: calc(33.333% - 40px); margin-top: 24px;}
.fieldset-wrap.l-3 > dl > .row:first-child {margin-top: 24px;}
.fieldset-wrap.l-3 > dl > .row dd {flex:2.2;}
.fieldset-wrap.l-3 > dl > .row dd label:last-child {margin-right:0;}

/* dt */
.fieldset-wrap > dl > .row > dt.title label {font-size: 1.8rem; font-weight: 700; color: #000;}
.fieldset-wrap > dl > .row > dt .btn-tooltip {margin-top: -4px;}
.fieldset-wrap > dl > .row > dt .btn-only-icon {margin-left: 6px;}

/*  ========== */
.fieldset-wrap input[type='text'],
.fieldset-wrap input[type='password'],
.fieldset-wrap select,
.fieldset-wrap .btn-selectbox {width: 100%;}

/* message */
.fieldset-wrap .desc-message {margin-top: 8px; font-size: 1.2rem;}
.fieldset-wrap .desc-message .desc {font-weight: 600; color: #54585A;}
.fieldset-wrap .desc-message .valid {font-weight: 600; color: #DA291C;}
.fieldset-wrap .desc-message .invalid {font-weight: 600; color: #DA291C;}
.fieldset-wrap .desc-message .sucvalid {font-weight: 600; color: #70AD47;}

.fieldset-wrap .form-row {display: flex;}
.fieldset-wrap .form-row .item {flex: 1; margin: 0 4px;}
.fieldset-wrap .form-row .item:first-child {margin-left: 0;}
.fieldset-wrap .form-row .item:last-child {margin-right: 0;}
.fieldset-wrap .form-row .item.mark {flex: 0 0 auto; display: flex; align-items: center;}

.fieldset-wrap .form-column {display: flex; flex-direction: column;}
.fieldset-wrap .form-column .item:not(:first-child) {margin-top: 8px;}

.fieldset-wrap .form-mix {display:flex; justify-content:space-between; align-items: center; position: relative; height: 60px; padding:8px 10px;}
.fieldset-wrap .form-mix > input {flex: 1; position: relative; z-index: 1; height: 100%; padding: 0 10px 0 0; border: 0;}
.fieldset-wrap .form-mix > .btn-side {position: relative; z-index: 1;}
.fieldset-wrap .form-mix > .btn-del {position: relative; z-index: 1; width: 20px; height: 20px; border-radius: 50%; border: none; text-indent: -9999em; background: rgba(0, 0, 0, .5) url('../images/icon/form-file-del.png?ver=202610221000') no-repeat center center;}
.fieldset-wrap .form-mix > .form-bdr {position: absolute; z-index: 0; left: 0; width: 100%;}
.fieldset-wrap .form-mix > input.is-invalid ~ .form-bdr {border-color:#DA291C; color:#DA291C;}
.fieldset-wrap .form-mix > input:focus ~ .form-bdr,
.fieldset-wrap .form-mix > .btn-side:focus ~ .form-bdr {border-color:#000;}
.fieldset-wrap .form-mix > input:focus ~ .btn-side,
.fieldset-wrap .form-mix > .btn-side:focus {background-color: #000;}
.fieldset-wrap .form-mix .unit {margin-bottom: -4px; font-size: 1.6rem; font-weight: 700; color: #000;}
.fieldset-wrap .form-mix .unit:first-child {margin-right: 8px;}
.fieldset-wrap .form-mix .form-mix {flex: 1; margin: 0 -8px 0 8px;}

.fieldset-wrap .row .btn-side {height: 100%; padding: 0 22px;}
.fieldset-wrap .row .btn-side:focus {border-color: #000; color: #FFF; background-color: #000;}
.fieldset-wrap .row .btn-side:disabled {border-color: #C1C1C1; background-color: #C1C1C1;}

.fieldset-wrap .form-address {display: flex; flex-direction: column;}
.fieldset-wrap .form-address .item + .item {margin-top: 12px;}

.fieldset-wrap .form-tel {display: flex; align-items: center;}
.fieldset-wrap .form-tel select {flex: 1;}
.fieldset-wrap .form-tel input {flex: 2.1;}
.fieldset-wrap .form-tel .unit {padding: 0 10px; font-weight: 600; color: #000;}

.fieldset-wrap .form-name {display: flex; margin: 0 -4px;}
.fieldset-wrap .form-name input { margin: 0 4px;}

.fieldset-wrap .form-email {}
.fieldset-wrap .form-email .item {display: flex; align-items: center;}
.fieldset-wrap .form-email .item + .item {margin-top: 12px;}
.fieldset-wrap .form-email .item input {}
.fieldset-wrap .form-email .item select {}
.fieldset-wrap .form-email .item .unit {padding: 0 10px; font-weight: 600; color: #000;}
.fieldset-wrap .form-email .item:last-child{width:245px; margin-left:auto;}

/* 멤버십가입/파일첨부 */
.fieldset-wrap > dl > .row.regist-file {justify-content: space-between;}
.fieldset-wrap > dl > .row.regist-file dt {flex: 1; flex-direction: column; align-items: flex-start;}
.fieldset-wrap > dl > .row.regist-file dt .title-box {display: flex; align-items: center;}
.fieldset-wrap > dl > .row.regist-file dt .title-box label {margin-right: 12px; font-weight: 700; color: #000;}
.fieldset-wrap > dl > .row.regist-file dt .text-file {margin-top: 12px; font-size: 1.6rem;}
.fieldset-wrap > dl > .row.regist-file dd {flex: 0 0 auto !important;}

.fieldset-wrap dd .choice-text-wrap {min-height: 60px;}
.fieldset-wrap .choice-text-wrap {margin: 0;}
.fieldset-wrap .choice-text-wrap label {margin-top: 0; margin-bottom: 0;}
/* 커스텀 */
.dialog .fieldset-wrap:first-child {margin-top: 0;}
.dialog .fieldset-wrap:last-child {margin-bottom: 0;}
.fieldset-wrap > dl > .row > dd * + .order-detail {margin-top: 24px;}



/*==================================================
	검색
==================================================*/

.search-bg-wrap {padding: 48px 56px; border-radius: 10px; background-color: #F5F6F8;}
/* 커스컴 */
.search-bg-wrap .fieldset-wrap {margin: 0;}
.search-bg-wrap .fieldset-wrap .form-search {display: flex;}
.search-bg-wrap .fieldset-wrap .form-search > * {margin: 0 8px;}
.search-bg-wrap .fieldset-wrap .form-search > *:first-child {margin-left: 0;}
.search-bg-wrap .fieldset-wrap .form-search > *:last-child {margin-right: 0;}
.search-bg-wrap .fieldset-wrap .form-search .btn2 {flex: 0 0 200px; height: 60px; font-size: 1.6rem; font-weight: normal;}

.search-recently ul{padding:16px !important; overflow-y:scroll; height:130px;}
.search-recently li{display:flex; justify-content:space-between; align-items:center}
.search-recently li button{padding:0 0 16px 0 !important;}
.search-recently i{width:16px; height:16px; display:block; background:url('../images/common/cancle.png?ver=202610221000') no-repeat center;}


/*==================================================
	anchor-menu
==================================================*/

.anchor-menu {position: sticky; z-index: 10; top: 119px; background-color: #FFF;} /*221104*/
.anchor-menu > ul {display: flex; flex-wrap: nowrap; border-bottom: 1px solid #E0E0E0;}
.anchor-menu > ul > li {flex: 1; position: relative;}
.anchor-menu > ul > li a {display: flex; justify-content: center; align-items: center; height: 65px; padding: 6px 5px; font-size: 1.6rem; font-weight: 700; color: #000;}
.anchor-menu > ul > li a.is-active {color: #DA291C;}
.anchor-menu > ul > li a.is-active::before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; border-bottom: 3px solid #FA3F20;}

.anchor-menu.type2 {top:320px;} /*221011 추가*/
/* 커스텀 */
.dialog .anchor-menu {position: static;}


/*==================================================
	tab
==================================================*/

.tab-menu-wrap {}
.tab-menu-wrap > ul {display: flex; flex-wrap: nowrap;}
.tab-menu-wrap > ul > li {position: relative;}
.tab-menu-wrap > ul > li button {width: 100%; border: none; font-weight: 700; background: transparent; }
.tab-menu-wrap > ul > li button.is-active {}
.tab-menu-wrap > ul > li button.is-active::before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%;}

/* tab/1depth ========== */
.tab-menu-wrap.depth-1 {}
.tab-menu-wrap.depth-1 > ul {border-bottom: 1px solid #E0E0E0;}
.tab-menu-wrap.depth-1 > ul > li {flex: 1;}
.tab-menu-wrap.depth-1 > ul > li button {height: 65px; padding: 6px 5px; font-size: 1.6rem; color: #000;}
.tab-menu-wrap.depth-1 > ul > li button.is-active {color: #DA291C;}
.tab-menu-wrap.depth-1 > ul > li button.is-active::before {border-bottom: 3px solid #FA3F20;}

/* tab/hash ========== */
.tab-menu-wrap.hash {}
.tab-menu-wrap.hash > ul {display: inline-flex;}
.tab-menu-wrap.hash > ul > li {flex: 0 0 auto; margin-right: 20px;}
.tab-menu-wrap.hash > ul > li button {height: 40px; padding: 0 20px; border-radius: 40px; font-size: 1.8rem; font-weight: 400; background-color: transparent;} /* 221005 수정 */
.tab-menu-wrap.hash > ul > li button.is-active {color: #FFF; background-color:  #DA291C;}
.tab-menu-wrap.hash > ul > li button.is-active::before {content: none;}

/* tab/main ========== */
.tab-menu-wrap.main {}
.tab-menu-wrap.main > ul {justify-content: center; border-bottom: 1px solid #E0E0E0;}
.tab-menu-wrap.main > ul > li {flex: 0 0 auto; margin: 0 30px;}
.tab-menu-wrap.main > ul > li button {width: auto; padding: 20px 25px; font-size: 2.4rem; font-weight: 800; color: #C1C1C1;}
.tab-menu-wrap.main > ul > li button.is-active {color: #DA291C;}
.tab-menu-wrap.main > ul > li button.is-active::before {content: ''; display: block; position: absolute; right: 0; bottom: 0; left: 0; height: 6px; background-color: #DA291C; transform: skewX(25deg);}

/* tab/view ========== */
.tab-container-wrap .tab-container {display: none;}
.tab-container-wrap .tab-container.is-active {display: block;}
/* 커스텀 */
.dialog .dialog-content .tab-menu-wrap {margin: 0 -20px}
.dialog .dialog-content > .tab-wrap {margin-top: -34px}



/*==================================================
	data-table
==================================================*/

.data-table-wrap {margin: 32px 0 0; } /*221110*/
.data-table {}
.data-table thead th,
.data-table tbody th,
.data-table tbody td {padding: 10px 16px; border: 1px solid #E0E0E0; font-size: 1.2rem;}
.data-table thead th {border-right: 0; font-weight: 700; color: #999999; background-color: #F5F6F8;}
.data-table tbody th {font-weight: 700; color: #999999; text-align: left; background-color: #F5F6F8;}
.data-table tbody th.bg-none {color: #54585A; background-color: transparent;}
.data-table thead tr:first-child th,
.data-table tbody tr:first-child th,
.data-table tbody tr:first-child td {border-top: 1px solid #54585A;}
.data-table thead th:first-child,
.data-table tbody th:first-child,
.data-table tbody td:first-child {border-left: none;}
.data-table td:last-child {border-right: none;}
.data-table tbody td strong {font-weight: 700; color: #DA291C;}
.data-table tbody td strong.c-2 {font-weight: 700; color: #000;}
.data-table tbody td .text-sub-1 {color: #999;}
/*221101*/
.data-table tbody td.pd00 {padding:0; border: none; }
.data-table tbody td.pd00 > table thead th, .data-table tbody td.pd00 > table tbody td {font-size:1.2rem;}
.data-table tbody td.pd00 > table thead th {border-top:none;}
.data-table tbody td.pd00 > table tbody td {border-bottom:none;}
.data-table tbody td.pd00 > table tbody td strong {font-size:1.4rem;}
/* 커스텀 */
.accordion-wrap .acc-container .data-table-wrap tbody tr:first-child th,
.accordion-wrap .acc-container .data-table-wrap tbody tr:first-child td {border-top-color: #E0E0E0;}
.accordion-wrap .acc-container .data-table-wrap:last-child {margin-bottom: -1px;}
.data-table-wrap .page-button-wrap {margin-top: 40px; padding-top: 0; border-top: 0;}



/*==================================================
	data-dl
==================================================*/

.data-dl-wrap {margin: 32px 0;}
.data-dl-wrap + .data-dl-wrap {margin-top: 16px;}
.data-dl-wrap.bg .list {padding: 24px 16px; border-radius: 16px; background-color: #F5F6F8;}
.data-dl-wrap .list {font-size:1.4rem; line-height: 1.28;}
.data-dl-wrap .list > .row {display:flex; justify-content:space-between;}
.data-dl-wrap .list > .row + .row {margin-top: 12px;}
.data-dl-wrap .list > .row dt {color:#999;}
.data-dl-wrap .list > .row dd {color:#000; text-align: right;}
.data-dl-wrap .list > .row dd strong {font-weight: 700;}
.data-dl-wrap .list > .row dd strong em {color: #DA291C;}

/* 총액 ========== */
.data-dl-wrap .list > .row.total {margin-top: 16px; padding-top: 16px; border-top: 1px solid #999999;}
.data-dl-wrap .list > .row.total dt {font-weight: 700;}
.data-dl-wrap .list > .row.total dd {font-weight: 700;}
.data-dl-wrap .list > .row.total dd strong {}
/* 총액/bg */
.data-dl-wrap .list > .row.total.bg {padding: 20px 24px; border-radius: 8px; border-top: none; background-color: #F5F6F8;}
.data-dl-wrap .list > .row.total.bg dt {font-weight: 700;}
.data-dl-wrap .list > .row.total.bg dd {font-weight: 700;}
.data-dl-wrap .list > .row.total.bg dd strong {}
.data-dl-wrap .list .text-lg {font-size: 1.6rem;}
.data-dl-wrap .list .text-sm {font-size: 1.2rem; color: #999;}

/* type/account ========== */
.data-dl-wrap.account .list {font-weight: 700;}
.data-dl-wrap.account .list > .row {justify-content:initial;}
.data-dl-wrap.account .list > .row + .row {margin-top: 24px;}
.data-dl-wrap.account .list > .row dt {flex: 0 0 auto; min-width: 110px;}
.data-dl-wrap.account .list > .row dd {text-align: left;}

/* type/bill ========== */
.data-dl-wrap.bill .list {}
.data-dl-wrap.bill .list > .row dt {color: #000;}



/*==================================================
	accordion
==================================================*/

.accordion-wrap .acc-item {position: relative;}
.accordion-wrap .acc-item.is-disabled {pointer-events: none;}
.accordion-wrap .acc-item .link {cursor: pointer;}
.accordion-wrap .acc-item .acc-header {display: flex; flex-direction: column; position: relative; padding: 18px 32px 16px 0;}
.accordion-wrap .acc-item .acc-header:after {content: ''; opacity: .5; transform: translateY(-50%) rotate(0); position: absolute; z-index: 1; right: 0; top: 50%; width: 24px; height: 24px; background: url('../images/icon/accordion-dw.png?ver=202610221000') no-repeat center;}
.accordion-wrap .acc-item .acc-header .title {font-size: 1.6rem; font-weight: 700; color: #000;}
.accordion-wrap .acc-item .acc-header .title2 {font-size: 1.8rem; font-weight: 700; color: #000; } /*221101*/
.accordion-wrap .acc-item .acc-header .title strong {color: #DA291C;}
.accordion-wrap .acc-item .acc-header .text {}
.accordion-wrap .acc-item .acc-header .text strong {color: #DA291C;}
.accordion-wrap .acc-item > .acc-container {display: none;}
.accordion-wrap .acc-item.is-active > .acc-header::after {opacity: 1; transform: translateY(-50%) rotate(180deg);}
.accordion-wrap .acc-item.is-active > .acc-container {display: block;}
.accordion-wrap .acc-item.is-active > .acc-container > .l-3 li {height:32px;} /*221012*/
.accordion-wrap .acc-item.is-active > .acc-container > .l-3 .t-ic li {height:inherit; } /*221102*/
/* .accordion-wrap .acc-item.is-active > .acc-container li:hover {text-decoration:underline; color:#000;} */
.accordion-wrap .acc-item.is-active > .acc-container li label {height:inherit; display:flex;  align-items:center; }
.accordion-wrap .acc-item.is-active > .acc-container li:hover label i {box-sizing: border-box;}
.accordion-wrap .acc-item.is-active > .acc-container .text-value {line-height:14px; letter-spacing: -.06rem; }
.accordion-wrap .acc-item > .acc-container input.h40 {height: 40px; border-radius: 2px; border: 1px solid #E8E8E9;} /*221025*/
.accordion-wrap .acc-item > .acc-container input.h40:hover[type='text'] {border-color:#c1c1c1;} /*221025*/

/* 커스텀 */
.accordion-wrap .acc-container .data-table-wrap tbody tr:first-child th,
.accordion-wrap .acc-container .data-table-wrap tbody tr:first-child td {border-top-color: #E0E0E0;}
.accordion-wrap .acc-container .data-table-wrap:last-child {margin-bottom: -1px;}
.data-table-wrap .page-button-wrap {margin-top: 40px; padding-top: 0; border-top: 0;}

/* accordion/type/border ========== */
.accordion-wrap.muji {margin: 38px 0;}
.accordion-wrap.muji .acc-item:first-child {border-top: none;}
.accordion-wrap.muji .acc-item .acc-header {border-bottom: 1px solid #000;}
.accordion-wrap.muji .acc-item > .acc-container {padding: 0; border-bottom: 1px solid #E8E8E9;}

/* accordion/type/border ========== */
.accordion-wrap.border .acc-item {border-top: 1px solid #E8E8E9;}
.accordion-wrap.border .acc-item:first-child {border-top: none;}
.accordion-wrap.border .acc-item > .acc-container {padding: 0 0 32px;}
.accordion-wrap.border .acc-item > .acc-container.pb00 {padding-bottom:0;} /*221025*/

/* accordion/type/box ========== */
.accordion-wrap.box {padding: 24px 0;}
.accordion-wrap.box .acc-item {padding: 0 16px; border-radius: 8px; border: 1px solid #E0E0E0; background-color: #FFF;}
.accordion-wrap.box .acc-item + .acc-item {margin-top: 16px;}
.accordion-wrap.box .acc-item > .acc-container {padding: 16px 0;}
.accordion-wrap.box .acc-item.is-active .acc-header .btn-toggle {}
.accordion-wrap.box .acc-item.is-active > .acc-container {border-top:1px solid #E8E8E9;}
.accordion-wrap.box .acc-item.is-disabled * {color: #C1C1C1 !important;}
.accordion-wrap.box .acc-item .accordion-wrap {margin: 0 -16px;}
.accordion-wrap.box .acc-item .accordion-wrap .acc-item {padding: 0 0;}
.accordion-wrap.box .acc-item .accordion-wrap .acc-item.is-active > .acc-container {padding: 0; border-top:none;}

/* accordion/type/게시판형태 ========== */
.accordion-wrap.board {border-top: 1px solid #000;}
.accordion-wrap.board .acc-item {}
.accordion-wrap.board .acc-item + .acc-item {border-top: 1px solid #E8E8E9;}
.accordion-wrap.board .acc-item .acc-header {flex-wrap: wrap; flex-direction: row; align-items: center; height: 56px; padding: 16px 0;}
.accordion-wrap.board .acc-item .acc-header .col-state {flex: 0 0 220px; padding: 0 0 0 16px; font-size: 1.6rem; font-weight: 700; color: #DA291C;}
.accordion-wrap.board .acc-item .acc-header .col-cate {flex: 0 0 220px; padding: 0 0 0 16px; font-size: 1.6rem; font-weight: 700; color: #DA291C;}
.accordion-wrap.board .acc-item .acc-header .col-country {flex: 0 0 220px; padding: 0 0 0 16px;}
.accordion-wrap.board .acc-item .acc-header .col-title {flex: 1; width: 500px; padding: 0 60px 0 16px; font-size: 1.6rem;}
.accordion-wrap.board .acc-item .acc-header .col-date {flex: 0 0 100px;; font-size: 1.6rem; text-align: center;}
.accordion-wrap.board .acc-item .acc-header .col-set {flex: 0 0 auto; min-width: 114px; text-align: center;}
.accordion-wrap.board .acc-item .acc-header .col-set button {display: none; margin-top: -4px;}
.accordion-wrap.board .acc-item .acc-container {margin-bottom: 10px; padding: 20px; background-color: #F5F6F8;}
.accordion-wrap.board .acc-item .dl-qna {display: flex; align-items: flex-start;}
.accordion-wrap.board .acc-item .dl-qna dt {flex: 0 0 20px; margin: 0 8px 2px 0; font-size: 0;}
.accordion-wrap.board .acc-item .dl-qna dt::before {display: block; width: 20px; height: 20px; border-radius: 50%; font-size: 1.2rem; font-weight: 700; color: #FFF; line-height: 21px; text-align: center;}
.accordion-wrap.board .acc-item .dl-qna dd,
.accordion-wrap.board .acc-item .title {flex: 1; display: block; overflow: hidden; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; color: #000;}
.accordion-wrap.board .acc-item .dl-qna.question dt::before {content: 'Q'; background-color: #000;}
.accordion-wrap.board .acc-item .dl-qna.answer dt::before {content: 'A'; background-color: #DA291C;}
.accordion-wrap.board .acc-item .dl-qna .btn-link {color: #437DF1;}

/*  */
.accordion-wrap.board .question-box {}
.accordion-wrap.board .question-box .pic-list {margin: 12px 0 12px 24px;}
.accordion-wrap.board .question-box .pic-list ul {display: flex;}
.accordion-wrap.board .question-box .pic-list ul li {display: flex; justify-content: center; align-items: center; overflow: hidden; width: 184px; height: 118px; margin-right: 20px; border-radius: 8px;}
.accordion-wrap.board .question-box .pic-list ul li img {width: 100%;}
.accordion-wrap.board .question-box .pic-list .date {margin-top: 8px; font-size: 1.2rem; color: #999;}
.accordion-wrap.board .answer-box {padding-top: 24px;}
.accordion-wrap.board .answer-box .date {margin: 8px 0 0 24px;}

/* 커스텀 */
.accordion-wrap.board .order-detail {}
.accordion-wrap.board .order-detail .order-box {margin-bottom: 12px; padding: 0 0 12px;}
.accordion-wrap.board .order-detail .model-info {padding: 16px; border-radius: 8px; background-color: #FFF;}

/* accordion/type/게시판형태/qna ========== */
.accordion-wrap.board.qna .acc-item.is-disabled .acc-header:after {content: none;}
.accordion-wrap.board.qna .acc-item.is-disabled .acc-header .col-state {font-weight: 400; color: #000;}
.accordion-wrap.board.qna .acc-item.is-disabled .acc-header .col-set button {pointer-events: initial; display: inline;}
.accordion-wrap.board.qna .acc-item.is-disabled .dl-qna dt::before {background-color: #999;}
.accordion-wrap.board.qna .acc-item.is-disabled .acc-header .dl-qna dd {font-weight: 400;}

/* accordion/type/게시판형태/faq ========== */
.accordion-wrap.board.faq .acc-item .acc-header .dl-qna dt::before {background-color: #999;}
.accordion-wrap.board.faq .acc-item.is-active .acc-header .dl-qna dt::before {background-color: #000;}



/*==================================================
	tree
==================================================*/

.tree-wrap {}
.tree-wrap.is-expand .tree-container {display: block;}
/* 커스텀 */
.tree-wrap .choice-text-wrap {flex: 1; margin: 0; font-size: 1.4rem;}
.tree-wrap .choice-text-wrap label input + .text-value:before {margin-right: 10px;}
.tree-wrap .choice-text-wrap .with-btn {flex: 1; margin: 0;}
.tree-wrap .choice-text-wrap .with-btn label {margin-top: 0; margin-bottom: 0;}
.tree-wrap .choice-text-wrap .with-btn .link {padding-right: 0; font-size: inherit}
.tree-wrap .choice-text-wrap .with-btn .link .icon {}
.tree-wrap .choice-text-wrap .with-btn.is-checked .link {border-bottom: 1px solid #000; font-weight:700;}

.tree-wrap .tree-header {display: flex;  justify-content: space-between; align-items: center; position: relative; padding-right:5px;} /* 221005 수정 */
.tree-wrap .tree-container {display: none; padding-left: 24px;}
.tree-wrap .is-active > .tree-container {display: block;}
.tree-wrap .link {cursor: pointer;}
.tree-wrap ul {margin-top: 10px;}
.tree-wrap ul li {position: relative; flex: 1;}
.tree-wrap ul li + li {margin-top: 10px;}
.tree-wrap ul li.disabled {pointer-events: none;}

/* 구조 ========== */
.tree-wrap > ul {}
.tree-wrap > ul > li {}
.tree-wrap > ul > li > .tree-header {}
.tree-wrap > ul > li > .tree-container {}
.tree-wrap > ul > li > .tree-container > ul {}
.tree-wrap > ul > li > .tree-container > ul > li {}
.tree-wrap > ul > li > .tree-container > ul > li > .tree-header {}
.tree-wrap > ul > li > .tree-container > ul > li > .tree-container {}
.tree-wrap > ul > li > .tree-container > ul > li > .tree-container > ul {}
.tree-wrap > ul > li > .tree-container > ul > li > .tree-container > ul > li {}
.tree-wrap > ul > li > .tree-container > ul > li > .tree-container > ul > li > .tree-header {}


/*==================================================
	rangeBar
==================================================*/
.rangebar-container .rangebar-wrap{width:100%; height:4px; background:#E8E8E9;}
.rangebar-container .rangebar-wrap ul{display:flex; width:100%; height:4px; }
.rangebar-container .rangebar-wrap ul li{display:flex; width:100%; background:#E8E8E9; position:relative;}
.rangebar-container .rangebar-wrap ul li.on{background:#DA291C;}
.rangebar-container .rangebar-wrap ul li i, .rangebar-wrap ul li em{width: 15px; height: 15px; display:block; background: #fff; border-radius: 15px; border: 2px solid #DA291C; position:absolute; top:-5px; display:none;}
.rangebar-container .rangebar-wrap ul li i.is-active{display:block;}
.rangebar-container .rangebar-wrap ul li em.is-active{display:block; right:0;}
.rangebar-container .rangebar-container ul.line {font-size:1.2rem; display:flex; justify-content:space-between; margin-bottom:15px}
.rangebar-container .line{display:flex;}
.rangebar-container .line li{border-right:1px solid #E0E0E0;width:100%; color:#9E9E9E; height:5px;}
.rangebar-container .line li em{padding-top:5px;}
.rangebar-container .line li:last-child{border-right:0; text-align:right;}
.rangebar-container .range-number{display:flex; align-items:center; justify-content:space-between;}
.rangebar-container .range-number select {width:48%; font-size:1.4rem; height:40px; border:1px solid #E8E8E9; border-radius:2px; }
.rangebar-container .range-number select:hover {border-color:#c1c1c1;} /*221011*/
.rangebar-container .num{display:flex;justify-content:space-between; padding-right:5px;} /* 221005 수정 */

/*==================================================
	selectbox select_box
==================================================*/
.select_box .box {display: inline-block; position: relative; min-width: 100px;width:auto; }
.select_box .box .select {position: relative; box-sizing: border-box; padding: 0 10px; margin:10px 0; height: 20px; line-height: 20px;font-size: 1.2rem; background-color: #fff; cursor: pointer; color:#000;}
.select_box .box .select:after {content: ''; position: absolute; top: 4px; right: 10px;width:12px;height:7px;background:url(../images/icon/form-selectbox.png?ver=202610221000)no-repeat center;opacity:.5;}
.select_box.on .box .select:after {background:url(../images/icon/form-selectbox-on.png?ver=202610221000)no-repeat center;opacity:1;}
.select_box .box .list {display: none; overflow-y: auto; position: absolute; top: 35px; left: 0; z-index: 10; border: 1px solid #999; box-sizing: border-box; width: 100%; max-height: 200px; background-color: #fff; font-size:1.4rem;}
.select_box .box .list>li {color:#000; box-sizing: border-box; padding: 8px 10px; width: 100%; cursor: pointer; display:flex; flex-direction:column; justify-content:center;} /*221018*/
.select_box.max .box{width:180px;}
.select_box .box .list>li.selected {background:#F5F6F8;}
.select_box .box .list>li:hover {background-color: #F5F6F8;}
.select_box.sorting{margin-left:20px;}
.select_box.sorting .select{font-size:1.4rem; font-weight:600; color:#000; width:80px; min-width:80px}
.select_box.sorting .box{width:73px; min-width:73px}
.select_box.price .box{width:70px; min-width:70px}

/*==================================================
	타이틀영역
==================================================*/

/* 컴포넌트/타이틀영역/title-summit */
.title-summit {display: flex; flex-direction: column; justify-content: center; margin: 60px 0 48px; text-align: center;}
.title-summit.border {margin-bottom: 40px; padding-bottom: 60px; border-bottom: 1px solid #E8E8E9;}
.title-summit h2 {font-size: 3.2rem; font-weight: 700; color: #000;}
.title-summit h2 strong {color: #DA291C;}
.title-summit h2 span {font-weight: 400;}
.title-summit p {margin-top: 20px; font-size: 2.0rem; color: #000;}
.title-summit p.sm {font-size: 1.6rem; color: #999;}
.title-summit p + p.sm {margin-top: 8px;}
.title-summit p strong {color: #DA291C;}
.title-summit .btn-tooltip {margin: -4px 0 0 8px;}
.title-summit .button-box {margin-top: 24px;}
.title-summit .button-box .btn2 {height: 46px; padding: 0 108px;}
.title-summit.stickyType2 {position:sticky; z-index:10; top:120px; margin:0; padding:60px 0 48px; background-color:#fff; }  /*221011 추가*/

/* 타이틀옆에 badge */
.title-summit h2 .box {position: relative;}
.title-summit h2 .box .badge {}
.title-summit h2 .box .badge.member {position: absolute; top: 8px; left: 100%; height: 24px; margin: 0 0 0 24px; padding: 4px 12px; border-radius: 4px; font-size: 1.2rem; font-weight: 600; color: #FFF; white-space: nowrap; background-color: #DA291C;}

/* /* 컴포넌트/타이틀영역/title-summit/column */
.title-summit.column {flex-direction: row; justify-content: space-between; align-items: flex-end; margin: 56px 0 24px; padding-bottom: 24px; border-bottom: 2px solid #000;} /*221007*/
.title-summit.column.none {border:none;} /*221007 추가*/
.title-summit.column:first-child {margin-top: 40px;}
.title-summit.column .title-box {}
.title-summit.column .title-box h2 {position: relative; padding-left: 20px; font-size: 1.8rem;}
.title-summit.column .title-box h2::before {content: ''; transform: skew(20deg); position: absolute; top: -2px; left: 4px; width: 6px; height: 15px; background-color: #DA291C;}
.title-summit.column .side-box {}
.title-summit.column .side-box .btn-more {font-weight: 600; color: #999; height: 24px; line-height: 24px; margin-bottom: 8px; padding: 0 58px 0 24px; border-radius:40px; background: url('/h/assets/images/icon/side-more-gray.png?ver=202610221000') no-repeat center right 24px;} /*221012*/

/* 컴포넌트/타이틀영역/공통 */
.title-wrap {display: flex; justify-content: space-between ; align-items: flex-end;}
.title-wrap.border {padding-bottom: 24px; border-bottom: 1px solid #000;}
.title-wrap.border.h-4 {padding-bottom: 16px;}
.title-wrap .title-box.page-no {flex:1; display:flex; align-items:center; justify-content: space-between;} /*221018*/
.title-wrap .title-box.page-no span {color:#000;} /*221018*/
.title-wrap .title-box.page-no select {margin-left:10px; height:40px; padding: 4px 36px 4px 10px;} /*221018*/


.title-wrap .title-box {}
.title-wrap .title-box .title {position: relative; font-weight: 700; color: #000; }
.title-wrap .title-box .title strong {font-weight: inherit; color: #DA291C;}
.title-wrap .title-box .title .btn-tooltip {margin: -4px 0 0 8px;}
.title-wrap .title-box .text {}
.title-wrap .title-box .text strong {font-weight: inherit; color: #DA291C;}
.title-wrap .title-box .required {margin: 0 0 0 0; color: #DA291C;}
.title-wrap .title-box .title.bullet {}
.title-wrap .title-box .title.bullet::before {content: ''; transform: skew(20deg); position: absolute; top: -2px; left: 4px; width: 6px; height: 15px; background-color: #DA291C;}
.title-wrap .side-box {margin-left: auto;}
.title-wrap .side-box .choice-text-wrap {margin: 0;}
.title-wrap .side-box .choice-text-wrap label {margin: 0 0 0 32px;}
.title-wrap .side-box .btn-side {margin-left: 16px; color: #FFF;}
.title-wrap .side-box .text-count {margin-left: 16px; font-weight: 600; }
.title-wrap .side-box .text-count strong {color: #DA291C;}

/* 컴포넌트/타이틀영역/2뎁스 */
.title-wrap.h-3 {border-bottom: 1px solid #000; margin-top:30px; margin-bottom:20px;} /*221102*/
.title-wrap.h-3.none {border-bottom: none; margin-top:45px;} /*221102*/
.title-wrap.h-3.none > .title-box {margin:0;} /*221102*/
.title-wrap.h-3:first-child {margin-top: 0;  margin-top:0;} /*221102*/
.title-wrap.h-3 .title-box {margin:40px 0 16px;}
.title-wrap.h-3 .title-box .title {font-size: 1.8rem;}
.title-wrap.h-3 .title-box .text {margin-top: 5px; color: #999999;}
.title-wrap.h-3 .title-box span.colRe {display:block; color:#DA291C; font-size: 1.4rem; margin-top:5px; margin-bottom:15px;} /*221102*/
.title-wrap.h-3 .btn-side2 {height: 26px; padding: 5px 12px 3px; border-radius: 4px; border: none; font-size: 1.2rem; color: #FFF; background-color: #000;} /*221031*/

/* 컴포넌트/타이틀영역/3뎁스 */
.title-wrap.h-4 {margin: 40px 0 16px;}
.title-wrap.h-4 .title-box {}
.title-wrap.h-4 .title-box .title {font-size: 1.6rem;}
/* 컴포넌트/타이틀영역/4뎁스 */
.title-wrap.h-5 {margin: 24px 0 16px;}
.title-wrap.h-5 .title-box {}
.title-wrap.h-5 .title-box .title {font-size: 1.4rem; font-weight: 600;}
/* 커스텀 */
.data-dl-wrap.bg .title-wrap.h-3 {margin-bottom: 8px; padding-bottom: 0; border-bottom: none;}
.data-table-wrap .title-wrap.h-3 {margin-bottom: 16px; padding-bottom: 0; border-bottom: none;}
.fieldset-wrap .title-wrap.h-3 {/*margin-bottom: 0;*/}
.fieldset-wrap .title-wrap.h-4 {margin-bottom: 12px;}



/*==================================================
	게시판 상세정보 보기
==================================================*/

.board-detail {}

/* 타이틀영역 ========== */
.board-detail .view-title {}
.board-detail .view-title .model-info {margin: 20px 0;}
.board-detail .view-title .model-info .info-box .basic-wrap {display: flex; justify-content: space-between; align-items: flex-start}
.board-detail .view-title .model-info .info-box .basic-wrap .box .title {font-size: 3.2rem;}
.board-detail .view-title .model-info .info-box .basic-wrap .box .info-list ul li {font-size: 1.6rem; font-weight: 600; color: #54585A;}
.board-detail .view-title .model-info .info-box .basic-wrap .price-wrap .price {font-size: 3.2rem;}
.board-detail .view-title .model-info .info-box .basic-wrap .price-wrap .sub-price {font-size: 2.4rem;}
.board-detail .view-title .model-info .option-list {}

/* 본문 ========== */
.board-detail .view-body {display: flex; justify-content: space-between; align-items: flex-start; position: relative; margin-top: 100px; border-top: 1px solid #000;}
.board-detail .view-body .view-detail {flex: 1; padding: 0 32px 0 0; border-bottom: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0;}
.board-detail .view-body .view-summary {flex: 0 0 320px; position: sticky; top: 120px; bottom: 120px; width: 320px;  padding: 30px 0 30px 30px; border-bottom: 1px solid #E0E0E0;}

/* 우측/최종 요약정보 ========== */
.board-detail .view-summary .model-info .thumb-wrap .swiper .swiper-pagination {height: 24px; padding: 0 12px;font-size: 1.2rem;}
.board-detail .view-summary .model-info .thumb-wrap .swiper .swiper-button-prev,
.board-detail .view-summary .model-info .thumb-wrap .swiper .swiper-button-next {width: 36px; height: 36px;}
.board-detail .view-summary .model-info .thumb-wrap .swiper .swiper-button-prev.round::after,
.board-detail .view-summary .model-info .thumb-wrap .swiper .swiper-button-next.round::after {font-size: 1.6rem;}
.board-detail .view-summary .model-info.column .info-box {padding: 0;}
.board-detail .view-summary .total-price-wrap {display: block; padding: 0; background-color: transparent;}
.board-detail .view-summary .total-price-wrap .summary-box {}
.board-detail .view-summary .total-price-wrap .summary-box dl {display: block;}
.board-detail .view-summary .total-price-wrap .summary-box dl .row {display: flex; justify-content: space-between; align-items: flex-end; margin: 20px 0;}
.board-detail .view-summary .total-price-wrap .summary-box dl .row dt {}
.board-detail .view-summary .total-price-wrap .summary-box dl .row dd {}
.board-detail .view-summary .total-price-wrap .summary-box dl .row.total {margin-left: -30px; padding-top: 20px; padding-left: 30px; border-width: 1px 0 0;}
.board-detail .view-summary .total-price-wrap .summary-box dl .row.total dt {}
.board-detail .view-summary .total-price-wrap .summary-box dl .row.total dd {}
.board-detail .view-summary .total-price-wrap .summary-box dl .row.total dd strong {}
.board-detail .view-summary .total-price-wrap .page-button-wrap.column {margin-top: 24px; padding-top: 0; border-top: none;}
.board-detail .view-summary .total-price-wrap .page-button-wrap.column .btn2 {height: 46px;}
.board-detail .view-summary .total-price-wrap .page-button-wrap.column .btn2 + .btn2 {margin-top: 8px;}



/*==================================================
	게시판 보기
==================================================*/

.board-view {}

/* header ========== */
.board-view .board-header {display: flex; justify-content: space-between; align-items: center; height: 56px; padding: 0 20px;}
.board-view .board-header .title-box {display: flex; flex-direction: column;}
.board-view .board-header .title-box .title {font-size: 2.0rem; font-weight: 700; color: #000;}
.board-view .board-header .side-box {display: flex; align-items: center;}
.board-view .board-header .side-box .item {position: relative;}
.board-view .board-header .side-box .item + .item {margin-left: 12px; padding-left: 12px;}
.board-view .board-header .side-box .item + .item::before {content: ''; position: absolute; left: 0; top: 50%; height: 12px; margin-top: -6px; border-left: 1px solid #E0E0E0;}
.board-view .board-header .side-box .writer {color: #000;}
.board-view .board-header .side-box .date {color: #999;}

/* body ========== */
.board-view .board-body {padding: 16px 20px 56px; color: #000;}
/* 하단버튼영역 */
.board-view .page-button-wrap {margin-top: 80px;}
/* paginate */
.board-view .view-paginate {margin-top: 80px; border-top: 1px solid #6E6E6E;}
.board-view .view-paginate dl {}
.board-view .view-paginate dl .row {display: flex; border-bottom: 1px solid #E0E0E0;}
.board-view .view-paginate dl .row dt {flex: 0 0 100px; padding: 20px 20px 16px; border-right: 1px solid #E0E0E0; color: #999; background-color: #F5F6F8;}
.board-view .view-paginate dl .row dd {padding: 20px 20px 16px; font-weight: 600; color: #000;}
.board-view .view-paginate dl .row dd a {}

/* type/event ========== */
.board-view.event {border-top: 1px solid #000;}
.board-view.event .board-header {height: initial; padding: 32px 20px; border-bottom: 1px solid #E0E0E0;}
.board-view.event .board-header .title-box {}
.board-view.event .board-header .title-box .title {}
.board-view.event .board-header .title-box .date {margin-top: 8px;}
.board-view.event .board-header .side-box {}

.board-view.event .board-body {width: 940px; margin: 0 auto; padding: 16px 0;}
.board-view.event .board-body .thumb-box {margin: 40px 0; text-align: center;}
.board-view.event .board-body .thumb-box:not(:last-child) {padding-bottom: 40px; border-bottom: 1px solid #E8E8E9;}
.board-view.event .board-body .board-list.column {margin: 40px 0;}
.board-view.event .board-body .board-list.column:last-child {margin-bottom: 0;}



/*==================================================
	게시판 aside
==================================================*/

/* 게시판/목록/util/ ========== */
.util-wrap {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 24px 0 24px;}
.util-wrap.border {margin-bottom: 24px; padding-bottom: 12px; border-bottom: 2px solid #000;}
.dialog .util-wrap.border {border-bottom-width: 1px;}
.util-wrap .info-box {}
.util-wrap .info-box .text-count {font-size: 1.6rem; font-weight: 600;}
.util-wrap .info-box .text-count.title {font-size: 1.8rem; font-weight: 700; color: #000;}
.util-wrap .info-box .text-count strong {color: #DA291C;}
.util-wrap .side-box {display: flex; align-items: center; margin-left: auto;}
.util-wrap .side-box .badge-wrap {margin-bottom: 0;}
.util-wrap .side-box .btn-sorting {margin-left: 20px; font-size:1.4rem;} /*221116*/
.util-wrap .side-box .btn-side {margin-left: 20px;}
.util-wrap .side-box .btn-side.ml5 {margin-left: 10px;} /*221025*/
.util-wrap .side-box .btn-toggle-board {margin-left: 20px;}
/* 커스텀 */
.util-wrap .choice-text-wrap {margin: 0;}
.util-wrap .choice-text-wrap label {margin-top: 0; margin-bottom: 0;}
.util-wrap .choice-text-wrap label:last-child {margin-right: 0;}

/* 게시판/목록/util/sorting ========== */
.sorting-button-wrap {margin-bottom: 24px;}
.sorting-button-wrap ul {display: flex; border: 1px solid #E0E0E0;}
.sorting-button-wrap ul li {flex: 1;}
.sorting-button-wrap ul li + li {border-left: 1px solid #E0E0E0;}
.sorting-button-wrap ul li a,
.sorting-button-wrap ul li button {display: block; width: 100%; height: 56px; padding: 16px 0; border: none; font-size: 1.8rem; color: #999; text-align: center; background-color: #FFF;}
.sorting-button-wrap ul li a.is-active,
.sorting-button-wrap ul li button.is-active {color: #FFF; background-color: #000;}

/* 게시판/목록/util/filter ========== */
.filter-result {display: flex; justify-content: space-between; align-items: center; margin: 24px 0 20px; padding: 12px 10px 10px; border-top: 1px solid #000; color: #FFF; background-color: #6d7173;} /*221013*/
.filter-result .depth-box {display: flex; align-items: center;}
.filter-result .depth-box .item {display: flex; align-items: center; margin-right: 10px; padding: 6px 10px; font-weight: 600;}
.filter-result .depth-box .item .btn-del {width: 16px; height: 16px; margin-left: 8px; border: none; text-indent: -9999em; background: url('../images/icon/btn-del-filter.png?ver=202610221000') no-repeat center center;}
.filter-result .side-box .btn-reset {color: #9E9E9E; background-image: url('../images/icon/btn-reset-gray.png?ver=202610221000');}

/* 게시판/목록/search ========== */
.search-wrap {display: flex; align-items: center; margin: 40px 0; padding: 48px 40px; border-radius: 10px; background-color: #F5F6F8;}
.search-wrap .condition-box {display: flex;}
.search-wrap .condition-box .item {flex: 1;}
.search-wrap .condition-box .item + .item {margin-left: 16px;}
.search-wrap .condition-box .item select {width: 100%;}
.search-wrap .condition-box .period {flex: 0 0 324px;}
.search-wrap .condition-box + .search-box {margin-left: 24px;}
.search-wrap .search-box { display: flex; position: relative;}
.search-wrap .search-box input[type='text'] {flex: 1; width: 100%; padding-right: 48px;}
.search-wrap .search-box .btn-search {position: absolute; right: 0; top: 0; width: 48px; height: 100%; border: none; text-indent: -9999em; background: transparent url('../images/icon/btn-search-black.png?ver=202610221000') no-repeat center center;}
/* type/basic */
.search-wrap.case-basic {padding-right: 236px; padding-left: 236px; }
.search-wrap.case-basic .condition-box {flex: 1.3;}
.search-wrap.case-basic .search-box {flex: 2;}
/* type/period */
.search-wrap.case-period {}
.search-wrap.case-period .condition-box {flex: 5;}
.search-wrap.case-period .search-box {flex: 3;}
.search-wrap.case-period .period {display: flex; align-items: center;}
.search-wrap.case-period .period .datepicker {width: 100%;}
.search-wrap.case-period .period .unit {margin: 0 10px;}
/* type/title */
.search-wrap.case-title {}
.search-wrap.case-title .text-box {flex: 5; display: flex;}
.search-wrap.case-title .text-box .title {font-size: 2.0rem; color: #000;}
.search-wrap.case-title .search-box {flex: 3;}

/* 게시판/목록/paginate ========== */
.paginate-wrap {display: flex; justify-content: center; align-items: center; margin-top: 40px;}
.paginate-wrap .btn,
.paginate-wrap ol li button {width: 30px; height: 30px; border-radius: 50%; border: none; background-color: #FFF;}
.paginate-wrap .btn {font-size: 0; background: url('../images/icon/paginate-btn-prev.png?ver=202610221000') no-repeat;}
.paginate-wrap .btn.prev {background: url('../images/icon/paginate-btn-prev.png?ver=202610221000') no-repeat;}
.paginate-wrap .btn.next {transform: rotate(180deg); background: url('../images/icon/paginate-btn-prev.png?ver=202610221000') no-repeat;}
.paginate-wrap .btn.first {margin-right: 4px; background: url('../images/icon/paginate-btn-first.png?ver=202610221000') no-repeat;}
.paginate-wrap .btn.last {margin-left: 4px; transform: rotate(180deg); background: url('../images/icon/paginate-btn-first.png?ver=202610221000') no-repeat;}
.paginate-wrap ol {display: flex; margin: 0 20px;}
.paginate-wrap ol li {}
.paginate-wrap ol li button {font-weight: 600; color: #000;}
.paginate-wrap ol li button.is-active {font-weight: 700; color: #FFF; background-color: #000;}



/*==================================================
	게시판 목록
==================================================*/

/* 게시판/목록/no-data ========== */
.no-data {margin-bottom: 80px; padding-top: 200px; text-align: center; background-repeat: no-repeat; background-position: center 56px;}
.no-data.border {margin-top: 24px; border-top: 1px solid #000;}
.no-data .text {font-size: 1.8rem; color: #C1C1C1;}
.no-data .button-group {margin-top: 40px;}
.no-data .button-group .btn2 {height: 60px; padding: 0 56px; font-size: 1.6rem; font-weight: 700;}
/* 커스텀 */
.dialog .no-data {margin-bottom: 40px; padding-top: 168px;}

/* header - [팝업] 알림 */
#dialogAlarm .no-data2 {padding-top:0; display:flex; flex-direction:column; align-items:center;}
#dialogAlarm .no-data2::before {content:''; width: 124px; height: 124px; margin-bottom:15px; display:block; background-image: url('../images/icon/nodata-notice.png?ver=202610221000');}
#dialogAlarm .inform-text-wrap {border-bottom:1px solid #000;}

/* header - [팝업] 최근본상품 */
#dialogLatestProduct .no-data2 {padding-top:0; display:flex; flex-direction:column; align-items:center;}
#dialogLatestProduct .no-data2::before {content:''; width: 124px; height: 124px; margin-bottom:15px; display:block; background-image: url('../images/icon/nodata-model.png?ver=202610221000');}
#dialogLatestProduct .model-info .basic-wrap .model-number {margin-bottom:0;}
#dialogLatestProduct .model-info .basic-wrap .title a{font-size:1.6rem}

/* [팝업] - 주소 검색 */
.search-item-int{display:flex; align-items: center; justify-content: space-between; width:100%;}
.search-item-int input{width:100%; padding:8px 10px 5px 30px; border:none !important; background: url(../images/common/icon-search-red.svg?ver=202610221000) 0 50% no-repeat;}
.search-item-body{border-top:2px solid #DA291C;}
.search-item-autoTxt li{display:inline-flex; align-items: center; justify-content: space-between; width:100%; line-height: 20px; padding:13px 0 11px 16px; border-bottom:1px solid #E0E0E0; }
.search-item-autoTxt li a{font-size:12px; width:calc(100% - 30px);}
.search-item-autoTxt li .remove{width:20px; height:20px; background: url(../images/common/icon-delete-gray.svg?ver=202610221000) 0 50% no-repeat; cursor: pointer;}
.search-item-dataNone{font-size:1.2rem; color:#C1C1C1; text-align: center;}
.search-item-tit{font-weight: 600; color:#000;}
.search-item-titWrap{padding:18px 18px 17px;}
.search-item-titWrap.bg{background: #F5F6F8; border-top:1px solid #fff;}
.search-item-int.type2{border-bottom: 2px solid #DA291C;}
.search-item-int.type2 input{height:50px; padding:0px 10px 0 42px; background: url(../images/common/icon-search-red.svg?ver=202610221000) 12px 50% no-repeat;}
.search-item-int.type2 input::placeholder{color:#c1c1c1}
.addrSearch-result .data-table th, .addrSearch-result .data-table td{font-size:1.4rem;}

/* 아이콘 */
.no-data.notice {background-image: url('../images/icon/nodata-notice.png?ver=202610221000');}
.no-data.model {background-image: url('../images/icon/nodata-model.png?ver=202610221000');}
.no-data.wish {background-image: url('../images/icon/nodata-wish.png?ver=202610221000');}
.no-data.cart {background-image: url('../images/icon/nodata-cart.png?ver=202610221000');}

/* 게시판/목록/공통 ========== */
.board-list {}
.board-list .util-wrap:first-child {margin-top: 0;}
.board-list .filter-result:first-child {margin-top: 0;}
.board-list .list.border {padding-top: 24px; border-top: 2px solid #000;}
.board-list .page-button-wrap {margin-top: 30px; padding-top: 0; border-top: 0;}

.board-list.order .board-header-side {padding: 0 8px;}

.board-list .latest-date {margin-bottom: 16px;}
.board-list .latest-date strong {font-weight: 700; color: #000;}

/* 목록선택 */
.board-header-side {display: flex; align-items: center; margin: 24px 0 12px;}
.board-header-side .choice-text-wrap {margin: 0;}
.board-header-side .choice-text-wrap label {margin: 0;}
.board-header-side .choice-text-wrap label input + .text-value {color: #999;}
.board-header-side .choice-text-wrap label input + .text-value.title {color: #000;}
.board-header-side .choice-text-wrap label input + .text-value .state {margin-right: 4px; color: #000;}
.board-header-side .choice-text-wrap label input:checked + .text-value {color: #000;}
.board-header-side .info-box {}
.board-header-side .info-box span {position: relative; margin-left: 12px; padding-left: 12px;}
.board-header-side .info-box span::before {content: ''; position: absolute; left: 0; top: 50%; height: 10px; margin-top: -5px; border-left: 1px solid #E0E0E0;}
.board-header-side .info-box:first-child span:first-child {margin-left: 0; padding-left: 0;}
.board-header-side .info-box:first-child span:first-child::before {content: none;}
.board-header-side .info-box .date {font-weight: 600; color: #999;}
.board-header-side .info-box .count {font-weight: 700;}

/* type/row ========== */
.board-list.row {margin: 56px 0 48px; position:relative;} /*221118*/

/* 221007 수정 */
.board-list.row > .swiper-button-prev,
.board-list.row > .swiper-button-next {position:absolute; top:27%;}
.board-list.row > .swiper-button-prev::after,
.board-list.row > .swiper-button-next::after {font-size:19px; color:#fff; padding:17px 10px; background-color:rgba(0, 0, 0, 0.3);}
.board-list.row > .swiper-button-prev {left:2px;}
.board-list.row > .swiper-button-next {right:2px;}

.board-list.row .list {display: flex; flex-wrap: wrap; margin: 0 -15px;}
.board-list.row .list > li {flex: 0 0 auto; margin: 56px 15px 0;}

.board-list.row.l-3 .list > li {width: calc(33.3333% - 30px);}
.board-list.row.l-3 .list > li:nth-child(-n+3) {margin-top: 0;}

.board-list.row.border .list > li {overflow: hidden; border: 1px solid #E9E9E9; border-radius: 18px;}
.board-list.row.border .model-info .thumb-wrap {border-radius: 10px 10px 0 0;}
.board-list.row.border .model-info .info-box {padding-right: 20px; padding-left: 20px;}

.board-list.row .model-info.column .info-row {flex-direction: column;}
.board-list.row .model-info.column .basic-wrap {width: 100%;}

/* type/square ========== */
.board-list.square {}
.board-list.square .list {display: flex; flex-wrap: wrap; align-items: stretch; margin: 0 -15px;}
.board-list.square .list > li {flex: 0 0 calc(33.33% - 30px); margin: 56px 15px 0;}
.board-list.square .list > li:nth-child(-n+3) {margin-top: 0;}
.board-list.square .model-info .basic-wrap {min-height: 88px;}
.board-list.square .model-info .basic-wrap .title {overflow: hidden; max-height: 52px;}
.board-list.square .model-info.column .info-row {flex-direction: column;}

/* type/grid ========== */
.board-list.grid {}
.board-list.grid .list {border-top: 1px solid #000;}
.board-list.grid .list thead {}
.board-list.grid .list thead th {padding: 12px 8px; border: solid #E0E0E0; border-width: 0 0 1px 1px; font-weight: 700; color: #999; background-color: #F5F6F8;}
.board-list.grid .list thead th:first-child {border-left: 0;}
.board-list.grid .list tbody td {padding: 12px 20px; border: solid #E0E0E0; border-width: 0 0 1px 1px; color: #000; vertical-align: middle;}
.board-list.grid .list tbody td:first-child {border-left: 0;}
.board-list.grid tr.is-disabled td {pointer-events: none; opacity: .2;}
.board-list.grid .list .t-center {text-align: center;}
.board-list.grid .list tbody .title {font-weight: 600;}
.board-list.grid .title-wrap.h-3:first-child {border-bottom: none; margin-bottom: 0;}

/* type/column ========== */
.board-list.column {margin: 56px 0 80px;}
.board-list.column .list {margin-top: 20px;}
.board-list.column .list > li {padding: 20px 0; border-bottom: 1px solid #E8E8E9;}
.board-list.column .list > li:first-child {padding-top: 0;}
/* 커스텀 */
.dialog .board-list.column {margin: 0 -20px;}
.dialog .board-list.column .inform-text-wrap {margin: 24px 0 16px;}
.dialog .board-list.column .list {margin-top: 16px;}
.dialog .board-list.column .list > li {padding: 16px 0;}
.dialog .board-list.column .list > li:first-child {padding-top: 0;}

/* type/column2 ========== */
.board-list.column2 {margin: 56px 0 80px;}
.board-list.column2 .list {margin-top: 20px;}
.board-list.column2 .list > li + li {margin-top: 20px;}
/* 커스텀 */
.dialog .board-list.column2 {margin: 0 -20px;}
.dialog .board-list.column2 .list {margin-top: 16px;}
.dialog .board-list.column2 .list > li + li {margin-top: 16px;}

/* type/주문내역 ========== */
.board-list.order {}
.board-list.order .list {}
.board-list.order .list > li {padding-bottom: 20px; border-bottom: 1px solid #E8E8E9;}
.board-list.order .list > li + li {margin-top: 24px;}
.board-list.order .order-header {display: flex; justify-content: space-between; align-items: center; padding: 16px 8px; border-top: 1px solid #54585A; border-bottom: 1px solid #E0E0E0; font-weight: 700; color: #000; background-color: #F5F6F8;}
.board-list.order .order-header .title-box {display: flex; align-items: center;}
.board-list.order .order-header .title-box .cate {margin-right: 4px;}
.board-list.order .order-header .title-box .state {color: #DA291C;}
.board-list.order .order-header .side-box {display: flex; align-items: center;}
.board-list.order .order-header .side-box .info {}
.board-list.order .order-header .side-box .button-box {margin-left: 20px;}
.board-list.order .order-header .side-box .button-box button {}

.board-list.order .order-body {margin: 12px 8px 20px;}
.board-list.order .order-body .model-list {}
.board-list.order .order-body .model-list > li {}
.board-list.order .order-body .model-list > li + li {margin-top: 20px; padding-top: 20px; border-top: 1px solid #E8E8E9;}

.board-list.order .order-footer {margin: 20px 8px 0; padding-bottom:20px; border-bottom:1px solid #e8e8e9; }
.board-list.order .order-footer:first-child {margin-top:0;} /*221101*/
.board-list.order .order-footer:last-child {margin: 20px 8px 0; padding-bottom:0; border-bottom:none;} /*221101*/

/* 221101 */
.board-list.order .order-txtbox {border-radius: 8px; background-color:#F5F6F8; padding:25px 20px; font-size:1.4rem; line-height:20px;}
.board-list.order .order-txtbox > span {font-weight:600;}
.board-list.order .order-txtbox > span strong {color:#DA291C;}
.board-list.order .order-txtbox .txt01 {display:flex; align-items: center; margin-top:20px;}
.board-list.order .order-txtbox .txt01 > span {position:relative; color:#54585A; font-weight:600; padding-right:20px; margin-right:20px;}
.board-list.order .order-txtbox .txt01 > span::after {content: ''; position:absolute; right:0; top:0; bottom:0; margin:auto 0; width: 1px; height: 18px; background-color:#E0E0E0; }
.board-list.order .order-txtbox > p.fw {font-weight:700; color:#54585A;}
.board-list.order .order-txtbox > ul {display:flex;}
.board-list.order .order-txtbox > ul li {padding-left:20px; padding-top:2px; color:#54585A; font-weight:500; margin-right:10px;}
.board-list.order .order-txtbox > ul li::before {content: '·'; margin-right: 4px; font-weight:900; margin-left: -20px;}

/*221031*/
.board-list.order .display-date {margin: 20px 0; padding-bottom: 10px; border-bottom: 1px solid #E8E8E9;}
.board-list.order .display-date dl {display:flex; align-items:center; height:50px;}
.board-list.order .display-date dl dt {padding: 16px 8px; font-weight: 700; flex:1; color:#54585A; font-size:1.5rem;}
.board-list.order .display-date dl dd {font-size: 1.8rem; font-weight: 600; color: #000; line-height: 1.25em; text-align:right;}

/* type/event ========== */
.board-list.event {}
.board-list.event .list {}
.board-list.event .list > li {display: flex; justify-content: space-between;}
.board-list.event .info-box {display: flex; flex-direction: column; padding-top: 36px;}
.board-list.event .info-box .badge-b {margin-bottom: 12px;}
.board-list.event .info-box .title {font-size: 1.8rem; color: #000;}
.board-list.event .info-box .title a {}
.board-list.event .info-box .date {margin-top: 16px; color: #999;}
.board-list.event .thumb-wrap {overflow: hidden; position: relative; border-radius: 8px; width: 364px; height: 160px;}
.board-list.event .thumb-wrap .thumb {flex: 1; display: flex; justify-content: center; align-items: center; height: 100%;}
.board-list.event .thumb-wrap .thumb img {object-fit: cover; width: 100%; height: 100%;}

/* type/입찰참여이력 ========== */
.board-list.bidding {}
.board-list.bidding .list {}
.board-list.bidding .list > li {display: flex; justify-content: space-between; align-items: stretch; margin-top: 20px; padding: 40px; border-radius: 8px; border: 1px solid #E8E8E9;}
.board-list.bidding .list > li .info-basic {display: flex; flex-direction: column; justify-content: space-between; padding-right: 120px;}
.board-list.bidding .list > li .info-basic .title {margin-top: 10px; font-size: 2.4rem; font-weight: 700; color: #000;}
.board-list.bidding .list > li .info-basic .dlist {font-size: 1.6rem; font-weight: 600; color: #000;}
.board-list.bidding .list > li .info-basic .dlist .row {display: flex;}
.board-list.bidding .list > li .info-basic .dlist .row dt {margin-right: 12px;}
.board-list.bidding .list > li .info-basic .dlist .row dd {}

.board-list.bidding .list > li .info-count {flex: 0 0 432px;}
.board-list.bidding .list > li .info-count .dlist {}
.board-list.bidding .list > li .info-count .dlist > .row {display: flex; align-items: center; padding: 24px 28px 24px 50px; border-radius: 4px; background-color: #F5F6F8;}
.board-list.bidding .list > li .info-count .dlist > .row + .row {margin-top: 12px;}
.board-list.bidding .list > li .info-count .dlist > .row > dt {height: 28px; margin-right: 40px; padding-top: 4px; padding-left: 36px; font-size: 1.8rem; font-weight: 600; color: #000; background-repeat: no-repeat; background-position: left center;}
.board-list.bidding .list > li .info-count .dlist > .row > dd {flex: 1; padding-left: 24px; border-left: 1px solid #E8E8E9;}
.board-list.bidding .list > li .info-count .dlist > .row > dd dl {}
.board-list.bidding .list > li .info-count .dlist > .row > dd dl .row {display: flex; justify-content: space-between; align-items: baseline;}
.board-list.bidding .list > li .info-count .dlist > .row > dd dl .row dt {font-size: 1.4rem; color: #000;}
.board-list.bidding .list > li .info-count .dlist > .row > dd dl .row dd {font-size: 1.8rem; font-weight: 700; color: #000;}

.board-list.bidding .list > li .info-count .dlist > .row.bidding > dt {background-image: url('../images/icon/badge-auction-bidding.png?ver=202610221000');}
.board-list.bidding .list > li .info-count .dlist > .row.success > dt {color: #DA291C; background-image: url('../images/icon/badge-auction-success.png?ver=202610221000');}
.board-list.bidding .list > li .info-count .dlist > .row.success  > dd dl .row dd {color: #DA291C;}



/*==================================================
	model-info
==================================================*/

.model-info .thumb-wrap.lg {flex: 0 0 289px; width: 289px; height: 185px;}
.model-info .thumb-wrap.md {flex: 0 0 200px; width: 200px; height: 128px;}
.model-info .thumb-wrap.nr {flex: 0 0 184px; width: 184px; height: 118px;}
.model-info .thumb-wrap.sm {flex: 0 0 112px; width: 112px; height: 72px;}

.model-info.column .thumb-wrap.lg {flex-basis: 185px; width: 100%;}
.model-info.column .thumb-wrap.md {flex-basis: 128px; width: 100%;}
.model-info.column .thumb-wrap.nr {flex-basis: 118px; width: 100%;}
.model-info.column .thumb-wrap.sm {flex-basis: 72px; width: 100%;}

.model-info.column {flex-direction: column;}
.model-info.column .thumb-wrap {margin-right: 0;}
.model-info.column .info-box {width: 100%; padding: 12px 0 8px;} /*221110*/
.model-info.column .info-box .info-column {}
.model-info.column .info-box .price-wrap {margin-top: 8px; margin-left: 0; width:100%;} /*221116*/
.model-info.column .thumb-wrap.lg ~ .bidding-wrap {margin-left: 0;}
.model-info.column .bidding-wrap dl .row > dt {display: none;}
.model-info.column .bidding-wrap {display:flex; flex-direction:column; width:100%; margin-top:5px !important; margin-bottom:8px; height:26px;} /*221116*/
.model-info.column .bidding-wrap .side-box {display:flex;}
.model-info.column .bidding-wrap .side-box:nth-child(1) {display:flex;}
.model-info.column .bidding-wrap .side-box:nth-child(1) input {width:100%;}
.model-info.column .bidding-wrap .side-box .btn2.btn2-primary, .model-info.column .bidding-wrap .side-box .btn2.btn2-again,
.model-info.column .bidding-wrap .side-box .btn2.btn2-tertiary {width:100%; margin-top:10px;} /*221122*/
.model-info.column .bidding-wrap .side-box .btn2.btn-minus, .model-info.column .bidding-wrap .side-box .btn2.btn-plus {width:60px; box-sizing: border-box;} /*221116*/
.model-info.column .bidding-wrap .side-box .btn2.btn-plus {margin-right:0} /*221116*/

.model-info.column .dlist-wrap dl {flex-direction: column;}
.model-info.column .dlist-wrap dl .row + .row {margin-top: 4px; margin-left: 0;}
.model-info.column .dlist-wrap dl .row > dt {margin: 0 20px 0 0; min-width:54px;} /*221116*/

.model-info.column .basic-wrap .title.ellipsis {display: block; line-height: 1;}
.model-info.column .basic-wrap .title.ellipsis a {overflow: hidden;width: 100%;/* white-space: nowrap; */text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 1.25em;height: 3.75em;} /*  2022-12-27 3줄말줄임으로 수정 */

.model-info .price-wrap.sm .price {font-size: 1.8rem;}


/* model-info ========== */
.model-info {display: flex; flex-wrap: wrap; position: relative;}

.model-info .info-row {flex: 1; display: flex; justify-content: space-between; align-items: flex-start;} /*221116*/
.model-info .info-row .basic-wrap {flex:2; margin-right: 24px;} /*221118*/
.model-info .info-row .price-wrap {display:flex; width:210px;} /*221122*/
.model-info.column .info-row .price-wrap {flex:1; display:flex; justify-content: flex-start;} /*221122*/
.model-info .info-row .price-wrap dl {flex:1; display:flex; justify-content: flex-end; align-items: center;} /*221122*/
.model-info .info-row .price-wrap dl dt {font-size:1.6rem; font-weight:500; color:#000;} /*221116*/
.model-info .info-row .price-wrap dl dd {display:flex; flex-direction:row; font-size:2.4rem; font-weight:700; color:#000;} /*221116*/
.model-info .info-row .price-wrap dl dd strong {color:#DA291C; margin-left:10px;} /*221116*/
.model-info .info-row .price-wrap dl dd span.txt-last {position:relative; color:#54585A; padding-left:35px;} /*221116*/
.model-info .info-row .price-wrap dl dd span.txt-last::before {content:''; position:absolute; left:15px; width:1px; height:30px; background-color:#E0E0E0;} /*221116*/
.model-info .info-row .price-wrap.txt-rt dl {flex:1; display:flex; justify-content: flex-end; align-items: center;} /*221117*/
.model-info .info-row .price-wrap.txt-rt dl dd {display:flex; justify-content: flex-end; width:200px; } /*221117*/

.model-info .info-column {display: flex; flex-direction: column; flex:1;} /*221122*/

.model-info .info-between {display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; height: 100%;} /*221122*/
.model-info .info-txt-rt {flex:1; display:flex; flex-direction: column; justify-content:flex-end; align-items: flex-end; height:100%; } /*221117*/
.model-info .info-txt-rt strong {position:relative; font-size:2.4rem; display:flex; align-items:flex-end; font-weight:700; color:#54585A; height:32px; margin-left:30px;} /*221117*/
.model-info .info-txt-rt strong::before {content: ''; position:absolute; left:-15px; top:0; bottom:0; margin:auto; width: 1px; height:32px; background-color:#E0E0E0; } /*221117*/

.model-info .choice-text-wrap {display: inline-flex; margin: 0;}
.model-info .choice-text-wrap label {margin: 0;}

/* ==============================
*이미지 사이즈
	.lg : 289 x 185
	.md : 200 x128
	.nr : 184 x 118
	.sm : 112 x 72
============================== */
.model-info .thumb-wrap {display: flex; overflow: hidden; position: relative; width: 100%; margin-right: 24px; border-radius: 10px; background-color: #f3efee;}
.model-info .thumb-wrap .thumb {flex: 1; display: flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 100%;}
.model-info .thumb-wrap .thumb a {flex: 1; display: flex; justify-content: center; align-items: center; height: 100%;}
.model-info .thumb-wrap .thumb img {object-fit: cover; width: 100%; height: 100%;}
.model-info .thumb-wrap .btn-wish {position: absolute; z-index: 2; right: 0; top: 0; padding: 10px 40px 10px 12px; min-width:60px; height:36px; border: none; font-weight: 600; color: #FFF; background: rgba(0, 0, 0, .5) url('../images/icon/toggle-wish-1.png?ver=202610221000') no-repeat right 10px center;}
.model-info .thumb-wrap .btn-wish.is-active {background-image: url('../images/icon/toggle-wish-1-on.png?ver=202610221000');}
.model-info .thumb-wrap .btn-wish-2 {position: absolute; z-index: 2; right: 8px; top: 8px; width: 32px; height: 37px; border: none; text-indent: -9999em; background: url('../images/icon/toggle-wish-2.png?ver=202610221000') no-repeat;}
.model-info .thumb-wrap .btn-wish-2.is-active {background-image: url('../images/icon/toggle-wish-2-on.png?ver=202610221000');}

/* 커스텀 */
.model-info .thumb-wrap .badge-wrap {position: absolute; z-index: 1; left: 10px; top: 10px;}

.model-info .info-box {flex: 1; display: flex; flex-direction: column; justify-content: space-between; }
.model-info .badge-wrap {display: flex;margin-bottom: 12px;}
.model-info .basic-wrap .title {position: relative; width: 100%; font-size: 2.2rem; font-weight: 600; color: #000;} /*221116*/
.model-info .basic-wrap .title.md {font-size: 1.6rem;}
.swiper-wrapper.main .model-info .basic-wrap .title a {font-size: inherit; font-weight: inherit; color: inherit; line-height:1.25em; height:auto;} /* 221028 */
.model-info .basic-wrap .title a {font-size: inherit;font-weight: inherit;color: inherit;line-height:1.25em;height:35px;} /* 221116 */
.model-info .basic-wrap .title.ellipsis a {font-size: inherit;font-weight: inherit;color: inherit;line-height:1.25em;height: 3.75em;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} /*  2022-12-27 3줄말줄임으로 수정 */
.model-info .basic-wrap .info-list {margin-top: 4px; font-size: 1.4rem;}
.model-info .basic-wrap .info-list ul {display: flex; flex-wrap: wrap; color: #999;} /*221116*/
.model-info .basic-wrap .info-list ul li {line-height:1.7rem;} /*221027*/
.model-info .basic-wrap .info-list ul li + li::before {content: '/'; margin: 0 4px;}
.model-info .basic-wrap .info-list dl {}
.model-info .basic-wrap .info-list dl > .row {display: flex;}
.model-info .basic-wrap .info-list dl > .row + .row {margin-top: 4px;}
.model-info .basic-wrap .info-list dl > .row dt {margin-right: 4px; color: #999;}
.model-info .basic-wrap .info-list dl > .row dd {}
.model-info .basic-wrap .info-list dl > .row dd + dt {margin-left: 16px;}
.model-info .basic-wrap .model-number {margin-bottom: 8px; font-size: 1.4rem;}
.model-info .basic-wrap .model-number .text {font-weight: 600; color: #999;}
.model-info .basic-wrap .model-number .text + .text:before {content: ''; height: 18px; margin-left: 12px; padding-left: 12px; border-left: 1px solid #E0E0E0;}
.model-info .basic-wrap .model-number .btn-detail {padding-right: 16px; font-weight: 600; color: #999; background: url('../images/icon/chevron-r-16.png?ver=202610221000') no-repeat right 1px;}

.model-info .price-wrap {display: flex; align-items: center; white-space: nowrap;}
.model-info .price-wrap .price {font-size: 2.4rem; font-weight: 700; line-height: 1.2; white-space: nowrap;}
.model-info .price-wrap .price .unit {margin-right: 8px; color: #000;}
.model-info .price-wrap .price strong {color: #FA3F20;}
.model-info .price-wrap .sub-price {margin-left: 8px; font-size: 1.6rem; font-weight: 700; color: #999; text-decoration: line-through;} /*221012*/
.model-info .price-wrap dl {}
.model-info .price-wrap dl .row {display: flex; /*align-items: baseline;*/flex-direction: column; } /*221123*/
.model-info .price-wrap dl dt {margin-right: 8px; font-weight: 700; }
.model-info .price-wrap dl dd {display: flex; flex-direction: column; text-align: right; align-items:center;} /*221123*/
.model-info .price-wrap .delivery {margin-left: 12px; font-size: 1.6rem; color: #999;}
.model-info .price-wrap .delivery span {margin-right: 8px; font-weight: 600;}
.model-info .price-wrap .delivery strong {font-weight: 700;}
.model-info .price-wrap del {margin-right: 16px; font-weight: 700; color: #54585A; text-decoration: line-through;}

.model-info .price-wrap.border {width: 100%; padding-top: 16px; border-top: 1px solid #E8E8E9; text-align: right;}
.model-info .price-wrap.order.border dl {margin-left: auto;}

.model-info .price-wrap.column dl {}
.model-info .price-wrap.column dl .row {flex-direction: column;}
.model-info .price-wrap.column dl dt {margin-bottom: 8px;}
.model-info .price-wrap.column dl dd {display: flex; flex-direction: column; text-align: left; align-items: flex-start;}
.model-info .price-wrap.column dl dd .price {margin-bottom: 4px;}
.model-info .price-wrap.column dl dd .sub-price {margin-left: 0;}

.model-info .price-wrap.order {margin: 16px 0 0 auto; text-align: right;}
.model-info .price-wrap.order dl {display: table;}
.model-info .price-wrap.order dl .row {display: table-row;}
.model-info .price-wrap.order dl dt {display: table-cell; padding: 4px 24px 4px 0;}
.model-info .price-wrap.order dl dd {display: table-cell; padding: 4px 0 4px 12px;}
.model-info .price-wrap.order dl dd .price {font-size: 1.6rem;}
.model-info .price-wrap.order dl dd .price .unit {margin-right: 0;}
.model-info .price-wrap.order dl dd .sub-price {margin-left: 0;}

.model-info .price-wrap.exhibits {}
.model-info .price-wrap.exhibits dl {display: flex; justify-content: flex-end;}
.model-info .price-wrap.exhibits dl .row {flex-direction: column; align-items: flex-end;}
.model-info .price-wrap.exhibits dl .row + .row {margin-left: 36px;}
.model-info .price-wrap.exhibits dl dt {margin: 0 0 4px; font-size: 1.4rem;}
.model-info .price-wrap.exhibits dl dd {font-size: 3.2rem;}

.model-info .from-wrap {margin: 24px 0; }
.model-info .from-wrap .row {}
.model-info .from-wrap .row + .row {margin-top: 12px;}
.model-info .from-wrap .row select,
.model-info .from-wrap .row input[type='text'] {width: 100%;}
.model-info .from-wrap .row .is-invalid {border-color: #DA291C !important;}
.model-info .desc-message {margin-top: 8px; font-size: 1.2rem;}
.model-info .desc-message .desc {font-weight: 600; color: #54585A;}
.model-info .desc-message .valid {font-weight: 600; color: #DA291C;}
.model-info .desc-message .invalid {font-weight: 600; color: #DA291C;}

.model-info .etc-box {margin: 20px 0 16px;}
.model-info .etc-box .text-email {display: inline-flex; align-items: center; font-weight: 600; color: #9E9E9E;}
.model-info .etc-box .text-email::before {content: ''; width: 21px; height: 14px; margin-right: 8px; background: url('../images/icon/side-email.png?ver=202610221000') no-repeat 0 0;}

.model-info .number-box {margin: 32px 0 16px;}
.model-info .number-box .number {font-weight: 600; color: #999;}

.model-info .delivery-wrap {}

.model-info .side-wrap {display: flex; align-items: flex-start; margin-left: 24px;}
.model-info .side-wrap .btn-del {width: 20px; height: 20px; border: none; text-indent: -9999em; background: transparent url('../images/icon/btn-del-12.png?ver=202610221000') no-repeat center center;}

.model-info .dlist-wrap {display: flex; margin-bottom: 8px;}
.model-info .dlist-wrap dl {display: flex; font-size: 1.6rem;}
.model-info .dlist-wrap dl .row {display: flex; flex-wrap: wrap; align-items: center;}
.model-info .dlist-wrap dl .row + .row {margin-left: 40px;}
.model-info .dlist-wrap dl .row > dt {margin: 0 8px 0 0;  } /*221122*/
.model-info .dlist-wrap dl .row > dd + dt {margin-left: 40px;}
.model-info .dlist-wrap dl .row > dd {}
.model-info .dlist-wrap dl .row > dd strong {font-weight: 600; color: #DA291C;} /*221116*/
.model-info .dlist-wrap dl .row > dd strong.black {color: #000;}
.model-info .dlist-wrap dl .row > dd strong.c-1 {width:85px;} /*221027*/
.model-info .dlist-wrap dl .row > dd strong.c-2 {color: #000; width:175px;} /*221027*/
.model-info .dlist-wrap dl .row > dd strong.c-3 {color: #000; } /*221027*/

.model-info .dlist-wrap.full {flex: 1;}
.model-info .dlist-wrap.full dl {flex: 1;}
.model-info .dlist-wrap.full dl .row {justify-content: space-between;}

.model-info .bidding-wrap {display: flex; flex:1;} /*221116*/
.model-info .thumb-wrap.lg ~ .bidding-wrap {margin-left: 303px;}
.model-info .thumb-wrap.lg ~ .bidding-wrap.new {margin-left: 0px;}
.model-info .bidding-wrap dl {flex: 1; margin-right:10px;}
.model-info .bidding-wrap dl .row {display: flex; align-items: center;}
.model-info .bidding-wrap dl .row > dt {flex: 0 0 auto; min-width: 88px; margin-right: 32px; font-size: 1.6rem; font-weight: 600; text-align: right;}
.model-info .bidding-wrap dl.item-result .row > dt {flex: 0 0 auto; min-width: 88px; margin-right: 32px; font-size: 2.0rem; font-weight: 600; text-align: right;}
.model-info .bidding-wrap dl .row > dd {flex: 1;}
.model-info .bidding-wrap dl.item-result .row > dd {flex: 0;}
.model-info .bidding-wrap dl.item-result  .row > dd.bid-count {flex: 0;}
.model-info .bidding-wrap dl.item-result .row > dd.bid-high-price {flex: 0; font-size : 2.0rem; color : #DA291C; font-weight: 600;}
.model-info .bidding-wrap dl .row > dd input[type="text"] {width: 100%;}
.model-info .bidding-wrap dl .row > dd input[type="text"]::placeholder {color:#C1C1C1; font-size: 1.6rem;} /*221028*/
.model-info .bidding-wrap .side-box {display:flex; justify-content: space-between; margin-left:0; } /*221028*/
.model-info .bidding-wrap .side-box:nth-child(1) {flex:1;} /*221116*/
.model-info .bidding-wrap .side-box:nth-child(2) .btn2 {width:195px;} /*221116*/
.model-info .bidding-wrap .side-box .btn2 {height: 60px; padding: 0 46px; font-size: 1.6rem;} /*221028*/

.model-info .bidding-wrap .side-box .btn2.btn-minus, .model-info .bidding-wrap .side-box .btn2.btn-plus {padding: 0 20px; background-color:#fff; border:1px solid #C1C1C1; } /*221116*/
.model-info .bidding-wrap .side-box .btn2.btn-minus {margin-right:8px;} /*221116*/
.model-info .bidding-wrap .side-box .btn2.btn-plus {margin-right:8px; margin-left:8px;} /*221116*/
.model-info .bidding-wrap .side-box .btn2.btn2-again {border-color: #000; color: #000; background-color: #fff;} /*221116*/
.model-info .bidding-wrap .side-box input[type="text"] {flex:1;} /*221116*/

.model-info .bidding-wrap .item-result .row{display : flex;justify-content: space-between;}

.model-info.column .bidding-wrap dl {margin-right:0; } /*221118*/
.model-info.column .badge-wrap {display: flex;margin-bottom: 12px; height:26px;} /*221118*/
.model-info.column .basic-wrap .info-list {min-height:34px;} /*221118*/

/*==================================================
	목록
==================================================*/

/* 목록/동영상 ========== */
.vod-list {margin: 30px 0;}
.vod-list.border {margin-top: 32px; padding-top: 32px; border-top: 1px solid #E0E0E0;}
.vod-list ul {display: flex; flex-wrap: wrap;}
.vod-list ul li {}
.vod-list ul li + li {margin-left: 30px;}
.vod-list ul li a {display: block; position: relative;}
.vod-list ul li a::before {content: ''; transform: translate(-50%, -50%); position: absolute; left: 50%; top: 50%; width: 48px; height: 48px; margin: 0 10px; border-radius: 50%; border: none; text-indent: -9999em; background: rgba(0, 0, 0, .5) url('../images/icon/action-play.png?ver=202610221000') no-repeat center center;}
.vod-list ul li a::after {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, .1)}
.vod-list ul li a .thumb {overflow: hidden; display: flex; justify-content: center; align-items: center;width: 240px; height: 150px; border-radius: 4px;}
.vod-list ul li a .thumb img {width: 100%;}
.vod-list ul li a .time {position: absolute; z-index: 1; right: 10px; bottom: 10px; padding: 4px 12px 2px; border-radius: 4px; font-size: 1.2rem; font-weight: 600; color: #FFF; letter-spacing: 0; background-color: rgba(0, 0, 0, .5)}

/* 목록/최근게시물 ========== */
.list-latest {}
.list-latest ul {}
.list-latest ul li {border-bottom: 1px solid #E0E0E0;}
.list-latest ul li a {display: block; overflow: hidden; width: 100%; height: 44px; padding-left: 20px; font-size:16px; line-height: 44px; white-space: nowrap; text-overflow: ellipsis; } /*221007*/

/* 목록/리뷰 ========== */
.list-review {}
.list-review > ul {display: flex; align-items: stretch; margin: 0 -15px;}
.list-review > ul > li {margin: 0 15px;}
.list-review > ul > li > a { background-color: #FFF;}
.list-review .thumb-box {display: flex; overflow: hidden; border-radius: 18px;}
.list-review .thumb-box .thumb {overflow: hidden; height: 194px;}
.list-review .thumb-box .thumb .img {width: 100%;}
.list-review .info-box {padding: 16px 12px 10px;}
.list-review .info-box .title {font-weight:700; max-width:267px;text-overflow: ellipsis; white-space: nowrap; overflow:hidden; } /* 221006 수정 */
.list-review .info-box .text-box {display: flex; align-items: center; margin-top: 4px;}
.list-review .info-box .text-box .thumb {margin-right: 10px; font-weight: 800;}
.list-review .info-box .text-box .text {font-size: 1.2rem; font-weight: 600;}


/* 차량 옵션 ========== */
.option-list {margin: 8px 0;}
.option-list:last-child {margin-bottom: 0;}
.option-list ul {display: flex; flex-wrap: wrap; margin: 0 -4px;}
.option-list ul li {overflow: hidden; margin: 4px;}
.option-list ul li span {display: block; overflow: hidden; font-weight: 600; text-align: center; white-space: nowrap; text-overflow: ellipsis; background-repeat: no-repeat; background-position: center top;}
/* type/5단 */
.option-list.l-5 {margin: 20px 0;}
.option-list.l-5 ul {}
.option-list.l-5 ul li {flex: 0 0 20%; margin: 20px 0;}
/* side/md */
.option-list.md ul li {width: 80px;}
.option-list.md ul li span {height: 53px; padding-top: 36px;}
.option-list.md ul li span.cate-1 {background-image: url('../images/BY/option-ic-28-1.png?ver=202610221000');}
.option-list.md ul li span.cate-2 {background-image: url('../images/BY/option-ic-28-2.png?ver=202610221000');}
.option-list.md ul li span.cate-3 {background-image: url('../images/BY/option-ic-28-3.png?ver=202610221000');}
.option-list.md ul li span.cate-4 {background-image: url('../images/BY/option-ic-28-4.png?ver=202610221000');}
.option-list.md ul li span.cate-5 {background-image: url('../images/BY/option-ic-28-5.png?ver=202610221000');}
.option-list.md ul li span.cate-6 {background-image: url('../images/BY/option-ic-28-6.png?ver=202610221000');}
.option-list.md ul li span.cate-7 {background-image: url('../images/BY/option-ic-28-7.png?ver=202610221000');}
.option-list.md ul li span.cate-8 {background-image: url('../images/BY/option-ic-28-8.png?ver=202610221000');}
.option-list.md ul li span.cate-9 {background-image: url('../images/BY/option-ic-28-9.png?ver=202610221000');}
.option-list.md ul li span.cate-10 {background-image: url('../images/BY/option-ic-28-10.png?ver=202610221000');}
.option-list.md ul li span.cate-11 {background-image: url('../images/BY/option-ic-28-11.png?ver=202610221000');}
.option-list.md ul li span.cate-12 {background-image: url('../images/BY/option-ic-28-12.png?ver=202610221000');}
.option-list.md ul li span.cate-13 {background-image: url('../images/BY/option-ic-28-13.png?ver=202610221000');}
.option-list.md ul li span.cate-14 {background-image: url('../images/BY/option-ic-28-14.png?ver=202610221000');}
.option-list.md ul li span.cate-15 {background-image: url('../images/BY/option-ic-28-15.png?ver=202610221000');}
.option-list.md ul li span.cate-16 {background-image: url('../images/BY/option-ic-28-16.png?ver=202610221000');}
.option-list.md ul li span.cate-17 {background-image: url('../images/BY/option-ic-28-17.png?ver=202610221000');}
.option-list.md ul li span.cate-18 {background-image: url('../images/BY/option-ic-28-18.png?ver=202610221000');}
.option-list.md ul li span.cate-19 {background-image: url('../images/BY/option-ic-28-19.png?ver=202610221000');}
.option-list.md ul li span.cate-20 {background-image: url('../images/BY/option-ic-28-20.png?ver=202610221000');}
.option-list.md ul li span.cate-21 {background-image: url('../images/BY/option-ic-28-21.png?ver=202610221000');}
.option-list.md ul li span.cate-22 {background-image: url('../images/BY/option-ic-28-22.png?ver=202610221000');}
.option-list.md ul li span.cate-23 {background-image: url('../images/BY/option-ic-28-23.png?ver=202610221000');}
.option-list.md ul li span.cate-24 {background-image: url('../images/BY/option-ic-28-24.png?ver=202610221000');}
.option-list.md ul li span.cate-25 {background-image: url('../images/BY/option-ic-28-25.png?ver=202610221000');}
/* side/lg */
.option-list.lg ul li {width: 100px;}
.option-list.lg ul li span {height: 63px; padding-top: 46px;}
.option-list.lg ul li span.cate-1 {background-image: url('../images/BY/option-ic-40-1.png?ver=202610221000');}
.option-list.lg ul li span.cate-2 {background-image: url('../images/BY/option-ic-40-2.png?ver=202610221000');}
.option-list.lg ul li span.cate-3 {background-image: url('../images/BY/option-ic-40-3.png?ver=202610221000');}
.option-list.lg ul li span.cate-4 {background-image: url('../images/BY/option-ic-40-4.png?ver=202610221000');}
.option-list.lg ul li span.cate-5 {background-image: url('../images/BY/option-ic-40-5.png?ver=202610221000');}
.option-list.lg ul li span.cate-6 {background-image: url('../images/BY/option-ic-40-6.png?ver=202610221000');}
.option-list.lg ul li span.cate-7 {background-image: url('../images/BY/option-ic-40-7.png?ver=202610221000');}
.option-list.lg ul li span.cate-8 {background-image: url('../images/BY/option-ic-40-8.png?ver=202610221000');}
.option-list.lg ul li span.cate-9 {background-image: url('../images/BY/option-ic-40-9.png?ver=202610221000');}
.option-list.lg ul li span.cate-10 {background-image: url('../images/BY/option-ic-40-10.png?ver=202610221000');}
.option-list.lg ul li span.cate-11 {background-image: url('../images/BY/option-ic-40-11.png?ver=202610221000');}
.option-list.lg ul li span.cate-12 {background-image: url('../images/BY/option-ic-40-12.png?ver=202610221000');}
.option-list.lg ul li span.cate-13 {background-image: url('../images/BY/option-ic-40-13.png?ver=202610221000');}
.option-list.lg ul li span.cate-14 {background-image: url('../images/BY/option-ic-40-14.png?ver=202610221000');}
.option-list.lg ul li span.cate-15 {background-image: url('../images/BY/option-ic-40-15.png?ver=202610221000');}
.option-list.lg ul li span.cate-16 {background-image: url('../images/BY/option-ic-40-16.png?ver=202610221000');}
.option-list.lg ul li span.cate-17 {background-image: url('../images/BY/option-ic-40-17.png?ver=202610221000');}
.option-list.lg ul li span.cate-18 {background-image: url('../images/BY/option-ic-40-18.png?ver=202610221000');}
.option-list.lg ul li span.cate-19 {background-image: url('../images/BY/option-ic-40-19.png?ver=202610221000');}
.option-list.lg ul li span.cate-20 {background-image: url('../images/BY/option-ic-40-20.png?ver=202610221000');}
.option-list.lg ul li span.cate-21 {background-image: url('../images/BY/option-ic-40-21.png?ver=202610221000');}
.option-list.lg ul li span.cate-22 {background-image: url('../images/BY/option-ic-40-22.png?ver=202610221000');}
.option-list.lg ul li span.cate-23 {background-image: url('../images/BY/option-ic-40-23.png?ver=202610221000');}
.option-list.lg ul li span.cate-24 {background-image: url('../images/BY/option-ic-40-24.png?ver=202610221000');}
.option-list.lg ul li span.cate-25 {background-image: url('../images/BY/option-ic-40-25.png?ver=202610221000');}

/* 차량 상세 옵션 ========== */
.option-detail-list {margin: 40px 0 48px;}
.option-list + .option-detail-list {padding-top: 20px; border-top: 1px solid #E0E0E0;}
.option-detail-list dl {display: flex; justify-content: flex-start; align-items: stretch;}
.option-detail-list dl .row {flex:1; display: flex; flex-direction: column;}
.option-detail-list dl .row + .row {margin-left: 24px;}
.option-detail-list dl .row dt {margin-bottom: 20px;}
.option-detail-list dl .row dd {flex: 1; padding: 16px 4px 16px 16px; background-color: #F5F6F8;}
.option-detail-list dl ul {}
.option-detail-list dl ul li {line-height: 1.2;}
.option-detail-list dl ul li + li {margin-top: 12px; color: #000;}

/* 메뉴/공유 ========== */
.share-toggle-wrap {display: inline; position: relative;}
.share-toggle-wrap .btn-toggle {width: 32px; height: 32px; border: none; text-indent: -9999em; background: url('../images/icon/share-btn.png?ver=202610221000') no-repeat center center;}
.share-toggle-wrap .share-list {transform: translateX(-50%); position: absolute; z-index: 10; left: 50%;}
.share-toggle-wrap .share-list ul {display: flex; flex-direction: column; align-items: center; margin-top: 8px;}
.share-toggle-wrap .share-list ul li {margin-top: 8px; }
.share-toggle-wrap .share-list ul li a {width: 44px; height: 44px; border-radius: 50%; text-indent: -9999em; background-color: #000; background-repeat: no-repeat; background-position: center center;}
.share-toggle-wrap .share-list ul li a.btn-email {background-image: url('../images/icon/share-list-email.png?ver=202610221000');}
.share-toggle-wrap .share-list ul li a.btn-url {background-image: url('../images/icon/share-list-url.png?ver=202610221000');}

/* 221018*/
.share-toggle-wrap.sm .btn-toggle {width: 32px; height: 32px; border: none; text-indent: -9999em; background-image: url('../images/icon/share-btn.png?ver=202610221000'); background-repeat:no-repeat; background-position: left center; background-size:70%;} /*221018*/
.share-toggle-wrap.sm .share-list {transform: translateX(-50%); position: absolute; z-index: 10; left: 50%; display:block;}
.share-toggle-wrap.sm .share-list ul {position:absolute; bottom:0; left:20px; }
.share-toggle-wrap.sm .share-list ul li {margin-top: 8px; }
.share-toggle-wrap.sm .share-list ul li a {width: 30px; height: 30px; border-radius: 50%; text-indent: -9999em; background-color: #000; background-repeat: no-repeat; background-position: center center;}
.share-toggle-wrap.sm .share-list ul li a.btn-url {background-image: url('../images/icon/share-list-url.png?ver=202610221000'); background-size:70%;}
.info-box .boxArea {margin: 20px 0 16px;}

.share-toggle-wrap.is-active {}
.share-toggle-wrap.is-active .btn-toggle {background-image: url('../images/icon/share-btn-close.png?ver=202610221000');}

.share-toggle-wrap .share-list {transition-property: all; transition-duration: .5s; opacity: 0;}
.share-toggle-wrap .share-list ul li {transition-property: all; transition-duration: .5s; opacity: 0;}
.share-toggle-wrap.is-active .share-list {opacity: 100;}
.share-toggle-wrap.is-active .share-list ul li {opacity: 100;}





/*==================================================
	기타
==================================================*/

/* UI Layout/페이지하단 버튼 영역 ========== */
.page-button-wrap {display: flex; justify-content: center; position: relative;}
.page-button-wrap .btn2 {flex: 1; font-size:1.6rem; font-weight: 700;}
.page-button-wrap .btn2 + .btn2 {margin-left: 12px;}
.page-button-wrap .btn2-secondary {border-color: #000;}
.page-button-wrap .btn2.btn2-cancle {flex: .5;}
/* type/세로정렬 */
.page-button-wrap.column {flex-direction: column;}
.page-button-wrap.column .btn2 {flex:auto;}
.page-button-wrap.column .btn2 + .btn2 {margin-left:0; margin-top:20px;}
/* 커스텀 */
.contents .page-button-wrap {margin-top: 120px; padding-top: 40px; border-top: 1px solid #000;}
.contents .page-button-wrap .btn2 {flex: 0 0 auto; height: 60px; padding: 0 60px;}
.contents .page-button-wrap.ht {margin-top: 60px; } /*221102*/

/* 약관 (약관 내용 전달 받지 못 함) ========== */
.terms-wrap {padding: 24px 108px 24px 28px;}
.terms-wrap .box {}
.terms-wrap .box + .box {margin-top: 40px;}
.terms-wrap .title-2 {margin: 24px 0 0 0; font-size: 1.8rem; font-weight: 700; color: #000;}
.terms-wrap .title-2:first-child {margin-top: 0;}
.terms-wrap p {}
.terms-wrap p + p {margin-top: 20px;}
.terms-wrap ol li {list-style: decimal; margin-left: 12px;}
.terms-wrap strong:not(.title) {color: #DA291C; margin-bottom:10px;} /*221016*/
/*221016*/
.terms-wrap ul.ls00 {margin:5px 15px 10px;}
.terms-wrap ul.ls00 li {line-height:20px;}
.terms-wrap ul.ls01 {margin:5px 15px 10px;}
.terms-wrap ul.ls01 li {position:relative; padding-left:12px; line-height:20px;}
.terms-wrap ul.ls01 li::before {content: ''; position:absolute; top:50%; transform:translateY(-50%); display:block; width:4px; height:4px; background-color:#54585A; text-indent: -12px; margin-left: -12px; }
.terms-wrap ul.ls02 {margin:0px 15px 5px;}
.terms-wrap ul.ls02 li {line-height:20px;}
.terms-wrap ul.ls02 li::before {content: '- ';  }
.terms-wrap ul li.none::before {content: '';}
.terms-wrap .tbl_Area {margin-top:10px; border-top:1px solid #000;}
.terms-wrap .tbl_Area > .tbl_01 {}
.terms-wrap .tbl_Area > .tbl_01 thead th {padding:12px 15px; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background-color:#F5F6F8; font-weight:bold;}
.terms-wrap .tbl_Area > .tbl_01 thead th:first-child {border-left:0;}
.terms-wrap .tbl_Area > .tbl_01 tbody th, .terms-wrap .tbl_Area > .tbl_01 tbody td {padding:12px 15px; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.terms-wrap .tbl_Area > .tbl_01 tbody th:first-child {border-left:0;}
.terms-wrap .tbl_Area table td.al_ct {text-align:center;}
.terms-wrap .mt30 {margin-top:30px;}
.terms-wrap .mb10 {margin-bottom:10px;}
.terms-wrap .mb20 {margin-bottom:20px;}
.terms-wrap .mb30 {margin-bottom:30px;}



.dialog .dialog-content .terms-wrap {padding: 0 15px 0 0; }
iframe.ifr-terms-regist {height: 400px;}

/* 스텝 프로그레스 ========== */
.comp-step {position: relative; margin: 12px 0 40px;background-color: #fff;}
.comp-step::after {content: ''; position: absolute; right: 0; bottom: 0; left: 0; border-bottom: 2px solid #E8E8E9;}
.comp-step ol {display: flex;}
.comp-step ol > li {flex: 1; position: relative; z-index: 1; padding: 10px 0 8px; font-size: 1.2rem; font-weight: 600; color: #C1C1C1; text-align: center; line-height: 1.33;}
.comp-step ol .current {color: #DA291C;}
.comp-step ol .current::after {content:''; position: absolute; right: 0; left: 0; bottom: 0; border-bottom: 2px solid #DA291C;}

/* 221031 추가 */
.acc-area {margin-top:30px;}
.acc-area .title-box {padding-top:30px; border-top:1px solid #E8E8E9; } /*221103*/
.acc-area .title-box.pt00 {padding-top:0;} /*221103*/
.acc-area .title-box:first-child {border-top:none; } /*221103*/
.acc-area .title-box .title {font-size:1.6rem; color:#000; font-weight:700} /*221103*/
.acc-area .slide-box .thumb {width:612px; height:392px;}  /*221104*/
.acc-area .slide-box .thumb img {width:inherit; height:inherit; object-fit: cover;} /*221104*/
.comp-step2 {position: sticky; z-index: 10; top: 119px; background-color: #fff; margin: 12px 0 50px; } /*221102*/
.comp-step2 ol {display: flex; flex-wrap: nowrap; border-bottom: 1px solid #E0E0E0;}
.comp-step2 ol > li {flex: 1; position: relative; display: flex; justify-content: center; align-items: center; height: 65px; padding: 6px 5px; font-size: 1.6rem; font-weight: 700; color: #000;}
.comp-step2 ol .current {color: #DA291C;}
.comp-step2 ol .current::after {content:''; position: absolute; right: 0; left: 0; bottom: 0; border-bottom: 2px solid #DA291C;}
.remark {margin:40px 0 0 0; overflow:hidden;}
.remark > span {float:left; padding-left:25px; position:relative;} /*221102*/
.remark > span:before {content: ''; position: absolute; z-index: 1; left: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background: url(../images/icon/caution.png?ver=202610221000) no-repeat center;}
.remark > span strong {color: #DA291C; font-weight:600;}
.remark > .side-box {float:right;} /*221102*/
.remark > .side-box .btn-side2 {height: 26px; padding: 5px 12px 3px; border-radius: 4px; border: none; font-size: 1.2rem; color: #FFF; background-color: #000;} /*221102*/
.mt120 {margin-top:120px;}
/* 221101 */
.acc-pt {}
.acc-pt .choice-text-wrap label input + .text-value {font-size:1.6rem; line-height:2.4rem;}
.acc-pt .side-box {display: flex; justify-content:flex-end; align-items: flex-end; margin-top:10px;}
.acc-pt .side-box .btn-side2 {height: 26px; padding: 5px 12px 3px; border-radius: 4px; border: none; font-size: 1.2rem; color: #FFF; background-color: #000;}




/* .anchor-menu {position: sticky; z-index: 10; top: 120px; background-color: #FFF;}
.anchor-menu > ul {display: flex; flex-wrap: nowrap; border-bottom: 1px solid #E0E0E0;}
.anchor-menu > ul > li {flex: 1; position: relative;}
.anchor-menu > ul > li a {display: flex; justify-content: center; align-items: center; height: 65px; padding: 6px 5px; font-size: 1.6rem; font-weight: 700; color: #000;}
.anchor-menu > ul > li a.is-active {color: #DA291C;}
.anchor-menu > ul > li a.is-active::before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; border-bottom: 3px solid #FA3F20;} */

/* 약관목록 ========== */
.terms-agree-wrap {margin: 40px 0}
.terms-agree-wrap .message {display: block; margin-top: 2px; padding-left: 36px; color: #9E9E9E}
.terms-agree-wrap .message strong {font-weight: 400; color: #DA291C}
/* 전체동의 */
.terms-agree-wrap .all-agree-area {margin-bottom: 10px;}
.terms-agree-wrap .all-agree-area .choice-text-wrap {margin: 0;}
.terms-agree-wrap .all-agree-area .choice-text-wrap label {margin-bottom: 0;}
.terms-agree-wrap .all-agree-area .choice-text-wrap label input[type='checkbox'] + .text-value {font-weight: 600; }
.check-list.checkAllTarget2 {display:flex; margin-left:32px;}
.check-list.checkAllTarget2 li:first-child .choice-text-wrap .with-btn{margin-right:14px;}
/*  */
.terms-agree-wrap .list-area {padding-top: 10px; padding-left: 32px; border-top: 1px solid #E0E0E0;}
.terms-agree-wrap .list-area .check-list > li {padding: 0 0;}
.terms-agree-wrap .list-area .choice-text-wrap {margin: 0;}
.terms-agree-wrap .list-area .choice-text-wrap .with-btn {padding-top: 0; padding-bottom: 0;}
.terms-agree-wrap .list-area .choice-text-wrap .with-btn label {margin: 0;}
.terms-agree-wrap .list-area .choice-text-wrap .with-btn button {font-size: 1.4rem;}
.terms-agree-wrap .list-area .choice-text-wrap .with-btn button .icon-required {}
.terms-agree-wrap .list-area .choice-text-wrap .with-btn button .required,
.terms-agree-wrap .list-area .choice-text-wrap .with-btn button .choice {margin-left: 4px; color: #9E9E9E;}
/* 커스텀 */
.fieldset-wrap .terms-agree-wrap:last-child {margin-bottom: 0;}
.fieldset-wrap dd .terms-agree-wrap {margin-top: 0; border-bottom: 0;}

/* 안내문구 ========== */
.inform-text-wrap {margin: 24px 0;}
.inform-text-wrap.border {margin-top: 40px; padding-top: 24px; border-top: 1px solid #E0E0E0;}
.inform-text-wrap > .title {margin-bottom: 8px;  font-size: 1.4rem; font-weight: 700; color: #000;}
.inform-text-wrap > .title.caution {padding-left: 24px; background: url('../images/icon/caution.png?ver=202610221000') no-repeat 0 center;}
.inform-text-wrap > ul {margin-left: 12px; color: #999;}
.inform-text-wrap > ul > li {}
.inform-text-wrap > ul > li::before {content: '·'; margin-right: 4px; text-indent: -12px; margin-left: -12px;}
.inform-text-wrap > ul > li > ul {margin-left: 4px;}
.inform-text-wrap > ul > li > ul > li {}
.inform-text-wrap > ul > li > ul > li::before {content: '-'; margin-right: 4px;}
.inform-text-wrap > dl {display: table;}
.inform-text-wrap > dl > div {display: table-row;}
.inform-text-wrap > dl > div > dt {display: table-cell; padding-right: 4px;}
.inform-text-wrap > dl > div > dt:after {content: ':'; margin-left: 4px;}
.inform-text-wrap > dl > div > dd {display: table-cell;}
.inform-text-wrap > p {color: #999;}
.inform-text-wrap strong {color: #DA291C;}
.inform-text-wrap strong.c-2 {color: #000;}

/* text/결과출력 ========== */
.result-text-box {margin: 30px 0; padding: 30px; border-radius: 10px; background-color: #F5F6F8;}
.result-text-box dl {font-size: 2.0rem; font-weight: 700; color: #000;}
.result-text-box dl .row {display: flex; justify-content: center;}
.result-text-box dl dt {}
.result-text-box dl dd {}

/* textbox/notice ========== */
.notice-text-box {padding: 16px 20px; border-radius: 4px; background-color: #F5F6F8;}
.notice-text-box .title {font-size: 1.4rem; font-weight: 600; color: #000;}
.notice-text-box .title.caution {padding-left: 24px; color: #DA291C; background: url('../images/icon/caution2.png?ver=202610221000') no-repeat 0 center;}

/* 완료/(Price Inquire) ========== */
.progress-finish {margin: 56px 0 160px; text-align: center;}
.progress-finish .text-box {padding: 80px 0; border-style: solid; border-color: #000; border-width: 1px 0;}
.progress-finish .text {font-size: 2.4rem;}
.progress-finish .text strong {font-weight: 700; color: #DA291C;}
.progress-finish .text strong.c-2 {color: #000;}
.progress-finish .button-group {margin-top: 32px;}
.progress-finish .button-group .btn2 {height: 60px; padding: 0 36px; font-size: 1.6rem; font-weight: 700;}

/* 상품상세정보 ========== */
.order-detail {border-radius: 8px;}
.order-detail .order-box {display: flex; align-items: center; padding: 16px 0 12px; border-bottom: 1px solid #E8E8E9;}
.order-detail .order-box .title {font-weight: 700; color: #000;}
.order-detail .order-box .date {margin-right: 12px; font-size: 2.4rem; font-weight: 600; color: #000;}
.order-detail .order-box .btn-link {margin-left: auto; padding: 2px 16px 2px 2px; font-size: 1.2rem; font-weight: 600; background: url('../images/icon/side-link.png?ver=202610221000') no-repeat right top 4px;}
.order-detail .model-info {padding: 12px 0 16px;}

.order-detail.bg {background-color: #F5F6F8;}
.order-detail.bg .order-box {padding: 16px 16px 12px;}
.order-detail.bg .model-info {padding: 12px 16px 16px;}

/* 총액 ========== */
.total-price-wrap {display: flex; justify-content: space-between; align-items: center; padding: 20px 16px; background-color: #F5F6F8;margin-top: 40px;}
.total-price-wrap .count-box {}
.total-price-wrap .count-box .text {font-size: 1.6rem; font-weight: 700;}
.total-price-wrap .count-box .text strong {color: #DA291C;}
.total-price-wrap .summary-box {}
.total-price-wrap .summary-box dl {display: flex; justify-content: flex-end; align-items: flex-end;}
.total-price-wrap .summary-box dl .row {margin: 0 40px;}
.total-price-wrap .summary-box dl .row dt {font-size: 1.6rem; font-weight: 600;}
.total-price-wrap .summary-box dl .row dd {font-size: 1.6rem; font-weight: 700; color: #000;}
.total-price-wrap .summary-box dl .row.total {padding-left: 40px; border-width: 0 0 0 1px; border-style: solid; border-color: #999;}
.total-price-wrap .summary-box dl .row.total dt {color: #000;}
.total-price-wrap .summary-box dl .row.total dd {font-size: 3.2rem; color: #000; line-height: 1.1;}
.total-price-wrap .summary-box dl .row.total dd strong {color: #DA291C;}
.total-price-wrap .etc-box {}
.total-price-wrap .etc-box .text-tel {font-size: 1.6rem; font-weight: 600; color: #999999;}

/* form/비밀번호보기  ========== */
.toggle-password {position: relative; z-index: 1; width:22px; height:22px; text-indent: -9999em;}
.toggle-password label input {appearance: none;}
.toggle-password label input ~ span {}
.toggle-password label input ~ span::before{content: ''; filter:opacity(30%); position: absolute; right:0; left:0; top: 0; bottom: 0; border:0; background:url(../images/common/form-eye.svg?ver=202610221000) 0 0 no-repeat;}
.toggle-password label input:checked ~ span::before{filter:opacity(100%);}

/* form/자동완성 ========== */
.form-autocomplete {position: relative}
.form-autocomplete .search-box {position: relative;}
.form-autocomplete .search-box input[type='text'] {width: 100%; height: 40px; border-radius: 2px; border: 1px solid #54585A;}
.form-autocomplete .search-box button {position: absolute; right: 0; top: 0; width: 40px; height: 100%; border: none; text-indent: -9999em; background: url('../images/icon/btn-search-gray-2.png?ver=202610221000') no-repeat center center;}
.form-autocomplete .autocomplete-box {display: none; position: absolute; z-index: 10; right: 0; left: 0; top: 40px; max-height: 262px; margin-top: 1px; border-radius: 2px; border: 1px solid #707070; background-color: #FFF;}
.form-autocomplete .autocomplete-box.is-active {display: block;}
.form-autocomplete .autocomplete-box .autocomplete-header {display: flex; justify-content: space-between; align-items: center; margin: 0 16px; padding: 16px 0; border-bottom: 1px solid #E0E0E0;}
.form-autocomplete .autocomplete-box .autocomplete-header .title {font-size: 1.4rem; font-weight: 700; color: #000;}
.form-autocomplete .autocomplete-box .autocomplete-header .btn-del {height: 18px; border: none; border-bottom: 1px solid #999; font-weight: 600; color: #999; background-color: transparent;}
.form-autocomplete .autocomplete-box .autocomplete-nodata {padding: 16px;}
.form-autocomplete .autocomplete-box .autocomplete-nodata .text {font-weight: 600; color: #999;}
.form-autocomplete .autocomplete-box ul {padding: 8px 0; font-size:1.4rem;}
.form-autocomplete .autocomplete-box ul li {}
.form-autocomplete .autocomplete-box ul li button {padding: 4px 16px; border: none; font-weight: 600; color: #000; background-color: transparent;}
.form-autocomplete .autocomplete-box .c-1 {color: #DA291C;}
/* 커스텀 */
.snb.filter .form-autocomplete {margin: 16px 0 8px;}
.snb.filter .form-range {display: flex; flex-wrap: wrap; align-items: center;}
.snb.filter .form-range .dash {margin: 0 10px;}
.snb.filter .form-range select,
.snb.filter .form-range input[type='text'] {flex: 1; width: 1px; height: 40px; border-radius: 2px; border: 1px solid #E8E8E9;}
.snb.filter .form-range select:hover,
.snb.filter .form-range input:hover[type='text'] {border-color:#c1c1c1;} /*221011*/

.range-number > .dash {margin: 0 10px;} /*221013*/


/* form/회차변경 ========== */
.change-time {position: relative; text-align: center;}
.change-time .text {font-size: inherit; font-weight: 700; color: #C1C1C1; line-height: 1.2;}
.change-time .text strong {color: #000;}
.change-time button {position: absolute; z-index: 1; top: 0; width: 24px; height: 24px; border: none; text-indent: -9999em; background: url('../images/icon/ctrl-prev.png?ver=202610221000') no-repeat center center;}
.change-time .btn-prev {left: 0;}
.change-time .btn-next {transform: rotate(180deg); right: 0;}

/* form/동의/- ========== */
.agree-info-wrap {}
.agree-info-wrap .choice-text-wrap {}
.agree-info-wrap .inform-text-wrap {margin: 12px 0;}
.agree-info-wrap .inform-text-wrap.border {margin-top: 12px; padding-top: 12px;}

/* 오늘하루 열지않음 */
.choice-txt-wrap {display: flex; align-items: stretch; flex-wrap: wrap;}
.choice-txt-wrap label {display: inline-flex; flex-wrap: wrap; align-items: flex-start; margin: 10px 32px 10px 0; cursor: pointer;}
.choice-txt-wrap label input {appearance: none; position: absolute;}
.choice-txt-wrap label input + .text-value {display:inline-flex; flex-wrap:nowrap; align-items: flex-start; position:relative; line-height: 1.43; color:#999; font-size:1.6rem;}
.choice-txt-wrap label input + .text-value:before {content:''; width:20px; height:20px; flex: 0 0 auto; display:block; margin-right: 10px; border:2px solid #c1c1c1; background-color: #FFF; box-sizing: border-box;}
.choice-txt-wrap label input[type='checkbox'] + .text-value:before {flex-basis: 20px; width: 20px; height: 20px; border-radius: 2px; }
.choice-txt-wrap label input[type='checkbox']:checked + .text-value::after {left: 4px; border-radius: 2px;}

.radioJoin-cont{display:none;}
.radioJoin-cont.active{display:block;}

/* icon */
.icon{display:inline-block;background-position:center center;background-repeat:no-repeat;background-size:100% auto;font:0/0 icon;vertical-align:middle}
.icon-emphasis{width:16px;height:16px;background:#DA291C url(../images/common/icon-emphasis.svg?ver=202610221000) no-repeat center; background-size:1.5px; border-radius:50%} /*221027*/
.icon-arrowGo{width:14px;height:14px;background:url(../images/common/icon-arrowGo.svg?ver=202610221000) 0 0 no-repeat}

/* border-box */
.border-box {border-radius:10px; background:#F5F6F8; padding:24px 16px}

/* list */
.bullet-list{color:#999}
.bullet-list>li{position:relative;margin-bottom:10px;}
.bullet-list>li:last-child{margin-bottom:0;}
.bullet-list>li:before{content:'';display:inline-block;width:2px;height:2px;background:#999;position:absolute;top:6px;left:0;}
.bullet-list>li>p{padding-left:10px;}
.bullet-list ul{margin-left:10px;}
.bullet-list ul>li{position:relative;margin-bottom:5px;}
.bullet-list ul>li:last-child{margin-bottom:0;}
.bullet-list ul>li:before{content:'';display:inline-block;width:5px;height:2px;background:#999;position:absolute;top:6px;left:0;}
.bullet-list ul>li>p{padding-left:10px;}

.list-circle>li{position:relative;margin-bottom:10px;font-size:1.4rem;color:#54585A}
.list-circle>li:last-child{margin-bottom:0;}
.list-circle>li:before{content:'';display:inline-block;width:4px;height:4px;background:#54585A;position:absolute;top:6px;left:0;border-radius:50%;}
.list-circle>li>p{padding-left:7px;}
.list-circle>li>p strong{font-weight:bold;}

/* color */
.color-red{color:#BF0D02;}
.color-gray{color:#999;}
.color-gary2{color:#9E9E9E;}
.color-gary3{color:#999;}
.color-black{color:#000 !important;}
.color-darkgary{color:#54585A !important;}

/* background */
.bgNone{background:none !important;}

/* cursor */
.pCursor{cursor:pointer}
.cursor{cursor:context-menu}

/* font-weight */
.f300 {font-weight:300;}
.f600 {font-weight:600;}

/* font-size */
.f12 {font-size:1.2rem !important;}
.f14 {font-size:1.4rem !important;}
.f16 {font-size:1.6rem !important;}
.f18 {font-size:1.8rem !important;}
.f20 {font-size:2.0rem !important;}
.f24 {font-size:2.4rem !important;}
.f32 {font-size:3.2rem !important;}

/* text-align */
.tL{text-align:left}
.tC{text-align:center}
.tR{text-align:right}

/* overflow */
.scrollX {overflow-x:scroll}
.scrollY {overflow-y:scroll}

/* border */
.border-gray{border:1px solid #C1C1C1; border-radius:6px;}
.border-top{border-top:1px solid #C1C1C1;}
.border-top2{border-top:1px solid #E8E8E9;}

/* width */
.w1p{width:1% !important;}
.w5p{width:5% !important;}
.w10p{width:10% !important;}
.w15p{width:15% !important;}
.w20p{width:20% !important;}
.w25p{width:25% !important;}
.w30p{width:30% !important;}
.w33p{width:33% !important;}
.w35p{width:35% !important;}
.w40p{width:40% !important;}
.w45p{width:45% !important;}
.w50p{width:50% !important;}
.w60p{width:60% !important;}
.w65p{width:65% !important;}
.w70p{width:70% !important;}
.w80p{width:80% !important;}
.w90p{width:90% !important;}
.w95p{width:95% !important;}
.w98p{width:98% !important;}
.w100p{width:100% !important;}

.w30px{width:30px !important;}
.w40px{width:40px !important;}
.w50px{width:50px !important;}
.w65px{width:65px !important;}
.w70px{width:70px !important;}
.w75px{width:75px !important; min-width:auto !important;}
.w80px{width:80px !important;}
.w90px{width:90px !important;}
.w100px{width:100px !important;}
.w110px{width:110px !important;}
.w120px{width:120px !important;}
.w130px{width:130px !important;}
.w140px{width:140px !important;}
.w150px{width:150px !important;}
.w200px{width:200px !important;}
.w250px{width:250px !important;}
.w300px{width:300px !important;}
.w640px{width:640px !important;}

/* Height */
.hAuto{height:auto !important;}
.h100p{height:100% !important;}
.h30px{height:30px !important;}
.h50px{height:50px !important;}
.h80px{height:80px !important;}
.h100px{height:100px !important;}
.h150px{height:150px !important;}
.h200px{height:200px !important;}
.h250px{height:250px !important;}
.h300px{height:300px !important;}
.h400px{height:400px !important;}
.h500px{height:500px !important;}
.h600px{height:600px !important;}
.h700px{height:700px !important;}

.min-height0{min-height: 0 !important;}
.min-height{min-height: 100vh;}

/*Margin*/
.mg0{margin:0 !important;}
.mb { margin-bottom: 30px !important;}
.mb0 { margin-bottom: 0px !important;}
.mb4 { margin-bottom: 4px !important;}
.mb5 { margin-bottom: 5px !important;}
.mb6 { margin-bottom: 6px !important;}
.mb8 { margin-bottom: 8px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb12 { margin-bottom: 12px !important;}
.mb14 { margin-bottom: 14px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb16 { margin-bottom: 16px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb24 { margin-bottom: 24px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb50 { margin-bottom: 50px !important;}

.mt { margin-top: 30px !important;}
.mt0 { margin-top: 0px !important;}
.mt2 { margin-top: 2px !important;}
.mt4 { margin-top: 4px !important;}
.mt5 { margin-top: 5px !important;}
.mt8 { margin-top: 8px !important;}
.mt10 { margin-top: 10px !important;}
.mt12 { margin-top: 12px !important;}
.mt15 { margin-top: 15px !important;}
.mt16 { margin-top: 16px !important;}
.mt20 { margin-top: 20px !important;}
.mt24 { margin-top: 24px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt36 { margin-top: 36px !important;}
.mt40 { margin-top: 40px !important;}
.mt50 { margin-top: 50px !important;}
.mt60 { margin-top: 60px !important;}
.mt70 { margin-top: 70px !important;}
.mt80 { margin-top: 80px !important;}
.mt100 { margin-top: 100px !important;}
.mt200 { margin-top: 200px !important;}

.ml { margin-left: 20px !important;}
.ml-1 { margin-left: -1px !important;}
.ml0 { margin-left: 0px !important;}
.ml2 { margin-left: 2px !important;}
.ml3 { margin-left: 3px !important;}
.ml5 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml12 { margin-left: 12px !important;}
.ml14 { margin-left: 14px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}

.mr { margin-right: 20px !important;}
.mr0 { margin-right: 0px !important;}
.mr5 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr23 { margin-right: 23px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr40 { margin-right: 40px !important;}

/*Padding*/
.pd0{padding:0 !important;}
.pd10{padding:10px !important;}
.pd20{padding:20px !important;}
.pd25{padding:25px !important;}
.pd30{padding:30px !important;}
.pd80{padding:80px !important;}

.pb { padding-bottom: 30px !important;}
.pb0 { padding-bottom: 0px !important;}
.pb3 { padding-bottom: 3px !important;}
.pb4 { padding-bottom: 4px !important;}
.pb5 { padding-bottom: 5px !important;}
.pb6 { padding-bottom: 6px !important;}
.pb8 { padding-bottom: 8px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb16 { padding-bottom: 16px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb24 { padding-bottom: 24px !important;}
.pb25 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb50 { padding-bottom: 50px !important;}
.pb60 { padding-bottom: 60px !important;}
.pb90 { padding-bottom: 90px !important;}

.pt { padding-top: 30px !important;}
.pt0 { padding-top: 0px !important;}
.pt6 { padding-top: 6px !important;}
.pt8 { padding-top: 8px !important;}
.pt10 { padding-top: 10px !important;}
.pt12 { padding-top: 12px !important;}
.pt15 { padding-top: 15px !important;}
.pt16 { padding-top: 16px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt35 { padding-top: 35px !important;}
.pt40 { padding-top: 40px !important;}
.pt50 { padding-top: 50px !important;}

.pl { padding-left: 20px !important;}
.pl0 { padding-left: 0px !important;}
.pl2 { padding-left: 2px !important;}
.pl3 { padding-left: 3px !important;}
.pl5 { padding-left: 5px !important;}
.pl10 { padding-left: 10px !important;}
.pl15 { padding-left: 15px !important;}
.pl18 { padding-left: 18px !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pl50 { padding-left: 50px !important;}

.pr { padding-right: 20px !important;}
.pr0 { padding-right: 0px !important;}
.pr3 { padding-right: 3px !important;}
.pr5 { padding-right: 5px !important;}
.pr10 { padding-right: 10px !important;}
.pr15 { padding-right: 15px !important;}
.pr16 { padding-right: 16px !important;}
.pr17 { padding-right: 17px !important;}
.pr20 { padding-right: 20px !important;}
.pr25 { padding-right: 25px !important;}
.pr30 { padding-right: 30px !important;}

/*221007*/
.acc-container .choice-color-wrap.s-sm.l-3 span.text-value {text-transform:capitalize;}


.accordion-wrap.mt30 {margin-top:30px;}
.accordion-wrap .acc-item .acc-header .title.fz {font-size:1.6rem; padding-left:25px;}
.accordion-wrap .acc-item .acc-header .title.fz::before {content: ''; position: absolute; z-index: 1; left: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background:url('../images/icon/caution.png?ver=202610221000') no-repeat center;}
.accordion-wrap .acc-item > .acc-container .txt-mb {margin-bottom:15px; color:#999;}
.accordion-wrap .acc-item > .acc-container .li-dot1 li {padding-left:20px; color:#999;}
.accordion-wrap .acc-item > .acc-container .li-dot1 li::before {content: '·'; margin-right: 4px; text-indent: -12px; margin-left: -12px;}
.accordion-wrap .acc-item > .acc-container .li-dot1 li strong {color:#000;}
.accordion-wrap .acc-item > .acc-container .li-dot2 {margin-top:10px;}
.accordion-wrap .acc-item > .acc-container .li-dot2 li {padding-left:20px; color:#222; line-height:18px;}
.accordion-wrap .acc-item > .acc-container .li-dot2 li::before {content: '·'; font-size:2rem; margin-right: 4px; text-indent: -12px; margin-left: -12px;}
.accordion-wrap .acc-item > .acc-container .li-dot2 li strong {color:#000;}
.data-table-wrap2 {margin:10px 0; border-top:1px solid #707070;}
.data-table2 {}
.data-table2 thead th, .data-table2 tbody th, .data-table2 tbody td {padding: 15px 20px; border-left: 1px solid #E0E0E0;  border-bottom: 1px solid #E0E0E0;  font-size: 1.4rem; text-align:center;}
.data-table2 thead th {font-weight:700; color:#999; background-color: #F5F6F8;}
.data-table2 tbody td {font-weight:500; background-color:#fff;}
.data-table2 tbody tr.lt td strong {display:inline-block;  float:right; font-size:1.6rem; font-weight:700; color:#DA291C; }
.data-table2 thead th:first-child, .data-table2 tbody td:first-child  {border-left:none;}

.data-table-wrap3 {margin:10px 0; border-top:1px solid #707070; width:60%;}
.data-table3 {}
.data-table3 thead th, .data-table3 tbody th, .data-table3 tbody td {padding: 10px 15px; border-left: 1px solid #E0E0E0;  border-bottom: 1px solid #E0E0E0;  font-size: 1.4rem; text-align:center;}
.data-table3 thead th {background-color:#fff; color:#000; font-weight:500; }
.data-table3 thead th strong.tooltip {position:relative; color:#000; font-weight:500; padding-right:25px;} /*221101*/
.data-table3 thead th strong.tooltip::after {content: ''; position: absolute; z-index: 1; right: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background:url('../images/icon/btn-tooltip.png?ver=202610221000') no-repeat center;} /*221101*/
.data-table3 thead th img {margin-left:5px; margin-top:3px; }
.data-table3 tbody td {text-align:left;font-weight:500; background-color:#fff;}
.data-table3 tbody tr td strong {display:inline-block;  float:right; font-size:1.6rem; font-weight:700; color:#DA291C; }
.data-table3 thead th:first-child, .data-table3 tbody td:first-child  {border-left:none;}
.data-table3 thead th:nth-child(2) {position:relative; }
.data-table3 thead th:nth-child(2)::before {content: ''; position: absolute; z-index: 1; left: -9px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; background: url('../images/icon/icon_minus.png?ver=202610221000') no-repeat center;}
.data-table3 thead th:nth-child(2)::after {content: ''; position: absolute; z-index: 1; right: -9px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; background: url('../images/icon/icon_sum.png?ver=202610221000') no-repeat center;}
.data-table-wrap.top {border-top:1px solid #e0e0e0;}
.data-table-wrap.top2 {border-top:1px solid #e0e0e0; margin-top:0;}


/* 아랍어용 */
:lang(ar) .page-button-wrap .btn2 + .btn2 {margin: 0 12px 0 0;}
:lang(ar) .list-review .info-box .text-box .thumb{margin-left: 10px;margin-right: 0;}

:lang(ar) .data-dl-wrap.account .list > .row dt{margin-left: 10px;}

:lang(ar) .choice-text-wrap label{margin: 16px 0 16px 32px;}
:lang(ar) .choice-text-wrap label input[type='checkbox']:checked + .text-value::after{left: initial;right: 5px;}
:lang(ar) .choice-text-wrap label input[type='radio']:checked + .text-value::after{left: initial;right: 6px;}
:lang(ar) .choice-text-wrap .with-btn{margin: 6px 0 6px 32px;}
:lang(ar) .choice-text-wrap .with-btn button {padding-left: 16px;padding-right: 0;}
:lang(ar) .check-list.checkAllTarget2{margin-left: 0;margin-right: 32px;}
:lang(ar) .check-list.checkAllTarget2 li:first-child .choice-text-wrap .with-btn{margin-left: 14px;margin-right: 0;}
:lang(ar) .terms-agree-wrap .list-area .choice-text-wrap .with-btn button .required,
:lang(ar) .terms-agree-wrap .list-area .choice-text-wrap .with-btn button .choice{margin-left: 0;margin-right: 4px;}

:lang(ar) .choice-text-wrap label{margin: 16px 0 16px 32px;}
:lang(ar) .choice-text-wrap label input + .text-value:before{margin-left: 12px;margin-right: 0;}
:lang(ar) .choice-text-wrap .with-btn label{margin-left: 0;}
:lang(ar) .board-header-side .choice-text-wrap label{margin: 0;}
:lang(ar) .tree-wrap .tree-header{padding: 0 0 0 5px;}
:lang(ar) .board-header-side .choice-text-wrap label{margin: 0;}
:lang(ar) .board-list.order .order-header .title-box .cate {margin: 0 0 0 4px;}
:lang(ar) .board-list.order .order-header .title-box .text {margin: 0 10px 0 0 !important;}
:lang(ar) .board-header-side .info-box span {position: relative;margin: 0 12px 0 0;padding: 0 12px 0 0;}
:lang(ar) .board-header-side .info-box span::before {left: initial;right: 0;}

:lang(ar) .data-dl-wrap.account .list{direction:ltr;}
:lang(ar) .inform-text-wrap{direction:ltr;}

:lang(ar) .title-summit.column .side-box .btn-more{padding: 0 24px 0 58px;background: url('/h/assets/images/icon/side-more-gray_rtl.png?ver=202610221000') no-repeat center left 24px;}
:lang(ar) .util-wrap .side-box .btn-side,
:lang(ar) .util-wrap .side-box .btn-toggle-board{margin: 0 20px 0 0;}
:lang(ar) .util-wrap .side-box .btn-sorting{margin: 0 20px 0 0;}
:lang(ar) .filter-result .depth-box .item .btn-del{margin: 0 8px 0 0;}
:lang(ar) .container.row .snb{margin: 0 0 0 30px;}
:lang(ar) .form-autocomplete .search-box button{left: 0;right: initial;}

:lang(ar) .model-info .thumb-wrap{margin: 0 0 0 24px;}
:lang(ar) .model-info .basic-wrap .model-number .btn-detail {padding: 0 0 0 16px;background: url('../images/icon/chevron-r-16_rtl.png?ver=202610221000') no-repeat right 1px;}
:lang(ar) .sorting-button-wrap ul li + li {border-left: 0;border-right: 1px solid #E0E0E0;}
:lang(ar) .accordion-wrap .acc-item .acc-header:after{display: none;}
:lang(ar) .accordion-wrap.board .acc-item .dl-qna.question dd:after {content: '';opacity: .5;transform: rotate(0);display: inline-block;z-index: 1;width: 20px;height: 20px;margin-left: 4px;vertical-align: middle;background: url('../images/icon/accordion-dw.png?ver=202610221000') no-repeat center;}
:lang(ar) .accordion-wrap.board .acc-item.is-active .dl-qna.question dd:after {opacity: 1;transform: rotate(180deg);}
:lang(ar) .accordion-wrap.board .acc-item .acc-header .col-cate{padding: 0 16px 0 0;}
:lang(ar) .accordion-wrap.board .acc-item .acc-header .col-title {direction: ltr;text-align: left;}
:lang(ar) .accordion-wrap.board .acc-item .acc-container{direction: ltr;text-align: left;}

/*s : 20230626 고객리뷰 css추가*/
/* 고객리뷰 타이틀영역 */
.search-wrap.case-title .text-box.renew {
    position: relative;
}

.search-wrap.case-title .text-box.renew .title {
    font-size: 2.6rem;
    font-weight: 700;
}

.search-wrap.case-title .text-box.renew .title .desc {
    display: inline-block;
    font-size: 2rem;
    line-height: 3rem;
    margin-top: 10px;
    font-weight: 400;
}

.search-wrap.case-title .text-box.renew .bg-img {
    width: 224px;
    position: absolute;
    right: 0;
    top: -23px;
}

.search-wrap.case-title .text-box.renew .bg-img img {
    width: 100%;
}

/* 고객리뷰 상세페이지 */
.review-list-wrap {
    padding-top: 50px;
    border-top: 1px solid #000000;
    box-sizing: border-box;
}

.review-list-wrap .num-wrap {
    font-size: 16px;
    color: #000000;
    margin-bottom: 12px;
}

.review-list-wrap .num-wrap .red {
    color: #fa3f20;
}

.review-list-wrap .num-wrap .bold {
    font-weight: bold;
}

.review-list-wrap .review-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}

.review-list-wrap .review-list .list {
    padding: 20px;
    background-color: #f5f6f8;
    display: block;
    width: 398px;
    height: 515px;
    margin-right: 30px;
    margin-bottom: 30px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}


.review-list-wrap .review-list .list:nth-child(1),
.review-list-wrap .review-list .list:nth-child(2),
.review-list-wrap .review-list .list:nth-child(3) {
    margin-top: 0;
}

.review-list-wrap .review-list .list .top {
    position: relative;
}

/* s : 20230628 추가 수정 */
.review-list-wrap .review-list .list::before {
    content: "";
    overflow: hidden;
    background-color: #f5f6f8;
    width: 20px;
    height: 100%;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
}

.review-list-wrap .review-list .list::after {
    content: "";
    overflow: hidden;
    background-color: #f5f6f8;
    width: 20px;
    height: 100%;
    z-index: 2;
    position: absolute;
    right: 0;
    top: 0;
}
/* e : 20230628 추가 수정 */
.review-list-wrap .review-list .list:nth-child(3n) {
    margin-right: 0;
}

.review-list-wrap .review-list .list .swiper-wrapper {
    width: 100%;
}

.review-list-wrap .review-list .list .swiper-wrapper .thumb {
    width: 100%;
    max-height: 260px;
    height: 260px;
    overflow: hidden;
}

.review-list-wrap .review-list .list .swiper-wrapper .thumb img {
    width: 100%;
    height: 100%;
}

.review-list-wrap .review-list .list .swiper-button-prev.round,
.review-list-wrap .review-list .list .swiper-button-next.round {
    width: 40px;
    height: 34px;
}

.review-list-wrap .review-list .list .swiper-button-prev.round::after,
.review-list-wrap .review-list .list .swiper-button-next.round::after {
    font-size: 1.3rem;
}

.review-list-wrap .review-list .list .swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 1;
    right: initial;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    width: initial;
    height: 27px;
    padding: 0 17px;
    border-radius: 24px;
    font-size: 8px;
    color: #C1C1C1;
    background-color: rgba(0, 0, 0, .5);
}

.review-list-wrap .review-list .list .swiper-pagination .swiper-pagination-current {
    margin-right: 2px;
}

.review-list-wrap .review-list .list .swiper-pagination .swiper-pagination-total {
    margin-left: 2px;
}

.review-list-wrap .review-list .list .txt-wrap {
    padding-top: 22px;
}

.review-list-wrap .review-list .list .txt-wrap .tit {
    font-size: 20px;
    color: #000000;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 21px;
}

.review-list-wrap .review-list .list .txt-wrap .txtBox {
    padding: 15px;
    background-color: #fff;
    height: 160px;
    position: relative;
}

.review-list-wrap .review-list .list .txt-wrap .desc {
    font-size: 14px;
    line-height: 22px;
    color: #54585a;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
}

.review-list-wrap .review-list .list .txt-wrap .txtBox .writer {
    position: absolute;
    left: 15px;
    bottom: 20px;
    color: #999999;
    font-size: 16px;
    font-weight: 400;
}

.review-list-wrap .review-list .list .txt-wrap .txtBox .writer .icon {
    display: inline-block;
    width: 25px;
    height: 15px;
    background-size: contain;
    margin-right: 8px;
}

.review-list-wrap .review-list .list .txt-wrap .txtBox .date {
    position: absolute;
    right: 15px;
    bottom: 20px;
    color: #999999;
    font-size: 16px;
    font-weight: 400;
}

.review-list-wrap .review-list .list .txt-wrap .txtBox .more {
    padding-right: 25px;
    display: inline-block;
    position: absolute;
    right: 15px;
    bottom: 50px;
    font-size: 14px;
    color: #000000;
}

.review-list-wrap .review-list .list .txt-wrap .txtBox .more::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 2px;
    background-color: #000;
    position: absolute;
    right: 0;
    bottom: 6px;
}

.review-list-wrap .review-list .list .txt-wrap .txtBox .more::after {
    content: "";
    display: inline-block;
    width: 2px;
    height: 10px;
    transform: rotate(-45deg);
    background-color: #000;
    position: absolute;
    right: 2px;
    bottom: 5px;
}
/* 고객리뷰 팝업 */
.dialog.review-more {
    width: 800px;
}

.dialog.review-more .dialog-header .title {
    color: #000000;
    font-size: 26px;
}

.dialog.review-more .dialog-header .side-box {
    align-items: end;
}

.dialog.review-more .dialog-content {
    padding-top: 40px;
    height: 743px;
    overflow-y: auto;
}

.dialog.review-more .dialog-content .tit {
    font-size: 26px;
    color: #000000;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
    height:21px;
}

.dialog.review-more .dialog-content .info-wrap {
    display: flex;
    margin-bottom: 22px;
}

.dialog.review-more .dialog-content .info-wrap .writer {
    display: inline-block;
    color: #999999;
    font-size: 16px;
    margin-right: 8px;
    font-weight: 400;
}

.dialog.review-more .dialog-content .info-wrap .icon {
    display: inline-block;
    width: 25px;
    height: 15px;
    background-size: contain;
    margin-right: 8px;
}

.dialog.review-more .dialog-content .info-wrap .date {
    display: inline-block;
    color: #999999;
    font-size: 16px;
    margin-left: 8px;
    position: relative;
    font-weight: 400;
}

.dialog.review-more .dialog-content .info-wrap .date:before {
    content: "";
    display: block;
    width: 1px;
    height: 12px;
    background-color: #e8e8e9;
    position: absolute;
    left: -8px;
    top: 4px;
}

.dialog.review-more .dialog-content .swiper {
    padding: 16px;
    background-color: #f5f6f8;
    height: 475px;
    width: 100%;
    position: relative;
}
/* s : 20230628 추가 수정 */
.dialog.review-more .dialog-content .swiper:before {
    content: "";
    overflow: hidden;
    background-color: #f5f6f8;
    width: 16px;
    height: 100%;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;

}

.dialog.review-more .dialog-content .swiper:after {
    content: "";
    overflow: hidden;
    background-color: #f5f6f8;
    width: 16px;
    height: 100%;
    z-index: 2;
    position: absolute;
    right: 0;
    top: 0;

}
/* e : 20230628 추가 수정 */

.dialog.review-more .dialog-content .swiper .swiper-wrapper {
    position: relative;
}

.dialog.review-more .dialog-content .swiper .swiper-wrapper .thumb {
    width: 100%;
    height: 440px;
    overflow: hidden;
}
.dialog.review-more .dialog-content .swiper .swiper-wrapper .thumb img {
    width: 100%;
    height: 100%;
}

.dialog.review-more .dialog-content .swiper .swiper-button-prev.round {
    left: 16px;
}

.dialog.review-more .dialog-content .swiper .swiper-button-next.round {
    right: 16px;
}

.dialog.review-more .dialog-content .swiper .swiper-button-prev.round,
.dialog.review-more .dialog-content .swiper .swiper-button-next.round {
    width: 77px;
    height: 65px;
}

.dialog.review-more .dialog-content .swiper .swiper-button-prev.round::after,
.dialog.review-more .dialog-content .swiper .swiper-button-next.round::after {
    font-size: 1.9rem;
}

.dialog.review-more .dialog-content .swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 1;
    right: initial;
    bottom: 27px;
    left: 50%;
    transform: translateX(-50%);
    width: initial;
    height: 54px;
    padding: 0 34px;
    border-radius: 24px;
    font-size: 16px;
    color: #C1C1C1;
    background-color: rgba(0, 0, 0, .5);
}

.dialog.review-more .dialog-content .swiper-pagination .swiper-pagination-current {
    margin-right: 4px;
}

.dialog.review-more .dialog-content .swiper-pagination .swiper-pagination-total {
    margin-left: 4px;
}

.dialog.review-more .dialog-content .txtBox {
    padding: 27px 0;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
    margin-top : 1px;
}

/*신규*/

/* s : 20231115 오토 글로벌 내 차 사기 수정 */

.container.row .contents > .inner {
    width: 970px;
}

.new_filter .title-summit.column .title-box h2 {
    font-weight: 400;
}

.new_filter .btn-reset {
    color: #54585A;
    font-size: 1.4rem;
}

.new_filter .cat {
    border-bottom: 1px solid #000;
    padding-bottom: 21px;
    margin-top: 20px;
}

.new_filter .choice-text-wrap {
    margin-bottom: 0;
}

.new_filter .cat:nth-child(1) {
    margin-top: 0;
}

.new_filter .cat_header .title {
    font-size: 1.6rem;
    font-weight: 600;
    color: #222;
}

.new_filter .cat_container {
    margin-top: 16px;
}

.new_filter .form-range.cat_container input[type='text'] {
    border-color: rgba(194, 194, 194, 0.6);
    text-align: center;
    font-size: 1.4rem;
    height: 33px;
}

.new_filter .form-range.cat_container select {
    border-color: rgba(194, 194, 194, 0.6);
    text-align: center;
    font-size: 1.4rem;
    height: 33px;
}

.new_filter .form-range.cat_container input[type='text']::placeholder {
    color: #c1c1c1;
}

.new_filter .form-range.cat_container select .default {
    color: #c1c1c1;
}

.new_filter .form-range.cat_container .price_choose {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 11px;
}

.new_filter .form-range.cat_container .price_choose li {
    margin-right: 10px;
}

.new_filter .form-range.cat_container .price_choose li:nth-child(n+3) {
    margin-top: 8px;
}


.new_filter .form-range.cat_container .price_choose button {
    font-size: 1.4rem;
    color: #999999;
    padding: 8px 12px;
    border-radius: 12px;
    background-color: transparent;
    border: none;
    box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.16);
    margin: 1px 1px;
}

.new_filter .form-range.cat_container .price_choose button.active {
    background: rgba(235, 235, 235, 0.45);
    border: 1px solid #999999;
    margin: 0px 0px;
}

.new_filter .form-range.cat_container .acc-container {
    width: 100%;
}

.new_filter .form-range.cat_container .acc-container.search {
    z-index: 10;
    position: absolute;
    background-color: #FFF;
    width: 290px;
    top: 622px;
}

.new_filter .cat_scroll .filter-box.scroll {max-height: 260px;}
.new_filter .cat_scroll .filter-box .choice-text-wrap {margin-top:0}
.new_filter .cat_scroll .filter-box.scroll::-webkit-scrollbar {width:4px}
.new_filter .cat_scroll .filter-box.scroll::-webkit-scrollbar-thumb,
.new_filter .cat_scroll .filter-box.scroll::-webkit-scrollbar-track {border-radius: 4px;}
.new_filter .cat_scroll .filter-box.scroll::-webkit-scrollbar-thumb {background-color: #DA291C;}
.new_filter .cat_scroll .filter-box.scroll::-webkit-scrollbar-track {background-color:#E8E8E9;}
.new_filter .cat_scroll .acc-container {
    margin-top: 13.5px;
    border: 1px solid rgba(194, 194, 194, 0.6);
    padding: 10.5px;
}
.new_filter .cat_scroll .acc-container.list {
    padding: 10.5px 10.5px 10.5px 5px;
}
.new_filter.ar .cat_scroll .acc-container.list {
    padding: 10.5px 5px 10.5px 10.5px;
}

.new_filter .cat_scroll .choice-text-wrap label input[type='checkbox'] + .text-value {
    display: none;
}

.new_filter .cat_scroll.choice_cat_scroll .choice-text-wrap label input[type='checkbox'] + .text-value {
    display: block;
}

.new_filter .cat_scroll.choice_cat_scroll li.search .choice-text-wrap label input[type='checkbox'] + .text-value {
    display: none;
}

.new_filter .cat_scroll .tree-wrap {
    margin-bottom: 19px;
}

.new_filter .cat_scroll .tree-wrap ul li {
    padding: 0 14px 0 24px ;
}
.new_filter .cat_scroll.choice_cat_scroll .tree-wrap ul li {
    padding: 0 0 0 7.5px;
}

.new_filter.ar .cat_scroll.choice_cat_scroll .tree-wrap ul li {
    padding: 0 7.5px 0 0;
}

.new_filter .cat_scroll.choice_cat_scroll .tree-wrap ul li.search {
    padding: 0 14px 0 24px;
}
.new_filter.ar .cat_scroll.choice_cat_scroll .tree-wrap ul li.search {
    padding: 0 24px 0 14px;
}

.new_filter .cat_scroll .tree-wrap ul li.category-title {
    padding: 0;
}

.new_filter .cat_scroll .tree-wrap ul li .title-box h2 {
    position: relative;
    padding-left: 20px;
    font-size: 1.4rem;
    color: #000;
    font-weight: 500;
}

.new_filter .cat_scroll .tree-wrap ul li .title-box h2::before {
    content: '';
    transform: skew(20deg);
    position: absolute;
    top: -2px;
    left: 4px;
    width: 6px;
    height: 15px;
    background-color: #DA291C;
}

.new_filter.ar .cat_scroll .tree-wrap ul li .title-box h2::before {
    left: 0px;
    right: 47px;
}

.new_filter .tree-wrap .choice-text-wrap .with-btn {
    flex: 1; margin: 0;
}

.new_filter.ar .tree-wrap .choice-text-wrap .with-btn {
    margin: 0px 0px 0px 0px;
}

.new_filter .tree-wrap .choice-text-wrap .with-btn .link {
    font-weight: 400;
    padding-top: 4px;
}
.new_filter .tree-wrap .choice-text-wrap .with-btn .link.font-md {
    font-size: 1.2rem;
    padding-top: 5px;
}
.new_filter .tree-wrap .choice-text-wrap .with-btn .link.font-sm {
    font-size: 1.1rem;
    padding-top: 6px;
}

.new_filter .cat_mileage li {
    margin-bottom: 10px;
    display: flex;
}

.new_filter .cat_mileage li:last-child {
    margin-bottom: 0;
}

.new_filter .cat_mileage input[type='radio']+label::before {
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid rgba(194, 194, 194, 0.6);
    margin-right: 10px;
}

.new_filter.ar .cat_mileage input[type='radio']+label::before {
    margin-left: 10px;
    margin-right: 0px;
}

.new_filter .cat_mileage label {
    padding-left: 6px;
    color: #54585A;
    position: relative;
    display: flex;
    align-items: center;
}

.new_filter .cat_mileage input[type='radio']:checked+label::before {
    border: 1px solid #DA291C;
}

.new_filter .cat_mileage input[type='radio']:checked+label {
    color: #000;
}

.new_filter .cat_mileage input[type='radio']:checked+label::after {
    position: absolute;
    display: block;
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 50%;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #DA291C;
}

.new_filter.ar .cat_mileage input[type='radio']:checked+label::after {
    left: 0px;
    right: 4px;
}

.new_filter .accordion-wrap .acc-item .acc-header .title {
    font-weight: 600;
    color: #222;
}

.new_filter .accordion-wrap.filter .acc-item .acc-header {
    padding-top: 20px;
    padding-bottom: 20px;
}

.new_filter.ar .accordion-wrap.filter .acc-item .acc-header {
    padding-left: 32px;
    padding-right: 0px;
}

.new_filter .accordion-wrap .acc-item > .acc-container li label {
    flex-direction: column;
    align-items: center;
    align-content: flex-start;
}

.new_filter .choice-color-wrap.s-sm label .car-c {
    width: 48px;
    height: 48px;
    border-radius: 2px;
    flex: 0 0 48px;
    border: 1px solid rgba(194, 194, 194, 0.6);
}

.new_filter .choice-color-wrap .car-c span {
    border: none;
}

.new_filter .choice-color-wrap.l-3 ul li {
    flex-basis: calc(25%);
    width: 25%;
}

.new_filter .choice-color-wrap.l-3 ul li:nth-child(n+5) {
    margin-top: 18px;
}

.new_filter .accordion-wrap .acc-item > .acc-container > .l-3 li {
    height: 71px;
}

.new_filter .choice-color-wrap label {
    width: fit-content;
}

.new_filter .choice-color-wrap.s-sm label .text-value {
    margin-left: 0;
    margin-top: 4px;
}

.new_filter .accordion-wrap .checkFilter03.is-active label .car-c {
    border: 2px solid #DA291C;
    box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.16);
}

.new_filter .choice-color-wrap .car-c.other {
    background: url('../images/icon/color-other-by.png?ver=202610221000');
}

.new_filter .choice-color-wrap label input:checked ~ .car-c + span {
    text-decoration: none;
    font-weight: 400;
    color: #54585A;
}

.new_filter .acc-container .choice-color-wrap.s-sm.l-3 span.text-value {
    font-size: 14px;
    font-weight: 400;
}

.new_filter .fuel-wrap ul {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
}

.new_filter .fuel-wrap ul li {
    flex: 0 0 auto;
    margin-bottom:3px;
}

.new_filter .fuel-wrap label {
    flex-direction: column;
    margin: 0;
}

.new_filter .fuel-wrap .fuel_ico {
    width: 70px;
    height: 70px;
    border: 1px solid #E8E8E9;
    border-radius: 2px;
}

.new_filter .fuel-wrap label .text-value {
    margin-top: 4px;
}

.new_filter .accordion-wrap .accordion .fuel-wrap ul li label .text-value {
    font-size: 14px;
}

.new_filter .fuel-wrap label input:checked+.fuel_ico {
    border: 2px solid #DA291C;
    box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.16);
}

.new_filter .fuel-wrap.l-3 ul li {
    flex-basis: calc(33.33%);
    width: 33.33%;

}

.new_filter .fuel-wrap .fuel_ico1 {
    background: url('../images/icon/petrol_ico.png?ver=202610221000') 90% 65%;
}

.new_filter .fuel-wrap .fuel_ico2 {
    background: url('../images/icon/diesel_ico.png?ver=202610221000') 90% 65%;

}

.new_filter .fuel-wrap .fuel_ico3 {
    background: url('../images/icon/lpg_ico.png?ver=202610221000') center center;

}

.new_filter .fuel-wrap .fuel_ico4 {
    background: url('../images/icon/hybrid_ico.png?ver=202610221000') center center;

}

.new_filter .fuel-wrap .fuel_ico5 {
    background: url('../images/icon/electric_ico.png?ver=202610221000') center center;

}

.new_filter .fuel-wrap .fuel_ico6 {
    background: url('../images/icon/other_ico.png?ver=202610221000') 30% 130%;

}

.new_filter .accordion-wrap .acc-item > .acc-container .text-value {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -.06rem;
}

.new_filter .fuel-wrap .body_ico1 {
    background: url('../images/icon/compact_ico.png?ver=202610221000') center 300%;
}

.new_filter .fuel-wrap label input:checked+.body_ico1 {
    background-position-y: 150%;
}

.new_filter .fuel-wrap .body_ico2 {
    background: url('../images/icon/sedan_ico.png?ver=202610221000') center 300%;
}

.new_filter .fuel-wrap label input:checked+.body_ico2 {
    background-position-y: 150%;
}

.new_filter .fuel-wrap .body_ico3 {
    background: url('../images/icon/suv_ico.png?ver=202610221000') center 300%;
}

.new_filter .fuel-wrap label input:checked+.body_ico3 {
    background-position-y: 150%;
}

.new_filter .fuel-wrap .body_ico4 {
    background: url('../images/icon/minivan_ico.png?ver=202610221000') center 300%;
}

.new_filter .fuel-wrap label input:checked+.body_ico4 {
    background-position-y: 150%;
}

.new_filter .fuel-wrap .body_ico5 {
    background: url('../images/icon/truck_ico.png?ver=202610221000') center 300%;
}

.new_filter .fuel-wrap label input:checked+.body_ico5 {
    background-position-y: 150%;
}
.new_filter .fuel-wrap .body_ico6 {
    background: url('../images/icon/other_body_ico.png?ver=202610221000') center center;
}

.new_filter .accordion-wrap.filter .filter-box .choice-text-wrap.mt18 {
    margin-top: 18px;
}

.new_filter .seats-wrap label {
    flex-basis: calc(33.33%);
}

.new_filter .seats-wrap label:nth-child(n+4) {
    margin-top: 13px;
}

.new_filter .tags-wrap label {
    flex-basis: calc(100% - 12px);
    padding-top: 0;
}

.tags-wrap label input[type='checkbox'] + .text-value:before {
    margin-top: 0;
}

.new_filter .tags-wrap label .text-value img {
    margin-right: 5px ;
}

.new_filter .vin-wrap input{
    text-align: center;
}

.new_result_content .main-title h2 {
    font-size: 32px;
    font-weight: 700;
    color: #000;
    margin-top: 21px;
}

.new_result_content .main-title {
    margin-bottom: 54px;
}

.new_result_content .recommend-wrap {
    position: relative;
}

.new_result_content .recommend-wrap .title-box {
    margin-bottom: 17px;
}

.new_result_content .recommend-wrap .title-box h2 {
    position: relative;
    padding-left: 20px;
    font-size: 1.8rem;
    color: #000;
}

.new_result_content .recommend-wrap .title-box h2::before {
    content: '';
    transform: skew(20deg);
    position: absolute;
    top: -2px;
    left: 4px;
    width: 6px;
    height: 15px;
    background-color: #DA291C;
}

.new_result_content .recommend-wrap .recommend-box-wrap {
    display: flex;
    overflow: hidden;
}

.new_result_content .recommend-wrap .recommend-box-wrap .recommend-box {
    width: 25%;
    max-width: 235px;
    margin-right: 10px;
    height: 300px;
    border: 1px solid #E9E9E9;
    border-radius: 15px;
    margin-bottom: 12px;
}

.new_result_content .recommend-wrap .recommend-box-wrap .recommend-box:hover {
    box-shadow: 1px 3px 12px rgba(0, 0, 0, 0.22);
    border-color: #999999;
}

.new_result_content .recommend-wrap .recommend-box-wrap .recommend-box:last-child {
    margin-right: 0;
}

.new_result_content .recommend-box-wrap .recommend-box-top {
    display: flex;
    overflow: hidden;
    position: relative;
    width: 100%;
    max-height: 150px;
    border-radius: 14px 14px 0 0;
    background-color: #f3efee;
}
.new_result_content .recommend-box-wrap .recommend-box-top .thumb {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
}
.new_result_content .recommend-box-wrap .recommend-box-top .thumb a {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.new_result_content .recommend-box-wrap .recommend-box-top .thumb img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.new_result_content .recommend-box-wrap .recommend-box-top .btn-wish {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    padding: 10px 40px 10px 12px;
    min-width:60px;
    height:36px;
    border: none;
    font-weight: 600;
    color: #FFF;
    background: rgba(0, 0, 0, .5) url('../images/icon/toggle-wish-1.png?ver=202610221000') no-repeat right 10px center;
    background: rgba(0, 0, 0, .5) url('../images/icon/toggle-wish-1.png?ver=202610221000') no-repeat right 10px center;
}
.new_result_content .recommend-box-wrap .recommend-box-top .btn-wish.is-active {
    background-image: url('../images/icon/toggle-wish-1-on.png?ver=202610221000');
    /*background-image: url('../images/icon/toggle-wish-1.png?ver=202610221000');*/
}
.new_result_content .recommend-box-wrap .recommend-box-top .btn-wish-2 {
    position: absolute;
    z-index: 2;
    right: 8px;
    top: 8px;
    width: 32px;
    height: 37px;
    border: none;
    text-indent: -9999em;
    background: url('../images/icon/toggle-wish-2.png?ver=202610221000') no-repeat;
    background: url('../images/icon/toggle-wish-2.png?ver=202610221000') no-repeat;
}
.new_result_content .recommend-box-wrap .recommend-box-top .btn-wish-2.is-active {
    background-image: url('../images/icon/toggle-wish-2-on.png?ver=202610221000');
    background: url('../images/icon/toggle-wish-2.png?ver=202610221000');
}

.new_result_content .recommend-box-wrap .recommend-box-middle {
    padding: 20px 10px 11px 14px;
}

.new_result_content .recommend-box-wrap .recommend-box-middle .category {
    color: #FFF;
    font-weight: 400;
    font-size: 1.4rem;
    background: #999999;
    border-radius: 5px;
    padding: 2px 4.5px;
}

.new_result_content .recommend-box-wrap .recommend-box-middle p {
    font-size: 2rem;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
    font-weight: 700;
}

.new_result_content .recommend-box-wrap .recommend-box-middle p.small_txt {
    font-size: 1.4rem;
    color: #999999;
    font-weight: 500;
}

.new_result_content .recommend-box-wrap .recommend-box-bottom {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0px 10px 20px 14px;
}

.new_result_content .recommend-box-wrap .recommend-box-bottom p {
    font-size: 2.4rem;
}

.new_result_content .recommend-box-wrap .recommend-box-bottom p .red {
    color: #DA291C;
    font-weight: 600;
}

.new_result_content .recommend-box-wrap .recommend-box-bottom .small_txt.commaFmt{
    font-size: 1.2rem;
    text-decoration: line-through;
    color: #707070;
    margin-right: 7px;
}

.recommend-box-wrap .swiper-button-prev, .recommend-box-wrap .swiper-button-next {
    width: 50px;
    height: 35px;
}

.recommend-box-wrap .swiper-button-prev {
    left: 2px;
}

.recommend-box-wrap .swiper-button-next {
    right: 2px;
}

.new_result_content .search-result-wrap .title-box h2 {
    position: relative;
    padding-left: 20px;
    font-size: 1.8rem;
    color: #000;
}

.new_result_content .search-result-wrap {
    margin-top: 60px;
}

.new_result_content .search-result-wrap .title-box h2::before {
    content: '';
    transform: skew(20deg);
    position: absolute;
    top: -2px;
    left: 4px;
    width: 6px;
    height: 15px;
    background-color: #DA291C;
}

.new_result_content .search-result-wrap .title-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.new_result_content .search-result-wrap .title-box .tool-wrap {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 373px);
}

.new_result_content .search-result-wrap .title-box .filter-box label {
    margin-left: 15px;
    margin-bottom: 0;
}

.new_result_content .search-result-wrap .title-box .filter-box label:first-child {
    margin-left: 0;
}

.new_result_content .search-result-wrap .title-box .filter-box .choice-text-wrap {
    margin: 0;
}

.new_result_content .search-result-wrap .title-box .filter-box .choice-text-wrap.l-2 label {
    flex-basis: unset;
    padding-top: 0;
}

.new_result_content .search-result-wrap .title-box .filter-box .text-value img {
    height: 23px;
    margin-right: 5px;
    margin-bottom: 1px;
}

.new_result_content .search-result-wrap .title-box .filter-box .text-value {
    color: #DA291C;
    font-size: 1.2rem;
    font-weight: 400;
}

.new_result_content .search-result-wrap .choice-text-wrap label input[type='checkbox'] + .text-value:before {
    margin-top: 0;
}

.new_result_content .search-result-wrap .choice-text-wrap label input[type='checkbox']:checked + .text-value::after {
    margin-top: 0 ;
}

.new_result_content .recently_opt {
    border: 1px solid #999999;
    border-radius: 5px;
    padding: 0 24px 0 10px;
    height: 28px;
    font-size: 1.4rem;
    font-weight: 400;
}

.new_result_content .btn-toggle-board.column {
    background-image: url('../images/icon/album_toggle_button.png?ver=202610221000');
    border: 1px solid #999999;
    border-radius: 5px;
    padding: 5px 6px;
    height: 28px;
    width: 28px;
    margin-bottom: 1px;
}

.new_result_content .btn-toggle-board.row {
    background-image: url('../images/icon/toggle_button.png?ver=202610221000');
    border: 1px solid #999999;
    border-radius: 5px;
    padding: 5px 6px;
    height: 28px;
    width: 28px;
    margin-bottom: 1px;
}

.new_result_content .board-list.column {
    margin-top: 12px;
}

.new_result_content .board-list.row {
    margin-top: 12px;
}

.new_result_content .filter-result {
    background-color: transparent;
}

.new_result_content .filter-result .depth-box .item {
    border: 1px solid #999999;
    color: #9e9e9e;
    font-size: 1.2rem;
    border-radius: 20px;
    margin-top: 5px;
    padding: 2px 10px;
}

.new_result_content .filter-result .depth-box .item .btn-del {
    width: 8px;
    height: 8px;
    margin-left: 3px;
}

.new_result_content .filter-result {
    padding: 0;
    border-top: 0;
    min-height: 30px;
}

.new_result_content .board-list.column .list > li:hover {
    background: rgba(237, 237, 237, 0.45);
}

.new_result_content .thumb-wrap {
    max-width: 390px;
    max-height: 166px;
}

.new_list .gallery-container {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    flex-direction: row-reverse;
}

.new_list .gallery-main {
    width: 259px;
    height: 166px;
    overflow: hidden;
}

.new_list .swiper-slide img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.new_list .gallery-main .swiper-button-prev, .gallery-main .swiper-button-next {
    position: absolute;
    bottom: 0;
    right: 131px;
    top: 57%;
    left: auto;
    height: 22px;
    width: 32px;
    color: #ffffff;
    background: #707070;
}

.new_list .gallery-main .swiper-button-prev::after, .gallery-main .swiper-button-next::after {
    font-size: 12px;
}

.new_list .gallery-main .swiper-button-prev {
    left: 1px;
}

.new_list .gallery-title {
    position: absolute;
    top: 15px;
    right: 15px;
    font-family: "Epilogue", sans-serif;
    font-size: 50px;
    font-weight: 700;
    text-align: right;
    text-transform: uppercase;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    color: #ffffff;
}

.new_list .gallery-thumbs {
    order: -1;
    width: 121px;
    height: 78px;

}

.new_list .gallery-thumbs .swiper-wrapper {
    flex-direction: column;
}

.new_list .gallery-thumbs .swiper-wrapper div:last-child {
    margin-top: 10px;
}

.new_list .model-info .thumb-wrap {
    background: none;
    border-radius: 0;
}

.new_list .thumb-wrap .btn-wish {
    border-radius: 0 5px 0 0;
    font-size: 1.4rem;
    opacity: 0.7;
}

.new_list .model-info .swiper-pagination {
    color: #C1C1C1;
    background: rgba(0, 0, 0, .5);
    height: 22px;
    border-radius: 24px;
    width: 65px;
    padding: 3px 10px;
    font-size: 1.1rem;
    left: 24%;
    bottom: 5%;
}

.new_list .badge-wrap .item {
    border-radius: 50px;
    border-color: #E8E8E9;
    font-size: 1.2rem;
    color: #9E9E9E;
    padding: 4px 5px;
    line-height: unset;
    position: relative;
    padding-left: 10px;
    font-weight: 400;
    background: #fff;
}

.new_list .badge-wrap .item::before {
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top:10%;
    left: 10px;
}

.new_list .badge-wrap .item p {
    padding-left: 24px;
}

.new_list .badge-wrap .new-cate-1::before {
    background-image: url('../images/BY/tags1_ico.png?ver=202610221000');
}

.new_list .badge-wrap .new-cate-2::before {
    background-image: url('../images/BY/tags2_ico.png?ver=202610221000');
}

.new_list .badge-wrap .new-cate-3::before {
    background-image: url('../images/BY/tags3_ico.png?ver=202610221000');
}

.new_list .badge-wrap .new-cate-4::before {
    background-image: url('../images/BY/tags4_ico.png?ver=202610221000');
}

.new_list .model-info .basic-wrap .title.ellipsis a {
    font-size: 2.0rem;
    float: left;
    width: calc(100% - 50px);
    height: fit-content;
    -webkit-line-clamp: 1;
}

.new_list .model-info .basic-wrap .title.ellipsis .title-year {
    color: #FFF;
    font-weight: 400;
    font-size: 1.4rem;
    background: #999999;
    border-radius: 5px;
    padding: 2px 4.5px;
    float: left;
    margin-right: 8px;
}

.new_list .model-info .basic-wrap .info-list {
    font-weight: 400;
    color: #999;
    margin-top: 7px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.new_list .option-list {
    width: 100%;
    display: flex;
}

.new_list .option-list ul {
    width: 50%;
}

.new_list .option-list ul li {
    position: relative;
    margin-right: 31px;
    width: calc( 50% - 35px );
}

.new_list .option-list ul.price_wrap {
    justify-content: flex-end;
    align-items: center;
}

.new_list .option-list ul.price_wrap li {
    width: fit-content;
    margin-right: 13px;
    display: flex;
    font-size: 2.4rem;
    font-weight: 400;
}

.new_list.album_list .option-list ul.price_wrap li {
    font-size: 2.0rem;
}

.new_list .option-list ul.price_wrap li p.commaFmt{
    color: #DA291C;
    margin-left: 6px;
    font-weight: 600;
}

.new_list .option-list ul.price_wrap li .small_txt.commaFmt {
    font-size: 1.2rem;
    color: #707070;
    text-decoration: line-through;
    margin-left: 0;
    padding-right: 5px;
}

.new_list .option-list ul.price_wrap li:last-child {
    margin-right: 0;
}

.new_list .option-list ul li::before {
    display: block;
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    top: 0;
}

.new_list .option-list ul.price_wrap li::before {
    display: none;
}

.new_list .option-list ul li span {
    padding-left: 23.5px;
    text-align: left;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 2rem;
    text-overflow: unset;
}

.new_list .option-list ul .option-item1::before {
    background: url('../images/icon/option1_ico.png?ver=202610221000') no-repeat;
    background-size: contain;
}

.new_list .option-list ul .option-item2::before {
    background: url('../images/icon/option2_ico.png?ver=202610221000') no-repeat;
    background-size: contain;
}

.new_list .option-list ul .option-item3::before {
    background: url('../images/icon/option3_ico.png?ver=202610221000') no-repeat;
    background-size: contain;
}

.new_list .option-list ul .option-item4::before {
    background: url('../images/icon/option4_ico.png?ver=202610221000') no-repeat;
    background-size: contain;
}


.new_result_content .board-list.column .list > li {
    padding: 34px 21px 34px 0;
}
.new_result_content.ar .board-list.column .list > li {
    padding: 34px 0 34px 21px;
}

.choice-text-wrap label input[type='checkbox']:checked + .text-value::after {
    left: 5px;
    margin-top: 0;
}

.choice-text-wrap label input + .text-value:before {
    border-width: 1px;
    margin-top: 0;
}

.choice-text-wrap label input:checked + .text-value:before {
    /* border-width: 2px; */
    margin-top: 0;
}

.tags-wrap.choice-text-wrap label input[type='checkbox']:checked + .text-value::after {
    margin-top: 0;
}

.new_filter .choice-text-wrap label input[type='checkbox'] + .text-value:before {
    margin-top: 0;
}

/* 앨범형 */

.new_list.album_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.new_list.album_list li {
    width: calc( 33.33% - 10px);
    margin-right: 10px;
}

.new_list.album_list .swiper-slide img {
    border-radius: 15px 15px 0 0;
}

.new_list.album_list .gallery-thumbs {
    display: none;
}

.new_list.album_list .gallery-main .swiper-button-next {
    right: 0;
}

.new_list.album_list .gallery-main {
    width: 315px;
    height: 202px;
}

.new_list.album_list .model-info .thumb-wrap {
    margin-right: 0;
}

.new_list.album_list .model-info .thumb-wrap {
    max-width: 315px;
    max-height: 202px;
}

.new_result_content .board-list.row .new_list.album_list {
    margin: 20px 0 0 0;
}

.new_result_content .board-list.row .new_list.album_list > li {
    padding: 0;
    border: 1px solid #E9E9E9;
    border-radius: 15px;
    margin: 0 10px 0 0;
    width: calc( 33.33% - 10px);
}

.new_result_content .board-list.row .new_list.album_list > li:nth-child(n+4) {
    margin-top: 60px;
}

.new_result_content .board-list.row .new_list.album_list > li:hover {
    background: #fff;
    border-color: #999999;
    box-shadow: 1px 3px 12px rgba(0, 0, 0, .16);
    cursor : pointer;
}

.new_result_content .board-list.row .new_list.album_list > li.index_img {
    border: none;
}




/*.new_result_content .board-list.row .new_list.album_list > li.index_img:hover {*/
/*    border: none;*/
/*    box-shadow: none;*/
/*    background-size: cover;*/
/*}*/

.new_result_content .board-list.row .new_list.album_list > li.index_img1 {
    background: url('../images/BY/index_img1.jpg?ver=202610221000') no-repeat;
    background-size: cover;
}

.new_result_content .board-list.row .new_list.album_list > li.index_img2 {
    background: url('../images/BY/index_img2.jpg?ver=202610221000') no-repeat;
    background-size: cover;
}

.new_result_content .board-list.row .new_list.album_list > li.index_img3 {
    background: url('../images/BY/index_img3.jpg?ver=202610221000') no-repeat;
    background-size: cover;
}

.new_result_content .board-list.row .new_list.album_list > li.index_img4 {
    background: url('../images/BY/index_img4.jpg?ver=202610221000') no-repeat;
    background-size: cover;
}

.new_list.album_list .info-box {
    padding: 20px 11px 33px 7px;
}

.new_list.album_list .model-info .info-column {
    flex-direction: column-reverse;
}

.new_list.album_list .badge-wrap {
    margin-bottom: 0;
    margin-top: 25px;
    /*justify-content: space-between;*/
    justify-content: flex-start;
    height : 10px;
}

.new_list.album_list .badge-wrap .item {
    color: #54585A;
    border: none;
    border-radius: 0;
    padding: 0;
    height: fit-content;
}

.new_list.album_list .badge-wrap .new-cate-1 {
    background: rgba(219, 244, 255, 0.6);
}

.new_list.album_list .badge-wrap .new-cate-4 {
    background: rgba(253, 255, 200, 0.6);
}

.new_list.album_list .badge-wrap .new-cate-2 {
    background: rgba(255, 224, 242, 0.6);
}

.new_list.album_list .badge-wrap .new-cate-3 {
    background: rgba(220, 225, 255, 0.6);
}

.new_list.album_list .badge-wrap .item p {
    padding: 0;
}

.new_list.album_list .badge-wrap .item::before {
    display: none;
}

.new_list.album_list .model-info .basic-wrap .title.ellipsis a {
    width: 100%;
    font-size: 2.4rem;
    margin-top: 5px;
    -webkit-line-clamp: 1;
    word-break: break-all;
}

.new_list.album_list .model-info .basic-wrap .info-list {
    font-size: 1.8rem;
    margin-top: 0;
}

.new_list.album_list .model-info .info-row .basic-wrap {
    margin-right: 0;
}

.new_list.album_list .option-list ul {
    width: 85%;
}

.new_list.album_list .option-list ul.price_wrap {
    width: 35%;
}

.new_list.album_list .option-list ul li {
    margin-right: 7.5px;
    width: calc( 50% - 12px );
}

.new_list.album_list .option-list ul.price_wrap {
    justify-content: flex-end;
}

.new_list.album_list .option-list ul.price_wrap li {
    width: 100%;
}

.new_list.album_list .option-list {
    justify-content: space-between;
    margin-top: 32px;
}

.new_list.album_list .thumb-wrap .btn-wish {
    border-radius: 0 15px 0 0 ;
}

.new_list.album_list .model-info .swiper-pagination {
    left: 50%;
    transform: translateX(-50%);
}

.new_list .model-info img{
    cursor : pointer;
}

.new_list .model-info .inconsult{
    position:absolute;
    top: 8px;
    left:16px;
    border-radius :5px;
    padding: 5px 10px;
    color:#fff;
    background :rgba(255,0,0,0.6);
    z-index:1
}

.new_result_content .board-list.column .list > li:hover {
    background: #fff;
    border-color: #999;
    box-shadow: 1px 3px 12px rgba(0, 0, 0, .16);
}

.new_result_content .board-list.row .list > li:hover {
    background: #fff;
    border-color: #999999;
    box-shadow: 1px 3px 12px rgba(0, 0, 0, .16);
}

.new_list.album_list .option-list ul.price_wrap li .small_txt {
    line-height: 2rem;
}

.new_list.album_list .option-list ul.price_wrap li:first-child {
    margin-bottom: 0;
}

.new_list.album_list .option-list ul.price_wrap li:last-child {
    margin-top: 0;
}

.new_result_content .board-list.column .new_list.album_list > li:nth-child(n+4) {
    margin-top: 60px;
}

.new_filter .tree-wrap .tree-container {
    padding-left: 5px;
}

.new_filter .tree-wrap .tree-header {
    padding-right: 12.5px;
}
.new_filter.ar .tree-wrap .tree-header {
    padding-left: 12.5px;
    padding-right: 0px;
}
.new_filter .tree-wrap .choice-text-wrap {
    font-size: 1.3rem;
}
.new_filter .tree-wrap .choice-text-wrap label input + .text-value:before {
    margin-right: 5px;
}
.new_filter.ar .tree-wrap .choice-text-wrap label input + .text-value:before {
    margin-left: 5px;
    margin-right: 0;
}
.new_filter .tree-wrap .text-count {
    padding-top: 4px;
}

.new_filter.ar .choice-text-wrap label input[type='checkbox']:checked + .text-value::after{ left: initial; right: 5px; }
.new_filter.ar .tree-wrap .tree-container {display: none; padding-left: 0px; padding-right: 5px;}
.new_filter.ar .choice-text-wrap .with-btn button { padding-left: 0px; }
.new_filter.ar .choice-text-wrap label { margin: 0px 0px 10px 0px; }
.new_filter.ar .tree-wrap .choice-text-wrap .with-btn label { margin-top: 0; margin-bottom: 0;}
.new_filter.ar .tags-wrap label .text-value img { margin-right:0px; margin-left: 5px; }
.new_filter.ar .choice-color-wrap.s-sm label .text-value { margin: 4px 0 0 0; }
.new_filter.ar .form-range.cat_container .price_choose li { margin-right: 0; margin-left: 10px; }
.new_result_content.ar .recommend-wrap .title-box h2::before { left: 0; right: 160px; }
.new_list.ar .model-info .basic-wrap .title.ellipsis .title-year { float: right; margin-left: 8px; margin-right: 0; }
.new_list.ar .model-info .basic-wrap .title.ellipsis a { float: right; direction: ltr; text-align: right; }
.new_list.ar .model-info .basic-wrap .info-list { direction: ltr; text-align: right; }
.new_list.ar .option-list ul li { margin-left: 31px; margin-right: 0; }
.new_list.ar .option-list ul li::before { right: 0; }
.new_list.ar .option-list ul li span { padding-left: 0; padding-right: 23.5px; text-align:right; }
.new_list.ar .model-info .info-row .basic-wrap { margin-left: 24px; margin-right: 0; }
.new_list.ar .badge-wrap .item { padding-left: 5px; padding-right: 10px; margin-left: 4px; margin-right: 0; }
.new_list.ar .badge-wrap .item::before { left: 0; right: 4px; }
.new_list.ar .badge-wrap .item p { padding-left: 0; padding-right: 18px; }
.new_list.ar .gallery-main .swiper-button-prev { left: 131px; right: 1px; border-radius: 58px 0 0 58px; }
.new_list.ar .gallery-main .swiper-button-next { left: 131px; right: auto; border-radius: 0 58px 58px 0;}
.new_list.ar .swiper-button-prev:after { content: 'next'; }
.new_list.ar .swiper-button-next:after { content: 'prev'; }
.new_list.ar .model-info .swiper-pagination { left: 0; right: 24% }
.new_list.ar.album_list .model-info .thumb-wrap { margin : 0 0 0 0; }
.new_list.ar.album_list .gallery-main .swiper-button-next { left: 0; right: auto; }
.new_list.ar.album_list .model-info .basic-wrap .info-list { direction: ltr; text-align: right; }
.new_list.ar .model-info .swiper-pagination .swiper-pagination-current { margin-right: 0; margin-left: 4px; }
.new_list.ar .model-info .swiper-pagination .swiper-pagination-total { margin-left: 0; margin-right: 4px; }
.new_list.ar.album_list .option-list ul li { margin-right: 4px !important; margin-left: 7.5px !important; }
.new_list.ar.album_list .badge-wrap .item p { padding-left: 0; padding-right: 0; margin-left: 0;}
.new_list.ar.album_list .badge-wrap .item { margin-right: 0; margin-left: 4px; padding-left: 0 !important; padding-right: 0 !important; }
.new_result_content.ar .search-result-wrap .title-box .filter-box label { margin-left: 0; margin-right: 15px; }
.new_result_content.ar .search-result-wrap .title-box .filter-box label:first-child { margin-left: 0; margin-right: 0; }
.new_result_content.ar .paginate-wrap .btn.first { transform: rotate(180deg); }
.new_result_content.ar .paginate-wrap .btn.last { transform: rotate(0deg); }
.new_result_content.ar .paginate-wrap .btn.prev { transform: rotate(180deg); }
.new_result_content.ar .paginate-wrap .btn.next { transform: rotate(0deg); }
.new_result_content.ar .recommend-box-wrap .recommend-box-middle p { direction: ltr; text-align: right; }
.new_result_content.ar .recommend-box-wrap .recommend-box-bottom .small_txt.commaFmt { margin-left: 7px; margin-right: 0; }
.new_list.ar .option-list ul.price_wrap li .small_txt.commaFmt { padding-left: 0; padding-right: 0; margin-right: 0; }
.new_list.ar .option-list ul.price_wrap li { margin-left: 13px; margin-right: 4px; text-align: right; }
.new_list.ar .option-list ul.price_wrap li:last-child { margin-left: 0; }
.new_list.ar.album_list .info-box { padding-right: 7px; padding-left: 11px; }
.new_list.ar.album_list .option-list ul.price_wrap { width: 35%; }

/* e : 20231115 오토 글로벌 내 차 사기 수정 */