/*********************************************************************
SELECT #셀렉트
*********************************************************************/

/*---------------------------------------------
	Select Reset
---------------------------------------------*/
.select-box > .se-select select::-ms-expand { display: none; }
.select-box > .se-select { position: relative;  display: inline-block; }
.select-box > .se-select select { line-height: initial;  -webkit-appearance: none; -moz-appearance: none; -o-appearance:none; appearance: none;  border: none; border-radius: 0; background-color: none; outline: none;  }
.select-box > .se-select select::-ms-value { background-color: transparent; color: var(--normal); }

/*---------------------------------------------
	Select Default
---------------------------------------------*/
.select-box > .se-select { width:100%; max-width:410px; }
.select-box > .se-select label { display:inline-block; font-size:var(--font14); color:var(--normal); }
.select-box > .se-select select { z-index:1; position:relative; width: 100%; height: 46px; padding: 0px 28px 0 16px; line-height:1.5; font-size: var(--font16); font-weight:var(--w-regular); color:var(--subtitle); background-color:var(--white); border: solid 1px var(--border2);  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; cursor: pointer;}
.select-box > .se-select select { background: url(../../images/common/ic_select_off.png)no-repeat var(--white) top 50% right 16px/20px; }
.select-box > .se-select[data-status=open] select { background: url(../../images/common/ic_select_on.png)no-repeat var(--white) top 50% right 16px/20px;}
.select-box > .se-select select option { background-color:var(--white);  color: var(--normal); }
/* select disabled */
.select-box > .se-select select:disabled,
.select-box > .se-select select[disabled=disabled],
.select-box > .se-select[data-stove=select] select[disabled]  { border-color: var(--border2); background-color:var(--background2); color: var(--inactive); opacity: 1; cursor: initial; }
/* select readonly */
.select-box > .se-select select:disabled[data-status=readonly],
.select-box > .se-select select[disabled=disabled][data-status=readonly] {  border-color: var(--border2); background-color:var(--white); }
/* select focus - default */
.select-box > .se-select select:disabled[data-status=readonly]:focus,
.select-box > .se-select select[disabled=disabled][data-status=readonly]:focus { background-color:var(--white); }
/* select focus - custom */
.select-box > .se-select[data-stove=select][data-status=open] select,
.select-box > .se-select[data-stove=select][data-status=open] select:focus,
.select-box > .se-select select:focus { border: 1px solid var(--normal); }
.select-box > .se-select[data-stove=select] div.stove-option-layer div.stove-option-scroll div.stove-options button.stove-option:focus-visible { border: 1px solid var(--normal); }/*20241226*/
/*select error - default [현재는 form-group에 error 클래스를 추가하여 전체 스타일 적용상태]*/
.form-group.error .select-box > .se-select select,
.form-group.error .select-box > .se-select select[data-status=error],
.form-group.error .select-box > .se-select select:invalid { border-color: var(--error); background-color:var(--white); opacity: 1; }
/* Select select[선택] */
.select-box > .se-select[data-stove=select] select{ color:var(--normal); }

/*---------------------------------------------
	Select Stove Custom
---------------------------------------------*/
.select-box > .se-select[data-stove=select] div.stove-dim { z-index: 11; display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }
.select-box > .se-select[data-stove=select] div.stove-dim.on { display: block; }
.select-box > .se-select[data-stove=select] div.stove-option-layer {z-index:12; overflow: hidden; position: absolute; left: 0px; width: 100%; background-color:var(--white); box-sizing: border-box; border: 1px solid transparent; border-color: var(--border2); outline: none; }
.select-box > .se-select[data-stove=select] div.stove-option-layer div.stove-options-title { display: none; }
.select-box > .se-select[data-stove=select] div.stove-option-layer div.stove-option-scroll { position: relative; width: 100%; height: 100%; max-height: 200px; overflow-y: auto; }
.select-box > .se-select[data-stove=select] div.stove-option-layer div.stove-option-scroll div.stove-options button.stove-option { width: 100%; height: 46px; padding: 14px 16px; font-size: var(--font16); line-height: 1; background-color:var(--white); border: none; text-align: left; color:var(--subtitle); box-sizing: border-box; cursor: pointer; }
.select-box > .se-select[data-stove=select] div.stove-option-layer div.stove-option-scroll div.stove-options button.stove-option.on { font-weight: var(--w-bold); }
.select-box > .se-select[data-stove=select] div.stove-option-layer div.stove-option-scroll div.stove-options button.stove-option:hover { background-color:var(--background2); color:var(--normal); }
.select-box > .se-select[data-stove=select] div.stove-option-layer div.stove-option-scroll div.stove-options button.stove-option[disabled] { background-color: transparent; opacity: 0.5; cursor: default; }
.select-box > .se-select[data-stove=select] div.stove-option-layer div.stove-option-scroll div.stove-options button.stove-option[disabled].on {  background-color: transparent; }
.select-box > .se-select[data-stove=select] div.stove-option-layer div.stove-option-scroll div.stove-options button.stove-option[disabled]:hover { font-weight: var(--w-regular); }
.select-box > .se-select[data-stove=select] div.stove-option-layer button.stove-btn-close { opacity: 0; position: absolute; top: 10px; right: 10px; width: 24px; height: 24px; border: 1px solid transparent; background-color: transparent; background-repeat: no-repeat; background-size: 24px; background-position: center center; cursor: pointer; }
.select-box > .se-select[data-stove=select] div.stove-option-layer.va-slide { position: fixed; top: auto; bottom: -100%; transition: bottom 300ms; border-color: transparent; border-radius: 10px 10px 0 0; overflow: hidden; }
.select-box > .se-select[data-stove=select] div.stove-option-layer.va-slide div.stove-options-title { display: block; z-index: 9; position: absolute; top: 0; left: 0x; width: 100%; height: 40px; padding: 7px 30px 0px 15px; background-color: var(--white); font-size: var(--font18); }
.select-box > .se-select[data-stove=select] div.stove-option-layer.va-slide div.stove-option-scroll { max-height: 400px; }
.select-box > .se-select[data-stove=select] div.stove-option-layer.va-slide div.stove-option-scroll div.stove-options { padding: 35px 0 10px 0; }
.select-box > .se-select[data-stove=select] div.stove-option-layer.va-slide div.stove-option-scroll div.stove-options button.stove-option { height: 46px; }
.select-box > .se-select[data-stove=select] div.stove-option-layer.va-slide button.stove-btn-close { z-index: 10; opacity: 1; }
.select-box > .se-select[data-stove=select] div.stove-option-layer.va-slide.on { bottom: 0px; }
.select-box > .se-select[data-stove=select] div.stove-option-layer.va-upshow { top: auto; bottom: 100%; }

/*---------------------------------------------
	Select scroll 20241226
---------------------------------------------*/
.select-box > .se-select[data-stove=select] div.stove-option-layer div.stove-option-scroll::-webkit-scrollbar { width:11px; }
.select-box > .se-select[data-stove=select] div.stove-option-layer div.stove-option-scroll::-webkit-scrollbar-thumb { width:11px; background-color:var(--border2); border-radius:2px; }
.select-box > .se-select[data-stove=select] div.stove-option-layer div.stove-option-scroll::-webkit-scrollbar-track { width:14px; background-color:var(--background2); border-radius:5px; }
.select-box > .se-select[data-stove=select] div.stove-option-layer div.stove-option-scroll::-webkit-scrollbar-button {  height:100%; }

/*********************************************************************
Datepicker #데이터피커
*********************************************************************/
/*---------------------------------------------
	Datepicker Custom Default
---------------------------------------------*/
[class*='picker'].form-control { background:url(../../images/ic_datepicker.png)no-repeat right 16px center/20px; }

.ui-datepicker { z-index:2; display: none; top: 0; left: 0; margin-top: 10px; margin-left: 10px; margin-right: 0px; padding: 20px; border-radius: 16px; border: 1px solid var(--border1); background: var(--white); box-shadow: 10px 10px 40px rgba(0,0,0,0.1); } 
.ui-datepicker table { width:100%; margin:0 0 16px; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { background-color: transparent; font-size:var(--font16); font-weight: 400; text-align: center; }
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus { background-color: transparent; }
.ui-datepicker-buttonpane button:focus { outline:1px solid #111; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { font-weight:700; color:var(--secondary); }
input.form-control:read-only.datepicker:focus,
.ui-state-default:focus,
.ui-datepicker-close:focus,
.ui-datepicker-current:focus { border:1px solid var(--title); }

.ui-datepicker .ui-datepicker-header { position: relative; margin-bottom:37px; background: var(--white); }
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year,
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month,
.ui-datepicker .ui-datepicker-header .ui-datepicker-title { display:flex; justify-content: center; align-items: center; text-align: center; padding: 0px; font-size: var(--font18); font-weight: 700; color:var(--title); background: var(--white); }
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next { cursor: pointer; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-next { float: right; }

.ui-datepicke .ui-datepicker-calendar thead { margin-bottom:10px; }
.ui-datepicker-calendar>thead>tr>th { text-align: center; padding-bottom: 20px; font-size: var(--font16); font-weight:600; }
.ui-datepicker-calendar>tbody>tr>td { border-radius: 100%; width: 40px; height: 40px; padding: 5px; text-align: center; font-size: var(--font16); cursor: pointer; }
.ui-datepicker-calendar>tbody>tr>td.ui-state-disabled { color: hsla(0, 0%, 80%, 1); cursor: auto; }
.ui-datepicker-calendar>tbody>tr>td.ui-state-disabled:hover { background-color: #fff; cursor: auto; opacity: inherit; }
.ui-datepicker-calendar>tbody>tr>td:hover { background-color: transparent; opacity: 0.6; }
.ui-datepicker-calendar>tbody>tr>td:first-child .ui-state-default{ color: red; }
.ui-datepicker-calendar>tbody>tr>td:last-child .ui-state-default{ color: #0099ff; }
.ui-datepicker-calendar>thead>tr>th:first-child { color: red; }
.ui-datepicker-calendar>thead>tr>th:last-child { color: #0099ff; }
.ui-datepicker-calendar>tbody>tr>td .ui-state-default.ui-state-active { display:flex; align-items:center; justify-content: center; width:30px; height:30px; line-height: 1; background: var(--secondary); border-radius: 50%; color:var(--white);}

.ui-widget-header .ui-datepicker-next { right:0;}
.ui-widget-header .ui-datepicker-next .ui-icon { right:0; background: url('../../images/ic_cal_arrow.png')no-repeat 100%/24px auto; }
.ui-widget-header .ui-datepicker-prev .ui-icon { left:0; background: url('../../images/ic_cal_arrow.png')no-repeat 100%/24px auto; transform: rotate(180deg); }
.ui-widget-header .ui-datepicker-next,
.ui-widget-header .ui-datepicker-prev { z-index:1; position:absolute; top:-2px; width:30px; height:30px; }
.ui-widget-header .ui-datepicker-next .ui-icon,
.ui-widget-header .ui-datepicker-prev .ui-icon { content:''; position:absolute; width:24px; height:24px; font-size:0; }

.ui-datepicker-buttonpane .ui-datepicker-current { float:right; }
.ui-datepicker-buttonpane button { cursor: pointer; color:var(--secondary); }

/*---------------------------------------------
	yeardatepicker popup Layout
---------------------------------------------*/
.layerpopup.laypop.yeardate .content-wrap { min-height:357px; }

/*********************************************************************
FORM #폼
*********************************************************************/

/*---------------------------------------------
	Form Common Layout
---------------------------------------------*/
.form-group label { margin-bottom:14px; line-height:1; font-size:var(--font14); color:var(--inactive); } /*라벨*/
.form-group.check label,
.form-group.radio label { margin-bottom:0; font-size:var(--font16); }/*체크, 라디오 라벨*/
.form-wrap .form-group:first-child { margin-top:0; }
.form-wrap .form-group { margin-top:24px; }
.form-group { display:block; }
.form-group .form-row { display:flex; flex-wrap:nowrap; width:100%; gap:10px; }
/**  checkbox/radio **/
.form-group.check ul.check-box,
.form-group.radio ul.radio-box { display:flex; flex-wrap:wrap; gap:20px; }
/* radio column */
.form-group.radio ul.radio-box.column { flex-direction:column; }
/*** ---max-width---  ***/
.form-group input.form-control{ width:100%; max-width:410px; }
/** Form Layout - 컨포넌트 3개 이상일 경우 **/
.form-group .form-row .select-box { width:100%; max-width:162px; }
/* Form Layout - search */
.form-wrap.search .form-group { width:100%; max-width:956px; }
/** Form Layout - footer **/
.form-group.style2 { width:100%; max-width:331px; }
.form-group.style2 .select-box { width:100%; max-width:263px; }
.form-group.style2 .select-box > .se-select[data-stove=select] div.stove-option-layer { bottom:48px; }
.form-group.style2 .select-box > .se-select[data-stove=select] div.stove-option-layer,
.form-group.style2 .select-box > .se-select select { border-radius:6px; }
.form-group.style2 .select-box > .se-select select,
.form-group.style2 button.btn { height:40px; line-height: 1; }
/* Form Layout - 788px */
.form-group.style3 { width:100%; max-width:788px; }

/*********************************************************************
INPUT  #인풋
*********************************************************************/
/*---------------------------------------------
	Input Reset
---------------------------------------------*/
input { display:block; width:100%; line-height:initial; box-sizing:border-box; border:none; border-radius: 0; background-color: none; -o-appearance:none; -webkit-appearance:none; -moz-appearance: none; appearance: none; white-space: nowrap; overflow:hidden; outline:none; cursor: pointer; }
input:disabled { cursor: initial; }
/** Firefox Browser **/
input[type=number],
input[type=number] { -moz-appearance: textfield; }
/** Webkit Browser (예: Chrome, Safari) **/
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
/** Edge Browser **/
input[type="password"]::-ms-reveal { display: none; }
input[type="radio"],
input[type="checkbox"] {  box-sizing: border-box; padding:0; }
input::-ms-clear,
input::-ms-reveal { display: none;}

/*---------------------------------------------
	Input Default
---------------------------------------------*/
textarea { overflow-y:scroll; width:100%; height:240px; padding:14px 16px; resize:none; white-space:pre-line; line-height:1.188rem; font-size:var(--font16); font-weight:var(--w-regular); color:var(--subtitle); border:1px solid var(--border2); background-color: var(--white); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 0; -moz-border-radius: 0;-webkit-border-radius: 0; }
input.form-control,
.form-group .upload-name { padding:0 16px; height:46px; line-height:1.188rem; font-size:var(--font16); font-weight:var(--w-regular); color:var(--subtitle); border:1px solid var(--border2); background-color: var(--white); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;  }
input.form-control.amount-num { padding:0 32px 0 16px; }
textarea::placeholder,
input.form-control::placeholder { color:var(--subtitle); }
input.form-control::-moz-placeholder,
input.form-control::-ms-input-placeholder { color:var(--subtitle); }
textarea:focus,
input.form-control:focus { border-color:var(--normal); color:var(--normal); }
textarea:valid,
input.form-control:valid { color:var(--normal); }
input.form-control:disabled { background: var(--background2); color:var(--inactive); }
input.form-control:read-only { border:1px solid var(--border2); }
/*textarea error - default [현재는 form-group에 error 클래스를 추가하여 전체 스타일 적용상태]*/
.form-group.error textarea { border:1px solid var(--error); }

/*********************************************************************
INPUT_ ETC
*********************************************************************/
/*---------------------------------------------
	Input_첨부파일 File Custom
---------------------------------------------*/
.form-group .upload-name { display:flex; align-items: center; width:100%; max-width:410px; }
input.form-control.plus-file { position:absolute; left:0; top:0; width:100%; height:100%; opacity: 0; cursor: pointer; font-size:0; max-width:512px; z-index:1; }

/*---------------------------------------------
	Input_첨부파일 error
---------------------------------------------*/
.form-group.error .upload-name { border:1px solid var(--error); }

/*---------------------------------------------
    Input_첨부파일_File Custom_파일첨부했을 때 list
---------------------------------------------*/
.add-file li { display:inline-flex; margin-top:20px; margin-right:20px; padding:11px 14px 12px; border:1px solid var(--border3); border-radius:4px; font-size:var(--font14); font-weight:var(--w-regular); color:var(--title); background:var(--white); }
.add-file li span.delete-file { display:inline-block; margin-left:8px; width:30px; height:20px; font-size:0; background:url(../../images/ic_file_x.png)no-repeat 50%/12px auto; cursor: pointer;}

/*---------------------------------------------
	Input_주민등록번호 Number Custom
---------------------------------------------*/
.input-hyphen { display:flex; align-items: center; justify-content: center; font-size:var(--font14); }
.jumintext { position:absolute; left:34px; top:50%; transform: translateY(-50%); font-size:var(--font16); font-weight: var(--w-regular); color:var(--normal); }

/*---------------------------------------------
	Input_원/개월/% Text Custom
---------------------------------------------*/
/* .amount { position:relative; } */
.amount-txt { position:absolute; transform: translateY(-50%); top:50%; right:16px; font-size:var(--font16); font-weight:var(--w-bold); color:var(--normal); }

/*---------------------------------------------
	Input_원/개월/%_수수료 Text Custom
---------------------------------------------*/
.charge { display:flex; align-items: center; width:100%; width:100%; }/*20241231*/
.charge .col-2 { max-width:90px; }
.charge .tit { display:inline-block; padding-right:12px; font-size:var(--font16); font-weight:bold;} /*20241224*/
.charge .num { position:absolute; right:0; font-size:var(--font16); }
.charge .num > span { padding-right:5px; }

/*---------------------------------------------
	Input_유효성체크
---------------------------------------------*/
.form-group .info { display:none; }
.form-group.error .info,
.form-group.correct .info { display:block; }
.form-group.error .info,
.form-group .info { padding-left:24px; margin-top:8px; font-size:var(--font14); font-weight:var(--w-regular); }
.form-group.error .info { color:var(--error); }
.form-group .info { color:var(--secondary); }
.form-group.error .info:before,
.form-group .info:before,
.caption:before,
.caption3:before { content:''; position:absolute;/*top:50%;*/ left:0; /*transform:translateY(-50%);*/ width:16px; height:16px; }
.form-group.error .info:before { background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cg data-name='그룹 65500'%3E%3Cg fill='%23fff' stroke='red' stroke-miterlimit='10' data-name='Oval 2' transform='translate(1 1)'%3E%3Ccircle cx='7' cy='7' r='7' stroke='none'/%3E%3Ccircle cx='7' cy='7' r='7.5' fill='none'/%3E%3C/g%3E%3Cpath fill='red' d='M7 11a1 1 0 1 1 1 1 1 1 0 0 1-1-1Zm.6-2a1 1 0 0 1-.88-.53l-.49-.92A2 2 0 0 1 6 6.63V5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v1.66a2 2 0 0 1-.24.96l-.48.86a1 1 0 0 1-.87.52Z' data-name='Combined Shape'/%3E%3C/g%3E%3C/svg%3E")no-repeat center;  }
.form-group .info:before,
.caption:before,
.caption3:before { background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cg data-name='그룹 65500'%3E%3Cg fill='%23fff' stroke='%23056ED6' stroke-miterlimit='10' data-name='Oval 2' transform='translate(1 1)'%3E%3Ccircle cx='7' cy='7' r='7' stroke='none'/%3E%3Ccircle cx='7' cy='7' r='7.5' fill='none'/%3E%3C/g%3E%3Cpath fill='%23056ED6' d='M7 11a1 1 0 1 1 1 1 1 1 0 0 1-1-1Zm.6-2a1 1 0 0 1-.88-.53l-.49-.92A2 2 0 0 1 6 6.63V5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v1.66a2 2 0 0 1-.24.96l-.48.86a1 1 0 0 1-.87.52Z' data-name='Combined Shape'/%3E%3C/g%3E%3C/svg%3E")no-repeat center; }
.form-group.error input.form-control:invalid,
.form-group.error input.form-control  { border:1px solid var(--error); }

/*---------------------------------------------
	Input_인증번호 시간연장
---------------------------------------------*/
.form-group .timeNum { position:absolute; transform: translateY(-50%); top:50%; right:34px; color:var(--error); }
.form-group .timeNum::before,
.form-group .timeNum::before { content:''; position: absolute; top:50%; transform:translateY(-50%); right:-24px; width:20px; height:20px; }
.form-group .timeNum::before { background: url(../../images/ic_time_off.png) no-repeat 100%/20px auto; }
.form-group .timeNum.active::before { background: url(../../images/ic_time_on.png) no-repeat 100%/20px auto; }

/*********************************************************************
INPUT_ CHECKBOX/RADIO/Toggle  #체크박스 #라디오 #토글
*********************************************************************/
/*---------------------------------------------
	Input_Radio Style
---------------------------------------------*/
.form-group > ul.radio-box input[type="radio"] ,
.form-group > ul.check-box input[type="checkbox"] {  min-width:24px; width:24px; height:24px;   }

.form-group > ul.check-box li>label,
.form-group > ul.radio-box li>label { line-height:24px; /*padding-left:10px;*/  }

.form-group > ul.radio-box input[type="radio"]:checked + label,
.form-group > ul.check-box input[type="checkbox"]:checked  + label { font-weight: var(--w-bold); color:var(--title); }

.form-group ul.radio-box>li,
.form-group ul.check-box>li{ display:flex; column-gap:10px; }
.form-group > ul.radio-box input[type="radio"]:focus-visible,
.form-group > ul.check-box input[type="checkbox"]:focus-visible { outline: 1px solid var(--secondary); }

.form-group > ul.radio-box input[type="radio"] { border:7.5px solid var(--background1); background: var(--white); border-radius: 50%; }
.form-group > ul.radio-box input[type="radio"]:checked { background:var(--white); border:7.5px solid var(--secondary);  }

.form-group > ul.check-box input[type="checkbox"] { border:1px solid var(--border1); background: url(../../images/common/ic_check_off.png) no-repeat var(--white) 50%/12px; }
.form-group > ul.check-box input[type="checkbox"]:checked { border:1px solid var(--secondary); background: url(../../images/common/ic_check_on.png) no-repeat var(--secondary) 50%/12px; }
.form-group > ul.check-box input[type="checkbox"]:disabled { border:1px solid var(--border2); background: url(../../images/common/ic_check_off.png) no-repeat var(--background1) 50%/12px; }

/*---------------------------------------------
	Input_Toggle style
---------------------------------------------*/
.form-group > div.toggle-box input[type="checkbox"] { display:inline-block; width:40px; height: 24px; border-radius: 12px;;  background:var(--background1); transition:all 0.3s ease; }
.form-group > div.toggle-box input[type="checkbox"]:before { content:''; position:absolute; top:50%; left:3px; transform: translateY(-50%); width:20px; height:20px; border-radius: 50%; background: var(--white); box-shadow:0px 2px 5px 0px rgba(23,4,61,0.2);  }

.form-group > div.toggle-box input[type="checkbox"]:checked { background: var(--secondary); }
.form-group > div.toggle-box input[type="checkbox"]:checked::before { background: var(--white); left:auto; right:3px;}

.form-group > div.toggle-box input[type="checkbox"]:focus { outline: 1px solid var(--secondary); }

/*---------------------------------------------
	약관 체크박스
---------------------------------------------*/
/** 약관 레이아웃 **/
.terms-area { display:inline-block; max-width:557px; width:100%; border:1px solid var(--border3); }
.terms-wrap input[type="checkbox"] { display:block; position:absolute; top:0; left:0; width:100%; height:100%; appearance:none; background-color:transparent; -webkit-appearance:none; cursor: pointer; }
.terms-area + .form-group,
.tit-main-area + .result-wrap { margin-top:40px; }

/* [전체] - 전체체크 */
.terms-wrap .chk-all + .terms-wrap.level2 { margin-top:20px; }
.terms-wrap.level1 { padding:12px 20px; border-bottom:1px solid var(--border3); }
.terms-wrap.level1 input { width:24px; height:24px; border:1px solid var(--border1); border-radius: 50%; background:url(../../images/common/ic_check_off.png) no-repeat 50%/12px auto; }
.terms-wrap.level1 input:checked { border:1px solid var(--secondary); background:url(../../images/common/ic_check_on.png) no-repeat var(--secondary) 50%/12px auto; }/*20241226*/
.terms-wrap.level1 input + label  { padding-left:34px; color:var(--normal); line-height: 24px; }
.terms-wrap.level1 input:checked + label > span { font-weight: var(--w-bold); color:var(--titl); }

/* [필수/선택] - 개별체크 */
.terms-box { padding:20px; }
.terms-wrap.level2 + .level2 { margin-top:16px; }
.terms-wrap.level2 .btn.btn.btn-text.small { z-index:1; position:absolute; right:20px; padding-top:2px; line-height:21px; }/*20241226*/

.terms-wrap.level2 input[type="checkbox"] { width:24px; height:24px; background: url(../../images/common/ic_check_off.png)no-repeat 50%/12px auto; }
.terms-wrap.level2 input[type="checkbox"]:checked { width:24px; height:24px;  background: url(../../images/common/ic_chk2_on.png)no-repeat 50%/12px auto; }
.terms-wrap.level2 input[type="checkbox"] + label { line-height: 24px; padding: 0 10px 0 34px; color:var(--normal); }

/* 약관 포커스 */
.terms-wrap input[type="checkbox"]:focus-visible { outline: 1px solid var(--secondary); }/*20241218*/

/*********************************************************************
Button #버튼
*********************************************************************/
/*---------------------------------------------
	Button
---------------------------------------------*/
/* [class*='btn']:focus { outline:none; } */
/* [class*='btn-primary']:not(.disabled):focus{ outline:2px solid var(--secondary); } */
.btn-wrap { font-size:0; }/* Button Reset */

/*---------------------------------------------
	Button Layout
---------------------------------------------*/
.btn-wrap button.btn:first-child { margin-left:0; }/*공통*/
.btn-wrap button.btn { margin-left:16px; }/*공통*/
.btn-wrap.cont { margin:20px 0 40px; width:100%; text-align:center; }/* 컨테츠 버튼 */
.btn-wrap.bottom,
.btn-wrap.error { margin:20px 0 40px; width:100%; text-align:center; }/* 컨테츠 하단 버튼 / 에러 버튼 */
.btn-wrap.popup { margin:28px 0; width:100%; text-align:center; }/* 팝업 버튼 */
.btn-wrap.alert { margin:40px 0 30px; width:100%; text-align:center; }/* 알럿 버튼 */

/*---------------------------------------------
	Button Focus
---------------------------------------------*/
button:focus-visible,
.btn:focus-visible { outline:1px solid var(--secondary); }

.accordion-wrap .btn-wrap button.btn.btn-cont.active:focus-visible,
button.btn.btn-logout:focus-visible,
button.btn.btn-bottom:focus-visible,
button.btn.btn-input.active:focus-visible,
button.btn.btn-search:focus-visible,
button.btn.btn-primary:focus-visible,
button.btn.btn-estimate:focus-visible { outline:1px solid var(--secondary); border:1px solid var(--white); }

/*---------------------------------------------
	Button Default
---------------------------------------------*/
button.btn { display:inline-block; padding:0 40px; margin:0; height:54px; font-size:var(--font20); font-weight:var(--w-bold); text-align:center; vertical-align:middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none; background: transparent; border: transparent; border-radius: 6px;  word-break: keep-all; cursor: pointer; }

/*---------------------------------------------
	Button Style
---------------------------------------------*/

/*로그아웃버튼*/
button.btn.btn-logout { padding:0px 15px; height:26px; border-radius:14px; font-size:var(--font14); font-weight:var(--w-bold); color:var(--white); background:var(--primary)}

/*하단버튼*/
button.btn.btn-primary { color:var(--white); background:var(--primary); }
button.btn.btn-primary.disabled { color:var(--inactive); background: var(--background1); }
button.btn.btn-secondary { color:var(--normal); background:var(--border3); }

/*컨텐츠버튼*/
button.btn.btn-cont:not(.disabled):hover{ border:1px solid var(--secondary); color:var(--secondary); }
button.btn.btn-cont { border:1px solid var(--normal); color:var(--normal); background:var(--white); }
button.btn.btn-cont.disabled { border:0; color:var(--inactive); background: var(--background1); cursor:unset; }

/*폼버튼*/
button.btn.btn-input { height:46px; padding:0 16px; font-size:var(--font16); color:var(--inactive); background:var(--background1); }
button.btn.btn-input.active { color:var(--white); background: var(--background3); }
button.btn.btn-input:disabled { cursor:unset; color:var(--inactive); background:var(--background2); }


/* 팝업 및 알럿 버튼 */
button.btn.btn-close { padding:0 60px; color:var(--normal); background:var(--background2); }
button.btn.btn-bottom { padding:0px 60px; color:var(--white); background:var(--primary); }
button.btn.btn-bottom.disabled { padding:0px 60px; color:var(--inactive); background:var(--background1); }

button.btn.btn-text { position:relative; padding:0; border:none; height:auto; font-size:var(--font16);  color:var(--secondary); text-decoration: underline; text-underline-offset:4px; } /*텍스트 버튼 - underline*/

/* 텍스트 버튼 - medium,small */
button.btn.btn-text.medium,
button.btn.btn-text.small  { font-weight:var(--w-regular); color:var(--subtitle); text-decoration: none; }
button.btn.btn-text.small { font-size:var(--font14); }
button.btn.btn-text.medium::after,
button.btn.btn-text.small::after { content:''; position:absolute; transform: translateY(-50%); top:50%; right:-14px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' stroke='%23b7b7b7' stroke-width='1.5' d='M0 0h15v15H0z' data-name='사각형 3363'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='none' stroke='%23757575' stroke-linecap='round' stroke-linejoin='round' d='m6.93 3 4.57 4.57-4.57 4.57' data-name='패스 20464'/%3E%3C/g%3E%3C/svg%3E")no-repeat center; }
button.btn.btn-text.medium::after { width:18px; height:20px; }
button.btn.btn-text.small::after { width:14px; height:14px; }
button.btn.btn-text.medium:hover,
button.btn.btn-text.small:hover { color:var(--secondary); }
button.btn.btn-text.medium:hover::after,
button.btn.btn-text.small:hover::after { background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' stroke='%23056ED6' stroke-width='1.5' d='M0 0h15v15H0z' data-name='사각형 3363'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='none' stroke='%23056ED6' stroke-linecap='round' stroke-linejoin='round' d='m6.93 3 4.57 4.57-4.57 4.57' data-name='패스 20464'/%3E%3C/g%3E%3C/svg%3E")no-repeat center; }

/* 검색 버튼 / 삭제 버튼*/
button.btn.btn-search { padding:0; height:46px; width:30px; padding:0 32px; background:url(../../images/ic_search.png)no-repeat var(--background3) 50%/30px auto; }
button.btn.btn-cancel { content:''; position:absolute; z-index:11; transform: translateY(-50%); top:50%; right:16px; padding:0; width:24px; height:24px; background:url(../../images/common/ic-cancel.png)no-repeat 100%/24px auto;}

/* 현황조회 버튼 - 아코디언*/
.accordion-wrap .btn-wrap { margin:50px 0 10px; text-align: center; }
.accordion-wrap .btn-wrap button.btn.btn-cont { padding:0 16px; height:46px; font-size:var(--font16); }
.accordion-wrap .btn-wrap button.btn.btn-cont:not(.disabled, .active):hover { border:1px solid var(--background3); color:var(--background3);  }
.accordion-wrap .btn-wrap button.btn.btn-cont.active { background:var(--background3); border:1px solid var(--background3); color:var(--white); }

/* 오른쪽 버튼 */
.btn-wrap.right-btn { margin:20px 0; width:100%; text-align:right; }

/* 등록하기 + 아이콘 버튼 */
.btn-wrap.right-btn button.btn.btn-icon { padding:0 44px 0 20px; height:44px; border:1px solid var(--border1); border-radius:6px; font-size:var(--font16); color:var(--normal); }
.btn-wrap.right-btn button.btn.btn-icon:after { content:''; position:absolute; transform: translateY(-50%); top:50%; right:20px; width:20px; height:20px; background: url(../../images/ic_plus.png)no-repeat 100%/20px auto; transition: transform 0.3s; }
.btn-wrap.right-btn button.btn.btn-icon.rotate:after { transform: translateY(-50%) rotate(0deg); }

/* 견적서 접기 버튼 */
.show-estimate-wrap .btn-wrap { margin:20px 0 40px; text-align:center; }
.show-estimate-wrap .btn-wrap button.btn.btn-estimate { padding:0 139px; height:65px;  border-radius:6px; font-size:var(--font20); font-weight:var(--w-bold); color:var(--white); background:var(--primary); }
.show-estimate-wrap .btn-wrap button.btn.btn-estimate:after { content:''; display:inline-block; margin-left:10px; width:24px; height:24px; background: url(../../images/ic_top_arr.png)no-repeat 100%/24px auto; vertical-align:inherit; transform:rotate(180deg); }
.show-estimate-wrap .btn-wrap button.btn.btn-estimate.rotate:after { transform:rotate(0deg); }

/* 아이콘이 버튼에 없을 때 */
.btn-wrap.right-btn button.btn.btn-no-icon { padding:0 20px; height:44px; border:1px solid var(--border1); border-radius:6px; font-size:var(--font16); color:var(--normal); line-height:16px; text-align:right; }
.btn-wrap.right-btn button.btn.btn-no-icon::after { content:none; }

/** 탑 버튼 **/
button.btn.btn-top { display:none; transition: opacity 0.3s, bottom 0.s; right:10px; bottom:30px; z-index:100; padding:7px; width:42px; height:42px; border:1px solid var(--border1); border-radius: 50%; background:url("../../images/common/ic_scrollTop_off.png")no-repeat #FFFFFF 50%/28px auto; cursor:pointer;  }
button.btn.btn-top:hover,
button.btn.btn-top:focus-visible { border:1px solid var(--secondary); background:url("../../images/common/ic_scrollTop_on.png")no-repeat #FFFFFF  50%/28px auto; }/*20241218*/

/* 에러 화면 버튼 */
.btn-wrap.error button.btn { width:338px; }

/*---------------------------------------------
	a태그 버튼
---------------------------------------------*/
/* 아이디/비밀번호 찾기 */
ul.text-after { margin:16px auto 0; max-width:410px; width:100%; text-align:right; font-size:0; }
ul.text-after.style4 { margin:16px auto 0; max-width:788px; width:100%; text-align:right; }
ul.text-after li { display:inline-block; font-size:0; }
ul.text-after li:only-of-type::after,
ul.text-after li:last-of-type::after { content:none; }
ul.text-after li::after { content:""; display:inline-block; margin:0 16px; width:1px; height:14px; font-size:0; background:var(--border1); vertical-align:bottom; }

ul.text-after li a { font-size:var(--font14); font-weight:var(--w-regular); color:var(--title); }
ul.text-after li a:focus-visible { outline:1px solid var(--secondary); }


/*********************************************************************
TOGGLE_ACCORDION #토글_아코디언
*********************************************************************/
/*---------------------------------------------
	Toggle_Accordion Default [QnA]
---------------------------------------------*/
.accordion-wrap + .accordion-wrap { margin-top:20px; }
.accordion-wrap > .accordion-info:first-child { margin-top:0; }
.accordion-wrap > .accordion-info { margin-top:20px; border:1px solid #DDDDDD; border-radius: 20px; overflow: hidden;}
.accordion-wrap > .accordion-info > .ques { position:relative; display:flex; width:100%; justify-content:space-between; align-items:center; padding:30px 74px 30px 30px;  font-size: var(--font18); font-weight:var(--w-bold); color:var(--title);  }
.accordion-wrap > .accordion-info > .ques::after { content:''; position:absolute; right:30px; top:50%; transform:translateY(-50%); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z' data-name='사각형 22269'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' data-name='그룹 45678'%3E%3Cg data-name='그룹 45677'%3E%3Cpath fill='none' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 3.99 3.99L13.98 8' data-name='패스 53126'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");; background-repeat: no-repeat; background-position: center; background-size:30px; width:24px; height:24px; }
.accordion-wrap > .accordion-info > .ques.active::after { transform:translate(0, -50%) rotate(-180deg); transition: all ease .2s; }
.accordion-wrap > .accordion-info > .ques .left:not(:has(.date)) { width:calc(100% - 300px);}
.accordion-wrap > .accordion-info > .ques .left:not(:has(.date),:has(+.right .after-line)) { width:calc(100% - 150px);}
.accordion-wrap > .accordion-info > .ques .left { width:calc(100% - 200px);}
/* column default */
.accordion-wrap > .accordion-info > .ques .left .tit:not(:has(.pre-ing)) { overflow:hidden; text-overflow: ellipsis;  white-space:nowrap;}
.accordion-wrap > .accordion-info > .ques .left,
.accordion-wrap > .accordion-info > .ques .right { display:flex; flex-direction:column; }
/* inline */
.accordion-wrap > .accordion-info > .ques .right.inline { display:flex; flex-direction: row; justify-content: center; align-items: center; }/*20250123*/

/* 현황조회-약정펀딩 */
.accordion-wrap > .accordion-info > .ques .right.inqu-fo { max-width:270px; width:100%; text-align:right; }
.accordion-wrap > .accordion-info > .ques .right.inqu-fo .tit { margin-right:0; margin-bottom:14px; }

/* 현황조회 삭제버튼 없을 때 */
.accordion-wrap > .accordion-info > .ques .right.no-del { display:flex; flex-direction: row; justify-content:flex-end; align-items: center; max-width:253px; width:100%; text-align:right; gap:10px; }/*20250123*/
.accordion-wrap > .accordion-info > .ques .right.no-del .tit { margin-right:0; }

.accordion-wrap > .accordion-info > .ques-cont{ height:0; opacity: 0; overflow: hidden; padding-top:0; transition: height .2s ease, opacity .3s ease, padding-top .2s ease; }
.accordion-wrap > .accordion-info > .ques-cont.active{ height:auto; opacity:1; background: var(--background4); padding:30px; font-size:var(--font16); font-weight:var(--w-bold); color:var(--inactive);}

/* after line */
.accordion-wrap > .accordion-info > .ques .after-line span::after { content:''; position: absolute; transform: translateY(-50%); top:50%; width:1px; height:14px; margin-left:16px; background: var(--border1); }
.accordion-wrap > .accordion-info > .ques .btn.after-line span { padding-left:25px; }
.accordion-wrap > .accordion-info > .ques .after-line span { padding-right:16px; margin-right:16px;}
.accordion-wrap > .accordion-info > .ques .after-line button:last-child span,
.accordion-wrap > .accordion-info > .ques .left .after-line span:last-child{ padding-right:0; margin-right:0;}
.accordion-wrap > .accordion-info > .ques .left .after-line span:last-child::after,
.accordion-wrap > .accordion-info > .ques .after-line button:last-child span::after { content: none; }
.accordion-wrap > .accordion-info > .ques .left .tit .after-line span::after { background: var(--title); }

/* 날짜 icon */
.accordion-wrap > .accordion-info > .ques .date { padding-left:25px; font-size:var(--font16); font-weight:var(--w-regular); color:var(--inactive); }
.accordion-wrap > .accordion-info > .ques .date { background: url(../../images/ic_date.png) no-repeat left  50%/20px auto;}
/* 버튼 icon */
.accordion-wrap > .accordion-info > .ques .btn button { background: var(--white);  font-size:var(--font18); cursor: pointer; }
.accordion-wrap > .accordion-info > .ques .btn button.modifi { background:url(../../images/ic_list_modifi.png)no-repeat left 50%/20px auto;  }
.accordion-wrap > .accordion-info > .ques .btn button.delete { background:url(../../images/ic_list_delete.png)no-repeat left 50%/20px auto; }
/* 현황조회 */
.accordion-wrap > .accordion-info > .ques .left .date { margin-bottom:18px; }
.accordion-wrap > .accordion-info > .ques .left .txt { margin-top:18px; }
.accordion-wrap > .accordion-info > .ques .left .tit em {  font-style: initial; margin-right:12px; }
.accordion-wrap > .accordion-info > .ques .left .txt { color:var(--inactive); font-weight:var(--w-regular); }
.accordion-wrap > .accordion-info > .ques .right .tit { color:var(--secondary); margin-right:15px; }
.accordion-wrap > .accordion-info > .ques .right .btn button.del { width:25px; height:25px; }
.accordion-wrap > .accordion-info > .ques .right .btn button.del::after { content: ''; position:absolute; transform: translateY(-50%); top:50%; left:0; width:25px; height:25px; background:url(../../images/ic_list_delete.png)no-repeat center 100%/25px auto; }
/** 현황조회 conts **/
.accordion-wrap > .accordion-info > .ques-cont .list-view ul { font-size:var(--font18); border-bottom:1px solid var(--border3); }
.accordion-wrap > .accordion-info > .ques-cont .list-view ul:first-child>li,
.accordion-wrap > .accordion-info > .ques-cont .Pre-purchase ul:first-child>li { margin:0 0 32px 0; }
.accordion-wrap > .accordion-info > .ques-cont .Pre-purchase + .list-view ul:first-child>li { margin:26px 0 32px 0; }
.accordion-wrap > .accordion-info > .ques-cont .list-view ul>li,
.accordion-wrap > .accordion-info > .ques-cont .Pre-purchase ul>li{ display:flex; align-items: flex-start; margin:26px 0 32px 0; }
.accordion-wrap > .accordion-info > .ques-cont .list-view ul>li>p,
.accordion-wrap > .accordion-info > .ques-cont .Pre-purchase ul>li>p { display:inline-block; }
.accordion-wrap > .accordion-info > .ques-cont .list-view ul>li>p:first-child { flex:0 0 168px; margin-left:20px; color:var(--normal); font-weight: var(--w-bold); }
.accordion-wrap > .accordion-info > .ques-cont .list-view ul>li>p:last-child, .accordion-wrap > .accordion-info > .ques-cont .Pre-purchase ul>li>p:last-child { flex:1; color:var(--title); font-weight: var(--w-regular); }
.accordion-wrap > .accordion-info > .ques-cont .list-view ul>li>p .ex { margin-left:20px; }

/* 선구매-심사승인(선점완료) */
.accordion-wrap > .accordion-info > .ques-cont .Pre-purchase { margin-bottom:50px; padding:29px 30px; border-radius:20px; background:var(--white); }
.accordion-wrap > .accordion-info > .ques-cont .Pre-purchase .tit { padding-bottom:30px; border-bottom:1px solid var(--border3); font-size:var(--font20); font-weight:var(--w-bold); color:var(--title); }
.accordion-wrap > .accordion-info > .ques-cont .Pre-purchase ul { font-size:var(--font18); }
.accordion-wrap > .accordion-info > .ques-cont .Pre-purchase ul>li:last-child { margin-bottom:0; }
.accordion-wrap > .accordion-info > .ques-cont .Pre-purchase ul>li>p:first-child{ flex:0 0 168px; color:var(--normal); font-weight: var(--w-bold); }

/* 차량가격 */
.accordion-wrap > .accordion-info > .ques-cont .list-view ul>li>p.price { text-align: right; font-size:var(--font28); font-weight: var(--w-bold); color:var(--inactive); }
.accordion-wrap > .accordion-info > .ques-cont .list-view ul>li>p.price .txt { font-size:var(--font16); margin-right:14px; }
.accordion-wrap > .accordion-info > .ques-cont .list-view ul>li>p.price .num { margin-right:6px; color:var(--error); }
/* 월 납입 */
.accordion-wrap > .accordion-info > .ques-cont .estimate-view ul>li>div p.price { text-align: right; font-size:var(--font20); font-weight: var(--w-bold); color:var(--inactive); }
.accordion-wrap > .accordion-info > .ques-cont .estimate-view ul>li>div p.price .txt { font-size:var(--font16); margin-right:14px; }
.accordion-wrap > .accordion-info > .ques-cont .estimate-view ul>li>div p.price .num { margin-right:6px; color:var(--secondary); }
/* 견적 */
.accordion-wrap > .accordion-info > .ques-cont .estimate-view { font-size:var(--font18); margin-top:32px; }
.accordion-wrap > .accordion-info > .ques-cont .estimate-view>ul>li p:first-child { flex:0 0 130px; color:var(--primary); }
.accordion-wrap > .accordion-info > .ques-cont .estimate-view>ul>li{ display: flex; align-items: center; margin-top:16px; padding:25px 30px; background:var(--white); border-top:1px solid var(--border1); border-bottom:1px solid  var(--border1); }
.accordion-wrap > .accordion-info > .ques-cont .estimate-view>ul>li>ul>li{display: inline-block;  }

.accordion-wrap > .accordion-info > .ques-cont .estimate-view>ul>li>div { display:flex; justify-content: space-between; align-items: center; flex:1; font-size:0; }
.accordion-wrap > .accordion-info > .ques-cont .estimate-view>ul>li>div>ul>li { display:inline-block; padding:7px 16px 7px 0; margin-right:16px; font-size:var(--font16); font-weight: var(--w-regular); color:var(--title); }
.accordion-wrap > .accordion-info > .ques-cont .estimate-view>ul>li>div>ul>li:last-child { padding-right:0; margin-right:0; }
.accordion-wrap > .accordion-info > .ques-cont .estimate-view>ul>li>div>ul>li::after { content: ""; position:absolute; width:1px; height:16px; top:50%; right:0; transform: translateY(-50%); background:var(--title); }
.accordion-wrap > .accordion-info > .ques-cont .estimate-view>ul>li>div>ul>li:last-child::after { content: none; }
.accordion-wrap > .accordion-info > .ques-cont .estimate-view>ul>li>div>p:last-child { text-align: right; flex:0 0 210px; }

.accordion-wrap > .accordion-info > a:focus-visible { border: 1px solid var(--secondary); }
.accordion-wrap > .accordion-info > .ques .right .btn button:focus-visible { outline: 1px solid var(--secondary); }

/*---------------------------------------------
	Toggle_Accordion  [QnA] 아이콘있을 경우
---------------------------------------------*/
.accordion-wrap.ico > .accordion-info > .ques { padding:32px 74px 31px; }
.accordion-wrap.ico > .accordion-info > .ques::before,
.accordion-wrap.ico > .accordion-info > .ques-cont p::before { content:''; position:absolute; width:24px; height:24px; }
.accordion-wrap.ico > .accordion-info > .ques::before { top:50%; transform: translateY(-50%); left:30px; background: url(../../images/ic_question.png) no-repeat 100%/24px auto;  }

.accordion-wrap.ico > .accordion-info > .ques-cont p::before { left:0; background: url(../../images/ic_answer.png) no-repeat 100%/24px auto; }
.accordion-wrap.ico > .accordion-info > .ques-cont p { padding-left:44px; line-height:24px; white-space:pre-wrap; }
.accordion-wrap.ico > .accordion-info > .ques .date { margin-left:30px; }

/*********************************************************************
Tooltip #툴팁
*********************************************************************/
/*---------------------------------------------
	툴팁
---------------------------------------------*/
.tooltip-wrap { position:relative; display:inline-block;    vertical-align: text-bottom; }
.tooltip-wrap .info-tooltip { display:inline-block; margin:-2px 0; width:18px; height:18px; text-indent:-9999px; overflow:hidden; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cg data-name='그룹 65014'%3E%3Cg data-name='그룹 43503'%3E%3Cg fill='none' stroke='%23757575' data-name='타원 554'%3E%3Ccircle cx='9' cy='9' r='9' stroke='none'/%3E%3Ccircle cx='9' cy='9' r='8.5'/%3E%3C/g%3E%3Cg data-name='레이어 2'%3E%3Cg fill='%23757575' stroke='%23757575' data-name='그룹 65016' transform='translate(6.27 2.06)'%3E%3Ccircle cx='1.28' cy='1.28' r='1.28' transform='translate(2.35)'/%3E%3Cpath d='m2.2 11.77 1.63-6.89-.9-.73L0 5.5l.53 1.16 1.75-.8-1.63 6.86.88.73 2.8-1.2-.5-1.17Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")no-repeat center; }
.tooltip-wrap .tooltip-box { z-index:2; display:none; position:absolute; top:40px; left:-20px; padding:32px 32px 24px 20px; transition:all .2s ease; text-align:left; background:var(--white); filter: drop-shadow(0px 0 12px rgba(0, 0, 0, 0.08)); }
.tooltip-wrap .tooltip-box::before { content: ''; position: absolute; transform:rotate(270deg); top:-20px; left:20px; border-top:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid transparent; border-left:15px solid var(--white); }
.tooltip-wrap .tooltip-close { position:absolute; right:8px; top:8px; width:22px; height:22px; border:none; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23cccee4' d='M.3.3h18v18H.3z' data-name='사각형 3428'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' transform='translate(1.7 1.7)'%3E%3Cg data-name='그룹 33768'%3E%3Cg data-name='그룹 1'%3E%3Cpath fill='none' stroke='rgba(102,102,102,0.8)' stroke-linecap='round' d='m4.3 4.3 10 10' data-name='선 113'/%3E%3C/g%3E%3Cg data-name='그룹 33767'%3E%3Cpath fill='none' stroke='rgba(102,102,102,0.8)' stroke-linecap='round' d='m14.3 4.3-10 10' data-name='선 113'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center; font-size:0; }
.tooltip-wrap.on .info-tooltip { background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cg data-name='그룹 65014'%3E%3Cg data-name='그룹 43503'%3E%3Cg fill='none' stroke='%23056ED6' data-name='타원 554'%3E%3Ccircle cx='9' cy='9' r='9' stroke='none'/%3E%3Ccircle cx='9' cy='9' r='8.5'/%3E%3C/g%3E%3Cg data-name='레이어 2'%3E%3Cg fill='%23757575' stroke='%23056ED6' data-name='그룹 65016' transform='translate(6.27 2.06)'%3E%3Ccircle cx='1.28' cy='1.28' r='1.28' transform='translate(2.35)'/%3E%3Cpath d='m2.2 11.77 1.63-6.89-.9-.73L0 5.5l.53 1.16 1.75-.8-1.63 6.86.88.73 2.8-1.2-.5-1.17Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")no-repeat center; }
.tooltip-wrap.on .tooltip-box { width:310px; display:block; }
.tooltip-wrap.on .tooltip-box .tit { margin-bottom:2px; font-size:var(--font14); font-weight:var(--w-bold); color:var(--normal); }
.tooltip-wrap.on .tooltip-box .txt { font-size:var(--font14); font-weight:var(--w-regular); color:var(--normal); }

/*********************************************************************
popup #팝업
*********************************************************************/
.layerpopup { position:fixed; top:0; left:0; display:none; overflow-y:auto; width:100%; height:100%; z-index:201; /*background:var(--white);*/ -webkit-overflow-scrolling:touch; outline:none; }
.layerpopup.type-alert .ly-cont-wrap + .btn-wrap { margin-top:40px; margin-bottom:0; }

.layerpopup.type-alert .ly-cont-wrap.has-height { min-height:350px; }

.layerpopup.type-alert .ly-cont-wrap.has-height2 { min-height:450px; }/*개발 test용*/

.laypop.on::before,
.type-alert.on::before { content:''; z-index:-1; position:fixed; left:0; top:0; display:inline-block; width:100%; height:100%; background:#000; opacity:0.6;  }
/* .layerpopup.on { z-index:105; } */


/*팝업 버튼*/
.layerpopup .btn-layer-close { position:absolute; /*top:0px;*/ right:0px; z-index:22; width:22px; height:22px; border:none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath fill='%23666' d='M11 8.82 19.37.45a1.54 1.54 0 1 1 2.18 2.18L13.18 11l8.37 8.37a1.54 1.54 0 1 1-2.18 2.18L11 13.18l-8.37 8.37a1.54 1.54 0 1 1-2.18-2.18L8.82 11 .45 2.63A1.54 1.54 0 0 1 2.63.45Z'/%3E%3C/svg%3E") no-repeat center; text-indent:-9999px; }
.layerpopup.laypop .btn-wrap {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); margin:0; padding:28px 0; background:var(--white); z-index:1; }
.layerpopup .btn-wrap .btn { padding:14px 60px; height:46px; font-size:var(--font16); font-weight:var(--w-bold); line-height:1rem; }

.layerpopup .content-wrap { z-index:20; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:var(--white); }
.layerpopup.layer-up .content-wrap { border-radius:20px 20px 0 0; }

.layerpopup .sub-title { font-size:1rem; line-height:1.5rem; font-weight:700; color:var(--title); }
.layerpopup .sub-title + .sub-title { margin-top:10px; }
.layerpopup .sub-tit { margin-bottom:20px; font-weight:700; }

/*---------------------------------------------
레이어팝업-기본
---------------------------------------------*/
.layerpopup.laypop .content-wrap { padding:0 30px; max-width:650px; width:100%; min-height:323px; }
.layerpopup.laypop .pop-header { position:fixed; top:0; left:0; right:0; height:61px; padding:18px 24px 18px 30px; border-bottom:1px solid var(--border1); background:var(--white);z-index:5;}
.layerpopup.laypop .pop-header .pop-title { font-size:var(--font22); font-weight:var(--w-bold); }
.layerpopup.laypop .btn-layer-close{ position:absolute; top:50%; transform:translateY(-50%); right:24px; width:22px; height:22px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath fill='%23666' d='M11 8.82 19.37.45a1.54 1.54 0 1 1 2.18 2.18L13.18 11l8.37 8.37a1.54 1.54 0 1 1-2.18 2.18L11 13.18l-8.37 8.37a1.54 1.54 0 1 1-2.18-2.18L8.82 11 .45 2.63A1.54 1.54 0 0 1 2.63.45Z'/%3E%3C/svg%3E") no-repeat center;text-indent:-9999px; cursor: pointer;}
.layerpopup.laypop .ly-con-wrap { margin-top:61px; padding-top:32px; margin-bottom:110px;  max-height:480px; height:100%; min-height:250px; }/*20250114*/
.layerpopup .ly-scroll-con { width:100%; height:100%; height:1px; overflow-y:auto; padding-right:30px; }

/* 레이어팝업 - 서류제출용 ( PopUp26 ) */
.layerpopup.laypop.filepop .content-wrap { padding:0 30px; width:100%; max-width:850px; height: 1130px; max-height: 90%; min-height:323px; overflow: hidden; }
.layerpopup.laypop.filepop .ly-con-wrap { margin-top: 61px; padding-top: 32px; margin-bottom: 110px; height: 100%; max-height:calc(100% - 171px); min-height:250px; }
.layerpopup.laypop.filepop .table-type > div.col dt { width:210px; } /* base:151px */
.layerpopup.laypop.filepop div.toggleLine { cursor: pointer; text-align: center; border: 1px solid var(--border3); margin: 8px 0 0; }
.layerpopup.laypop.filepop div.toggleLine.dis { cursor: default; text-align: center; border: 1px solid var(--border3); border-bottom-width:0; margin: 8px 0 0; font-weight: var(--w-bold); }
.layerpopup.laypop.filepop div.toggleLine:has(.ques.active) { border-bottom-width:0; margin-bottom: 0; }
.layerpopup.laypop.filepop div.toggleLine>div { padding: 13px; }
.layerpopup.laypop.filepop div.toggleLine>div.ques::after { content:''; position:absolute; right:20px; top:50%; transform:translateY(-50%); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z' data-name='사각형 22269'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' data-name='그룹 45678'%3E%3Cg data-name='그룹 45677'%3E%3Cpath fill='none' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 3.99 3.99L13.98 8' data-name='패스 53126'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size:30px; width:24px; height:24px; }
.layerpopup.laypop.filepop div.toggleLine>div.ques.active::after { transform:translate(0, -50%) rotate(-180deg); transition: all ease .2s; }
.layerpopup.laypop.filepop div.toggleLine:not(.dis):hover { background:var(--background4); font-weight: var(--w-bold); }

/* 레이어팝업 - 계약진행 첨부파일 ( PopUp55 ) */
.layerpopup.laypop div.toggleLine:has(.ques.active) { border-bottom-width:0; margin-bottom: 0; }
.layerpopup.laypop div.toggleLine>div { padding: 13px; }
.layerpopup.laypop div.toggleLine>div.ques::after { content:''; position:absolute; right:20px; top:50%; transform:translateY(-50%); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z' data-name='사각형 22269'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' data-name='그룹 45678'%3E%3Cg data-name='그룹 45677'%3E%3Cpath fill='none' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 3.99 3.99L13.98 8' data-name='패스 53126'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size:30px; width:24px; height:24px; }
.layerpopup.laypop div.toggleLine>div.ques.active::after { transform:translate(0, -50%) rotate(-180deg); transition: all ease .2s; }
.layerpopup.laypop div.toggleLine { cursor: pointer; text-align: center; border: 1px solid var(--border3); margin: 8px 0 0; }

/* 20250205 선구매 선점요청 팝업 id="PopUp23" */
.layerpopup.laypop.s-width .content-wrap { max-width:560px; }

/* 레이어팝업, 테이블 - 스크롤 */
.layerpopup .ly-scroll-con::-webkit-scrollbar,
.layerpopup .ly-con-wrap::-webkit-scrollbar,
.table-scroll::-webkit-scrollbar { width:14px; }
.layerpopup .ly-scroll-con::-webkit-scrollbar-thumb,
.layerpopup .ly-con-wrap::-webkit-scrollbar-thumb,
.table-scroll::-webkit-scrollbar-thumb { width:11px; background-color:var(--border2); border-radius:2px; border-radius:2px; }
.layerpopup .ly-scroll-con::-webkit-scrollbar-track,
.layerpopup .ly-con-wrap::-webkit-scrollbar-track,
.table-scroll::-webkit-scrollbar-track { width:14px; background-color:var(--background2); border-radius:5px; }
.layerpopup .ly-scroll-con::-webkit-scrollbar-button,
.layerpopup .ly-con-wrap::-webkit-scrollbar-track,
.table-scroll::-webkit-scrollbar-button {  height:100%; }

/* 레이어팝업 안에 테이블 */
/* .layerpopup .ly-scroll-con .form-group,
.layerpopup .form-group { display:table-cell; } */
.layerpopup .ly-scroll-con .table-row tbody tr td,
.layerpopup .table-row tbody tr td  { padding:20px; }
.layerpopup .ly-scroll-con .table-type > div.col dt,
.layerpopup .table-type > div.col dt { width:151px; }

/*---------------------------------------------
알럿팝업
---------------------------------------------*/
.layerpopup.type-alert .content-wrap { padding:40px 30px 30px; max-width:392px; width:100%; border-radius:16px; }
.type-alert { display:none; overflow: hidden; width:100%; position: fixed; /*right:0 !important;*/ top:auto !important; bottom:15px !important; z-index:999; padding-bottom:0px; border-radius:20px; box-sizing:border-box; }
.layerpopup.type-alert .content-wrap .ly-cont-wrap { font-size:var(--font16); font-weight:var(--w-regular); text-align:center; color:var(--title); }
.layerpopup.type-alert .content-wrap .ly-cont-wrap .tit { line-height:1.5; }
.layerpopup.type-alert .content-wrap .ly-cont-wrap .tit-bold { padding-top:16px; font-weight:var(--w-bold); color:var(--title); }

/*---------------------------------------------
현황조회 견적서 보기 팝업
---------------------------------------------*/
.layerpopup.laypop.status .content-wrap { padding:0; max-width:1052px; }
.layerpopup.laypop.status .ly-con-wrap { padding:0; max-height:668px; }
.layerpopup.laypop.status .show-estimate-wrap { padding:0; }
.layerpopup.laypop.status .show-estimate-wrap .estimate { padding-bottom:113px; }
.layerpopup.laypop.status .show-estimate-wrap .estimate .contact .form-group.radio label { min-width:unset; }

/* input+check */
.form-group .col-1 + .check-box { margin-top:12px; }

/*---------------------------------------------
	#용품 선택
	select style3
---------------------------------------------*/
.form-group.style3 .form-row { align-items:center; justify-content:space-between; }
.form-group.style3 .select-box { max-width:240px; }
/* 합계 */
.layerpopup .sum { text-align:right; }
.layerpopup .sum span { color:var(--secondary); }

/*---------------------------------------------
약관 팝업
---------------------------------------------*/
.rule-wrap .terms-tit { margin-bottom:32px; font-size:var(--font16); font-weight:var(--w-regular); color:var(--normal); line-height:1.5; }
.rule-wrap .terms-title { margin-bottom:15px; font-size:var(--font18); font-weight:var(--w-bold); color:var(--normal); }
.rule-wrap ul { margin-bottom:32px; }
.rule-wrap ul li { padding-left:10px; padding-bottom:10px; }
.rule-wrap ul li:last-child { padding-bottom:0; }
.rule-wrap ul li .ListType { margin-bottom:0; margin-top:10px; }
.rule-wrap .table-tit,
.rule-wrap .table-type.table-col { margin-bottom:10px; }

/*********************************************************************
페이지네이션
*********************************************************************/
.pagination-wrap { display:block; margin:60px auto 40px; text-align:center; }
.pagination { display:inline-block; }
.pagination .btn-pg { display:inline-block; width:34px; height:34px; }
.pagination .btn-pg + .btn-pg { margin-left:10px; }
.pagination > a { float:left; }
.pagination ul { float:left; margin-right:18px; }
.pagination a + ul { margin-left:18px; }
.pagination ul li { float:left; padding:0 12px; line-height:1.5; }
.pagination ul li + li { margin-left:6px; }
.pagination ul li a { font-size:var(--font16); }
.pagination a { display:inline-block; padding:5px 0; width:34px; height:34px; font-size:0; }
.pagination a:focus-visible { outline:1px solid var(--secondary); }
.pagination a.on { border-radius:50%; font-weight:var(--w-bold); color:var(--white); background:var(--primary); }
.pagination a.on:hover { color:var(--white); }
.pagination a:hover { font-weight:var(--w-bold); color:var(--primary); }
.pagination a.prev { background: url("../../images/common/btn_prev.png")no-repeat 50%/34px auto; }
.pagination a.next { background: url("../../images/common/btn_next.png")no-repeat 50%/34px auto; }
.pagination a.last-prev { background: url("../../images/common/first_btn_prev.png")no-repeat 50%/34px auto; }
.pagination a.last-next { background: url("../../images/common/last_btn_next.png")no-repeat 50%/34px auto; }

/*********************************************************************
라벨
*********************************************************************/
.badge01, .badge02 { display:inline-block; padding:6px 12px; min-width:62px; border-radius:16px; font-style:inherit; font-size:var(--font14); font-weight:var(--w-bold); text-align:center; }

.badge01.mip { border:1px solid var(--tag1); color:var(--tag1); }
.badge01.rcar { border:1px solid var(--tag2); color:var(--tag2); }
.badge01.undecided { border:1px solid var(--tag3); color:var(--tag3); }
.badge01.lease { border:1px solid var(--tag4); color:var(--tag4); }

.badge02.success { background-color:var(--tag5); color:#2B66F6; }
.badge02.promotions { background-color:var(--tag6); color:#802CE3; }
.badge02.event { background-color:var(--tag7); color:var(--error); }
.badge02.last { background-color:var(--background2); color:var(--normal); }
.badge02.same { background-color:#ECF2F8; color:var(--primary); }

/*********************************************************************
스탭
*********************************************************************/
ul.step-wrap { display:flex; margin:0 auto 40px; width:100%; max-width:558px; }
ul.step-wrap li { width:100%; padding-top:44px; }
ul.step-wrap li::before {  content:""; display:block; position:absolute; top:17px; right:-62px; width:126px; height:4px; border-radius:2px; background:var(--border3); }
ul.step-wrap li:last-child:before { content:none; }
ul.step-wrap li:last-of-type::before {  right:50%; width:50%; }
ul.step-wrap li::after { content:"아이콘영역"; display:block; position:absolute; top:0; left:50%; transform:translate(-50%, 0); width:34px; height:34px; line-height:34px; border-radius:50%; background:var(--background); font-size:0; text-align:center; }
ul.step-wrap li span{ display:block; width:100%; text-align:center; color:var(--subtitle); }
ul.step-wrap li.on span { color:var(--normal); font-weight:var(--w-bold); }

ul.step-wrap li.prev::after { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34'%3E%3Cg data-name='그룹 64924'%3E%3Cg fill='%23fff' stroke='%230F3862' stroke-miterlimit='10' stroke-width='3'%3E%3Ccircle cx='17' cy='17' r='17' stroke='none'/%3E%3Ccircle cx='17' cy='17' r='15.5' fill='none'/%3E%3C/g%3E%3Cpath fill='%230F3862' d='m13.94 22.18-3.59-3.58a1.2 1.2 0 0 1 1.71-1.71l2.73 2.73 7.69-7.68a1.2 1.2 0 1 1 1.7 1.7l-8.53 8.54a1.2 1.2 0 0 1-1.71 0Z' data-name='Rectangle 2'/%3E%3C/g%3E%3C/svg%3E")no-repeat center; }
ul.step-wrap li.prev::before { background:#C2CCD6; }
ul.step-wrap li.on::after { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34'%3E%3Cg data-name='그룹 64926' transform='translate(-579 -259)'%3E%3Ccircle cx='17' cy='17' r='17' fill='%230f3862' transform='translate(579 259)'/%3E%3Cpath fill='%23fff' d='M603.41 283h-16v-2h2.41l-.02-1.94a1 1 0 0 1 .29-.72l9.64-9.63a1 1 0 0 1 1.41 0l2.57 2.56a1 1 0 0 1 0 1.42l-8.32 8.31h8.02v2Zm-11.6-3.54v1.14l1.14.01 1.31-1.3-1.15-1.16Zm3.16-.86 6.62-6.62-1.16-1.15-6.62 6.62Z'/%3E%3C/g%3E%3C/svg%3E")no-repeat center; }
ul.step-wrap li.next::after { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34'%3E%3Cg data-name='그룹 64924'%3E%3Cg fill='%23fff' stroke='%23e2e2e2' stroke-miterlimit='10' stroke-width='3'%3E%3Ccircle cx='17' cy='17' r='17' stroke='none'/%3E%3Ccircle cx='17' cy='17' r='15.5' fill='none'/%3E%3C/g%3E%3Cpath fill='%23e2e2e2' d='m13.94 22.18-3.59-3.58a1.2 1.2 0 0 1 1.71-1.71l2.73 2.73 7.69-7.68a1.2 1.2 0 1 1 1.7 1.7l-8.53 8.54a1.2 1.2 0 0 1-1.71 0Z' data-name='Rectangle 2'/%3E%3C/g%3E%3C/svg%3E")no-repeat center; }

/*********************************************************************
tab #탭
스크립트 있는 버전:tab-item
스크립트 없는 버전:tab-list
*********************************************************************/
.tabs-wrap .tab-item,
.tabs-wrap .tab-list { display:flex; align-items:center; position:relative; background:#fff; font-size:0; }
.tabs-wrap .tab-item::after { content:""; display:inline-block; margin-top:70px; width:100%; height:1px; background:var(--normal); }
.tabs-wrap .tab-item li,
.tabs-wrap .tab-list li { display:inline-block; position:relative; max-width:241px; width:100%; border:1px solid var(--border1); border-bottom: 1px solid var(--normal); font-size:var(--font18); color:var(--inactive); line-height:2.2; }
.tabs-wrap .tab-item li a:focus-visible,
.tabs-wrap .tab-list li a:focus-visible { outline:1px solid var(--secondary); }
.tabs-wrap .tab-item li.style2,
.tabs-wrap .tab-list li.style2 { /*padding:22px 20px 23px;*/ line-height:initial; }
.tabs-wrap .tab-item li:last-child,
.tabs-wrap .tab-list li:last-child { margin-right:0; }
.tabs-wrap .tab-item li a,
.tabs-wrap .tab-list li a { display:block;  padding:24px 0; line-height:initial; text-align:center; font-weight:var(--w-bold); color:var(--inactive); }

.tabs-wrap .tab-item li.on,
.tabs-wrap .tab-list li.on { border:2px solid var(--title); border-bottom:none; font-weight:var(--w-bold); color:var(--title); }
.tabs-wrap .tab-item li.on a,
.tabs-wrap .tab-list li.on a { color:var(--normal); font-weight:var(--w-bold); }

/** 탭 안에 탭 **/
.tabs.type2 { padding-top:20px; }
.tabs.type2 .tab-item02 { display:flex; flex-wrap:wrap; align-items: center; gap:20px; margin:20px 0 40px; }
.tabs.type2 .tab-item02 li { display:inline-block; min-width:120px; border:1px solid var(--border2); border-radius:6px; font-size:var(--font18); color:var(--normal); text-align: center; background:var(--white); }
.tabs.type2 .tab-item02 li.on { border:2px solid var(--background3); font-weight:var(--w-bold); color:var(--title); background:var(--white); }
.tabs.type2 .tab-item02 li span { padding-left:5px; }/*20241226*/
.tabs.type2 .tab-item02 li.on span { color:var(--secondary); }
.tabs.type2 .tab-item02 li a { display:inline-block; padding:29px 20px; }

.tabs.type2 .tab-item02 li .sub-tit { font-weight:var(--w-regular); }

/* tab-content */
.tab-content-area { margin-top:40px; }

/*---------------------------------------------
	현황조회 tab-wrap.status
---------------------------------------------*/
.tabs-wrap.status .tab-item:has(li a > .num)::after { margin-top:95px; }
.tabs-wrap.status .tab-item li a > .num { padding-top:5px; }
.tabs-wrap.status .tab-item li.on a > .num,
.tabs-wrap.status .tabs.type2 .tab-item02 li.on a .num { color:var(--secondary); }

.tabs-wrap.status .tabs.type2 .tab-item02 { margin-top:0; }
.tabs-wrap.status .tabs.type2 .tab-item02 li a { display:inline-block; min-width:120px; width:100%; }
.tabs-wrap.status .tabs.type2 .tab-item02 li a:focus-visible { outline:1px solid var(--secondary); }
.tabs-wrap.status .tabs.type2 .tab-item02 li a .num { margin-left:5px; }

/*********************************************************************
#확인해 주세요
*********************************************************************/
.check-plz { margin-top:20px; border-radius:20px; color:var(--title); background:var(--background4); }
.check-plz .plz-tit { padding:20px 0 20px 48px; border:1px solid var(--border1); border-radius:20px 20px 0 0; font-size:var(--font16); font-weight:var(--w-bold); background:var(--white); }
.check-plz .plz-tit::before { content:""; position:absolute; top:50%; transform:translateY(-50%); left:24px; display:block; width:14px; height:18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='18'%3E%3Cg fill='%23fff' stroke-miterlimit='10' data-name='Rectangle 5'%3E%3Cpath d='m13 16.28-5.5-3.15-.5-.28-.5.28L1 16.28V2a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v14.28Z'/%3E%3Cpath fill='%23666' d='M2 2v12.55l5-2.85 5 2.85V2H2m0-2h10a2 2 0 0 1 2 2v16l-7-4-7 4V2C0 .9.9 0 2 0Z'/%3E%3C/g%3E%3Cpath fill='%23666' d='M4 10V8h6v2Zm0-4V4h6v2Z' data-name='Rectangle 6'/%3E%3C/svg%3E")no-repeat center; }
.check-plz ul { padding:30px 0 30px 24px; }
.check-plz ul li { margin-bottom:20px; }
.check-plz ul li:last-child { margin-bottom:0; }

/* 견적서 안에 '확인하세요' */
/* 2024.10.23 estimate-body -> estimate로 수정 */
.estimate .check-plz { margin-top:40px; border-radius:0; color:var(--normal); background:transparent; }
.estimate .check-plz .plz-tit { padding:0; border:0; border-radius:0; font-size:var(--font14); background:transparent; }
.estimate .check-plz .plz-tit::before { content:none; }
.estimate .check-plz ul { padding:10px; padding-bottom:0; }
.estimate .check-plz ul li { margin-bottom:8px; font-size:var(--font12); }
.estimate .check-plz ul li:last-child { margin-bottom:0; }

/*********************************************************************
결과값
*********************************************************************/
.result-area { margin:0 0 40px; padding:50px 0; border-radius:20px; background:var(--background4); }
.result-area::before { content:''; position:absolute; left:50px; top:50%; transform:translateY(-50%); display:inline-block; width:64px; height:64px; }
.result-area .result { padding-left:138px; }
.result-area .result h3 + ul { margin-top:16px; }
.result-area .result ul li { font-weight:var(--w-regular); color:var(--normal); }
.result-area .result ul li + li { margin-top:5px; }

/* 조회 결과가 없습니다 */
.result-area.nodata { margin-top:20px; text-align:center; border:1px solid var(--border1); background:var(--white); }
.result-area.nodata::before { position:initial; transform: unset; margin-bottom:32px; width:80px; height:80px; background:url(../../images/nodata.png)no-repeat 50%/80px auto; }

/* 차량을 먼저 선택해 주세요 */
.grid-list-wrap.style3 .result-area.nodata.frist-car { border:none; border-radius:0; }

/* 완료 */
.result-area.success::before { background:url(../../images/success.png)no-repeat 50%/64px auto; }

/* 실패 */
.result-area.fail { background:var(--background5); }
.result-area.fail::before { background:url(../../images/fail.png)no-repeat 50%/64px auto; }

/* 404,500 에러 */
.result-area.error { margin-top:80px; text-align:center; background:transparent; }
.result-area.error::before { position:initial; transform:unset; margin-bottom:38px; width:118px; height:118px; background:url(../../images/fail.png)no-repeat 50%/118px auto; }
.result-area.error .text-wrap { margin:0 auto; max-width:558px; width:100%; }
.result-area.error .text-wrap h3 { margin-bottom:48px; font-size:var(--font28); font-weight:var(--w-bold); line-height:36px; }
.result-area.error .text-wrap .txt { margin-bottom:26px; font-size:var(--font18); font-weight:var(--w-regular); color:var(--normal); }
.result-area.error .text-wrap .txt:last-child { margin-bottom:0; }


/*---------------------------------------------
	팝업 안에서
---------------------------------------------*/
/* 조회 결과 없습니다 */
.ly-con-wrap .result-area.nodata { border:none; border-radius:0; }

/* 결과 있을 때 */
.ly-con-wrap .search-result { border-top:1px solid var(--border2); border-bottom:1px solid var(--border3); }
.ly-con-wrap .select-result > li { padding:20px 10px; border-bottom:1px solid var(--border3); }
.ly-con-wrap .select-result > li:last-child { border-bottom:none; }
.ly-con-wrap .select-result li .report { display:flex; align-items:center; justify-content:space-between; }
.ly-con-wrap .select-result li .report li > span { margin-right:20px; font-size:var(--font16); color:var(--normal); }
.ly-con-wrap .select-result li .report span .name { font-weight:var(--w-bold); }

/* 먼저 선택해 주세요 */
.first-choose { padding:13px 0 14px; border:1px solid var(--border3); border-radius:4px; text-align:center; }
.first-choose p { font-size:var(--font14); font-weight:var(--w-regular); color:var(--subtitle); }

/*---------------------------------------------
	개별소비세 계산하기 결과값 calc
---------------------------------------------*/
.result-area.calc { margin-top:20px; padding:30px; }
.result-area.calc .text-list li,
.result-area.calc .text-result { display:flex; justify-content:space-between; align-items:center; }
.result-area.calc .text-list { padding-bottom:25px; border-bottom:1px solid var(--border3); font-size:var(--font18); font-weight:var(--w-bold); color:var(--normal); }
.result-area.calc .text-list li { margin-bottom:24px; }
.result-area.calc .text-list li:last-child { margin-bottom:0; }
.result-area.calc .text-list .tit { font-weight:var(--w-regular); }
.result-area.calc .text-result { margin-top:25px; }
.result-area.calc .text-result .tit { font-size:var(--font18); color:var(--normal); }
.result-area.calc .text-result .txt { font-size:var(--font20); font-weight:var(--w-bold); }

/*---------------------------------------------
	자동차세 계산하기 결과값 car-calc
---------------------------------------------*/
.result-area.car-calc { padding:30px; margin:20px 0 40px; border-radius:0 0 20px 20px; }
.result-area.car-calc .text-result { display:flex; align-items:center; justify-content:space-between; font-size:0; }
.result-area.car-calc .text-result .tit { color:var(--inactive); }
.result-area.car-calc .text-result .tit ul li { display:inline-block; font-size:var(--font18); }
.result-area.car-calc .text-result .tit ul li::after { content:""; display:inline-block; margin:0 16px; width:1px; height:14px; background:var(--inactive); }
.result-area.car-calc .text-result .tit ul li:last-child:after { content:none; }
.result-area.car-calc .text-result .txt { font-size:var(--font18); }

/*********************************************************************
list #리스트
*********************************************************************/
.list-card-wrap { padding-top:8px; }
.sub-text-wrap + .list-card-wrap { padding-top:0; }
.list-card-wrap + .list-card-wrap { margin-top:40px; padding-top:0; }
.grid-wrap.list-card-wrap + .grid-wrap.list-card-wrap { margin-top:36px; padding-top:0; }
.list-card-wrap.record + .table-type { margin-top:40px; }

/*---------------------------------------------
list-card : a링크로 감싸짐
txt-list li -> txt-list(20240924 리스트 구조 변경에 따른 css 수정)
---------------------------------------------*/
.list-card-group { border:1px solid var(--border1); border-radius:20px; background:var(--white); }
.list-card-group + .list-card-group { margin-top:28px; }
.list-card-group a { display:block; padding:30px; }
.list-card-group + .table-type { margin-top:40px; }
.list-card-group .txt-list { display:flex; justify-content: space-between; align-items:center; margin-top:14px; font-size:var(--font16); }
.list-card-group .txt-list:first-child { margin-top:0; }
.list-card-group .txt-list .tit { font-size:var(--font18); font-weight:var(--w-bold); color:var(--title); }
.list-card-group .txt-list .txt { display:flex; align-items:center; justify-content:flex-end; width:230px;
font-weight:var(--w-regular); color:var(--subtitle); }
.list-card-group .txt-list .txt span { color:var(--subtitle); }
.list-card-group .txt-list .num { font-size:var(--font20); font-weight:var(--w-bold); color:var(--inactive); }
.list-card-group .txt-list .num span { font-size:var(--font22); }
.list-card-group .cont-txt { max-width:752px; width:100%; color:var(--inactive); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

/*
첨부파일 있는 list
icon li -> icon span(20240924 리스트 구조 변경에 따른 css 수정 li가 span으로 변경)
*/
.icon { display:inline-block; }
.icon span { display:inline-block!important; margin-top:0!important; margin-right:4px; margin-left:4px; font-size:0!important; vertical-align:middle; }
.icon span:last-child { margin-right:10px; }
.icon span::before { content:""; display:inline-block; width:20px; height:20px; background:url(../../images/attach.png)no-repeat 50%/20px auto; }
.icon span:first-child { margin-top:0; }

/* 첨부파일 있는 list */
.list-card-wrap.attachment .list-card-group a { display:flex; justify-content:space-between; align-items:center; }
.list-card-wrap.attachment .list-card-group a:focus-visible { outline:1px solid var(--secondary); }
.list-card-wrap.attachment .list-card-group .txt-list:first-child { flex-direction:column; justify-content:unset; align-items:flex-start; }
.list-card-wrap.attachment .list-card-group .txt-list { margin-top:0; }
.list-card-wrap.attachment .list-card-group .txt-list .cont-txt { margin:15px 0 18px; }
.list-card-wrap.attachment .list-card-group .txt-list .data::before { content:""; display:inline-block; margin-right:8px; width:20px; height:20px; background:url(../../images/ic_date.png)no-repeat 50%/20px auto; vertical-align:sub; }
.list-card-wrap.attachment .list-card-group .txt-list .data,
.list-card-wrap.attachment .list-card-group .txt-list .hits { color:var(--inactive); }
.list-card-wrap.attachment .list-card-group .txt-list .hits { margin-left:20px; }
.list-card-wrap.attachment .list-card-group .txt-list .hits::before { content:""; display:inline-block; margin-right:8px; width:20px; height:20px; background:url(../../images/ic_hits.png)no-repeat 50%/20px auto; vertical-align:sub; }

/* 다운로드 있는 list */
.list-card-wrap.download .list-card-group:hover { border:1px solid var(--secondary); }
.list-card-wrap.download .list-card-group a { display:flex; justify-content: space-between; }
.list-card-wrap.download .list-card-group .card-left .tit { display:inline-block; margin-bottom:12px; font-size:var(--font18); font-weight:var(--w-bold); }
.list-card-wrap.download .list-card-group .card-left > div { color:var(--inactive); }
.list-card-wrap.download .list-card-group .card-right { display:flex;align-items: center; }
.list-card-wrap.download .list-card-group .icon { margin-right:50px; }
.list-card-wrap.download .list-card-group .icon span { display:inline-block; margin-left:10px; margin-right:0; font-size:0; }
.download .icon span::before { content:""; display:inline-block; width:32px; height:32px; background:url(../../images/download.png)no-repeat 50%/32px auto; }
.list-card-wrap.download .list-card-group .card-right .txt-wrap div { margin-top:14px; font-weight:var(--w-regular); color:var(--subtitle); text-align:right; }
.list-card-wrap.download .list-card-group .card-right .txt-wrap div:first-child { margin-top:0; }
.list-card-wrap.download .list-card-group .card-right .txt-wrap div span { font-weight:var(--w-regular); color:var(--inactive); }

/*---------------------------------------------
list-card : a링크로 안 감싸짐
txt-list li -> txt-list(20240924 리스트 구조 변경에 따른 css 수정)
---------------------------------------------*/
.list-card-wrap.style2 .list-card-group .txt-list { display:block; }
.list-card-wrap.style2 .list-card-group  .txt-list li { display:flex; justify-content: space-between; align-items:center; font-size:var(--font16); }
.list-card-wrap.style2 .list-card-group  .txt-list li + li { margin-top:14px; }
.list-card-wrap.style2 .list-card-group  .txt-list li .tit { font-size:var(--font18); font-weight:var(--w-bold); }
.list-card-wrap.style2 .list-card-group  .txt-list li .txt { display:flex; align-items:center; justify-content:flex-end; width:230px;
font-weight:var(--w-regular); color:var(--subtitle); }
.list-card-wrap.style2 .list-card-group  .txt-list li .txt span { color:var(--inactive); }
.list-card-wrap.style2 .list-card-group  .txt-list li .num { font-size:var(--font20); font-weight:var(--w-bold); }
.list-card-wrap.style2 .list-card-group  .txt-list li .num span { font-size:var(--font22); color:var(--normal); }

/* 전년 대비 실적 / record */
.list-card-wrap.record { padding-top:0; }
.list-card-wrap.record .result-area,
.list-card-wrap.record .list-card-group { border-radius:8px; }
.list-card-wrap.record .list-card-group { padding:24px 20px; border:1px solid var(--border3); }
.list-card-wrap.record .list-card-group .txt-list li + li { margin-top:20px; }
.list-card-wrap.record .list-card-group .txt-list li .tit { padding-left:30px; font-size:var(--font16); font-weight:var(--w-regular); }
.list-card-wrap.record .list-card-group .txt-list li .tit::before { content:""; position: absolute; top:50%; transform: translateY(-50%); left:0; display:inline-block; width: 20px; height:20px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cg data-name='그룹 64955'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z' data-name='사각형 24327'/%3E%3Cpath fill='%23222' d='M6 11h2v1H6z'/%3E%3Cpath fill='%23222' d='M9 11h2v1H9zM12 11h2v1h-2z' data-name='Rectangle'/%3E%3Cpath fill='none' stroke='%23333' stroke-miterlimit='10' d='M3 7.31V3.37h12.44A1.57 1.57 0 0 1 17 4.95V16H4.56A1.57 1.57 0 0 1 3 14.42V8.9'/%3E%3Cpath fill='none' stroke='%23222' stroke-linecap='square' stroke-miterlimit='10' d='M3.39 6.92H16.6'/%3E%3Cpath fill='none' stroke='%23333' stroke-miterlimit='10' d='M6.11 1v3.16M13.11 1v3.16'/%3E%3C/g%3E%3C/svg%3E")no-repeat center /contain; }

/* 리스트 안에 이미지가 있는 list / img */
.list-card-wrap.img .list-card-group { display:flex; align-items:center; gap:16px; padding:20px; max-width:450px; width:100%; border:1px solid var(--border3); border-radius:8px; }
.list-card-wrap.img .list-card-group .car-img { padding:8px 10px; width:176px; height:94px; border-radius:8px; font-size:0; background:var(--background4) }
.list-card-wrap.img .list-card-group .txt-list { margin-top:0; max-width:218px; width:100%; }
.list-card-wrap.img .list-card-group .txt-list li .tit,
.list-card-wrap.img .list-card-group .txt-list li .txt { justify-content:flex-start; font-size:var(--font16); font-weight:var(--w-bold); color:var(--normal); }

/*---------------------------------------------
    grid-wrap 그리드 안에 있는 list
---------------------------------------------*/
.grid-wrap { display:grid; grid-template-columns:1fr 1fr 1fr; gap:25px; padding-bottom:40px; }
.grid-wrap .result-area { margin:0; padding:0; }
.grid-wrap .result-area::before { left:24px; width:58px; height:58px; }
.grid-wrap .text-wrap.result { padding:35px 20px 33px 98px; }
.grid-wrap .result-area .result ul { margin-top:0; max-width:326px; }
.grid-wrap .result-area .result ul li { line-height:1.5; }
.grid-wrap .result-area .result ul li .blue,
.grid-wrap .result-area .result ul li .red,
.grid-wrap .result-area .result ul li .blue-p { font-weight:var(--w-bold); }
.grid-wrap.list-card-wrap .list-card-group + .list-card-group { margin-top:0; }

/* 완료 */
.grid-wrap .result-area.success::before { background:url(../../images/success.png)no-repeat 50%/58px auto; }
/* 실패 */
.grid-wrap .result-area.fail::before { background:url(../../images/fail.png)no-repeat 50%/58px auto; }
/* 동일 */
.grid-wrap .result-area.same::before { background:url(../../images/same.png)no-repeat 50%/58px auto; }

/*---------------------------------------------
	상환스케줄 list
---------------------------------------------*/
.list-card-wrap.repay { margin-bottom:27px; }
.list-card-wrap.repay .list-card-group { padding: 29px 0 30px; text-align:center; border-radius:8px; }
.list-card-wrap.repay .list-card-group .tit { font-size:var(--font18); font-weight:var(--w-regular); color:var(--title); }
.list-card-wrap.repay .list-card-group:first-child .tit {  font-weight:var(--w-bold); }
.list-card-wrap.repay .list-card-group .txt { margin-top:15px; font-size:var(--font20); }
.list-card-wrap.repay .list-card-group .txt span { font-size:var(--font22); }

/*********************************************************************
table #테이블
*********************************************************************/
.table-type { margin-bottom:40px; }
tfoot tr td { padding:20px 0; border-top:1px solid var(--border3); border-right:1px solid var(--border3); font-weight:var(--w-bold); color:var(--title); background:var(--background4); }
tfoot tr td:last-child { border-right:none; }

/*---------------------------------------------
    테이블 : table-row
---------------------------------------------*/
.table-row { text-align:center; }
.table-row thead tr th { padding:20px 0; border-right:1px solid var(--border3); border-top:1px solid var(--border2); border-bottom:1px solid var(--border3); font-size:var(--font18); font-weight:var(--w-bold); color:var(--normal); background:var(--background2); }
.table-row thead tr th:last-child { border-right:none; }

.table-row tbody tr td { padding:20px 0; border-bottom:1px solid var(--border3); border-left:1px solid var(--border3); font-weight:var(--w-regular); line-height:1.5; color:var(--normal); }
.table-row tbody tr td:first-child { border-left:none; }

/* 실적내역 테이블 */
.table-type.style2 thead { border-top:1px solid var(--border1); }
.table-type.style2 thead th { padding:20px 0; font-size:var(--font16); border:1px solid var(--border1); font-weight:var(--w-bold); color:var(--title); background:var(--background2); }
.table-type.style2 thead tr:first-child th:first-child { padding:50px 0; }
.table-type.style2 tbody td { padding:20px 0; border:1px solid var(--border3); border-top:none; border-left:none; }
.table-type.style2 tbody td:first-child { border-left:none; }
.table-type.style2 tbody td:last-child { border-right:none; }
.table-type.style2 tbody td.sum { font-weight:var(--w-bold); color:var(--background3); }
.table-type.style2 tbody td.details.sum { font-weight:var(--w-regular); }

.table-type.style2 thead tr:first-child th[rowspan]:first-child { border-left:none; }
.table-type.style2 thead tr:first-child th[rowspan]:last-child { border-right:none; }

/* td 안에 a태그 */
.table-type.style2 tbody td a { text-decoration:underline; text-underline-offset:5px; }
.table-type.style2 tbody td.on a { font-weight:var(--w-bold); color:var(--secondary); }

/* 정비상품 안내표 */
.table-type.style2 tr th { border:1px solid var(--border3); border-left:0; background:var(--background2); }

/*---------------------------------------------
    테이블 : table-col
---------------------------------------------*/
/* 블럭+보더바텀 */
.dp-b-b { display:block!important; border-bottom:1px solid var(--border3); }
.dp-b-b:last-child { border-bottom:none; }

/* 테이블 역할을 부여한 형식 */
.table-type > .col { border-top:1px solid var(--border3); border-bottom:1px solid var(--border3); }
.table-type > div dt { margin:0; padding:20px 0; background:var(--background2); color:var(--normal); font-weight:700; text-align:center; }
.table-type > div dd { padding:20px; }
.table-type > div.col dl { display: table; width: 100%; table-layout: fixed; }/*20241226*/
.table-type > div.col dl + dl{ border-top:1px solid var(--border3); }

.table-type > div.col dt,
.table-type > div.col dd { width:auto; display:table-cell; }
.table-type > div.col dd:has(.change-txt.num) { text-align:right; } /*20250108*/
.table-type > div.col dd.form-group:not(.form-group.style1, .form-group.file) { display:block; }
.table-type > div.col dt { width:190px; vertical-align:middle; border-right:1px solid var(--border1); font-size:var(--font16); font-weight:var(--w-bold); color:var(--title); line-height:23px; }

.table-type > div.col  dd.result-num { font-size:var(--font22); font-weight:var(--w-bold); }
.table-type > div.col  dd.result-num-s { font-size:var(--font16); font-weight:var(--w-bold); }

/** 기본 테이블-col **/
.table-type.table-col { margin-bottom:0; }
.table-col th,
.table-col td { border:1px solid var(--border3); }
.table-col td:last-child { border-right:none; }

.table-col th { padding:4px 0 5px; border-left:none; font-size:var(--font14); font-weight:var(--w-regular); color:var(--title); text-align:center; background:var(--background2); }
.table-col td { padding:4px 12px 5px; border-right:1px solid var(--border3); font-size:var(--font14); font-weight:var(--w-regular); line-height:1.5; }/*20241226*/

/*---------------------------------------------
    테이블 : table-scroll
---------------------------------------------*/
.table-type.table-scroll { overflow:auto; max-height:779px; }
.table-type.table-scroll::-webkit-scrollbar { width:14px; }
.table-type.table-scroll::-webkit-scrollbar-thumb { width:11px; background-color:var(--border2); border-radius:2px; }
.table-type.table-scroll::-webkit-scrollbar-track { width:14px; background-color:var(--background2); border-radius:5px; }
.table-type.table-scroll::-webkit-scrollbar-button {  height:100%; }
.table-type.table-scroll thead { position:sticky; top:0; z-index:1; background:var(--background2); }
.table-type.table-scroll table {  border-collapse: separate; border-spacing: 0;}
.table-type.table-scroll thead th { border:initial; border-right:1px solid var(--border1); }
.table-type.table-scroll thead th:last-child {  border-right:0; }
.table-type.table-scroll thead tr:first-child th { border-top:1px solid var(--border1); }
.table-type.table-scroll thead tr:first-child th[colspan]:last-child { border-bottom:1px solid var(--border1); }

/* td */
.table-type.table-scroll tbody tr .details,
.table-type.table-scroll tfoot tr .details{ font-size:0; }
.table-type.table-scroll tbody tr .details.sum,
.table-type.table-scroll tfoot tr .details.sum { color:var(--background3); }
.table-type.table-scroll tbody tr .details div,
.table-type.table-scroll tfoot tr .details div { display:inline-block; font-size:var(--font16); font-weight:var(--w-regular); }
.table-type.table-scroll tbody tr .details div:first-child:after,
.table-type.table-scroll tfoot tr .details div:first-child:after { content:""; display:inline-block; margin:0 10px; width:1px; height:14px; background:var(--border2); vertical-align:baseline; }
.table-type.table-scroll tbody tr .details div:only-child:after,
.table-type.table-scroll tfoot tr .details div:only-child:after { content:none; }
.table-type.table-scroll tbody tr .details.sum div:first-child:after,
.table-type.table-scroll tfoot tr .details.sum div:first-child:after { background:var(--background3); }
.table-type.table-scroll tbody tr:last-child td { border-bottom:none; }
.table-type.table-scroll tfoot tr td { border-bottom:1px solid var(--border3); }

/* tfoot */
.table-type.table-scroll tfoot { position:sticky; bottom:0; z-index:1; }
.table-type.table-scroll tfoot tr .details div { font-weight:var(--w-bold); }

/*********************************************************************
#공지사항
*********************************************************************/
/*---------------------------------------------
    목록
---------------------------------------------*/
.search { display:flex; justify-content: center;  margin-bottom:40px; padding:40px 20px; border-radius:20px; background:var(--background4); }

/*---------------------------------------------
    상세페이지
---------------------------------------------*/
.nte-wrap .nte-view { border-top:2px solid var(--border2); border-bottom:1px solid var(--border1); }
.nte-wrap .nte-view dt { padding:23px 20px; border-bottom:1px solid var(--border1); }
.nte-wrap .nte-view dt .nte-header { display:flex; justify-content:space-between; }
.nte-wrap .nte-view dt  .nte-header .tit { font-size:var(--font18); font-weight:var(--w-bold); color:var(--title); }
.nte-wrap .nte-view dt  .nte-header .date { font-size:var(--font16); font-weight:var(--w-regular); color:var(--subtitle); text-align:right; }
.nte-wrap .nte-view dt .nte-header .text-after.style4 { margin:0; max-width: max-content; }
.nte-wrap .nte-view dt .nte-header .text-after.style4 li { font-size:var(--font16); color:var(--inactive); }

.nte-wrap .nte-view .notice-contents { padding:30px 20px; min-height:320px; font-size:var(--font16); font-weight:var(--w-regular); color:var(--normal); }
.nte-wrap .nte-view .notice-contents p { margin-bottom:10px; white-space:pre-wrap; }

/* 다운로드 */
.download-wrap { position: relative; margin-top:30px; margin-bottom:60px; padding: 20px; width: 100%; border-radius: 10px; background: #F8F9FC; font-size:var(--font14); }
.download-wrap a { display:block; padding-left:28px; margin-bottom:15px; font-weight:var(--w-bold); color:var(--background3); text-decoration:underline; }
.download-wrap a:last-child { margin-bottom:0; }
.download-wrap a::before { content: ''; position: absolute; left:0; top: 50%; transform: translateY(-50%); display: inline-block; width:20px; height:20px; background: url(../../images/ntc_attach.png) no-repeat 50%/20px auto; }

.download-wrap.no a { color:var(--inactive); }

/* table안에 download-wrap이 들어갈 경우 */
dd.download-wrap { padding:0; background:transparent; }

/* 이전/다음 */
.nte-wrap .movepage { margin:40px 0 60px; }
.nte-wrap .movepage > ul { display:flex; justify-content:space-between; gap:24px; }
.nte-wrap .movepage > ul > li { padding:24px; width:100%; border:1px solid var(--border1); border-radius:12px; font-size:var(--font16); color:var(--subtitle); }
.nte-wrap .movepage > ul > li:first-child { text-align:right; }
.nte-wrap .movepage > ul > li:first-child::before,
.nte-wrap .movepage > ul > li:last-child::after { content:""; position:absolute; display:inline-block; width:24px; height:24px; }
.nte-wrap .movepage > ul > li:first-child::before { left:24px; top:50%; transform:translateY(-50%); background:url(../../images/arr_right.png)no-repeat 50%/24px auto; }
.nte-wrap .movepage > ul > li:last-child::after { right:24px; top:50%; transform:translateY(-50%) rotate(180deg); background:url(../../images/arr_right.png)no-repeat 50%/24px auto; }
.nte-wrap .movepage > ul > li ul li.tit { margin:14px 0 12px; }
.nte-wrap .movepage > ul > li ul li.tit a { font-size:var(--font18); color:var(--title); }
.nte-wrap .movepage > ul > li ul li.date { font-size:var(--font14); color:var(--normal); }
.nte-wrap .movepage > ul > li ul li.date + .left,
.nte-wrap .movepage > ul > li ul li.date + .right { margin-top:16px; font-size:var(--font16); font-weight:var(--w-regular); color:var(--subtitle); }
.right .icon li { margin-left:10px; margin-right:4px; }

/*********************************************************************
#마이페이지
*********************************************************************/
/*---------------------------------------------
	상담내역 consultation
---------------------------------------------*/
.consultation .btn.btn-icon + .result-area.nodata { margin-top:28px; }
/* 셀렉트 */
.sub-text-wrap.style2 .select-box { position:absolute; right:0; }
.sub-text-wrap.style2 .select-box > .se-select { width:143px; }
.sub-text-wrap.style2 .select-box > .se-select[data-stove=select] select { border:none; color:var(--subtitle); }
.sub-text-wrap.style2 .select-box > .se-select[data-stove=select][data-status=open] select, .sub-text-wrap.style2 .select-box > .se-select[data-stove=select][data-status=open] select:focus, .sub-text-wrap.style2 .select-box > .se-select select:focus { border:1px solid var(--normal); }
/* 버튼 */
.consultation .btn.btn-icon { width:100%; height:60px; border:1px solid var(--border3); }
.consultation button.btn.btn-icon:after { right:inherit; }
/* 필터 */
.filter { position:absolute; top:70px; width:180px; }
.filter.fix { position:fixed; top:144px; }
.filter p { padding:22px 0; border-radius:12px 12px 0 0; font-size:var(--font20); font-weight:var(--w-bold); color:var(--white); text-align:center; background:var(--secondary); }
.filter.form-group.check ul.check-box { flex-direction:column; gap:28px; padding:24px; border:1px solid var(--border3); background:var(--white); }
/* consultation */
.consultation { margin-left:221px; }

/*********************************************************************
	#견적내기
	.grid-list-wrap = 차량 선택, 옵션 선택, 출고 선택
	.grid-list-wrap.style2 = 보험선택, 탁송정보 선택, 용품/수수료/CM 선택
	.grid-list-wrap.style3 = 계약조건1,2,3
*********************************************************************/
/*---------------------------------------------
	grid-list-header 리스트 헤더
---------------------------------------------*/
.grid-list-header { padding:20px 0; border-radius:12px 12px 0 0; font-size:var(--font22); font-weight:var(--w-bold); color:var(--white); text-align:center; background:var(--secondary); }

/* style2 */
section.style2 .grid-list-header { background:var(--background3) }

/*---------------------------------------------
	grid-list-body 리스트 바디
	style2 = 팝업창이 열리지 않는(안 열리는것들은 pop 빼야함)
---------------------------------------------*/
.grid-list-body { max-height:503px; height:100%; border-left:1px solid var(--border1); border-right:1px solid var(--border1); border-bottom:1px solid var(--border1); background:var(--white); font-size:0; }
.grid-list-body > ul > li { display:flex; align-items:center; padding:20px 0; border-bottom:1px solid var(--border3); }
.grid-list-body li:last-child,
.grid-list-body li#autoTax { border-bottom:none; }/*20241231*/
.grid-list-body li:hover { background:var(--background4); }
.grid-list-body li:hover .pop.arr { font-weight:var(--w-bold); color:var(--secondary); cursor: pointer; }
.grid-list-body li > .tit { display:inline-block; padding:4px 0; max-width:120px; width:100%; font-size:var(--font16); font-weight:var(--w-bold); color:var(--normal); text-align:center; }
.grid-list-body li > .tit::after { content:""; position:absolute; top:50%; transform:translateY(-50%); right:0; display:inline-block; margin-left:37px; width:1px; height:14px; background:var(--border1); }
.grid-list-body li .pop { padding:4px 54px 4px 24px; width:100%; font-size:var(--font16); font-weight:var(--w-regular); color:var(--subtitle); }
.grid-list-body li .pop.arr:focus-visible { outline:1px solid var(--secondary); }
.grid-list-body li .form-group { padding:0 24px; width:100%; }

/* s:[2025-04-16-퍼블] : 사이즈 변경 */
.grid-list-wrap.style2 .grid-list-body > ul >  li.num,
.grid-list-wrap .grid-list-body > ul >  li.num { justify-content:space-between; padding-right:20px; }/*20250109*/
/* e:[2025-04-16-퍼블] : 사이즈 변경 */

.grid-list-body .change-txt { padding:0 24px; width:100%; font-size:var(--font16); font-weight:var(--w-regular); color:var(--normal); }
.grid-list-wrap .grid-list-body .change-txt.num { color:var(--title); text-align:right; }

/* 20241213 차량.옵션.출고 */
section.grid-wrap:first-child .grid-list-wrap .grid-list-body { max-height:422px; }

/* 출고 선택 */
.grid-list-body.style2 { height:fit-content; margin-bottom:20px; }
.grid-list-body.style2 li:hover .form-group { font-weight:var(--w-regular); }

/* 인풋박스 위에 체크 */
.grid-list-body.style2 .form-group.check ul.check-box + .col-1 { margin-top:14px;}

/* 탁송정보/용품/수수료 선택 */
.grid-list-wrap.no .grid-list-body.style2,
section.grid-wrap.no:first-child .grid-list-wrap .grid-list-body { max-height:unset !important; }

/* 20241216 */
.grid-list-body li .consignment { width:100%; }
.grid-list-body li .consignment .num { display:inline-block; margin-top:20px; padding-right:20px; width:100%; font-size:var(--font16); font-weight:var(--w-regular); color:var(--title); text-align:right; }

/* 공채/부대비용 선택 */
.grid-list-body.style2 .form-group.radio .radio-box + .charge,
.grid-list-body.style2 .form-group.radio .radio-box + .col-1 { margin-top:20px; }

/* arr가 생기는 선택 */
.grid-list-body li .pop.arr::after { content:""; position:absolute; top:50%; transform:translateY(-50%); right:20px; display:inline-block; width:20px; height:20px; background:url(../../images/ic_est_arr.png)no-repeat 50%/20px auto; cursor:pointer; }

/* 차량 선택 완료 */
.grid-list-body li .pop.arr span { display:inline-block; max-width:226px; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.grid-list-body li .pop.arr span::before { content:""; position:absolute; top:50%; transform:translateY(-50%); left:0; display:inline-block; width:18px; height:18px; }
.grid-list-body li.brand-logo .pop.arr span[class] { padding-left:28px; } /*20150115*/

/** style2 **/
.grid-list-wrap.style2 .grid-list-body { border-right:0; border-left:0; background:var(--background4); }

/* 용품/수수료/CM선택 */
.grid-list-wrap.style2 .grid-list-body > ul >  li .change-txt p { margin-bottom:10px; font-size:var(--font16); color:var(--title); }
.grid-list-wrap.style2 .grid-list-body > ul >  li .change-txt p:nth-last-of-type(1) { margin-bottom:23px; }
.grid-list-wrap.style2 .grid-list-body > ul >  li .change-txt .form-group { padding:0; }
.grid-list-wrap.style2 .grid-list-body > ul >  li .change-txt .form-group .charge { margin-bottom:12px; }
.grid-list-wrap.style2 .grid-list-body > ul >  li .change-txt .form-group .charge:last-child { margin-bottom:0; }

/* 공채/부대비용 선택 */
/* .grid-list-wrap.style2 .grid-list-body > ul >  li .form-group .radio-box { margin-bottom:20px; } */

/** 계약조건 **/
/* .grid-list-wrap.style3 { max-height:920px; } */
.grid-list-wrap.style3 { max-height:none; }
.grid-list-wrap.style3 .grid-list-header { background:var(--primary); }
.grid-list-wrap.style3 .grid-list-header::before { content:""; position:absolute; left:24px; top:50%; transform:translateY(-50%); display:inline-block; width:24px; height:24px; background:url(../../images/ic_star.png)no-repeat 50%/24px auto; cursor:pointer; }/*20250210*/
.grid-list-wrap.style3 .grid-list-header.on::before { background:url(../../images/ic_star_on.png)no-repeat 50%/24px auto; }

.grid-list-wrap.style3 .grid-list-body { max-height:fit-content; height:auto; overflow:initial; }
.grid-list-wrap.style3 .grid-list-body .change-txt.delivery { display:flex; justify-content:space-between; /*padding-right:0;*/ }/*20241226->20250109*/
.grid-list-wrap.style3 .grid-list-body .change-txt.delivery > span { display: inline-block; width: 117px; text-align: left; }/*20241226*/
.grid-list-wrap.style3 .grid-list-body .change-txt.delivery > div { font-size:var(--font16); font-weight:var(--w-bold); color:var(--title); }
.grid-list-wrap.style3 .grid-list-body .change-txt.delivery.num > div span,
.grid-list-wrap.style3 .grid-list-body .change-txt.delivery2.num > div span { font-size:var(--font16); font-weight:var(--w-bold); color:var(--error); }
.grid-list-wrap.style3 .grid-list-body .change-txt.delivery2 { display:block; text-align:left; }
.grid-list-wrap.style3 .grid-list-body .change-txt.delivery2 > div { margin-top:20px; font-size:var(--font16); font-weight:var(--w-bold); color:var(--title); text-align:right; }
.grid-list-wrap.style3 .grid-list-body .change-txt.delivery.num > div span { font-size:var(--font16); font-weight:var(--w-bold); color:var(--error); }
.grid-list-wrap.style3 .grid-list-footer { padding:10px 20px; height:67px; }
.grid-list-wrap.style3 .grid-list-footer .num { font-size:var(--font22); font-weight:var(--w-bold); color:var(--secondary); }

/* 잔존가치 */
.grid-list-body li .residual { display:flex; align-items:center; justify-content:space-between; padding:0 24px; width:100%; }
.grid-list-body li .residual .form-group { padding:0; }
.grid-list-body li .residual .num { display:inline-block; width:200px; font-size:var(--font16); font-weight:var(--w-regular); color:var(--title); text-align:right; }

/*---------------------------------------------
	옵션선택(scroll)
---------------------------------------------*/
.grid-list-body.option { overflow-y:auto; }
.grid-list-body.option .form-group.check ul.check-box { display:block; font-size:0; }
.grid-list-body.option .form-group.check ul.check-box .check-top label { display:inline-block; max-width:200px; line-height:24px; padding-left:10px; }/*2024.12.16*/
.grid-list-body.option ul li { padding:24px 34px 24px 20px; border-bottom:1px solid var(--border3); }
.grid-list-body.option ul li:last-child { border-bottom:none; }
.grid-list-body.option ul li .check-top { display:flex; align-items:center; width:100%; }
.grid-list-body.option li span.txt { position:absolute; right:0; font-size: var(--font18); font-weight:var(--w-bold); color:var(--subtitle); text-align:right; word-break:break-all; }
.grid-list-body.option ul li .description { margin:16px 0 0 30px; font-size:var(--font14); font-weight:var(--w-regular); color:var(--subtitle); }
.grid-list-body.option ul li:has(.description) { display:flex; flex-direction: column; }

/* 스크롤 */
.grid-list-body.option::-webkit-scrollbar { width:14px; }
.grid-list-body.option::-webkit-scrollbar-thumb { width:11px; background-color:var(--border2); border-radius:2px; border-radius:2px; }
.grid-list-body.option::-webkit-scrollbar-track { width:14px; background-color:var(--background2); /*border-radius:5px;*/ }
.grid-list-body.option::-webkit-scrollbar-button { height:100%; }

/* 차량을 먼저 선택해주세요 */
.grid-list-body.option .result-area.nodata .text-wrap { padding:0; background:transparent; }

/* 추가옵션 */
.grid-list-body.option .text-wrap { padding:20px 24px; background:var(--background2); border:none; }
.grid-list-body.option .text-wrap .tit { padding:0; max-width:fit-content; font-size:var(--font18); font-weight:var(--w-bold); color:var(--normal); }
.grid-list-body.option .text-wrap .tit::after { content:none; }
.grid-list-body.option ul li.plus-option { display:flex; align-items:center; padding:20px 24px 20px 0; }
.grid-list-body.option ul li.plus-option .form-group { padding-left:24px; }
.grid-list-body.option ul li.plus-option .tit { padding:0; }
.grid-list-body.option ul li.plus-option .form-group { padding-right:0; width:100%; }

/*---------------------------------------------
	대리점 출고시
---------------------------------------------*/
.all-cost-area { margin-top:49px; padding:16px 20px; background-color:var(--background2); color:var(--inactive); }
.all-cost-area .cost-group { display:flex; align-items:center; justify-content:space-between; line-height:21px; }
.all-cost-area .cost-group + .cost-group { margin-top:12px; }
.all-cost-area .cost-group .txt { font-size:var(--font16); font-weight:var(--w-bold); color:var(--normal); }

/*---------------------------------------------
	그리드 안에 조회 결과가 없습니다.
---------------------------------------------*/
.grid-list-wrap .result-area.nodata { padding-top:136px; height:400px; border:none; border-radius:0; }
.grid-wrap .grid-list-wrap .result-area.nodata::before { width:80px; height:80px; }
.grid-wrap .grid-list-wrap .result-area.nodata .text-wrap h3 { font-size:var(--font18); font-weight:var(--w-regular); color:var(--normal); }

/*---------------------------------------------
	출고 선택
---------------------------------------------*/
.grid-list-body.style2 .form-group .sale { padding-top:11px; font-size:var(--font16); font-weight:var(--w-regular); color:var(--title); text-align:right; }

/*---------------------------------------------
	grid-list-footer 리스트 푸터
	style2 = 출고선택(특판출고)
	style2 .bill = 출고선택(대리점 출고)
---------------------------------------------*/
.grid-list-footer { display:flex; align-items:center; justify-content:space-between; padding:21px 24px 20px; border:1px solid var(--border1); border-top:none; background:var(--background2); }
.grid-list-footer .tit { font-size:var(--font16); font-weight:var(--w-bold); color:var(--inactive); }
.grid-list-footer .txt { font-size:var(--font22); font-weight:var(--w-bold); color:var(--normal); }

.grid-list-footer.style2 { border:none; background:var(--subtitle); }
.grid-list-footer.style2 .tit { margin-right:14px; }
.grid-list-footer.style2 .tit,
.grid-list-footer.style2 .txt { color:var(--white); }

.grid-list-footer.style2 .bill { font-size:0; }
.grid-list-footer.style2 .bill p { display:inline-block; vertical-align:middle; }
.btn.btn-num { padding:5px 12px; margin-right:8px; height: 26px; border-radius:13px; font-size:var(--font14); font-weight:var(--w-bold); color:var(--secondary); background:var(--white); }
.btn.btn-num:last-child { margin-right:0; }

/*---------------------------------------------
	계산내용 디스플레이
---------------------------------------------*/
.calctemp.table-type { margin-top:20px; }
.calctemp.table-type.table-col th { padding:15px 0; color:var(--title); }
.calctemp.table-type.table-col td { text-align:right; }

/*********************************************************************
견적서
*********************************************************************/
.show-estimate-wrap { padding-top:40px; width:100%; }
.show-estimate-wrap .contact { display:flex; justify-content:flex-end; text-align:right; margin:0 auto 24px; max-width:922px; width:100%; }
.show-estimate-wrap .contact .tit { margin-right:26px; font-size:var(--font18); font-weight:var(--w-bold); color:var(--title); }
.show-estimate-wrap .contact .radio-box li:last-child { margin-right:10px; }
.show-estimate-wrap .estimate { padding-top:48px; background:var(--background2); }
.show-estimate-wrap .estimate .estimate-box { padding:33px 25px 20px; margin:0 auto; max-width:992px; width:100%; min-height:1403px; height:100%; background:var(--white); }
.show-estimate-wrap .estimate .btn-wrap.bottom { margin:0; }
.show-estimate-wrap .estimate .btn-wrap.bottom button { margin:40px 0; }

/*---------------------------------------------
	견적서 header
---------------------------------------------*/
.estimate-box .estimate-header .top { display:flex; justify-content:space-between; margin-bottom:14px; width:100%; }
.estimate-box .estimate-header .top img { display:inline-block; width:112px; height:30px; }
.estimate-box .estimate-header .top p.tit { position:absolute; left:50%; transform:translateX(-50%); display:inline-block; font-size:var(--font28); font-weight:var(--w-bold); color:var(--title); }
.estimate-box .estimate-header .top .customer-info { padding:10px 12px; width:252px; background:var(--background4); }
.estimate-box .estimate-header .top .customer-info ul li,
.specifications-wrap .car-info .car-info-option > ul > li { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; }
.estimate-box .estimate-header .top .customer-info ul li:last-child { margin-bottom:0; }
.estimate-box .estimate-header .top .customer-info ul li .tit { font-size:var(--font14); font-weight:var(--w-regular); color:var(--inactive); }
.estimate-box .estimate-header .top .customer-info ul li .txt { font-size:var(--font14); font-weight:var(--w-bold); color:var(--inactive); }
.estimate-box .sub-header { display:flex; align-items:center; justify-content:space-between; padding-bottom:10px; border-bottom:3px solid var(--subtitle); }
.estimate-box .sub-header li { max-width:150px; width:100%; }
.estimate-box .sub-header li:last-child { text-align:right; }
.estimate-box .sub-header li p { display:inline-block; }
.estimate-box .sub-header li .tit { font-size:var(--font16); font-weight:var(--w-bold); color:var(--normal); }
.estimate-box .sub-header li .txt { font-size:var(--font16); font-weight:var(--w-regular); color:var(--normal); }

/*---------------------------------------------
	견적서 body
---------------------------------------------*/
.estimate-body { min-height:1096px; height:100%; }
/* 차량정보 */
.specifications-wrap { display:flex; align-items:center; justify-content:space-between; padding:10px 0 10px 20px; background:var(--background2); }/*20241226*/
.specifications-wrap .car-img { max-width:270px; text-align:center; } /*20241209*/
.specifications-wrap .car-img .tit { margin-top:10px; margin-bottom:6px; font-size:var(--font18); font-weight:var(--w-bold); line-height:1.3; color:var(--normal); } /*20241209*/
.specifications-wrap .car-img .txt { font-size:var(--font14); font-weight:var(--w-regular); color:var(--inactive); }
.specifications-wrap .car-info { display: flex; flex-direction: column; justify-content: space-between; padding-top:12px; width:622px; }/*20241226*/
.specifications-wrap .car-info .info-text { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; padding-right:20px; }
.specifications-wrap .car-info .info-text > div { width:100%; }
.specifications-wrap .car-info .info-text .title { padding-bottom:8px; border-bottom:1px solid var(--border1); font-size:var(--font14); font-weight:var(--w-bold); color:var(--normal); text-align:left; }
.specifications-wrap .car-info .info-text > div > ul { padding:10px; }
.specifications-wrap .car-info .info-text .car-info-color > ul > li { margin-bottom:10px; font-size:var(--font14); font-weight:var(--w-bold); color:var(--normal); }
.specifications-wrap .car-info .info-text .car-info-color > ul > li:last-child { margin-bottom:0; }
.specifications-wrap .car-info .info-text .car-info-color > ul > li .txt { margin-right:12px; font-weight:var(--w-regular); }
.specifications-wrap .car-info .car-info-option > ul > li { font-size:var(--font14); }
.specifications-wrap .car-info .car-info-option > ul > li span:first-child { max-width:168px; line-height:1.5; }/*20241213*/
.specifications-wrap .car-info .total { display:flex; align-items:center; justify-content:space-between; padding:8px 34px 8px 15px; margin-top:15px; color:var(--white); background:var(--subtitle); }
.specifications-wrap .car-info .total .tit { font-size:var(--font14); font-weight:var(--w-regular); }
.specifications-wrap .car-info .total .txt { font-size:var(--font16); font-weight:var(--w-bold); }

/** 계약조건 **/
/* 하나일 때 */
.table-wrap.one,
.table-wrap.auto { display:flex; align-items:flex-start; justify-content:space-between; }
.table-wrap.one .table-col,
.table-wrap.auto .table-col { width:451px; }
/* 두개 이상 일 때 */
.table-col tr.data td { border-top:1px solid var(--border2); font-weight:var(--w-bold); color:var(--secondary); }
.estimate-body .table-col tr.num td { text-align:right; }
.estimate-body .table-col.amount tr:first-child { border-top:1px solid var(--border2); }
.estimate-body .table-col.amount th { border:1px solid var(--border2); border-left:none; background:var(--background1); }
.estimate-body .table-col.amount tr:first-child td { border-top:0; font-weight:var(--w-regular); color:var(--normal); }
.estimate-body .table-col.amount tr td .flex,
.table-wrap.auto .table-col tr td .flex { justify-content:space-between; }
.estimate-body .table-col.amount tr td .flex .red { font-weight:var(--w-bold); }
.estimate-body .table-col.amount tr:last-child td { border-bottom:1px solid var(--border2); }

/** 정비상품 안내표 **/
.table-type.repair.style2 thead tr:first-child th:first-child { padding:5px 0 6px; }
.table-type.repair.style2 tr th,
.table-type.repair.style2 tr td { padding:4px 0 5px; font-size:var(--font14); font-weight:var(--w-regular); color:var(--title); }

/*---------------------------------------------
	오토리스 견적서 body
---------------------------------------------*/
.table-wrap.auto.no { display:block; }
.table-wrap.auto.no .table-col { width:100%; }
.table-wrap.auto .table-col th,
.table-wrap.auto .table-col td { border-bottom:0; }
.table-wrap.auto .table-col th { width:152px; }
.table-wrap.auto .table-col tr.total th { border-top:1px solid var(--border2); border-bottom:1px solid var(--border2); background:var(--background1); }
.table-wrap.auto .table-col tr.total td { border-top:1px solid var(--border2); border-bottom:1px solid var(--border2); }
.table-wrap.auto .table-col tr.total td .red { font-weight:var(--w-bold); }

.estimate-body .table-col.amount .num.auto th { border-right:1px solid var(--border3); border-bottom:1px solid var(--border3); background:var(--background2); }
.estimate-body .table-col.amount .num.auto:last-child td { border-bottom:1px solid var(--border3); }
.estimate-body .table-col.amount .num.auto:first-child td { border-top:1px solid var(--border3); }
.table-col.amount tr.auto .now { border-bottom:1px solid var(--border2); }

/*---------------------------------------------
	선구매
---------------------------------------------*/
.choose-wrap .choose-group.model:last-child { margin:0; padding:0; }
.choose-wrap .choose-group.model .choose { max-width:unset; }/*20250116*/
.choose-wrap .choose-group.model .choose li.chk { border:1px solid var(--secondary); color:var(--normal); font-weight:var(--w-bold); }
.choose-wrap .choose-group.model .choose li.chk button { color:var(--normal); font-weight:var(--w-bold); }/*20241224*/

/* 선점중일때 */
.accordion-wrap > .accordion-info > .ques .left .after-line span.pre-ing { display:inline-block; padding-left:32px; font-size:var(--font16); color:var(--primary); }
.accordion-wrap > .accordion-info > .ques .left .after-line span.pre-ing::before { content:""; position:absolute; top:50%; transform:translateY(-50%); left:0; display:inline-block; margin:0 16px; width:1px; height:16px; background:var(--title); }
.accordion-wrap > .accordion-info > .ques .left .after-line span.pre-ing .icon { margin-right:6px; width:18px; height:18px; font-size:0; background:url(../../images/ic_first.png)no-repeat 50%/18px; vertical-align:middle; }

/* 선구매에서 오토리스,렌터카 견적내기 화면 들어갈 때 */
.grid-list-body.deactive li:hover { background:transparent; }
.grid-list-body.deactive li:hover .pop { font-weight:var(--w-regular); color:var(--subtitle); }

/*********************************************************************
팝업에서 #선택
*********************************************************************/
.choose-wrap .choose-group { padding-left:10px; padding-bottom:40px; margin-bottom:30px; border-bottom:1px solid var(--border3); font-size:0; }
.choose-wrap .choose-group:last-child { padding-bottom:20px; margin-bottom:20px; border-bottom:none; }
.choose-wrap .choose-group .choose { display:flex; align-items:center; flex-wrap:wrap; gap:12px; max-width:540px; width:100%; }
.choose-wrap .choose-group .choose li { display:inline-block; gap:12px; padding:9px 16px; border:1px solid var(--border2); border-radius:18px; font-size:0; cursor:pointer; }/*20241224*/
.choose-wrap .choose-group .choose li button { background:transparent; font-size:var(--font14); color:var(--inactive); cursor:pointer; }/*20241224*/
.choose-wrap .choose-group .choose li::before { content:none; }

/* 선구매 20250204 */
.choose-wrap .choose-group.frist { margin-bottom:10px; padding-bottom:0; border-bottom:1px solid var(--border3); }

/* 아이콘 있을 때 */
.choose-wrap .choose-group .choose.image li { padding:9px 16px 9px 36px; }
.choose-wrap .choose-group .choose.image li::before { content:""; display:inline-block; position:absolute; top:50%; transform:translateY(-50%); left:16px; width:18px; height:18px; }

/* 클릭 했을 때 */
.choose-wrap .choose-group .choose li.on { border:1px solid var(--secondary); }
.choose-wrap .choose-group .choose li.on button { font-weight:var(--w-bold ); color:var(--normal); }

/* 선택 안될 때 */
.choose-group .choose li.disabled { border-color: var(--border2); background-color: var(--background2); color: var(--inactive); opacity: 1; cursor: initial; }
.choose-wrap .choose-group .choose li.disabled button { cursor: initial; }

/* 색상 선택 color */
.choose-wrap .choose-group .choose.color { align-items:flex-start; row-gap:20px; column-gap:26px; max-width:unset; width:554px; }
.choose-wrap .choose-group .choose.color li { display:flex; flex-direction:column; align-items:center; gap:10px; padding:0; width:88px; border:none; }
.choose-wrap .choose-group .choose.color li button { width:53px; height:53px; border:1px solid var(--border3); border-radius:7px; font-size:0; }
.choose-wrap .choose-group .choose.color li button img { width:100%; height:100%; border-radius:6px; }
.choose-wrap .choose-group .choose.color li span { font-size:var(--font14); font-weight:var(--w-regular); color:var(--normal); text-align:center; }
.choose-wrap .choose-group .choose.color li .num { font-size:var(--font14); font-weight:var(--w-bold); color:var(--normal); }

.choose-wrap .choose-group .choose.color li.on button { border:1px solid var(--secondary); }
.choose-wrap .choose-group .choose.color li.on button::after { content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:inline-block; width:14px; height:14px; background:url(../../images/color_chk.png)no-repeat 50%/14px auto; }
.choose-wrap .choose-group .choose.color li.on span,
.choose-wrap .choose-group .choose.color li.on .num { color:var(--secondary); }

/* 보험 선택 */
.table-type > div dd.choose-wrap { padding:20px 7px 20px 20px; }
.choose-wrap .choose-group.insurance { padding:0; margin:0; border-bottom:0; }
.choose-group.insurance .choose li { padding:20px 24px; border-radius:0; text-align:center; }
.choose-group.insurance .choose li.w100 { width:100%; }
.choose-group.insurance .choose li button { font-size:var(--font16); }
.choose-group.insurance .choose li.on button { color:var(--secondary); }

/*20241209 차량선택 > 트림선택 옵션 */
.choose-group .form-group.radio { margin-top:0; }

/* 견적저장 */
.form-group .form-row.end { align-items:flex-end; }

/* 선점가능 차량(현황조회 팝업) */
.choose-group .preoccupation { display:flex; align-items:center; justify-content:space-between; padding:20px 30px; border-radius:20px; background:var(--background4); }
.choose-group .preoccupation .tit { font-size:var(--font18); font-weight:var(--w-regular); color:var(--normal); }
.choose-group .preoccupation .blue { font-size:var(--font20); font-weight:var(--w-bold); }

ul.btnSelect li button:focus-visible { outline: 1px solid var(--secondary); }

/*---------------------------------------------
	choose-group안에 라디오 버튼
---------------------------------------------*/
.choose-group .form-group.radio ul.radio-box li { width:100%; }
.choose-group .form-group.radio ul.radio-box li label { display:flex; flex:1; justify-content:space-between; align-items:center; }
.choose-group .form-group.radio ul.radio-box li p.num { display:flex; justify-content: flex-end; flex: 0 0 140px; color:var(--subtitle); font-weight:var(--w-regular); }
.choose-group .form-group.radio ul.radio-box li p.num span { padding-left:0; font-weight:var(--w-bold); color:var(--subtitle); }
.choose-group .form-group.radio ul.radio-box li p.num span::before { content:none; }

/*---------------------------------------------
	slide #스와이퍼
---------------------------------------------*/
.swiper-container { overflow: hidden; }
.swiper-container .mySwiper{ max-width:405px; margin:0 auto;  }
/* .mySwiper .swiper-wrapper  { max-width:400px; } */
.swiper-container .mySwiper .swiper-wrapper .swiper-slide{ flex:0 0 126px; padding:10px; }

.swiper-container .mySwiper .swiper-slide button .img-box { margin:0 auto; width:106px; height:53px; }
.swiper-container .mySwiper .swiper-slide button img { display:block; width:100%; height:100%; }
.swiper-container .mySwiper .swiper-slide button { font-size:var(--font14); color:var(--normal); background: var(--white); }
.swiper-container .mySwiper .swiper-slide button .tit { margin-top:8px; font-size:var(--font14); font-weight:var(--w-bold); line-height:21px; }

.swiper-container .mySwiper .swiper-slide.on { border:1px solid var(--secondary); border-radius:3px; background:var(--background4);}
.swiper-container .mySwiper .swiper-slide.on button {  background:var(--background4);}
.swiper-container .mySwiper .swiper-slide.on span,
.swiper-container .mySwiper .swiper-slide.on .tit { color:var(--secondary); }

.swiper-container .mySwiper .navigation-wrapper { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:flex; justify-content:space-between; margin:0 auto; width:512px; z-index:11; }
.swiper-container .mySwiper .navigation-wrapper .swiper-button-prev { left:-10px; width:42px; height:42px; background:url(../../images/swiper_l_arr.png)no-repeat 50%/42px auto; }
.swiper-container .mySwiper .navigation-wrapper .swiper-button-next { right:-10px; width:42px; height:42px; background:url(../../images/swiper_r_arr.png)no-repeat 50%/42px auto; }
.swiper-container .mySwiper .navigation-wrapper .swiper-button-prev::after,
.swiper-container .mySwiper .navigation-wrapper .swiper-button-next::after { content:none; }

.swiper-container .mySwiper .navigation-wrapper .swiper-button-prev:focus-visible,
.swiper-container .mySwiper .navigation-wrapper .swiper-button-next:focus-visible { outline: 1px solid var(--secondary); }

.swiper-container::before, .swiper-container::after { content:''; position: absolute; top:0; bottom:0; width:90px; z-index:10; background:var(--white); }
.swiper-container::before { left:-30px; }
.swiper-container::after  { right:-30px; }

/*---------------------------------------------
	조건부 업종 여부 확인
---------------------------------------------*/
.business-wrap { display:flex; align-items:flex-start; gap:50px; margin-top:22px; padding:24px; background:var(--background2); }
.business-wrap .unable > li,
.business-wrap .able > li  { font-size:var(--font16); font-weight:var(--w-bold); color:var(--normal); }
.business-wrap .unable > li .bul-hypn,
.business-wrap .able > li .bul-hypn { margin-top:15px; font-size:var(--font14); font-weight:var(--w-regular); color:var(--normal); }
.business-wrap .unable > li .bul-hypn li,
.business-wrap .able > li .bul-hypn li { margin-bottom:10px; }
.business-wrap .unable > li .bul-hypn li:last-child,
.business-wrap .able > li .bul-hypn li:last-child { margin-bottom:0; }
.ascertain { margin:30px 0 20px; font-size:var(--font20); font-weight:var(--w-bold); color:var(--title); text-align:center; }

/* 합계 */
.sum { text-align:center; font-size:var(--font16); font-weight:var(--w-bold); color:var(--title); }


/*********************************************************************
로딩
*********************************************************************/
/* 로딩 컨테이너 중앙 정렬 */
.loading-wrap {position:fixed; display:flex; justify-content:center; align-items:center; right:0; top:0; bottom:0; z-index:100001; width:100%; height:100vh; min-height:100%; background:rgba(0,0,0,0.2); }

/*---------------------------------------------
	페이지 전환
---------------------------------------------*/
/* 로딩 애니메이션 */
.loader { position:relative; width:64px; height:64px; }

/* 점들의 스타일 */
.dot { position:absolute; width:12px; height:12px; background-color:#2363E7; border-radius:50%; animation:dot-animation 1.2s linear infinite;
}

/* 각 점의 위치 */
.dot:nth-child(1) { top:0; left:50%; transform:translateX(-50%); animation-delay: -1.2s; }
.dot:nth-child(2) { top:14%; left:86%; transform:translate(-50%, -50%); animation-delay:-1.1s; background-color:#4379E9; }
.dot:nth-child(3) { top:50%; left:100%; transform:translate(-50%, -50%); animation-delay:-1s; background-color:#608DEC; }
.dot:nth-child(4) { top:86%; left:86%; transform:translate(-50%, -50%); animation-delay:-0.9s; background-color:#789EEF; }
.dot:nth-child(5) { top:100%; left:50%; transform:translate(-50%, -50%); animation-delay:-0.8s; background-color:#789EEF; }
.dot:nth-child(6) { top:86%; left:14%; transform:translate(-50%, -50%); animation-delay:-0.7s; background-color:#AFC6F6; }
.dot:nth-child(7) { top:50%; left:0; transform:translate(-50%, -50%); animation-delay:-0.6s; background-color:#B5CAF6; }
.dot:nth-child(8) { top:14%; left:14%; transform:translate(-50%, -50%); animation-delay:-0.5s; background-color:#D1DEFA; }
.dot:nth-child(9) { top:14%; left:14%; transform:translate(-50%, -50%); animation-delay:-0.4s; background-color:#E1E9FB; }

/* 애니메이션 효과 */
@keyframes dot-animation {
	0%, 20% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.5);
	}
	100% {
		transform: scale(1);
	}
}

/*---------------------------------------------
	계약조건
---------------------------------------------*/
.loading-wrap2 { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:10; }
.loading-wrap2 > div { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.loader2 { width:96px; --b:17px; aspect-ratio: 1; border-radius: 50%; padding: 1px; background: conic-gradient(#2363E7 10%, #4379E9 20%, #608DEC 30%, #789EEF 40%, #AFC6F6 50%, #E1E9FB 60%, #EDEDED 70%) content-box; -webkit-mask: repeating-conic-gradient(#0000 0deg,#000 1deg 20deg,#0000 21deg 36deg), radial-gradient(farthest-side,#0000 calc(100% - var(--b) - 1px),#000 calc(100% - var(--b))); -webkit-mask-composite: destination-in; mask-composite: intersect;
animation:l4 1s infinite steps(10);}

@keyframes l4 {to{transform: rotate(1turn)}}

/*********************************************************************
#실적조회
*********************************************************************/
/* 견적,상담심사,발주배정,약정펀딩,인도 */
.perf-data { display:flex; flex-wrap:wrap; align-items: center; gap:20px; margin:20px 0 40px; padding-top:20px; }
.perf-data li { display:inline-block; min-width:120px; border:1px solid var(--border2); outline:1px solid transparent; border-radius:6px; font-size:var(--font18); color:var(--normal); text-align: center; background:var(--white); }
.perf-data li:hover { border:1px solid var(--background3); outline:1px solid var(--background3); font-weight:var(--w-bold); color:var(--title); background:var(--white); }
.perf-data li a { display:inline-block; padding:29px 20px; width:100%; height:100%; }
.perf-data li a:focus-visible { outline:1px solid var(--secondary); }
.perf-data li:hover span { color:var(--secondary); }

.perf-data li .sub-tit { font-weight:var(--w-regular); }


/*********************************************************************
# 팝업추가
*********************************************************************/
.iePop{
	position: absolute; 
	width:600px; 
	z-index:9999; 
	top:405px;
	left:451px;
	height:301px;
	margin:0px 0 0 0;
} 
/*top: 136px; 탑배너 위치와 일치   /
.iePop .conPop{padding:30px; background:#fff; border-left:1px solid #E0E2E7; border-right:1px solid #E0E2E7}
.iePop .footPop{border:1px solid #E0E2E7; background:#f6f6f8; padding:8px 20px; overflow:hidden}
.iePop .footPop .check{float:left}
.iePop .footPop .closeBtn{float:right; overflow:hidden}
.iePop .footPop .closeBtn p{float:left}
.iePop .footPop .closeBtn p:hover{text-decoration:underline}
*/
/* .iePop{position: absolute; top: 136px; left: 580px; width:320px; height:; z-index:99998} *//*top: 136px; 탑배너 위치와 일치  2017.09.24 추석 안내말씀- 임시공휴일에 따른 예금만기안내 */
.iePop{position: absolute; top: 0px; left: 0px; width:512px; z-index:99998}
      .iePop > p { display:block; box-sizing:border;border:5px solid #203764; }
      .iePop > p > a > img { width:100%;  }
.iePop .conPop{padding:30px; background:#fff; border-left:1px solid #E0E2E7; border-right:1px solid #E0E2E7}
.iePop .footPop{border:1px solid #E0E2E7; background:#f6f6f8; padding:8px 20px; overflow:hidden; display:flex; justify-content:space-between; }
      .iePop .footPop p.check { display:flex; gap:5px; }
      .iePop .footPop p.check input[type="checkbox"] { width:20px; height:20px; border:1px solid var(--border1); background: url(../../images/common/ic_check_off.png) no-repeat var(--white) 50%/12px; }
      .iePop .footPop p.check input[type="checkbox"]:checked { border:1px solid var(--secondary); background: url(../../images/common/ic_check_on.png) no-repeat var(--secondary) 50%/12px; }
.iePop .footPop .closeBtn{float:right; overflow:hidden}
.iePop .footPop .closeBtn p{float:left}
.iePop .footPop .closeBtn p:hover{text-decoration:underline}

/* S: BANNER WRITE/UPDATE */
.preview-img-wrap { display: none; align-items: center; justify-content: flex-start; margin-top: 2rem; max-width: 512px; max-height: 512px; }
.preview-img-wrap.on { display: flex; }
.preview-img-wrap > img { width: 100%; height: 100%; object-fit: contain; }
.preview-img-btn-wrap { margin-top: 1rem; }
.preview-img-btn-wrap > button { display: none; }
.preview-img-btn-wrap > button.on { display: inline-block; }
.col-10.custom { display: flex; align-items: center; justify-content: flex-between; gap: 1rem; }
/* E: BANNER WRITE/UPDATE */

/* S: BANNER POPUP  */
.pop-banner { position: sticky; top: 0; left: 0; z-index: 1000; }
.pop-banner .banner { position: absolute; display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: #FFFFFF; border: 5px solid #E5E5E5; box-shadow: 0 10px 24px rgba(0, 0, 0, 12); border-radius: 10px; top: 20px; left: 20px; }
.banner .banner-img-wrap img { object-fit: contain; }
.banner .footPop { display: flex; align-items: center; justify-content: space-between; flex: 1; width: 100%; padding: 0.7rem 0.5rem; border-top: 1px solid #E5E5E5; background-color: #F1F1F1; }
.banner .footPop > .check:hover { cursor: pointer; }
.banner .footPop p.check { display: flex; align-items: center; justify-content: flex-start; gap: 5px; }
.banner .footPop p.check input[type="checkbox"] { width: 20px; height: 20px; border: 1px solid var(--border1); background: url(/WEB/images/common/ic_check_off.png) no-repeat var(--white) 50%/12px; }
.banner .footPop p.check input[type="checkbox"]:checked { border: 1px solid var(--secondary); background: url(/WEB/images/common/ic_check_on.png) no-repeat var(--secondary) 50%/12px; object-fit: contain; color: #212121; }
.banner .footPop p.check label:hover { cursor: pointer; color: #000; }
.banner .footPop .closeBtn { float: right; overflow: hidden; }
.banner .footPop .closeBtn p { float: left; }
.banner .footPop .closeBtn p:hover { text-decoration: underline; }
.banner .footPop .closeBtn p:hover a { color: #000; }
/* E: BANNER POPUP  */

/* S: BANNER INFO-DETAIL */
.nte-header .flag { display: flex; align-items: center; justify-content: flex-start; padding: 0.3rem 1rem; border-radius: 1rem; margin-right: 1rem; }
.nte-header .flag.style1 { background-color: var(--primary); color: #FFFFFF; }
.nte-header .flag.style2 { background-color: #A8BEFF; color: #FFFFFF; }
.nte-header-inner { display: flex; align-items: center; justify-content: space-between; flex: 1; }
.preview-title { display: flex; align-items: center; flex-direction: column; padding: 1rem; gap: 2rem; border-bottom: 1px solid var(--border1); }
.preview-title .pop-banner-preview { margin-bottom: 2rem; }
.preview-title > span.preview-title-content { font-size: 1.2rem; }
.preview-title .pop-banner-preview .banner { display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: #FFFFFF; border: 5px solid #E5E5E5; box-shadow: 0 10px 24px rgba(0, 0, 0, 12); border-radius: 10px; }
.banner-contents { padding: 30px 20px; font-size: var(--font16); font-weight: var(--w-regular); color: var(--normal); }	
.banner-contents > table > tbody > tr > th, .banner-contents > table > tbody > tr > td { border: 1px solid var(--border1); padding: 1rem; }
.banner-contents > table > tbody > tr > th { width: 10rem; }
/* E: BANNER INFO-DETAIL */