@import url(/css/font.css);
:root {
	--color-main:#EF3538;
	--color-dark-blue:#191C25;
	--color-red:#EF3538;
    --color-orange:#f35415;
    --color-blue:#225CEF;
    --color-violet:#3F33E2;
    --color-green:#07995F;
    --color-yellow:#F9DD6D;
    --color-grey1:#111111;
    --color-grey2:#222222;
    --color-grey3:#333333;
    --color-grey4:#444444;
    --color-grey5:#555555;
    --color-grey6:#666666;
    --color-grey7:#777777;
    --color-grey8:#888888;
    --color-grey9:#999999;
    --color-greyblue:#747A88;
    --color-greyblue2:#40444E;
    --color-greyblue-light:#A9AEBA;
	--color-basic-bg:#F3F6FB;
    --color-border:#DCE1EB;/*#DDE0E9, e5e7ed */
    --bg-mobile:#F6F7F9;
    --bg-green:#EEFAF9;
    --bg-violet:#EEF2FF;
    --radius-basic:1rem; 
}
.color-blue {color:var(--color-blue) !important }
.color-darkblue {color:var(--color-dark-blue) !important }
.color-red {color:var(--color-red) !important }
.color-yellow {color:#ffee00 !important }
.color-green{color:var(--color-green) !important}
.color-violet {color:var(--color-violet) !important}
.bg-green {background-color:#EEFAF9 !important}
.bg-violet {background-color:#EEF2FF !important}
.bg-blue {background-color:#F3F6FB !important}
.bg_white #mobile_content {background-color:#fff !important}




*, *::before, *::after {box-sizing: border-box;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var, b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup, menu,nav,output,ruby,section,summary,time,mark,audio,video {font-family:'Pretendard', 'Noto Sans', Helvetica, Arial, sans-serif;letter-spacing:-.4px;margin:0;padding:0;border:0;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

html,body,th,td,input,select,textarea,button,p,span,label,a,i,li,dd,dt,strong,:before,:after,h1,h2,h3,h4,h5,h6,pre,em {-webkit-overflow-scrolling:touch;scroll-behavior:smooth;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-smooth: never;}
body {overflow-x:hidden; min-width:320px;}
html,body {height:100%;}

body{position:relative; webkit-touch-callout:none;/*아이폰 미리보기 문제 해결*/background-color:#E7EAEF;font-size:14px;color:#2C3345;font-weight:normal;line-height:1.4;}

@media screen and (max-width: 430px) {
  :root { font-size: 4vw; }
}


dl,ul,ol,menu,li{list-style:none}
i {font-style:normal;font-weight:normal;}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
input,select,textarea {max-width:100%;font-size:1rem;vertical-align:middle;outline:0;-webkit-appearance:none;-moz-appearance:none;}
a{text-decoration:none;color:#000; cursor: pointer;  transition:all 0.2s; }
a:link,a:visited{text-decoration:none;}
a:hover,a:focus,a:active{text-decoration:none;color:inherit; /*color:#00f;*/}
a.link:hover {text-decoration:underline;}
sup{font-size:x-small;vertical-align:super}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
caption {display:none;}
strong, b {font-weight:700;}
table {table-layout:fixed;width:100%;/*min-width:100%;*/margin:0;padding:0;border-spacing:0;border:0;/*border-collapse:collapse;*/}
*+html table {border-collapse:collapse;}
.a_link {display:inline-block; color:var(--color-blue); text-decoration: underline !important; font-size:0.8125rem; margin-top:0.25rem;}
/* 스크롤바 */
::-webkit-scrollbar { width:7px;height:7px;}
::-webkit-scrollbar-track { background-color:transparent; }
::-webkit-scrollbar-thumb { background:#D3D7DC; opacity:.8 !important;}
::-webkit-scrollbar-button { display:none; }



@media all and (max-width:460px){ 
    ::-webkit-scrollbar { width:0;height:0;}
    ::-webkit-scrollbar-thumb { background:transparent !important;}
}

input:-webkit-autofill { -webkit-text-fill-color: #000; } 
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }
/*
body::-webkit-scrollbar {height:.5rem;}
body::-webkit-scrollbar-track {background-color:#eff1f3;}
body::-webkit-scrollbar-thumb {background:rgb(40 122 229);}
*/
.nobg {background-color:#fff !important;}
.blind{display:block;overflow:hidden;top:-1000em;position:absolute;}
.ellipsis{display:inline-block; overflow:hidden; white-space:nowrap !important; text-overflow:ellipsis; -o-text-overflow:ellipsis;}

/* 데이터 없음(공통) */
.data-empty {position:relative; width:100% !important; background-color:transparent !important; min-height:18.75rem;text-align:center;border:0 !important;}
.data-empty span:before {content:'';display:block;height:5rem;background-repeat:no-repeat;background-position:center;background-size:auto 3rem;background-image: url("data:image/svg+xml,%3Csvg width='40' height='41' viewBox='0 0 40 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.975 39.9723H5V6.77717L11.7772 0H36V33.9549C36 37.2783 33.2983 39.9799 29.975 39.9799V39.9723ZM6.91879 38.0535H29.975C32.2392 38.0535 34.0812 36.2114 34.0812 33.9473V1.91879H12.5754L6.91879 7.57539V38.0535Z' fill='%23BCC3C9'/%3E%3Cpath d='M16.3284 11.3284H8.32324V9.40965H14.4096V3.32324H16.3284V11.3284Z' fill='%23BCC3C9'/%3E%3Cpath d='M28.6555 15.895H16.5518V17.8138H28.6555V15.895Z' fill='%23BCC3C9'/%3E%3Cpath d='M14.679 15.895H12.3457V17.8138H14.679V15.895Z' fill='%23BCC3C9'/%3E%3Cpath d='M28.6555 20.3467H16.5518V22.2655H28.6555V20.3467Z' fill='%23BCC3C9'/%3E%3Cpath d='M14.679 20.3467H12.3457V22.2655H14.679V20.3467Z' fill='%23BCC3C9'/%3E%3Cpath d='M28.6555 24.7905H16.5518V26.7093H28.6555V24.7905Z' fill='%23BCC3C9'/%3E%3Cpath d='M14.679 24.7905H12.3457V26.7093H14.679V24.7905Z' fill='%23BCC3C9'/%3E%3C/svg%3E%0A");}
.data-empty span {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:.875rem;color:#525252;}
.data-empty:after, .data-empty:before {display:none !important;}

/* loading  */
.loading_img {position:fixed;left:0;top:0;right:0;bottom:0;background-image:url('/images/loading.svg');background-repeat:no-repeat;background-position:center;background-color:rgba(255,255,255,.75);background-size:auto 4rem;z-index:99;}
.container .loading_img {/*position:absolute;*/}
.loading_icon:before {content:''; position:absolute; left:0; top:0; right:0; bottom:0; background-color:rgba(255,255,255,0.5) ; z-index:5; background-image:url('/images/loading.svg'); background-repeat:no-repeat; background-position:center; background-color:rgba(255,255,255,.75); background-size:auto 80%; border-radius:5rem;}
@keyframes blinkani {
      0% {opacity: 0;}
      50% {opacity: 1;}
      100% {opacity: 0;}
}



/*---------------------------------------------------------------------------------*
										form
*---------------------------------------------------------------------------------*/
/* form */
[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea, [type=textarea], select {width:100%;height:3.25rem;border-radius:0.65rem;border:1px solid #DEE1E5; outline:0; margin-bottom:0;background-color:#fff;font-size:0.9375rem;font-weight:bold;box-sizing:border-box;box-shadow:none;cursor:pointer;transition: 0.2s; }
[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {position:relative; padding:0 1rem;}
input:before, textarea:before {content: '';position: absolute;left: 0;right: 0;top: 0;height: 2px;background: linear-gradient(0deg, transparent, #dadee5);z-index:3;}
[type=checkbox] {display:none}
/*input[type="tel"]{width:6.5rem;}*/
input.impact {color:#1d63ed;font-size:1.25rem;border-color:#1489ed;}
input.price {text-align:right;}
input.date {width:10rem;padding-right:1.25rem;background-position:right center;background-position-x:calc(100% - .35rem);background-repeat:no-repeat;background-size:auto .75rem;background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 6.43005H3V21.0001H21V6.43005Z' stroke='%233E3E3E' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.15002 3V6' stroke='%233E3E3E' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.84 3V6' stroke='%233E3E3E' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.21997 10.88H16.77' stroke='%233E3E3E' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
textarea, [type=textarea] {min-height:3rem;height:auto;line-height:1.5;resize:none;font-family:'Pretendard';  }
.tx-canvas {background-color:#fff;}
.tx-resize-bar {display:none;}
input.line {border-width:0 0 1px !important;border-radius:0;}
input.t_big {font-size:1.2rem;}
textarea:disabled, textarea[readonly] {background-color:transparent !important;box-shadow:none !important;}
input[readonly] {background-color:transparent !important;border-color:#f1f1f1 !important;cursor:default;}
select {position:relative;padding-left:1rem; padding-right:1.5rem;-webkit-appearance: none; /* 네이티브 외형 감추기 */-moz-appearance: none;appearance: none;color:#2C3345;font-weight:500;letter-spacing:-.4px;/*background:linear-gradient(0deg, #f1f4f7, #fff);*/background-repeat:no-repeat;background-size:auto 1.5rem;background-position:calc(100% - .5rem) center;background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.79269 9.29127C6.97303 9.10556 7.20256 9.0127 7.48127 9.0127C7.75998 9.0127 7.9895 9.10556 8.16985 9.29127L12.0062 13.2166L15.8426 9.29127C16.0229 9.10556 16.2485 9.00865 16.5193 9.00055C16.7895 8.99177 17.023 9.08868 17.2197 9.29127C17.4001 9.47698 17.4902 9.71334 17.4902 10.0004C17.4902 10.2874 17.4001 10.5237 17.2197 10.7094L12.6948 15.3691C12.5964 15.4704 12.4898 15.5423 12.3751 15.5849C12.2603 15.6268 12.1374 15.6477 12.0062 15.6477C11.875 15.6477 11.7521 15.6268 11.6373 15.5849C11.5226 15.5423 11.416 15.4704 11.3176 15.3691L6.79269 10.7094C6.61235 10.5237 6.51824 10.2914 6.51037 10.0125C6.50185 9.73428 6.59595 9.49387 6.79269 9.29127Z' fill='%23889097'/%3E%3C/svg%3E%0A");transition: 0.2s; }
select.round {border-radius:5rem; padding-left:1.875rem; background-position:calc(100% - 1.5rem)}
select option {font-weight:500;}
select::-ms-expand{ display: none; }/* IE 10, 11의 네이티브 화살표 숨기기 */
select option[disabled] { color: #aaa !important; background: #DFE4E9 !important;}
select.full-date {width:11.25rem;}
select.time {width:4rem;}

button {outline:0 !important;cursor:pointer;border:0;background-color:transparent; line-height: 1;transition: 0.2s;}
button:focus {outline: -webkit-focus-ring-color auto 0 !important;}
button:active {outline:0 !important;box-shadow:none !important;}

button,a {  outline: none !important;  -webkit-tap-highlight-color: transparent !important;  appearance: none !important;  -webkit-appearance: none !important;}
button:focus,
button:active {  outline: none !important;  box-shadow: none !important;}


fieldset {position:relative; padding:0;padding-block:0 !important;max-width:100%;font-size:0;vertical-align:middle;}
fieldset legend {position:relative;width:100%;padding:1.125rem 0;border-top:1px solid rgba(0,0,0,.05);font-size:1.0625rem;color:#2C3345;font-weight:bold;}
img{border:0 none;max-width:100%;vertical-align:middle;}
hr{display:none}
input,select,textarea,label{vertical-align:middle;}
body.sitefix,.sitefix,.sitefix2{top:0;right:0;bottom:0;left:0;overflow-y: hidden;}
body {    overflow-anchor: none;}
input:disabled, select:disabled, textarea:disabled, input[type=text]:disabled, [disabled], .disabled {opacity:.35 !important;/*border:0 !important;*/cursor:default;}
input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus, input[type=text]:hover, input[type=text]:focus {border-color:var(--color-dark-blue) !important; }
[readonly] {border-color:#F7F8F9 !important;}
[readonly]:focus {border-color:#F7F8F9 !important;}
[required], .required {border:1px solid #F71010 !important;}



/* style */
.flex {display:flex !important;}
.align-center {align-items: center !important;}
.justify-center {justify-content:center !important;}
.justify-between {justify-content: space-between !important; }
.align-end {align-items: flex-end !important;}
.align-start {align-items: flex-start !important;}
.align-center {align-items:center !important;}
.direction-column {display:flex; flex-direction: column !important; }
.direction-row { flex-direction: row !important;}
.flex-column {display:flex; flex-direction: column; gap:1rem;}

.form_col .form_tit.required {border-color:transparent !important;color:#F71010 !important;}
.form_col .form_tit.required:after {color:#F71010 !important;}
.form_col .form_tit.required + .form_cnt {position:relative;}
.form_col .form_tit.required + .form_cnt:before {content:'';position:absolute;left:0rem;top:0rem;width:0;height:0;border-style:solid;border-width:.65rem .65rem 0 0;border-color:#ff4343 transparent transparent transparent;z-index:5;}
[disabled], .disabled{color:#aaa !important;opacity:.35;}
.form_col .form_tit.essential {font-weight:bold;color:#0070e7;}
.form_col .form_tit.essential:after {content:'*';padding-left:.25rem;color:#0070e7;font-size:1.125rem;font-weight:bold;line-height:1;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#CFD3D7;font-weight:normal; font-size:0.9375rem;}
input:-moz-placeholder, textarea:-moz-input-placeholder  {color:#CFD3D7;font-weight:normal;font-size:0.9375rem;}/* FF 4-18 */
input::-moz-placeholder, textarea::-moz-input-placeholder  {color:#CFD3D7;font-weight:normal;font-size:0.9375rem;}/* FF 19+ */
input:-ms-input-placeholder, textarea:-ms-input-placeholder  {color:#CFD3D7;font-weight:normal;font-size:0.9375rem;}/* IE 10+ */

[type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, textarea:focus, select:focus {box-shadow:none}
input:focus {border-width:1px; border-style: solid; border-color:#2E3033 !important; background-color:#FFF !important}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color: transparent !important; }
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {color: transparent !important; }
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {color: transparent !important; }
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {color: transparent !important; }

/* checkbox, radio */
input[type=checkbox], input[type=radio] {position:absolute;opacity:0;-webkit-opacity:0;-moz-opacity:0;	z-index:0;}
input[type=checkbox] + label, input[type=radio] + label {position:relative;display:block;margin:0;min-height:2.25rem;padding:.5rem 0 .5rem 1.5rem;box-sizing:border-box;border:0;font-size:0.9375rem;font-weight:500; color:#515966;line-height:1.2;word-break:keep-all;cursor:pointer;}
input[type=checkbox] + label:before, input[type=radio] + label:before {display: block;content: "";position: absolute;left:0;top:.5rem;width:1.125rem;height:1.125rem;background-color:#fff;border:1px solid #cccccc;border-radius:.1875rem;}
input[type=checkbox] + label:after, input[type=radio] + label:after {display: block;content: "";position: absolute;left:0.05rem;top:.45rem;width:1.125rem;height:1.125rem;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:auto .55rem;transition:all 0.2s ease-in;}
input[type=checkbox]:checked + label, input[type=radio]:checked + label {color:var(--color-greyblue2);font-weight:600;}
input[type=checkbox]:checked + label:before, input[type=radio]:checked + label:before {border-color:transparent;background-color:var(--color-main);}
input[type=checkbox] + label:after, input[type=radio] + label:after {background-image: url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.43516 7.45619L1.74841 4.81301L0.833496 5.70675L4.43516 9.25L12.1668 1.64374L11.2584 0.75L4.43516 7.45619Z' fill='%23eeeeee' stroke='%23eeeeee'/%3E%3C/svg%3E%0A");}
input[type=checkbox]:checked + label:after, input[type=radio]:checked + label:after {background-image: url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.43516 7.45619L1.74841 4.81301L0.833496 5.70675L4.43516 9.25L12.1668 1.64374L11.2584 0.75L4.43516 7.45619Z' fill='%23ffffff' stroke='%23ffffff'/%3E%3C/svg%3E%0A");}
input[type=checkbox] + label:last-child, input[type=radio] + label:last-child {padding-right:0 !important;}
input[type=checkbox] + label .sub {display:block; padding-top:0.25rem; font-size:0.875rem; font-weight:300; color:#888}
input + label input {display:none;margin-left:.3125rem;}
input:checked + label input {display:inline-block;}

input[type=radio] + label {min-height:1.25rem;padding-right:2rem;padding-left:1.55rem;}
input[type=radio] + label:before, input[type=radio] + label:after {width:1.25rem;height:1.25rem;border-radius:50%;}

.square, .inputround, .mode {display:flex;flex-wrap:wrap;gap:0;position:relative;border-radius:.25rem;font-size:0 !important;}
.square {gap:0.375rem;}
.square input[type=checkbox] + label, .square input[type=radio] + label {display:inline-flex;min-height:2.875rem;margin:0;border-color:#a9b1b5;border-width:1px;border-style:solid;border-radius:0.75rem;padding:0;text-align:center;line-height:1.1;align-items:center;justify-content:center;overflow:hidden;}
.square input[type=checkbox]:checked + label, .square input[type=radio]:checked + label {background-color:#fff;border-color:#2E3033;color:#2E3033;}
.square input[type=checkbox] + label:before, .square input[type=radio] + label:before {display:none;}

/* mode */
.mode {height:2.25rem;flex-wrap:nowrap;border-radius:.5rem;background-color:#E8EAED;padding:.1875rem;overflow: hidden; background-color:#fff;}
.mode li {overflow:auto;}
.mode input[type=radio] {display:none;position:absolute;opacity:0;-webkit-opacity:0;-moz-opacity:0;z-index:0;}
.mode input[type=radio] + label {width:2.5rem;height:100%;padding:0;border-radius:.5rem;border:1px solid transparent;background-position:center;background-repeat:no-repeat;font-size:0;opacity:.5;}
.mode input[type=radio] + label:before, .mode input[type=radio] + label:after {display:none;}
.mode input[type=radio]:checked + label {z-index:2;background-color:#f0f1f5;opacity:1;}
/* .mode input[type=radio] + label:hover {background-color:#f0f1f5;}*/
.mode .type_car + label  {background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66664 8.33332V15H0V8.33332H6.66664ZM15 8.33332V15H8.33332V8.33332H15ZM5 10H1.66664V13.3333H5V10ZM13.3333 10H10V13.3333H13.3333V10ZM6.66664 0V6.6666H0V0H6.66664ZM15 0V6.6666H8.33332V0H15ZM13.3333 1.66664H10V5H13.3333V1.66664Z' fill='%23373C4B'/%3E%3C/svg%3E%0A");
}
.mode .type_list + label  {background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3.33301' y='4.16602' width='13.3333' height='1.66667' rx='0.833333' fill='%232C3345'/%3E%3Crect x='3.33301' y='7.5' width='13.3333' height='1.66667' rx='0.833333' fill='%232C3345'/%3E%3Crect x='3.33301' y='14.166' width='13.3333' height='1.66667' rx='0.833333' fill='%232C3345'/%3E%3Crect x='3.33301' y='10.834' width='13.3333' height='1.66667' rx='0.833333' fill='%232C3345'/%3E%3C/svg%3E%0A");
}
.mode .type_1line + label  {background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='4' width='16' height='1' rx='0.5' fill='%23000'/%3E%3Crect x='4' y='7' width='16' height='1' rx='0.5' fill='%23000'/%3E%3Crect x='4' y='16' width='16' height='1' rx='0.5' fill='%23000'/%3E%3Crect x='4' y='19' width='16' height='1' rx='0.5' fill='%23000'/%3E%3Crect x='4' y='10' width='16' height='1' rx='0.5' fill='%23000'/%3E%3Crect x='4' y='13' width='16' height='1' rx='0.5' fill='%23000'/%3E%3C/svg%3E%0A");
}

.bold {font-weight:bold;}
.text-left {text-align: left !important;}
.text-center {text-align: center !important;}
.text-right {text-align: right !important;}

.unit {position:relative;z-index:1;}
.unit input {padding-right:1.75rem; font-size:1.125rem;}
.unit::before {content:'';position:absolute;right:.75rem;top:50%;margin-top:-0.5625rem;font-size:0.875rem;z-index:2; color:#888}
.unit.won::before {content:'원';}
.unit.won input {text-align:right; padding-right:1.75rem !important;}
.unit.per::before {content:'%';}
.unit.per input {text-align:right; padding-right:1.75rem !important;}
.unit.percent::before {content:'%';}
.unit.point::before {content:'P';}
.unit.point input {text-align:right; padding-right:1.75rem !important;}
.unit.manwon::before {content:'만원';}
.unit.manwon input {text-align:right; padding-right:2.75rem !important;}
.unit.km:before {content:'Km';}
.unit.nm:before {content:'?m';}
.unit.km input {text-align:right; padding-right:2.5rem !important;}
.unit.cc:before {content:'cc';}
.unit.cc input{text-align:right; padding-right:2.5rem !important;}
.unit.year::before {content:'년';}
.unit.impact input {color:#ff0047;font-weight:800;text-align:right;}
.unit.impact::before {color:#ff0047;}

.note {font-size:0.875rem; line-height:1.5em; color:var(--color-grey6); padding:0.5rem 0}
.note.nopad {padding:0}
.note.red {color:var(--color-red)}
.note.box {padding:1.25rem 1.5rem; background-color:#fff;border-radius:var(--radius-basic)}
.note.dashed { border:1px dashed var(--color-border);}
.note-item {display:flex; flex-direction: column; gap:0.875rem;}
.note-item .h3 {font-size:0.9375rem; font-weight:600; color:var(--color-greyblue2); line-height:1.3em;}
.note-item .box {border:1px solid var(--color-border)}
.bg .note.box { background-color:#fff; }
.bg_white .note.box {background-color: var(--color-basic-bg);}
.modal .note.box {background-color: var(--color-basic-bg);}
/*input  첨부파일*/
.fileBox{height:35px; line-height: 35px;}
.fileBox:after{content:""; display:block; clear:both;}
.fileBox .fileName {float:left; width:calc(100% - 83px); height:35px; margin-right:0px; border-radius:3px; line-height:35px;border:1px solid #bfc5cb !important;background-color:none;vertical-align:middle}
.fileBox .btn_file {float:right; width:80px;height:35px; line-height:35px; border-radius:3px; font-size:12px; background: #748187; text-align:center;vertical-align:middle; color:#fff;}
.fileBox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}


/* 스위치 기본 */
.switch {  position: relative;  display: inline-block;  width: 3.25rem;  height: 1.75rem;}
.switch input {  opacity: 0;  width: 0;  height: 0;}
.slider {  position: absolute;  cursor: pointer;  inset: 0;  background-color: #DCE1EB;  transition: 0.3s;  border-radius: 999px;}
.slider::before {  content: "";  position: absolute;  height: 1.3rem;width: 1.3rem; left: 0.25rem;  bottom: 0.22rem;  background-color: #fff; transition: 0.3s;  border-radius: 50%; ;}

/* ON 상태 */
.switch input:checked + .slider {  background-color: var(--color-dark-blue)}
.switch input:checked + .slider::before {  transform: translateX(1.45rem);}


/* form */
.fieldset {display:flex; flex-direction: column; gap:1.25rem; }
.fieldset .row{display:flex; flex-direction: column; gap:0.625rem;}
.fieldset .h2 {font-size:1rem;font-weight:700; color:var(--color-dark-blue); }


.form-group { margin:0;display:flex; flex-direction: column; }
.form-group .form-tit {position:relative;font-size:1rem;font-weight:600;color: var(--color-dark-blue);padding:0 0 .625rem;}
.form-group .form-tit.essential:after {content:'(필수)';font-size:0.75rem; color:#E60012; font-weight:400; margin-left:0.3125rem;}
.form-group .form-tit em {font-size:0.8125rem; color:var(--color-grey9)}
.form-group .form-cnt {display:flex;gap:.25rem;flex-direction:column;}
.form-group .form-cnt.auto * {flex:auto;}
.form-group .form-cnt .form-txt { padding-top:0.25rem; color:var(--color-grey9); font-size:0.8125rem; font-weight:400;}
.form-group .form-cnt .alert {color:var(--color-red); }
/*.form-group .form-cnt input + label {flex:none;}*/
.form-group .form-cnt.direction-column {flex-direction: column; gap:0.5rem;}
.form-group .form-cnt.direction-row {flex-direction: row;}
.form-group .form-cnt.flex-wrap {flex-wrap: wrap;}
.form-group .form_col {display:flex; flex-direction: column;}
.form-group sub {font-size:0.875rem; font-weight:400; color:var(--color-grey6)}
.form-group.gap {gap:0.5rem;}
.form-group textarea {height:10rem;padding:1rem;}
.txt_guide {font-size:0.8125rem; color:var(--color-grey7);padding-top:0.3125rem;}
.txt_guide.warn {color:var(--color-red)}

.searchBox { position:relative; display: flex; align-items: center;width:100%; background-color:#FFF; border:1px solid var(--color-border); border-radius:0.625rem;}
.searchBox input[type=text] {background-color:transparent; border:0; width:calc(100% - 4rem)}
.searchBox button {width:4rem; height:3.25rem; background:url(/images/icon_search.svg) no-repeat center ; background-size:auto 1.625rem;}

.select_type {display:flex; flex-wrap: wrap; gap:0.5rem; }
.select_type input[type=radio] + label { display:flex;justify-content:center; align-items:flex-start; flex-direction: column;gap:0.125rem; width:calc(50% - 0.25rem); min-height:3.25rem; padding:0.625rem 0.5rem 0.625rem 2.75rem; color:var(--color-greyblue2);font-weight:500;font-size:0.9375rem; color:var(--color-greyblue2); background-color:#fff; border:1px solid var(--color-border); border-radius:0.625rem;}
.select_type input[type=radio] + label em {font-size:0.8125rem; font-weight:400; color:var(--color-greyblue)}
.select_type input[type=radio] + label:before { left:0.875rem !important;top:50%; margin-top:-0.625rem;}
.select_type input[type=radio] + label:after {left:0.9375rem !important; top:50%; margin-top:-0.625rem; }
.select_type input[type=radio]:checked + label {font-weight:700; border-color:var(--color-red); color:var(--color-dark-blue); background-color:rgb(252, 246, 246)}
.select_type input[type=radio]:checked + label:before { border-color:transparent;background-color:var(--color-main);}
.select_type.nowrap {flex-wrap: nowrap;}
.select_type.nowrap *  {flex:auto;}
.select_type.nowrap input[type=radio] + label  {width:auto;font-size:0.875rem; letter-spacing: -.04em; padding-left:2.5rem;}

@media all and (max-width:460px){ 
.select_type input[type=radio] + label:before { left:0.625rem !important; }
.select_type input[type=radio] + label:after {left:0.65rem !important;   }
}

/* fileimg list */
.fileImg-list { display:flex; flex-wrap: wrap; gap:0.5rem; }
.fileImg-list .item { position:relative; width:18%; aspect-ratio: 5 / 5;  border-radius:0.625rem; background-repeat: no-repeat; background-position: center ; background-size:cover; background-color:#f5f5f5; background-image: url(/images/noimg.png);}
.fileImg-list .close {position:absolute; right:0.25rem; top:0.25rem; width:1.25rem; height:1.25rem; border-radius:50%; background-color:rgba(0,0,0,0.3); background-repeat:no-repeat; background-position:center ; background-size:auto 70%; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12L19 19M12 12L5 5M12 12L5 19M12 12L19 5' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
.item-upload { padding:0;}
.item-upload label {display: block;	position:relative; text-align: center;	box-sizing: border-box;width:100%;  aspect-ratio: 5 / 5; background-color: #fff; border-radius:0.625rem;border:1px solid var(--color-border); cursor: pointer;transition: all 0.2s ease-in;}
.item-upload label:before {content:""; display:block;width:100%; height:100%; background:url(/images/icon_camera.svg) no-repeat center ; background-size:1.5rem; }
.item-upload label span {display: inline-block;vertical-align: top;height:32px !important; line-height:30px !important; font-size: 13px;color: #666;}
.item-upload input[type="file"] { display:none;}
.item-upload .disabled label { cursor: default; background-color: #f1f1f1 !important; }
.item-upload .disabled label span { color: #999; }

/* align */
.align_box {display:flex; align-items: center; justify-content: space-between;}


/* title */
.table {border-top:1px solid var(--color-dark-blue)}
.table th{padding:0.5rem 0.25rem; font-size:0.8125rem; font-weight:500; color:var(--color-dark-blue); border-left:1px solid #fff; background-color:#ECEEF2; }
.table th:first-child {border-left:0;}
.table td {padding:0.5rem; font-size:0.8125rem; font-weight:400; color:var(--color-greyblue); line-height:1.5em; border-left:1px solid #E4E8F0; border-bottom:1px solid #E4E8F0; vertical-align: top;}
.table td:first-child {border-left:0;}
.table.vt-middle td { vertical-align: middle;}
.table tbody th {font-weight:600; color:var(--color-greyblue); background-color:#FFF; border-left:0;border-bottom:1px solid #E4E8F0; }

.table.type2 {border:0;border-top:1px solid var(--color-border);}
.table.type2 th {background-color: var(--color-basic-bg); border:1px solid var(--color-border); border-right:0;  padding:0.5rem 0.75rem;border-top:0; }
.table.type2 td {border:1px solid var(--color-border);padding:0.5rem 0.75rem;  border-top:0; border-right:0; }
.table.type2 th:last-child,
.table.type2 td:last-child {border-right:1px solid var(--color-border);}
.table.type2.left th{ text-align:left;border-top:0;}
.table.type2.left td {border-left:0; border-top:0}


/*---------------------------------------------------------------------------------*
	round-box
*---------------------------------------------------------------------------------*/
.roundbox_wrap {position:relative; display:flex; flex-direction: column;gap:0.625rem;}
.roundbox_wrap .h2 {padding: 0.625rem 0 0;  margin: 0;  font-size: 1.125rem; line-height: 1.3em; font-weight: 700; color: var(--color-dark-blue);}
.roundbox_wrap .h3 { font-size: 1rem; line-height: 1.3em; font-weight: 700; color: var(--color-dark-blue);}
.roundbox_wrap .h4 { font-size: 0.9375rem; line-height: 1.3em; font-weight: 700; color: var(--color-dark-blue);}
.roundbox { position:relative; border-radius:var(--radius-basic);  background-color:#fff; padding:1.25rem; border:0.0625rem solid var(--color-border); color:var(--color-greyblue)}
.roundbox.noline {border:0}

.roundbox .h3 {position:relative;margin:0; padding:0; margin-bottom:0.875rem; font-size:1rem; line-height:1.3em; font-weight:700; color: var(--color-grey3); margin-top:2.5rem;}
.roundbox em {font-size:0.875rem; color:var(--color-greyblue); font-weight:400}
.roundbox .h3:first-of-type {margin-top:0; }
.roundbox .h4 {position:relative;font-size:0.9375rem; font-weight:700; color:var(--color-blue);padding:1.25rem 0 0.5rem; margin:0;}
.tab_cont .h3 {margin:0; padding:0; margin-bottom:0.875rem; font-size:1rem; line-height:1.3em; font-weight:700; color: var(--color-grey3);}
.roundbox .row {display:flex; flex-direction: column; gap:1rem;margin:0; padding:0; margin-bottom:1rem;}
.roundbox .row:last-of-type {margin:0;}
.row.box{padding: 1.25rem 1rem 1.25rem 1rem !important; border-radius:var(--radius-basic); background-color:#fff; border:1px solid var(--color-border); margin:0;}
.roundbox .row.box{padding: 1.25rem 1rem 1.25rem 1rem !important;   background-color:var(--color-basic-bg); border:0; margin:0;}
.roundbox.pt {padding-top:1rem !important;}
.roundbox.pd0 {padding:0 !important; }
.roundbox .inbox_group {display:flex; gap:0.875rem; flex-direction: column;}
.roundbox .inbox { width:100%; background-color:var(--color-basic-bg); border-radius:0.875rem; padding:1rem; }
.roundbox .inbox.line {background-color:#fff; border:1px solid var(--color-border)}
.roundbox .inbox .txt {font-size:0.75rem; color:var(--color-grey6)}
.roundbox.pd0 .inbox_group {padding-top:0; }
.roundbox.pd0 .box_title {padding:1.125rem;}
.roundbox.pd0 .inbox_group {padding:0 1rem 1rem; }
.roundbox.pd0 .fuc_btn:after {right:0.875rem;}
/*.roundbox .fuc_cont {padding-top:1rem;}*/
.roundbox:has(.ul_list.line) h3{margin-bottom:0;}
.roundbox .txt {font-size:0.8125rem; font-weight:400; color:var(--color-grey6); line-height:1.5em;}
.roundbox .ul_list.line li:first-of-type {padding-top:0 !important}
.roundbox .ul_list.line li:last-of-type {padding-bottom:0 !important;}



.box_title {position:relative; display:flex; width:100%;/* align-items: center;*/ gap:0.25rem; font-size:0.9375rem;  color:var(--color-dark-blue);font-weight:700;  }
.box_title .h2 {position:relative;  display:flex; align-items: center;font-size:1.125rem; font-weight:700; color:var(--color-dark-blue); padding:0}
.box_title .h2 p {display:block; font-size:0.75rem; color:var(--color-grey8); font-weight:400}
.box_title .h2.direction-column {flex-direction: column; align-items: flex-start; gap:0.125rem;}
.box_title .h3 {position:relative;font-size:1rem; font-weight:bold; color:var(--color-dark-blue);padding:0; margin:0}
.box_title .h3 p {display:block; font-size:0.8125rem; color:var(--color-grey8); font-weight:400}
.box_title .h4 {font-size:0.875rem; font-weight:600; color:var(--color-dark-blue); padding:0;}
.box_title .h5 {font-size:0.9375rem; font-weight:600; color:var(--color-dark-blue); padding:0;}
.box_title em {font-size:0.8125rem; font-weight:300; color:var(--color-grey6); }
.box_title .txt-confirm {  display:inline-flex; align-items: center; height:1.5rem; padding:0 0.625rem; border-radius:3rem; border:1px dashed var(--color-border); font-size:0.75rem; font-weight:400; color:var(--color-greyblue); margin-left:0.25rem; letter-spacing: -.04em;}
.box_title .number {display:inline-flex;align-items: center; justify-content: center; min-width:1.5rem; height:1.5rem; padding:0 0.625rem;margin-right:0.25rem;  border-radius:2rem; font-size:0.8125rem; font-weight:500; background-color:var(--color-dark-blue); color:#FFF;}
.box_title .rank {color:var(--color-blue); font-weight:600; font-size:0.9375rem; margin-right:2rem;}

.box_title .price {font-size:0.8125rem; font-weight:bold; color:var(--color-grey3)}
.box_title .btn {height:1.75rem;padding:0 0.625rem; font-size:0.8125rem; font-weight:400; }
.box_title .txt {font-size:0.8125rem;}
.box_title .txt.update {color:var(--color-blue)}
.box_title .item-count {display:flex; align-items: center; gap:1rem;}
.box_title .item-count span {display:flex; align-items: center; gap:0.25rem; font-size:0.875rem; font-weight:400; color:var(--color-greyblue);}
.box_title .item-count span b {color:var(--color-dark-blue)}
.box_title .item-count span.jjim {padding-left:1.75rem;  background-repeat:no-repeat; background-position: center ; background-size:auto 1.125rem;
background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.3999 11.7989C3.3999 17.4485 8.0229 20.4587 11.4062 23.154C12.5999 24.1043 13.7499 25 14.8999 25C16.0499 25 17.1999 24.1054 18.3936 23.1528C21.7781 20.4598 26.3999 17.4485 26.3999 11.8001C26.3999 6.15157 20.0749 2.14233 14.8999 7.57473C9.7249 2.14233 3.3999 6.14925 3.3999 11.7989Z' fill='%23EF3538'/%3E%3C/svg%3E%0A");
}
.box_title input[type=checkbox] + label {min-height: 1.5rem; line-height:1.5rem;padding: 0 0 0 1.5rem;}
.box_title input[type=checkbox] + label:before {top:50%;margin-top:-0.5625rem;}
.box_title input[type=checkbox] + label:after {top:50%;margin-top:-0.6rem;}

@media all and (max-width:460px){
.box_title .number {font-size:0.75rem; padding:0 0.5rem;}
}

.box_cont {padding-top:0.625rem; color:var(--color-greyblue);font-size:0.875rem; line-height:1.5em;}
.box_cont:has(.top-txt) {padding-top:0;}
.box_cont.flex {display:flex; flex-direction: column;gap:0.625rem;}
.box_cont .txt_info { background-color: var(--color-basic-bg); border-radius: 0.75rem; padding:1rem 1.25rem;text-align: center; font-size:0.9375rem }
.box_cont .txt_info p {font-size:0.9375rem}
.box_cont.flex .h3 {margin-top:1.25rem; margin-bottom:0; font-size:0.9375rem;}
.box_cont.flex .h3:first-of-type {margin-top:0.5rem;}


.itembox_wrap {display:flex; flex-wrap: wrap; align-items: center; gap:0.625rem;font-size:1rem; font-weight:600; color:var(--color-grey3) }
.itembox {display:flex; flex-direction: column;  width:calc(50% - 0.35rem);  gap:0.25rem; padding:0.9375rem 0.625rem; background-color:var(--color-basic-bg); border-radius:0.75rem;}
.itembox .sm_tit {font-size:0.8125rem; font-weight:300; color:var(--color-greyblue)}
.itembox .price {font-size:1.125rem; line-height:1.5em; font-weight:700; color:var(--color-dark-blue); }
.itembox .period {font-size:0.9375rem;font-weight:700; color:var(--color-dark-blue); }
.itembox .period em {font-size:0.8125rem; font-weight:300; color:#777}
.itembox .cal {font-size:0.875rem; font-weight:300; color:var(--color-dark-blue)}
.itembox h3 {font-size:1rem; line-height:1.5em;  font-weight:600; color:var(--color-dark-blue); margin:0;}
.itembox_wrap.center .itembox { align-items: center;}
.exp-item {display:flex; align-items: center; justify-content: space-between; padding-top:0.625rem; word-break: keep-all;}
.exp-item p { gap:0.25rem;  font-size:0.875rem;line-height:1.3em; font-weight:400; color:var(--color-greyblue); }
.exp-item p i {font-size:0.75rem;}
.exp-item b { display:inline-block; vertical-align:top; font-weight:bold; color:var(--color-red)}
.exp-item .left {width:calc(100% - 4.5rem)}
.exp-item .right {width:4.5rem; text-align:right; }
.exp-item .badge { display:inline-flex; align-items: center; gap:0.25rem; border:1px solid var(--color-border); border-radius:3rem; color:#666; font-size:0.8125rem; font-weight:400;}

/* toggle */
.toggle_wrap {position:relative;}
.toggle_wrap.flex {display:flex; flex-direction: column;gap:0.625rem;}
.toggle_row { display:flex; flex-direction: column; gap:0.5rem; border-bottom:1px solid var(--color-border); padding:0.9375rem 0;}
.toggle_row:first-of-type {padding-top:0.25rem;}
.toggle_row:last-of-type {border:0; padding-bottom:0;}
.toggle_row.box {padding: 1.25rem !important; border-radius:var(--radius-basic); background-color:var(--color-basic-bg); border:0;}
.toggle_row .box_title .h3 {font-size:0.9375rem}
.toggle_wrap .figure_item dl dt {display:flex; align-items: center; gap:0.25rem; font-size:0.9375rem;}
.toggle_wrap .figure_item dl dt .badge { border:1px dashed #ddd; height:1.5rem; padding:0 0.5rem;font-size:0.75rem; color:var(--color-greyblue); font-weight:500; border-radius:3rem;}
.toggle_wrap .figure_item dl dd {font-size:0.8125rem; font-weight:400;}
.toggle_wrap.linebox {display:flex; flex-direction: column; gap:0.625rem;}
.toggle_wrap.linebox .toggle_row {border-radius:var(--radius-basic); border:1px solid var(--color-border); padding:0.9375rem;}
.toggle_wrap.linebox .ul_list.bg {border-radius:0.625rem;}

@media all and (max-width:460px){
    .toggle_wrap .figure_item dl dt {font-size:0.875rem;}
    .toggle_wrap .figure_item dl dd {font-size:0.75rem}
    .toggle_wrap .figure_item dl dt .badge {font-size:0.6rem;}
}


.itembox_link { display:flex; align-items: center; justify-content: space-between;background-color:var(--color-basic-bg); border-radius:0.875rem; padding:1.125rem 1.25rem;}
.itembox_link.line {background-color:#FFF; border:1px solid var(--color-border)}
.itembox_link dl {display:flex; flex-direction: column;gap:0.25rem;}
.itembox_link dl dt {font-size:0.9375rem; font-weight:700; color:var(--color-dark-blue);}
.itembox_link dl dd {font-size:0.8125rem; font-weight:400; color:var(--color-greyblue); word-break: keep-all;}
.itembox_link .btn {height:1.75rem; font-size:0.8125rem; font-weight:500; border-radius:5rem; padding:0 1rem; background-color:var(--color-dark-blue); color:#FFF; }
.itembox_link .toggle{display:inline-flex; align-items: center; gap:0.125rem; padding-right:0.5rem;}
.itembox_link .toggle:after {content:''; width:1.25rem; height:1.25rem; background-repeat: no-repeat; background-position:center ; background-size:auto 100%;  
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 10L12 14L16 10' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); transform: rotate();
}
.itembox_link .toggle.map:before {content:"지도열기"; font-size:0.8125rem;}
.itembox_link .toggle.map.on:before {content:"지도닫기"}
.itembox_link .toggle.on:after {transform: rotate(-180deg);}

/* badge */
.badge-list {display:inline-flex; align-items: center; flex-wrap: wrap; gap:0.25rem;}
.badge-list span {display:inline-flex; align-items: center; height:1.45rem;line-height:1 ; padding:0 0.625rem; border-radius:3rem;  font-size:0.75rem; font-weight:500; background-color:rgba(255,255,255,0.8); color:var(--color-greyblue2); border:1px solid rgba(255,255,255,0.9)}
.badge-list span.premium {background-color:rgba(234,241, 251,0.9);  color:var(--color-blue); }
.badge-list.dashed span {border:1px dashed #d0d3da; color:var(--color-grey6)}
.badge.state {height:1.75rem !important;  font-weight:500 !important;font-size:0.8125rem !important;  border:1px dashed #c7cdd6;color:var(--color-greyblue); border-radius:5rem; padding:0 0.875rem !important}
.badge.state.on { color:var(--color-blue); border-color:var(--color-blue); background-color:#fff;}
.badge-list.line span {border-color:var(--color-border); color:var(--color-greyblue)}

/* badge */
.badge_wrap {display:flex; align-items: center; flex-direction: column; justify-content: center; gap:0.3rem;  }
.badge { display:inline-flex; align-items: center; justify-content: center; height:1.65rem; font-weight:600;padding:0 0.625rem; font-size:0.8125rem; background-color:#fff; color:#333;  border:1px solid #333; border-radius:0.35rem; }
.badge.done { color:#ccc; border-color:#dedede; }
.badge.lease {border:1px solid var(--color-red); color:var(--color-red)}
.badge.rent {border:1px solid var(--color-blue); color:var(--color-blue)}
.badge.dashed {border-style: dashed; border-color:var(--color-greyblue)}
.badge.round {border-radius:10rem;}
.badge.grey {border-color:#DDE2E9; color:#494C51; background-color:#F3F5F6; }
.badge.green {border-color:#AEE4CB; color:var(--color-green); background-color:#ECFDF5;  }
.badge.violet {border-color:#98A8E5; color:var(--color-violet); background-color:#f1f3fa;  }
.badge.blue {border-color:#5897f5; color:var(--color-blue); background-color:#fff;  }
.badge.red {border-color:#f55858; color:var(--color-red); background-color:#fff;  }
.badge.gold {border-color:#A87F3D; color:#A87F3D; background-color:#fff;  }
.badge.on {padding:0 0.75rem; border-color:var(--color-blue); color:var(--color-blue)}
.badge.off {padding:0 0.75rem; border-color:#ddd; color:#999; }
.badge.insp {font-size:0.8125rem; background-color:var(--color-basic-bg); border-color:var(--color-border); border-radius:3rem; color:var(--color-greyblue) }
.badge.point {border-radius:3rem; background-color:#f4f4f4; font-weight:700; border:0}
.badge.strength {background-color:#FBF0F0; color:var(--color-red)}
.badge.fair {background-color:#F3F6FB; color:var(--color-blue)}
.badge.needs {background-color:#FBF7F0; color:#DA9603;}
.badge.ads {height:1.5rem; line-height:1; border-radius:3rem; padding:0 0.75rem; font-size:0.8125rem; color:#fff; font-weight:500; border:0;}
.badge.best {background-color:#F34A4A;}/* 베스트 */
.badge.hot {background-color:#F25E29;} /* 인기 */
.badge.extend {background-color:#6F4AF3;} /*  연장 */
.badge.new {background-color:#1E69F6;} /* 신규 */
.badge.normal {background-color:#1E69F6;} /* 정상 */
.badge.cancel {background-color:#5C6170;} /* 취소 */
.badge.refund {background-color:#dd0808;} /* 환불 */

.icon {position:relative;}
.icon:before {content:''; display:inline-flex; align-items: center;width:1rem; height:1rem;margin-right:0.2rem; background-repeat: no-repeat; background-position: center ; background-size:auto 100%; }
.icon.view:before {background-image:url(/images/icon_eye.svg)}
.icon.update:before {background-image:url(/images/icon_update.svg)}
.icon.insp:before {background-image:url(/images/icon_insp.svg)}

/*--------------------------------------------------------------------------------*
	 button
*---------------------------------------------------------------------------------*/
.btn {position:relative;display:inline-flex;justify-content:center;align-items:center;font-family: 'pretendard'; height:2rem;padding:0 1rem;border-radius:.5rem;border:0.0625rem solid transparent; line-height:1;font-size:.9375rem;font-weight:bold;text-align:center;color:#333;white-space: nowrap;pointer-events:auto;cursor:pointer;transition:.5s;transition-timing-function:cubic-bezier(0.075, 0.82, 0.165, 1);}
.btn_more {font-size:0.875rem; color:var(--color-greyblue); display: inline-flex; align-items: center;}
.btn_more:after {content:'';  width:1.35rem; height:1.35rem; background:url(/images/arrow_right.svg) no-repeat center -1px ; background-size:auto 100%; }
.btn.line {border:1px solid var(--color-border);}
.btn.round {border-radius:5rem;}
.btn.icon:before {height:100%; width:1.5rem; margin:0; background-repeat: no-repeat; background-position: center ; background-size:auto 50%;}
.btn.apply {border-color:var(--color-red); background-color:var(--color-red); color:#fff; padding:0 0.75rem; font-weight:500; font-size:0.8125rem;}

.btn.icononly {font-size:0; padding:0; width:2.25rem; background-repeat:no-repeat; background-position: center ; background-size:auto 80%;}
.btn.icononly.close {background-image:url(/images/icon_close.svg)}
.apply:before { background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 18H4.5V2H11.5V7H16.5V10.1L18.5 8.1V6L12.5 0H4.5C3.4 0 2.5 0.9 2.5 2V18C2.5 19.1 3.4 20 4.5 20H8.5V18ZM18.7 11C18.8 11 19 11.1 19.1 11.2L20.4 12.5C20.6 12.7 20.6 13.1 20.4 13.3L19.4 14.3L17.3 12.2L18.3 11.2C18.4 11.1 18.5 11 18.7 11ZM18.7 14.9L12.6 21H10.5V18.9L16.6 12.8L18.7 14.9Z' fill='white'/%3E%3C/svg%3E%0A");  
}
.btn.call {border:1px solid #EFA122; color:#EFA122; font-size:0.9375rem; }
.btn.btn_join { background-color:var(--color-blue); color:#fff;}
.icon_cal:before { background-image:url(/images/icon_calculator.svg)}
.icon_cadalog:before{background-image:url(/images/icon_cadalog.svg)}
.icon_file:before{background-image:url(/images/icon_price.svg)}
.icon_play:before{background-image:url(/images/icon_play.svg)}
.icon_ruler:before{background-image:url(/images/icon_ruler.svg)}
.icon_call:before { background-image: url(/images/icon_call.svg);}
.icon_map:before { background-image: url(/images/icon_map.svg);}
.icon_share:before {background-image: url(/images/icon_share.svg);}
.icon_creditcard:before { background-image: url(/images/icon_creditcard.svg);}
.icon_point:before { background-image: url(/images/icon_point.svg);}

.ic:after {content:''; display:inline-flex; width:1rem; height:1rem; background-repeat: no-repeat; background-position: center ; background-size:auto 100%; margin-left:0.125rem;}
.arrow_up:after {background-size:auto 100%;
background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.00002 5.25C8.80855 5.25097 8.6197 5.29454 8.44717 5.37756C8.27463 5.46059 8.12274 5.58098 8.00252 5.73L4.84502 9.555C4.66052 9.78527 4.54441 10.0627 4.50993 10.3558C4.47546 10.6489 4.524 10.9457 4.65002 11.2125C4.75223 11.4444 4.91903 11.6419 5.13049 11.7816C5.34195 11.9212 5.58913 11.9971 5.84252 12H12.1575C12.4109 11.9971 12.6581 11.9212 12.8696 11.7816C13.081 11.6419 13.2478 11.4444 13.35 11.2125C13.476 10.9457 13.5246 10.6489 13.4901 10.3558C13.4556 10.0627 13.3395 9.78527 13.155 9.555L9.99752 5.73C9.8773 5.58098 9.72541 5.46059 9.55288 5.37756C9.38034 5.29454 9.19149 5.25097 9.00002 5.25Z' fill='%23ED3336'/%3E%3C/svg%3E%0A");
}
.arrow_down:after { transform: rotate(-180deg);
background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.00002 5.25C8.80855 5.25097 8.6197 5.29454 8.44717 5.37756C8.27463 5.46059 8.12274 5.58098 8.00252 5.73L4.84502 9.555C4.66052 9.78527 4.54441 10.0627 4.50993 10.3558C4.47546 10.6489 4.524 10.9457 4.65002 11.2125C4.75223 11.4444 4.91903 11.6419 5.13049 11.7816C5.34195 11.9212 5.58913 11.9971 5.84252 12H12.1575C12.4109 11.9971 12.6581 11.9212 12.8696 11.7816C13.081 11.6419 13.2478 11.4444 13.35 11.2125C13.476 10.9457 13.5246 10.6489 13.4901 10.3558C13.4556 10.0627 13.3395 9.78527 13.155 9.555L9.99752 5.73C9.8773 5.58098 9.72541 5.46059 9.55288 5.37756C9.38034 5.29454 9.19149 5.25097 9.00002 5.25Z' fill='%23225CEF'/%3E%3C/svg%3E%0A");
}

.icon_kakao:before {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3C17.5232 3 22 6.46735 22 10.7449C22 15.0225 17.5219 18.4899 12 18.4899C11.3651 18.4899 10.7445 18.4441 10.1433 18.3563C9.03454 19.094 6.46637 20.8048 6.29499 20.9167C6.07557 21.0605 5.74059 21.0668 5.87562 20.5352C5.98598 20.1065 6.53389 18.0994 6.74292 17.3336C3.89691 15.9688 2 13.5292 2 10.7449C2 6.46735 6.47676 3 12 3ZM8.11529 8.3969H5.19138C4.91613 8.3969 4.69411 8.61568 4.69411 8.88406C4.69411 9.15244 4.91613 9.37122 5.19138 9.37122H6.14178V12.8029C6.14178 12.9276 6.19372 13.0497 6.2846 13.1387C6.37419 13.2265 6.49883 13.2774 6.62607 13.2774H6.73254C6.85978 13.2774 6.98442 13.2265 7.07401 13.1387C7.16489 13.0497 7.21683 12.9276 7.21683 12.8017V9.36994H8.11529C8.39055 9.36994 8.61257 9.15117 8.61257 8.88279C8.61257 8.6144 8.38925 8.39563 8.11529 8.39563M15.1433 12.3616H13.784V8.85608C13.784 8.56353 13.5425 8.32694 13.2438 8.32694C12.9452 8.32694 12.7037 8.56353 12.7037 8.85608V12.6338C12.7037 12.663 12.7076 12.691 12.7115 12.719C12.7063 12.7457 12.7037 12.775 12.7037 12.8029C12.7037 13.0472 12.905 13.2456 13.1555 13.2456H15.1433C15.3939 13.2456 15.5952 13.0472 15.5952 12.8029C15.5952 12.5587 15.3939 12.3616 15.1433 12.3616ZM19.489 12.5218L17.9738 10.5719L19.3435 9.23003C19.5292 9.04814 19.5292 8.75432 19.3435 8.57243C19.1579 8.39054 18.858 8.39054 18.671 8.57243L16.9753 10.2336V8.85735C16.9753 8.5648 16.7338 8.32821 16.4365 8.32821C16.1392 8.32821 15.8964 8.5648 15.8964 8.85735V12.7521C15.8964 13.0446 16.1379 13.2812 16.4365 13.2812C16.7351 13.2812 16.9753 13.0446 16.9753 12.7521V11.5501L17.283 11.2486L18.7164 13.0917C18.8761 13.3003 19.1787 13.3435 19.3916 13.1858C19.6045 13.0294 19.6474 12.7317 19.4877 12.5231M12.2986 12.6503L10.8406 8.74414C10.8406 8.74414 10.8367 8.7416 10.8354 8.74033C10.7419 8.50247 10.4731 8.32949 10.1524 8.32949C9.79668 8.32949 9.50195 8.5419 9.44352 8.82173C9.43313 8.84208 9.42405 8.86371 9.41626 8.88533L7.98286 12.6516C7.89457 12.8983 8.02701 13.1693 8.27889 13.2558C8.53077 13.3423 8.80732 13.2125 8.89561 12.9658L9.1436 12.2725H11.1379L11.3859 12.9658C11.4742 13.2125 11.7507 13.3423 12.0026 13.2558C12.2545 13.1693 12.3869 12.8996 12.2986 12.6516M9.4604 11.3873L10.1304 9.51367C10.1381 9.51367 10.1446 9.51622 10.1524 9.51622L10.8224 11.3873H9.4604Z' fill='%23111111'/%3E%3C/svg%3E%0A");

}

.newopen:after {content:''; width:1.5rem; height:1.5rem; margin-left:0.25rem; background-repeat:no-repeat; background-position: center ; background-size:auto 90%;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.375 3C19.2038 3 19.9987 3.32924 20.5847 3.91529C21.1708 4.50134 21.5 5.2962 21.5 6.125V15.375C21.5 16.1045 21.2447 16.8111 20.7784 17.3721C20.3121 17.9332 19.6642 18.3135 18.947 18.447C18.8135 19.1642 18.4332 19.8121 17.8721 20.2784C17.3111 20.7447 16.6045 21 15.875 21H8.625C5.795 21 3.5 18.705 3.5 15.875V8.625C3.5 7.095 4.6 5.8215 6.0525 5.5525C6.18615 4.8353 6.56653 4.18746 7.12769 3.72127C7.68886 3.25507 8.39545 2.99991 9.125 3H18.375ZM6 6.857C5.6344 6.98626 5.31787 7.2257 5.094 7.54233C4.87014 7.85896 4.74995 8.23722 4.75 8.625V15.875C4.75 16.9027 5.15826 17.8883 5.88496 18.615C6.61166 19.3417 7.59729 19.75 8.625 19.75H15.875C16.2627 19.7499 16.6408 19.6297 16.9574 19.4059C17.2739 19.182 17.5133 18.8655 17.6425 18.5H9.125C8.2962 18.5 7.50134 18.1708 6.91529 17.5847C6.32924 16.9987 6 16.2038 6 15.375V6.857ZM9.125 4.25C8.62772 4.25 8.15081 4.44754 7.79917 4.79917C7.44754 5.15081 7.25 5.62772 7.25 6.125V15.375C7.25 15.8723 7.44754 16.3492 7.79917 16.7008C8.15081 17.0525 8.62772 17.25 9.125 17.25H18.375C18.8723 17.25 19.3492 17.0525 19.7008 16.7008C20.0525 16.3492 20.25 15.8723 20.25 15.375V6.125C20.25 5.62772 20.0525 5.15081 19.7008 4.79917C19.3492 4.44754 18.8723 4.25 18.375 4.25H9.125ZM16.875 7C17.22 7 17.5 7.28 17.5 7.625V12.375C17.5 12.5408 17.4342 12.6997 17.3169 12.8169C17.1997 12.9342 17.0408 13 16.875 13C16.7092 13 16.5503 12.9342 16.4331 12.8169C16.3158 12.6997 16.25 12.5408 16.25 12.375V9.134L11.067 14.317C10.9498 14.4342 10.7908 14.5001 10.625 14.5001C10.4592 14.5001 10.3002 14.4342 10.183 14.317C10.0658 14.1998 9.99992 14.0408 9.99992 13.875C9.99992 13.7092 10.0658 13.5502 10.183 13.433L15.366 8.25H12.125C11.9592 8.25 11.8003 8.18415 11.6831 8.06694C11.5658 7.94973 11.5 7.79076 11.5 7.625C11.5 7.45924 11.5658 7.30027 11.6831 7.18306C11.8003 7.06585 11.9592 7 12.125 7H16.875Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}


.button-group { display:flex; box-sizing:border-box; width:100%; padding-top:1.25rem; gap:0.5rem;}
.button-group.pd0 {padding:0;}
.button-group label,
.button-group .button {display:inline-flex; align-items: center; justify-content: center; width:auto;height:3.5rem; font-size:1rem;font-weight:500; color:#fff; background-color: var(--color-dark-blue); border:1px solid transparent;border-radius:0.75rem;padding:0; letter-spacing: -.04em;}
.button-group > *{ flex:auto;  min-width:0;}
.button-group .note {display:block; text-align:center; font-size:0.875rem; font-weight:300; color:var(--color-grey6)}
.button-group.direction-column {flex-direction:column;}
.button {display:flex; align-items: center; justify-content: center; width:100%; color:#fff; background-color:var(--color-dark-blue);font-size:1rem; font-family: 'pretendard';}
.button i {font-weight:300; font-size:0.8rem;color:inherit }
.button.line { background-color:#fff; color:var(--color-dark-blue); border:1px solid var(--color-dark-blue);font-weight:600; }
.button.dashed { border:1px dashed var(--color-dark-blue); background-color:#fff; color:var(--color-dark-blue)}
.button.red {background-color:var(--color-main); border-color:var(--color-main); }
.button.grey {background-color:#F0F2F8; border-color:#D5DCE8; color:var(--color-greyblue)}
.button.default {background-color:#fff; border-color:#dedede; color:var(--color-grey6)}
.button.call {border-color:rgb(96, 140, 236); color:var(--color-blue);}

.button.map {background-color:#F0F2F8; color:var(--color-greyblue2); border-color:#D5DCE8}
.button.apply {background-color:var(--color-red); border-color:var(--color-red);}
.button.icon:before {content:''; display:inline-flex; align-items: center; width:1.5rem; height:1.5rem; background-repeat: no-repeat; background-position: center ; background-size:auto 90%;}
.button.cancel { flex:0 0 8.5rem; }
.button.kakao {background-color:#F6DA00; color:#000}
.button.call:before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.06887 12.9311C5.55767 11.417 4.3955 9.59102 3.66364 7.58087C3.261 6.48187 3.62991 5.27465 4.45768 4.44688L4.96994 3.93532C5.10765 3.79733 5.27124 3.68785 5.45132 3.61315C5.6314 3.53845 5.82444 3.5 6.0194 3.5C6.21436 3.5 6.4074 3.53845 6.58749 3.61315C6.76757 3.68785 6.93115 3.79733 7.06887 3.93532L8.26835 5.13481C8.40635 5.27253 8.51583 5.43611 8.59053 5.61619C8.66523 5.79627 8.70368 5.98932 8.70368 6.18428C8.70368 6.37924 8.66523 6.57228 8.59053 6.75236C8.51583 6.93245 8.40635 7.09603 8.26835 7.23374L7.97323 7.52887C7.85509 7.64698 7.76138 7.7872 7.69745 7.94153C7.63351 8.09586 7.60061 8.26127 7.60061 8.42832C7.60061 8.59536 7.63351 8.76077 7.69745 8.9151C7.76138 9.06943 7.85509 9.20965 7.97323 9.32776L10.6715 12.0268C10.7897 12.1449 10.9299 12.2386 11.0842 12.3026C11.2385 12.3665 11.4039 12.3994 11.571 12.3994C11.738 12.3994 11.9034 12.3665 12.0578 12.3026C12.2121 12.2386 12.3523 12.1449 12.4704 12.0268L12.7663 11.7317C12.904 11.5937 13.0676 11.4842 13.2476 11.4095C13.4277 11.3348 13.6208 11.2963 13.8157 11.2963C14.0107 11.2963 14.2037 11.3348 14.3838 11.4095C14.5639 11.4842 14.7275 11.5937 14.8652 11.7317L16.0647 12.9311C16.2027 13.0689 16.3122 13.2324 16.3869 13.4125C16.4615 13.5926 16.5 13.7857 16.5 13.9806C16.5 14.1756 16.4615 14.3686 16.3869 14.5487C16.3122 14.7288 16.2027 14.8924 16.0647 15.0301L15.5531 15.5416C14.7254 16.3701 13.5181 16.739 12.4191 16.3364C10.409 15.6045 8.583 14.4423 7.06887 12.9311Z' stroke='%231E69F6' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.button.call_w:before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.06887 12.9311C5.55767 11.417 4.3955 9.59102 3.66364 7.58087C3.261 6.48187 3.62991 5.27465 4.45768 4.44688L4.96994 3.93532C5.10765 3.79733 5.27124 3.68785 5.45132 3.61315C5.6314 3.53845 5.82444 3.5 6.0194 3.5C6.21436 3.5 6.4074 3.53845 6.58749 3.61315C6.76757 3.68785 6.93115 3.79733 7.06887 3.93532L8.26835 5.13481C8.40635 5.27253 8.51583 5.43611 8.59053 5.61619C8.66523 5.79627 8.70368 5.98932 8.70368 6.18428C8.70368 6.37924 8.66523 6.57228 8.59053 6.75236C8.51583 6.93245 8.40635 7.09603 8.26835 7.23374L7.97323 7.52887C7.85509 7.64698 7.76138 7.7872 7.69745 7.94153C7.63351 8.09586 7.60061 8.26127 7.60061 8.42832C7.60061 8.59536 7.63351 8.76077 7.69745 8.9151C7.76138 9.06943 7.85509 9.20965 7.97323 9.32776L10.6715 12.0268C10.7897 12.1449 10.9299 12.2386 11.0842 12.3026C11.2385 12.3665 11.4039 12.3994 11.571 12.3994C11.738 12.3994 11.9034 12.3665 12.0578 12.3026C12.2121 12.2386 12.3523 12.1449 12.4704 12.0268L12.7663 11.7317C12.904 11.5937 13.0676 11.4842 13.2476 11.4095C13.4277 11.3348 13.6208 11.2963 13.8157 11.2963C14.0107 11.2963 14.2037 11.3348 14.3838 11.4095C14.5639 11.4842 14.7275 11.5937 14.8652 11.7317L16.0647 12.9311C16.2027 13.0689 16.3122 13.2324 16.3869 13.4125C16.4615 13.5926 16.5 13.7857 16.5 13.9806C16.5 14.1756 16.4615 14.3686 16.3869 14.5487C16.3122 14.7288 16.2027 14.8924 16.0647 15.0301L15.5531 15.5416C14.7254 16.3701 13.5181 16.739 12.4191 16.3364C10.409 15.6045 8.583 14.4423 7.06887 12.9311Z' stroke='%23FFFFFF' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.button.map:before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8125 4.99953V18.1245M7.1875 1.87453V14.9995M12.2371 4.86828L7.76289 2.00578C7.58492 1.91687 7.38829 1.87173 7.18936 1.87411C6.99043 1.87649 6.79494 1.92632 6.61914 2.01945L2.20742 4.9796C2.10705 5.03277 2.02307 5.11229 1.9645 5.20961C1.90593 5.30693 1.87499 5.41837 1.875 5.53195V17.0866C1.87499 17.1944 1.90286 17.3004 1.95589 17.3942C2.00892 17.488 2.08532 17.5666 2.17767 17.6222C2.27001 17.6777 2.37517 17.7085 2.48291 17.7115C2.59066 17.7144 2.69733 17.6894 2.79258 17.639L6.61367 15.1472C6.79091 15.0533 6.98813 15.0034 7.1887 15.0018C7.38926 15.0001 7.58728 15.0468 7.76602 15.1378L12.1355 17.9894C12.3127 18.0797 12.5089 18.1264 12.7077 18.1256C12.9066 18.1249 13.1024 18.0767 13.2789 17.9851L17.7879 15.0187C17.8895 14.9659 17.9747 14.8863 18.0341 14.7885C18.0935 14.6907 18.125 14.5784 18.125 14.464V2.91242C18.125 2.80463 18.0971 2.69868 18.0441 2.60484C17.9911 2.511 17.9147 2.43248 17.8223 2.37689C17.73 2.3213 17.6248 2.29054 17.5171 2.2876C17.4093 2.28465 17.3027 2.30962 17.2074 2.36007L13.3793 4.8546C13.2037 4.94748 13.0085 4.99716 12.8099 4.99954C12.6112 5.00191 12.4149 4.95692 12.2371 4.86828Z' stroke='%234F5765' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.button-group label.age26 {font-size:0.9375rem;font-weight:500; color:var(--color-greyblue2); background-color: #fff; border:1px dashed var(--color-greyblue-light);}
.button-group label.age26:before {content:''; display:inline-flex; align-items: center; width:2.5rem; height:2.5rem; background:url(/images/age_26.svg) no-repeat center ; background-size:auto 90%;}
.button.line.newopen:after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.375 3C19.2038 3 19.9987 3.32924 20.5847 3.91529C21.1708 4.50134 21.5 5.2962 21.5 6.125V15.375C21.5 16.1045 21.2447 16.8111 20.7784 17.3721C20.3121 17.9332 19.6642 18.3135 18.947 18.447C18.8135 19.1642 18.4332 19.8121 17.8721 20.2784C17.3111 20.7447 16.6045 21 15.875 21H8.625C5.795 21 3.5 18.705 3.5 15.875V8.625C3.5 7.095 4.6 5.8215 6.0525 5.5525C6.18615 4.8353 6.56653 4.18746 7.12769 3.72127C7.68886 3.25507 8.39545 2.99991 9.125 3H18.375ZM6 6.857C5.6344 6.98626 5.31787 7.2257 5.094 7.54233C4.87014 7.85896 4.74995 8.23722 4.75 8.625V15.875C4.75 16.9027 5.15826 17.8883 5.88496 18.615C6.61166 19.3417 7.59729 19.75 8.625 19.75H15.875C16.2627 19.7499 16.6408 19.6297 16.9574 19.4059C17.2739 19.182 17.5133 18.8655 17.6425 18.5H9.125C8.2962 18.5 7.50134 18.1708 6.91529 17.5847C6.32924 16.9987 6 16.2038 6 15.375V6.857ZM9.125 4.25C8.62772 4.25 8.15081 4.44754 7.79917 4.79917C7.44754 5.15081 7.25 5.62772 7.25 6.125V15.375C7.25 15.8723 7.44754 16.3492 7.79917 16.7008C8.15081 17.0525 8.62772 17.25 9.125 17.25H18.375C18.8723 17.25 19.3492 17.0525 19.7008 16.7008C20.0525 16.3492 20.25 15.8723 20.25 15.375V6.125C20.25 5.62772 20.0525 5.15081 19.7008 4.79917C19.3492 4.44754 18.8723 4.25 18.375 4.25H9.125ZM16.875 7C17.22 7 17.5 7.28 17.5 7.625V12.375C17.5 12.5408 17.4342 12.6997 17.3169 12.8169C17.1997 12.9342 17.0408 13 16.875 13C16.7092 13 16.5503 12.9342 16.4331 12.8169C16.3158 12.6997 16.25 12.5408 16.25 12.375V9.134L11.067 14.317C10.9498 14.4342 10.7908 14.5001 10.625 14.5001C10.4592 14.5001 10.3002 14.4342 10.183 14.317C10.0658 14.1998 9.99992 14.0408 9.99992 13.875C9.99992 13.7092 10.0658 13.5502 10.183 13.433L15.366 8.25H12.125C11.9592 8.25 11.8003 8.18415 11.6831 8.06694C11.5658 7.94973 11.5 7.79076 11.5 7.625C11.5 7.45924 11.5658 7.30027 11.6831 7.18306C11.8003 7.06585 11.9592 7 12.125 7H16.875Z' fill='%23191C25'/%3E%3C/svg%3E%0A");
} 
.button.red.icon_call:before {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.06887 12.9311C5.55767 11.417 4.3955 9.59102 3.66364 7.58087C3.261 6.48187 3.62991 5.27465 4.45768 4.44688L4.96994 3.93532C5.10765 3.79733 5.27124 3.68785 5.45132 3.61315C5.6314 3.53845 5.82444 3.5 6.0194 3.5C6.21436 3.5 6.4074 3.53845 6.58749 3.61315C6.76757 3.68785 6.93115 3.79733 7.06887 3.93532L8.26835 5.13481C8.40635 5.27253 8.51583 5.43611 8.59053 5.61619C8.66523 5.79627 8.70368 5.98932 8.70368 6.18428C8.70368 6.37924 8.66523 6.57228 8.59053 6.75236C8.51583 6.93245 8.40635 7.09603 8.26835 7.23374L7.97323 7.52887C7.85509 7.64698 7.76138 7.7872 7.69745 7.94153C7.63351 8.09586 7.60061 8.26127 7.60061 8.42832C7.60061 8.59536 7.63351 8.76077 7.69745 8.9151C7.76138 9.06943 7.85509 9.20965 7.97323 9.32776L10.6715 12.0268C10.7897 12.1449 10.9299 12.2386 11.0842 12.3026C11.2385 12.3665 11.4039 12.3994 11.571 12.3994C11.738 12.3994 11.9034 12.3665 12.0578 12.3026C12.2121 12.2386 12.3523 12.1449 12.4704 12.0268L12.7663 11.7317C12.904 11.5937 13.0676 11.4842 13.2476 11.4095C13.4277 11.3348 13.6208 11.2963 13.8157 11.2963C14.0107 11.2963 14.2037 11.3348 14.3838 11.4095C14.5639 11.4842 14.7275 11.5937 14.8652 11.7317L16.0647 12.9311C16.2027 13.0689 16.3122 13.2324 16.3869 13.4125C16.4615 13.5926 16.5 13.7857 16.5 13.9806C16.5 14.1756 16.4615 14.3686 16.3869 14.5487C16.3122 14.7288 16.2027 14.8924 16.0647 15.0301L15.5531 15.5416C14.7254 16.3701 13.5181 16.739 12.4191 16.3364C10.409 15.6045 8.583 14.4423 7.06887 12.9311Z' stroke='%23FFFFFF' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
}

.button-group.mini { gap:0.1875rem;padding:0;}
.button-group.mini * {flex:auto;}
.button-group.mini .button {width:auto; height:2rem; border:1px solid var(--color-dark-blue); border-radius:3rem;font-size:0.8125rem;padding:0 0.75rem; background-color:#fff; color:var(--color-dark-blue)}
.button-group.mini .icon:before {width:1rem; height:1rem; background-size:auto 100%;margin-right:0.125rem;}



.button-group-wrap {position:relative; }

@media all and (max-width:460px){ 
.button-group-wrap {margin-top:2.5rem; }
.button-group-wrap.fixed .button-group {position: fixed; left:0; bottom:0; right:0; padding:1.125rem; }
}




/* list style */
.ul_list {display:flex; flex-direction: column; gap:0.5rem;}
.ul_list ul {display:flex; flex-direction: column; gap:0.5rem;}
.ul_list li {display:flex; align-items: center; justify-content: space-between; width:100%; font-size:0.875rem; color:var(--color-grey3)}
.ul_list li span {font-weight:400;}
.ul_list li p {font-weight:400; color:var(--color-grey8); letter-spacing: 0;}
.ul_list li p b {font-weight:400; color:var(--color-dark-blue)}
.ul_list li strong {font-weight:600; text-align: right;}
.ul_list li i { display:block; font-size:0.8125rem; font-weight:300; color:var(--color-grey6)}
.ul_list.left li { justify-content: flex-start;}
.ul_list.column { flex-direction: column;}
.ul_list.column li {flex-direction: column; align-items:flex-start; gap:0.25rem; }
.ul_list.column strong {text-align:left; font-size:0.9375rem;}
.ul_list.align-start li {align-items: flex-start;}
.ul_list li.total {border-top:1px solid var(--color-border); padding-top:0.75rem;}
.ul_list.line {gap:0;}
.ul_list.line ul {gap:0;}
.ul_list.line li {border-bottom:1px solid var(--color-border); padding:0.9375rem 0;}
.roundbox .ul_list.line li:last-child {border:0; }
.ul_list .label_score {display:inline-flex; align-items: center;height:2rem; background-color:#EFF4F9; border-radius:3rem; padding:0 0.875rem; font-size:0.875rem; color:var(--color-blue); font-weight:600; letter-spacing: 0;}
.ul_list.box ul {display:flex; flex-direction: row; flex-wrap: wrap; gap:0.5rem;}
.ul_list.box li { display:flex; flex-direction: column;align-items: flex-start; justify-content: flex-start; width:calc(50% - 0.25rem); gap:0.25rem;padding:1rem;  border:1px solid #E4E8EF; border-radius:0.75rem;}
.ul_list.box li span {font-size:0.8125rem; color:var(--color-greyblue); font-weight:400;}
.ul_list.box li strong {width:100%; font-weight:bold; color:var(--color-dark-blue); font-size:0.9375rem; text-align:left;}
.ul_list.bg {background-color:var(--color-basic-bg); border-radius:var(--radius-basic); padding:1.25rem; gap:0.75rem}
.ul_list.gap {gap:0.625rem; }
.ul_list.gap ul {gap:0.625rem; display:flex; flex-direction: column; }
.ul_list.gap li {background-color: var(--color-basic-bg);border-radius: var(--radius-basic);padding: 1.125rem 1.25rem;}
.ul_list dl {display:flex; flex-direction: column; gap:0.25rem;}
.ul_list dl dt {font-size:1rem; font-weight:700; color:var(--color-dark-blue)}
.ul_list dl dd {font-size:0.9375rem; color:var(--color-grey7); font-weight:400;}
.ul_list.type2 {flex-direction: column;border-top:1px solid var(--color-dark-blue); gap:0;}
.ul_list.type2 .row { display:flex; flex-direction: column; align-items:flex-start; gap:0.25rem; padding:0.875rem 0.25rem; border-bottom:1px solid var(--color-border); }
.ul_list.type2 strong {text-align:left; font-size:0.9375rem; font-weight:600;}
.ul_list.type2 span {font-weight:300; color:var(--color-grey8); letter-spacing: 0;}
.ul_list.type2 .total {background-color:var(--color-basic-bg); padding:1.5rem; gap:0.5rem; border:0;}
.ul_list.type2 .total span {color:var(--color-dark-blue);font-size:0.9375rem; font-weight:600;}
.ul_list.type2 .total i {color:#999; font-size:0.8125rem; font-weight:300;}
.ul_list.type2 p {display:flex; align-items: center; justify-content: space-between; width:100%;}

.ul_list_txt {display:flex; flex-direction: column;gap:2rem;}
.ul_list_txt li .h3 {font-size:1rem; font-weight:700; color:var(--color-dark-blue); margin:0; padding:0; margin-bottom:0.625rem;}
.ul_list_txt li p {font-size:0.9375rem; line-height:1.5em; color:var(--color-grey7); font-weight:400;margin-bottom:0.5rem;}
.ul_list_txt li p:last-child {margin:0;}

.ul_list.wdfix li {align-items: flex-start;} 
.ul_list.wdfix li>div:first-child {width:4.75rem;}
.ul_list.wdfix li>div:first-child + div {width:calc(100% - 4.75rem);}
.ul_list.wdfix span {font-size:0.9375rem !important;line-height:1.5em; font-weight:600; color:var(--color-greyblue)}
.ul_list.wdfix .btn {height:2rem; padding:0 0.5rem;border-radius:0.5rem; background-color:#fff; font-size:0.8125rem; letter-spacing: -0.04em; font-weight:500;border:1px solid var(--color-dark-blue); color:var(--color-dark-blue) }
.ul_list.wdfix strong {font-size:0.9375rem !important; color:var(--color-dark-blue)}
.ul_list.wdfix p { font-size:1rem; font-weight:400; line-height:1.5em; color:var(--color-greyblue)}
.ul_list.wdfix sub {font-size:0.875rem; line-height:1.5em;}
.ul_list.wdfix p strong {font-size:1rem;}
.ul_list.wdfix .price {font-size:1.0625rem;font-weight:700;}
.ul_list.wdfix .price i {display:inline-block;}
.ul_list.wdfix .badge.state {font-size:0.8125rem !important}

.ul_list.bg.flex-start li {  justify-content: flex-start;}
.ul_list.bg.flex-start li span {width:5rem;}

@media all and (max-width:460px){
   .ul_list.box li {padding:0.875rem;}
}




.figure_item {display:flex; align-items: center; gap:0.625rem;}
.figure_item figure { display:inline-flex; align-items: center;justify-content: center; width:3.125rem;height:3.125rem;aspect-ratio: 5 / 5; border-radius:50%;background-color:#F2F5F9; background-repeat:  no-repeat; background-position: center ; background-size:auto 40%;}
.figure_item dl {display:flex; flex-direction: column; gap:0.125rem; width:calc(100% - 3.75rem);}
.figure_item dl dt {font-size:0.9375rem; font-weight:700; color:var(--color-dark-blue)}
.figure_item dl dd {font-size:0.875rem; color:var(--color-grey7); font-weight:300; word-break: keep-all;}
.figure_item .exp {font-size:1rem; color:var(--color-greyblue2); font-weight:500;}
.figure_item figure.mile { background-image:url(/images/icon_mile.svg)}
.figure_item figure.battery {background-image:url(/images/icon_battery.svg)}
.figure_item figure.ruler {background-image:url(/images/icon_ruler.svg)}
.figure_item figure.fuel {background-image:url(/images/icon_fuel.svg)}
.figure_item figure.gear {background-image:url(/images/icon_gear.svg)}
.figure_item figure.kg {background-image:url(/images/icon_kg.svg)}
.figure_item figure.engine {background-image:url(/images/icon_engine.svg)}
.figure_item figure.people {background-image:url(/images/icon_people.svg)}
.figure_item figure.coinpulse {background-image:url(/images/icon_coinpulse.svg)}
.figure_item figure.carfront {background-image:url(/images/icon_carfront.svg)}
.figure_item figure.perf {background-image:url(/images/icon_perfcheck.svg)}
.figure_item figure.contract {background-image:url(/images/icon_contract.svg)}
.figure_item figure.delivery {background-image:url(/images/icon_delivery.svg)}
.figure_item figure.diag {background-image:url(/images/icon_diag.svg)}
.figure_item figure.call {background-image:url(/images/icon_call3.svg)}
.figure_item figure.schedule{background-image:url(/images/icon_schedule.svg)}
.figure_item figure.mail {background-image:url(/images/icon_mail.svg)}
.figure_item figure.filecheck {background-image:url(/images/icon_filecheck.svg)}
.figure_item figure.consult {background-image:url(/images/icon_consult.svg)}
.figure_item figure.suitcase {background-image:url(/images/icon_suitcase.svg)}

@media all and (max-width:460px){
    .figure_item figure {width:2.75rem; height:2.75rem; background-size:auto 45%;}
    .figure_item {gap:0.5rem;}
    .figure_item dl { width:calc(100% - 2.75rem)}
}

.align_state {display:flex; flex-direction: column;gap:0.25rem; align-items: center; justify-content: center;}
.align_state .ind {position:relative; padding-left:0.75rem; font-size:0.875rem; color:#888;}
.align_state .ind:before {content:''; position:absolute; left:0; top:50%; margin-top:-4px; width:8px; height:8px; border-radius:50%; background-color:#ddd; }
.align_state .ind.on {color:#333;}
.align_state .ind.on:before {background-color: var(--color-red);}


/* 심사아이콘*/
.sunny {background-image: url(/images/weather_sunny.svg);}
.cloudy {background-image: url(/images/weather_cloudy.svg)}
.rain {background-image: url(/images/weather_rain.svg)}



/* 제원 */
.car_spec .n01 figure { background-image:url(/images/icon_carside.svg)}
.car_spec .n02 figure { background-image:url(/images/icon_mile.svg)}
.car_spec .n03 figure { background-image:url(/images/icon_battery.svg)}

/* 무료서비스 */
.free_service .n01 figure {background-image:url(/images/icon_contract.svg)}
.free_service .n02 figure {background-image:url(/images/icon_calendar.svg)}
.free_service .n03 figure {background-image:url(/images/icon_bill.svg)}


/* 설명 */
.exp_list {display:flex; flex-direction:column; }
.exp_list .title {font-weight:bold;font-size:0.9375rem; color:var(--color-dark-blue)}
.exp_list ul {padding-top:0.65rem;}
.exp_list li {position:relative; padding-left:0.75rem; font-size:0.875rem;margin-bottom:0.3125rem; font-weight:400; color:var(--color-grey6)}
.exp_list li:before {content:''; position:absolute; left:0.2rem; top: 8px; width:3px; height:3px; border-radius:3rem; background-color:var(--color-grey6)}
.exp_list li:last-child {margin:0;}
.exp_list p {padding-top:0.375rem; color:#888; font-size:0.8125rem;}
.exp_list.box {background-color:#F6F8FB; padding:0.875rem; border-radius:0.875rem;}

#mobile_content .exp_list li {font-size:0.8125rem;margin-bottom:0.25rem;}

.itembox_list {display:flex; gap:0.5rem;}
.itembox_list .item {display:flex; flex-direction: column; align-items: center; justify-content: center; width:100%; gap:0.25rem; border:1px solid var(--color-border); padding:1rem 0.25rem; border-radius:0.75rem; text-align:center; }
.itembox_list figure { display: inline-flex; align-items: center; justify-content: center; width:4rem; height:4rem; border-radius:50%;background-color:var(--color-dark-blue); font-size:0.875rem; font-weight:600; color:#fff;}
.itembox_list p {font-size:0.9375rem; font-weight:600; }
.itembox_list span {font-size:0.75rem; color:var(--color-grey8); font-weight:300;}

html.dimmed {scroll-y:none;overflow:hidden;}
/* .fixed {position:fixed !important;display:block;width:100%;z-index:9998}
.fixed:after {content:'';display:block;clear:both} */


/*  완료 */
.msg-complete {display:flex; flex-direction: column; justify-content: center; align-items: center; padding:1.5rem ;gap:0.65rem;}
.msg-complete label {font-size:0.9375rem; font-weight:600; color:var(--color-main); }
.msg-complete figure {width:5rem;height:5rem; background-color:var(--color-main); border:0.625rem solid #FAECEC; border-radius:50%;  background-repeat: no-repeat; background-position: center ; background-image:url(/images/check_w.svg); background-size:auto 50%;}
.msg-complete dl { text-align: center;}
.msg-complete dt {font-size:1.5625rem; font-weight:700; color:var(--color-grey2);}
.msg-complete dd {font-size:0.9375rem; font-weight:300; color:var(--color-grey7); padding-top:0.25rem; }

#intro-video-container {  display: none;   position: fixed;  top: 0;  left: 0;   width: 100%;   height: 100%;    z-index: 9999;    background: #000;}
#intro-video-container .close {position:absolute; top:20px; right:20px; color:#fff;}




/*---------------------------------------------------------------------------------*
	layout
*---------------------------------------------------------------------------------*/
#wrapper {position:relative; display:flex; justify-content: center; margin:0 auto; gap:3.125rem; width:100%;height:100%;}
#mobile_content {position: relative; width: 28.75rem; height:100%; overflow: hidden; background-color:var(--bg-mobile); box-shadow:0 0 1.5rem rgba(19, 33, 65, 0.1)}
#pc_content { width:50rem;}


.sub_carlist #wrapper {width:95rem}
.sub_carlist #pc_content {width:calc(100% - 28.75rem);}

.content_body { position: relative; overflow-y: auto;  padding-top: 3.75rem;  padding-bottom: 1.5rem; height:calc(100% - 4.5rem); border-bottom:0px solid #f00}
.container {padding:0 1.125rem; }
.depth3 .container{padding:1.125rem;}
.depth3 .content_body {height: calc(100% - 0rem);}
.row {position:relative;}
.row .column {position:relative;}
.depth3 #mobile_content:has(.search_bottom)  .content_body {height: calc(100% - 4.5rem);}


@media all and (max-width:1520px){ 
    .sub_carlist #wrapper {width:100%; gap:2rem}
}


@media all and (max-width:1400px){ 
    #pc_content  { width:calc(100% - 28.75rem)}
     .sub_carlist #pc_content  {display:none;}
}


@media all and (max-width:1200px){ 
    #pc_content  { display:none; }
    #wrapper {gap:0; }
}

@media all and (min-width:26.875rem){ 
  #mobile_content {    height: 100dvh; /* 최신 브라우저 */  }
}
@media all and (max-width:26.875rem){ 
    body { background-color: #F6F7F9;  }
    
    #mobile_content {width: 100%;height:auto;  background-color:transparent; box-shadow:none; }
    .sub_carlist  .content_body {padding-bottom:4rem;}
}

.menu-icon {position:relative;width:3rem;height:2.875rem;padding:0; background-position:center;background-repeat:no-repeat;background-size:auto 80%;font-size:0;}
.menu-icon:before {content:''; display:inline-flex; align-items: center;width:1.5rem; height:1.5rem;  background-repeat: no-repeat; background-position: center ; background-size:auto 80%;}
.menu-icon.search:before {  background-image:url(/images/icon_search_01.svg)}
.menu-icon.search:after {content:'승계차량찾기'; height:2rem; font-size:13px !important; display:inline-flex; align-items: center;}
.menu-icon.search.on:after {content:'검색닫기'; }
.menu-icon.search.on:before {background-image:url(/images/arrow_down.svg);background-size:auto 1.65rem; transform: rotate(-180deg);}
.menu-icon.hamburger {background-image:url(/images/icon_hamburger.svg)}
.menu-icon.alram { display:none; background-size:auto 1.75rem;background-image: url("/images/icon_bell.svg");}
.menu-icon.alram.on:after {content:'';position:absolute;right:.5rem;top:.5rem;width:5px;height:5px;border-radius:50%;background-color:#FF3232;}
.menu-icon.icon_home{  background-image: url("/images/icon_home.svg"); }
.menu-icon.close { margin:0;  background-size:auto 1.5rem; background-color:transparent; background-image: url("/images/icon_close.svg");}
.menu-icon.setting{ display:none;  background-image: url("/images/icon_setting.svg"); }
.jjim:before{  background-size:auto 1.875rem;  background-image: url("/images/icon_jjim.svg"); 
background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.3999 11.7989C3.3999 17.4485 8.0229 20.4587 11.4062 23.154C12.5999 24.1043 13.7499 25 14.8999 25C16.0499 25 17.1999 24.1054 18.3936 23.1528C21.7781 20.4598 26.3999 17.4485 26.3999 11.8001C26.3999 6.15157 20.0749 2.14233 14.8999 7.57473C9.7249 2.14233 3.3999 6.14925 3.3999 11.7989Z' fill='%23C1C5CD'/%3E%3C/svg%3E%0A");
}
.jjim.active:before, .jjim.on:before {
background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.3999 11.7989C3.3999 17.4485 8.0229 20.4587 11.4062 23.154C12.5999 24.1043 13.7499 25 14.8999 25C16.0499 25 17.1999 24.1054 18.3936 23.1528C21.7781 20.4598 26.3999 17.4485 26.3999 11.8001C26.3999 6.15157 20.0749 2.14233 14.8999 7.57473C9.7249 2.14233 3.3999 6.14925 3.3999 11.7989Z' fill='%23EF3538'/%3E%3C/svg%3E%0A");
}
.share {width:1.5rem !important;}
.share:before {width:1.5rem !important;  background-size:100%;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.167 18.3337C13.4725 18.3337 12.8823 18.0906 12.3962 17.6045C11.91 17.1184 11.667 16.5281 11.667 15.8337C11.667 15.7503 11.6878 15.5559 11.7295 15.2503L5.87533 11.8337C5.6531 12.042 5.39616 12.2053 5.10449 12.3237C4.81283 12.442 4.50033 12.5009 4.16699 12.5003C3.47255 12.5003 2.88227 12.2573 2.39616 11.7712C1.91005 11.285 1.66699 10.6948 1.66699 10.0003C1.66699 9.30588 1.91005 8.7156 2.39616 8.22949C2.88227 7.74338 3.47255 7.50033 4.16699 7.50033C4.50033 7.50033 4.81283 7.55949 5.10449 7.67783C5.39616 7.79616 5.6531 7.95921 5.87533 8.16699L11.7295 4.75033C11.7017 4.6531 11.6845 4.55949 11.6778 4.46949C11.6712 4.37949 11.6675 4.27866 11.667 4.16699C11.667 3.47255 11.91 2.88227 12.3962 2.39616C12.8823 1.91005 13.4725 1.66699 14.167 1.66699C14.8614 1.66699 15.4517 1.91005 15.9378 2.39616C16.4239 2.88227 16.667 3.47255 16.667 4.16699C16.667 4.86144 16.4239 5.45171 15.9378 5.93783C15.4517 6.42394 14.8614 6.66699 14.167 6.66699C13.8337 6.66699 13.5212 6.60783 13.2295 6.48949C12.9378 6.37116 12.6809 6.2081 12.4587 6.00033L6.60449 9.41699C6.63227 9.51421 6.64977 9.6081 6.65699 9.69866C6.66421 9.78921 6.66755 9.88977 6.66699 10.0003C6.66644 10.1109 6.6631 10.2117 6.65699 10.3028C6.65088 10.3939 6.63338 10.4875 6.60449 10.5837L12.4587 14.0003C12.6809 13.792 12.9378 13.6289 13.2295 13.5112C13.5212 13.3934 13.8337 13.3342 14.167 13.3337C14.8614 13.3337 15.4517 13.5767 15.9378 14.0628C16.4239 14.5489 16.667 15.1392 16.667 15.8337C16.667 16.5281 16.4239 17.1184 15.9378 17.6045C15.4517 18.0906 14.8614 18.3337 14.167 18.3337Z' fill='%23333333'/%3E%3C/svg%3E%0A");
}


/* header */
.header-wrap {position: absolute; /* 핵심 */ min-height:3.75rem;  z-index:10;top:0; left:0; right:0; width:100%; background-color:#fff;}
.home .header,
.sub_carlist .header {padding-left:1.125rem;}
.header {height:3.75rem; padding:.4375rem 0.5rem; padding-right:0.5rem;}
.header .titlebar {display:flex;height:2.875rem }
.header .titlebar.transparent {background:none}
.header .titlebar-left, .header .titlebar-right {display:flex;}
.header .titlebar-center {flex:auto; display:flex; align-items: center;}
.header .titlebar-right {display:flex; align-items: center;}
.header .titlebar-right .menu-icon.search { width:auto;display:inline-flex; align-items: center;font-size:0.75rem !important; height:2.25rem; border-radius:0.75rem; color:#333; font-weight:500;letter-spacing: -.06em; background-color:rgba(255,255,255,0.57); padding-left:0.5rem; padding-right:0.7rem; border:.0625rem solid #dfe3eb;  }
.header .titlebar-left .menu-icon.back {background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.9336 32.2008L10.7336 23.0008L19.9336 13.8008' stroke='%232C3345' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.2666 23H35.2666' stroke='%232C3345' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A"); cursor: pointer;}
.header .titlebar .titlebar-right .close {display:none; position:absolute; right:0rem; top:0; width:3.75rem; height:3.75rem; background-size:auto 1.5rem;}

.header .logo {display:flex;  align-items: flex-end; height:1.85rem; gap:0;display:none;}
.header .logo h2 {width:6rem;height:100%;background-position:left  center;background-repeat:no-repeat;background-size:auto 1.15rem; background-image:url("/images/logo.svg"); font-size:0; }
.header .logo em {font-size:0.75rem; color:#777;  line-height:1.8em; letter-spacing:-.1em; }

.header .headtitle {padding-left:0.875rem;font-size:1.125rem;color:var(--color-dark-blue);font-weight:700;line-height:2.875rem; height:2.875rem; }
.header .headtitle.sub {padding-left:0.5rem;font-size:1.0625rem; font-weight:600;}
.header .titlebar-label {position:absolute; right:0; top:0; height:3.75rem;display:flex;align-items:center; justify-content:flex-end; display:none; padding-right:1rem;}
.depth3 .header .headtitle {width:calc(100% - 3rem); padding:0; text-align: center;}
.depth3.sub_search .header .titlebar-label {display:flex;}
.home .header .logo,
.sub_carlist .header .logo {display:flex !important;}
.home .header .titlebar-left, .depth2 .header .titlebar-left {display:none;}
.sub_zoom .header .titlebar-right {display:none !important}
.sub_join {background:#fff;}
.sub_join .titlebar-right {display:none;}
.sub_join .fuc_footer {display:none}
.depth3 .header .titlebar-right {display:none;}
.header_right {
	display:flex;gap:.375rem;align-items:center;

	.btn {width:2.5rem;height:2.5rem;}
	.btn.jjim:after { background-size:auto 1.625rem;}
	.sendappl {width:auto;height:2rem;border:1px solid #2C3345;padding:0 .625rem;}
}


.header-wrap.big .header {height:7.5rem;padding:.875rem 1.75rem;}
.header-wrap.big .header .menu-icon {width:5.75rem;height:5.75rem;}
.header-wrap.big .header .headtitle {padding-left:2rem;font-size:2.25rem;line-height:5.75rem;}
.header-wrap.big .header .btn.icononly {width:5rem;height:5rem;}
.header-wrap.big .header .btn.icononly:after {width:4rem;height:4rem;background-size:auto 85%;}
.header-wrap.big .header .titlebar .titlebar-right .close {display:block !important; }

@media all and (max-width:460px){ 
 .header-wrap {position: fixed; top:0; }

.menu-icon.alram,
.menu-icon.setting {display:inline-flex;}
}
@media all and (max-width:350px){ 
.header .logo em {display:none;}
}

/* 도움말 */
.btn_help {position: relative;display: inline-block;width:1.5rem;height:1.5rem;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size: auto 80%;font-size: 0 !important;vertical-align:middle;background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.3867 10.3745C8.39692 9.10747 8.73412 8.70896 9.34722 8.33089C9.7866 8.04477 10.1238 7.72801 10.1238 7.25797C10.1238 6.74706 9.72529 6.40986 9.23482 6.40986C8.75456 6.40986 8.31518 6.72662 8.29474 7.3295H6.84375C6.8744 5.88872 7.9371 5.2041 9.24504 5.2041C10.6654 5.2041 11.677 5.95003 11.677 7.20688C11.677 8.04477 11.2478 8.58634 10.5734 8.98485C10.0012 9.33227 9.74573 9.65926 9.73551 10.3745V10.4869H8.3867V10.3745ZM9.09176 12.7963C8.61151 12.7963 8.22321 12.408 8.23343 11.9379C8.22321 11.4679 8.61151 11.0898 9.09176 11.0898C9.54137 11.0898 9.93988 11.4679 9.93988 11.9379C9.93988 12.408 9.54137 12.7963 9.09176 12.7963Z' fill='%23888888'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.21628 15.2381C12.6612 15.2381 15.4539 12.4454 15.4539 9.00046C15.4539 5.5555 12.6612 2.76281 9.21628 2.76281C5.77132 2.76281 2.97863 5.5555 2.97863 9.00046C2.97863 12.4454 5.77132 15.2381 9.21628 15.2381ZM9.21628 16.1181C13.1472 16.1181 16.3339 12.9314 16.3339 9.00046C16.3339 5.06949 13.1472 1.88281 9.21628 1.88281C5.28531 1.88281 2.09863 5.06949 2.09863 9.00046C2.09863 12.9314 5.28531 16.1181 9.21628 16.1181Z' fill='%23888888'/%3E%3C/svg%3E%0A");cursor: pointer;}
.btn_help:after {display: none !important;}
.btn_help .help_cont {position:absolute;width:0;height:0;/*max-height:3rem;*/margin-top:2.5rem;margin-left:-2rem;font-size: .75rem !important;line-height:1.3;word-break:keep-all;overflow:hidden;z-index: 3;text-align:left;opacity:0;-webkit-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);}
.btn_help:hover .help_cont {width:12rem;height:auto;padding:.75rem;border:1px solid #d1d4d8;border-radius:.5rem;background: #fff;margin-top:.75rem;opacity:1;box-shadow:3px 3px .5rem rgba(0, 0, 0, .25);}


/* 색상 */
.color_red {color:#ff1030;}
.c_darkblue {color:#436da3 !important;}
.c_blue {color:#5691db !important;}
.c_hotblue {color:#006af4 !important;}
.c_red {color:#F71010 !important;}
.c_orange {color:#ff5200 !important;}

/* btn toggle*/
.btn_toggle { position:absolute; right:0; top:0;}
.btn_toggle:after {content:''; display:inline-block;  width:1.5rem; height:1.5rem; border:1px solid var(--color-border); border-radius:5rem; background-repeat: no-repeat; background-position: center ; background-image:url(/images/arrow_down.svg); background-size:auto 100%;transform: rotate(-180deg);}
.btn_toggle.on:after  {transform: rotate( 0deg );}
.fuc_btn {cursor: pointer; }
.fuc_btn:after {content:'';position:absolute; right:0rem; top:50%; margin-top:-0.875rem; width:1.75rem; height:1.75rem; background:url(/images/arrow_down.svg) no-repeat center ; background-size:auto 100%;transform: rotate(0deg);}
.fuc_btn.on:after { transform: rotate(-180deg);}

.show_content {display:none;}
.fuc-show:after {content:''; display:inline-block; vertical-align:middle; margin-left:0.25rem;  width:1.875rem; height:1.875rem; border-radius:5rem; background:url(/images/arrow_down.svg) no-repeat center ; background-size:auto 100%;}
.fuc-show.on:after {transform: rotate(-180deg);}


/* footer navi */
.depth3 .footernavi-wrap {display:none }
.footernavi-wrap {position:absolute;bottom:0;left:0;right:0;z-index:100; border:0px solid #f00}
.footernavi-wrap ::-webkit-scrollbar { width:0;height:0;}
.footernavi-wrap .wrap {padding:0.35rem 0.65rem 0.75rem; margin:0; width:100%;  background-color:#fff;  box-shadow:0 -.1875rem 1.25rem rgba(0,0,0,.1);border-radius:1.5rem 1.5rem 0 0;box-sizing:border-box;}


.footernavi { display:flex; justify-content: center; margin-left:-0.65rem; margin-right:-0.65rem;}
.footernavi a {display:inline-flex;flex-direction:column; width:100%;padding:0;line-height:1.3;color:#969FAF;font-size:.7rem; letter-spacing:-0.04em; align-items:center;justify-content:center;font-weight:400;}
.footernavi a:before {content:'';display:block;width:100%;height:2.5rem;background-position:center;background-repeat:no-repeat;background-size:auto 1.785rem;}
.footernavi a.home:before { background-image: url(/images/footer_navi_01.svg);}
.footernavi a.phone:before {background-image: url(/images/footer_navi_02.svg);}
.footernavi a.kakao:before {background-image: url(/images/footer_navi_03.svg);}
.footernavi a.jjim:before {background-image: url(/images/footer_navi_04.svg);}
.footernavi a.my:before {background-image: url(/images/footer_navi_05.svg);}
.footernavi a.mb_bl {display:none }
.footernavi a.pc_bl {display:inline-flex; }
@media all and (max-width:460px){ 
.footernavi-wrap {position:fixed; }
.footernavi a.mb_bl {display:inline-flex; }
.footernavi a.pc_bl {display:none; }
}
/*  검색필터 */

.footernavi-wrap .btn_filter {display:flex; align-items: center; justify-content: space-between; padding:0 1rem; margin-bottom:0.25rem;  width:100%; height:2.5rem; border-radius:5rem; background-color:#F6F7F8; border:1px solid #E6E8ED;  display:none;}
.footernavi-wrap .btn_filter span {font-size:0.875rem; font-weight:400; color:#777; }

.filter_list {display:flex; flex-wrap: wrap; gap:0.4rem; }
.filter_list select { width:calc(50% - 0.2rem); padding-left:0.85rem; border:1px solid #E1E4E8; height:2.8125rem;  border-radius:0.625rem; font-size:0.875rem;  color:#333; font-weight:500; }
.filter_list select option {font-weight:500; }
.filter_list select.full {width:100%;}

@media all and (max-width:460px){ 
.sub_carlist .footernavi-wrap .btn_filter {display:flex;margin-top:0.375rem }
.footernavi-wrap {position:relative; height:6.5rem; border:0px solid #f00}
.footernavi-wrap .wrap {position:fixed; left:0; right:0; bottom:0;}
.sub_carlist .footernavi-wrap {height:9rem;}
}


.footer { margin-top:0; padding-bottom:1rem; }
.footer .appdown {display:flex; align-items: center;gap:0.5rem; justify-content: center;font-size:1rem; font-weight:700; color:#111;}
.footer .appdown a {display:inline-flex;  align-items: center; font-size:0.9375rem; font-weight:500; color:var(--color-greyblue2);  background-color:#fff; border-radius:3rem; padding:0 1rem; height:2.5rem; border:1px solid var(--color-border) }
.footer .appdown a:before {content:''; margin-right:0.2rem; width:1rem; height:1rem; background-repeat: no-repeat; background-position: center ; background-size:auto 90%; }
.footer .appdown a.google:before { background-image: url(/images/icon_google.svg);}
.footer .appdown a.apple:before { background-image: url(/images/icon_apple.svg);}
.footer .logo {position:relative; display:flex; align-items: center; color:var(--color-dark-blue); font-weight:bold; font-size:0.9375rem;  gap:0.25rem; }
.footer .util {position:relative; display:flex; align-items: center; margin-top:1rem; padding-bottom:0.5rem; width:100%;}
.footer .btn_toggle{position:absolute; right:0; top:0; }
.footer .m_link {display:inline-flex; align-items: center;  gap:0.75rem; margin-left:0.75rem;  }
.footer .m_link a {position:relative; display:inline-flex;  padding-left:0.75rem; font-size:0.875rem;  color:var(--color-greyblue2); font-weight:500; }
.footer .m_link a:before {content:''; position:absolute; left:0; top:50%; width:1px; height:14px; margin-top:-7px;  background-color:#dedede; }

.footer address {display:flex; flex-direction: column; padding-top:0.25rem;  gap:0.15rem; }
.footer address span {display:inline-flex;  align-items: center;color:var(--color-greyblue2); font-size:0.875rem; font-weight:500;  }
.footer address span button { display:inline-flex;  align-items: center;margin-left:0.2rem;  height:1.5rem; padding:0 0.8rem; background-color:#fff; border-radius:3rem; font-size:0.75rem; border:1px solid var(--color-border); font-weight:500}
.footer .contact {display:flex;  flex-direction: column; padding-top:0.5rem; gap:0.2rem;}
.footer .contact span {color:var(--color-greyblue); font-size:0.875rem; font-weight:500; }
.footer .contact span a {color:var(--color-greyblue); }




/*---------------------------------------------------------------------------------*
									popup
*---------------------------------------------------------------------------------*/

body.modal-open { overflow: hidden !important; }
body.modal-open .modal {overflow:hidden;}
.modal {display:none;position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;outline:0;z-index:333;}
.modal .modal-dialog {width:100%;height:100%;}
.modal .modal-dialog .modal-bg {position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.25);transition:1.5s;transition-timing-function:cubic-bezier(0.075, 0.82, 0.165, 1);opacity:0;z-index:1000;}
.modal .modal-dialog .modal-content {position:absolute;min-width:320px; max-width:90% ; margin-top:30px; background:#fff;/*border:1px solid #93b5db;*/border-radius:.9375rem;overflow:hidden;box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.15);transition:.5s;transition-timing-function:cubic-bezier(0.075, 0.82, 0.165, 1);opacity:0;z-index:9999999;}
.modal.bottom .modal-dialog .modal-content {position:absolute; left:0 !important; bottom:-1rem !important; top:auto !important;  right:0; width:100%; min-width:100%;max-width:100%; max-height:calc(100% - 1rem); overflow-y: auto;   border-radius:1.65rem 1.65rem 0 0 ;}
.modal.full {z-index:9999999}
.modal.full .modal-dialog .modal-content {position:absolute; left:0 !important; bottom:-1rem !important; top:0 !important;padding-bottom:1rem; right:0; width:100%; min-width:100%; height:calc(100% - 0rem); overflow-y: auto; border-radius:0; }

.modal-header {position:sticky;left:0; top:0; right:0;height:4rem; padding:0.5rem 0 0; vertical-align: middle; text-align: left; border:0; border-radius: 0 !important; background-color:#fff; z-index:10}
.modal-header .btn.close {position:absolute;right:0.5rem;top:1rem !important;padding:0;width:3rem;height:2.25rem;background-size:auto 60%; font-size:0; z-index:100}
.modal-header .btn.close span {font-size:0;}
.modal-header .modal-title {display:flex; align-items: center; height:3.5rem; line-height:3.5rem; font-size: 1.125rem; font-weight:700; color:#222; padding:0; padding-left:1.5rem; padding-top:0.05rem; gap:0.375rem; }
.modal-header .modal-title .h4 {font-size:1rem;  font-weight:700; color:#222;}
.modal-body {position: relative; padding:1.5rem 1.25rem; border:0px solid #f00;}
.modal-body.pd0 {padding:0;}
.modal-body.pt0 {padding-top:0}
.modal-body { 
    .title_wrap {padding:0 0 1rem;flex-direction: column; gap:0.35rem; align-items: flex-start;}
    .title_wrap .h3 { font-size: 1.05rem; font-weight:700; color:#222; margin:0; padding:0;}
    .title_wrap .exp {font-size:0.875rem; font-weight:300;  color:#888}
}
/* 구매시 서류보기 공통 */
.modal-body.sub_guide .title_wrap {display:flex;flex-direction: column !important;align-items: flex-start !important; }
.modal-body.sub_guide .label_title {color:#fff !important;}


.modal.full .modal-header {height:3.5rem; padding:0;}
.modal.full .btn.close {top:0.625rem !important}
.modal.full .modal-header .modal-title {text-align:center}
#mobile_content .modal.full .modal-header .modal-title {text-align:left}

/* modal 배경이 있을경우*/
.modal.bg .modal-content { background-color:#F2F4F6}

.modal-content:has(.modal-footer) .modal-body {max-height:calc(100% - 96px);padding:.75rem 1.25rem;}
.modal.full .modal-content:has(.modal-footer) .modal-body {max-height:calc(100vh - 90px) !important; overflow-y:auto; padding:.75rem 1.65rem; }

.modal-footer { display:flex; border:0;align-items:center;gap:6px;padding:0 1.5rem 1.5rem}
.modal-footer .btn_wrap {display:flex; width:100%; gap:0.5rem;}
.modal-footer .btn_wrap button {width:100%; background-color:#ECEFF4 ;border:0 !important; padding:0 0.625rem; color:var(--color-greyblue);height:3rem; font-size:.9375rem; border-radius:5rem; box-shadow:none !important;font-weight:bold;}
.modal-footer .btn_wrap button:hover {box-shadow:none !important;}
.modal-footer .btn_wrap button.ok {color:#fff; background-color:var(--color-dark-blue)}
.modal .button-group {padding-top:0; width:100%;}
.modal .button-group .button { width:auto; font-size:0.875rem; font-weight:500; height:3.125rem; justify-content: center; }
.modal .button-group .button em { font-size:0.8125rem; font-weight:100 !important; }
.modal .button-group .button.line { font-weight:600;}

.modal.in .modal-dialog .modal-bg {opacity:1;}
.modal.in .modal-dialog .modal-content {margin-top:0 !important;opacity:1;}
.modal.bottom.in .modal-dialog .modal-content {bottom:0 !important;}
.modal.full.in .modal-dialog .modal-content {bottom:0 !important;}
.modal:not(:has(.modal-header .modal-title)) .modal-body { padding-top:1.25rem;}
.modal .roundbox {padding:0.9375rem;}
.modal-content:has(.top-txt) .modal-body{padding-top:0;}
.modal .exp_list ul {padding-top:0.5rem;}
.modal .box_title .h2 {font-size:1rem;}
.modal .toggle_wrap .box_title .h2 {font-size:0.9375rem;}
.modal iframe {width:100% !important; height:100% !important;}
.modal.file .modal-body {height:calc(100% - 3.5rem); padding:0;}
.modal .fieldset {gap:0.875rem;}

.modal .msg-complete {display:flex; flex-direction: column; justify-content: center; align-items: center; padding:1.5rem ;gap:0.65rem;}
.modal .msg-complete label {font-size:0.9375rem; font-weight:600; color:var(--color-main); }
.modal .msg-complete figure {width:5rem;height:5rem; background-color:var(--color-main); border:0.75rem solid #FAECEC; border-radius:50%;  background-repeat: no-repeat; background-position: center ; background-image:url(/images/check_w.svg); background-size:auto 50%;}
.modal .msg-complete dt {font-size:1.125rem; }
.modal .msg-complete dd {font-size:0.875rem; color:var(--color-grey8); padding-top:0.5rem}
.modal .roundbox_wrap .h2 {   font-size: 0.9375rem;}
.modal .box_cont .txt_info {padding:0.75rem 0.5rem; font-size:0.875rem;}
/* 항목별점수 팝업표시*/
.modal .item-points { display: inline-flex; align-items: center; justify-content: center; height:2rem; border-radius:0.875rem; padding:0 0.875rem;background-color:var(--color-basic-bg); color:var(--color-blue); font-size:1.125rem; font-weight:700; }


/* 화면 진입시 팝업 */
.modal-main:before {display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:110; transition: all 0.2s ease-in; }
.modal-main .modal-content  {position:absolute; min-width:100%;width:100%; left:0;bottom:0; right:0; background-color:#fff; border-radius:1.25rem 1.25rem 0 0; overflow:hidden;box-shadow:8px 8px 20px -5px rgba(0,0,0,0.1); z-index:111;transition: all 0.2s ease-in;}

.alert-item {padding:2rem 0 2.25rem; text-align:center; display:flex; flex-direction: column; gap:0.5rem; align-items: center;}
.alert-item .h3 {font-size:1rem; line-height:1.5em;  font-weight:600; color:var(--color-greyblue2)}
.alert-item .txt {font-size:0.875rem; font-weight:300; color:var(--color-grey9);}

/*  모달 팝업 pc 중앙 */
.modal.modal-center .modal-bg {position:fixed; }
.modal.modal-center .modal-dialog .modal-content {position:fixed; min-width:500px; max-width:90% ; width:68rem; min-height:500px; overflow-y: auto; }
.modal.modal-center iframe, .modal.modal-center object {max-height:100% !important }
.modal.modal-center .modal-body{height:700px; overflow-y:auto; padding:0;}


@media all and (max-width:1200px){ 
.modal.modal-center .modal-dialog .modal-content { min-width:100% !important; max-width:100% !important ; width:100% !important;  height:calc(100% - 0rem); min-height:auto;  overflow-y: auto; border-radius:0; }
.modal.modal-center iframe { height:100% !important; }
.modal.modal-center .modal-header { height:3.5rem; padding:0; }
.modal.modal-center .btn.close {top:0.625rem !important}
.modal.modal-center .modal-body{height:calc(100vh - 60px); overflow-y:auto; padding:0;}
}



/*  전화번호안내 */
.callcenter .number {font-size:0.9375rem; font-weight:300; color:#666;}
.callcenter .number b {font-weight:700; color:var(--color-dark-blue) }
.callcenter  .cs {width:100%; display:flex; align-items: center; justify-content: space-between;background-color:#fff; border-radius:0.75rem;padding:1rem; border:1px solid var(--color-border) }
.callcenter  .cs .copy {height:1.85rem; display:inline-flex; align-items: center; padding:0 1.25rem; border-radius:5rem; font-size:0.875rem; font-weight:400; color:#666; border:1px solid #dedede; }
.callcenter  .cs dl dt {font-size:1.25rem; font-weight:800; color:var(--color-main) }
.callcenter  .cs dl dd {font-size:0.875rem; font-weight:300; color:var(--color-greyblue)}
.callcenter .n_link {display:flex; flex-wrap:wrap; gap:0.6rem; padding-top:1rem; }
.callcenter .n_link a.kakao,
.callcenter .n_link a.consult {width:calc(50% - 0.3rem);display:flex; justify-content: center; align-items: center;background-color:#fff; border-radius:0.75rem;padding:0.65rem 0.65rem;  border:1px solid var(--color-border) }
.callcenter .n_link a.icon:before {content:'';margin-right:0.2rem;  width:1.5rem; height:1.5rem; background-repeat: no-repeat; background-position:center ; background-size:auto 100%; }
.callcenter .n_link a.kakao:before {background-image:url(/images/icon_kakao.svg);}
.callcenter .n_link a.consult:before {background-image:url(/images/icon_consult_write.svg);}
.callcenter .infobox { margin-top:0.85rem; border:1px dashed var(--color-greyblue-light); padding:0.75rem 1rem; font-size:0.875rem; font-weight:300; border-radius:1rem;}



.alert {position:fixed;left:50%;bottom:3rem;display:none;transform:translateX(-50%);padding:.5rem 1rem .5rem 1.5rem;background-color:rgba(255, 255, 255, .75);border-radius:15rem;border:1px solid #1489ed;font-size:.875rem;font-weight:bold;z-index:100000000;opacity: 0;animation: fadeani 4s;transition-timing-function:cubic-bezier(0.1, -0.6, 0.2, 0);}
.alert .btn {display:inline-block;width:1.75rem;border-radius:50%;margin-left:.5rem;background-color:#eff1f3;}
.alert .btn:after {background-size:auto 1rem;}
.alert.alert-success {border-color:rgba(46, 185, 116, 0.5);color:#2eb974;}
.alert.alert-warning {border-color:rgba(255, 12, 12, 0.5);color:#ff2e2e;}



.fade {opacity: 0;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;margin-top:0;}
.in {opacity:1 !important;}

@keyframes fadeani {
    0% {opacity: 0;}
    20% {opacity: 1;}
    80% {opacity: 1;}
    100% {opacity: 0;}
}

.popup_wrap {display:none;position:fixed;left:50%;top:50%;width:90%;padding:1.75rem;margin-top:2rem;background-color:#fff;border-radius:1.5rem;box-shadow: 0 0 .4375rem 0 rgba(0, 0, 0, 0.05);z-index:100;transform:translate(-50%, -50%);-webkit-transition:.4s; transition:.4s;transition-timing-function:cubic-bezier(0.075, 0.82, 0.165, 1);}
.popup_wrap.on {display:block;margin-top:0;}
.popup_wrap .btn {position:absolute;right:0;top:.5rem;}
.popup_wrap .title_wrap .h3 {padding:0;}


/* 전체메뉴 */
.navMobile {display:block; position:absolute;right:-100%;top:0;bottom:0;width:100%;height:100%;display:block;background: linear-gradient(to bottom, #E3E8FB 0%, #ECEEF5 100%); opacity:0;z-index:999; transition:all 0.3s;animation-timing-function:cubic-bezier(0.42, 0, 1, 1); }
.navMobile.on {right:0%;opacity:1;}
.navMobile .my_top {display: flex; justify-content: space-between; align-items: center; padding:0 1rem 0 1.2rem; height:3.75rem;   position: sticky;    left:0; top:0; width:100%; z-index:10}
.navMobile .my_top .logout {display:inline-flex; font-size:0.9375rem; font-weight:600; color:#333; text-decoration:underline;}
.navMobile .my_top .right {display:flex;justify-content: flex-end;  align-items: center; gap:0;}
.navMobile .menu-icon {position:relative;width:2.5rem;height:2.5rem; padding:0;  margin:0 !important; background-position:center;background-repeat:no-repeat;background-size:auto 58%; background-repeat:no-repeat; background-position:center ; font-size:0;}

.navMobile .body {position:relative; overflow-y:auto; height:calc(100% - 3.75rem) ;border:0px solid #f00}
.navMobile .my_info {  padding:0.5rem 1.2rem 1rem;}
.navMobile .mytitle_area .card-header {display:flex; align-items: center; gap:0.5rem;}
.navMobile .mytitle_area .card-header .h2 {font-size:1.15rem; line-height: 1.4em;  font-weight:700; color:var(--color-dark-blue);}
.navMobile .mytitle_area .modify {display:flex; align-items: center; font-size:0.875;padding:0 0.875rem ;height:1.75rem; line-height:1; border-radius:3rem;  font-weight:600; color:var(--color-greyblue2); background-color:rgba(255,255,255,0.5); border:0px solid #b2c2e0 }

.navMobile .direct_link {display:flex; gap:0.85rem; margin-top:0.875rem; padding:1.25rem 1.125rem;  justify-content: space-around; border-radius:0.85rem; background-color:#455398 }
.navMobile .direct_link li {display:flex;   justify-content: center; align-items: center; gap:0.25rem; cursor: pointer;}
.navMobile .direct_link figure {width:1.25rem; height:1.25rem;  background-repeat:no-repeat; background-position:center center; background-size:auto 100%; }
.navMobile .direct_link p {text-align:center; font-size:0.9375rem; color:#fff; font-weight:400; }
.navMobile .direct_link li.n01 figure {background-image:url("/images/icon_searchcar_w.svg")}
.navMobile .direct_link li.n02 figure {
background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.3999 11.7989C3.3999 17.4485 8.0229 20.4587 11.4062 23.154C12.5999 24.1043 13.7499 25 14.8999 25C16.0499 25 17.1999 24.1054 18.3936 23.1528C21.7781 20.4598 26.3999 17.4485 26.3999 11.8001C26.3999 6.15157 20.0749 2.14233 14.8999 7.57473C9.7249 2.14233 3.3999 6.14925 3.3999 11.7989Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");

}


.navMobile .direct_link li.n03 figure {background-image:url("/images/icon_compare.svg")}

.nav_wrap { padding:0 1.2rem 2rem; display:flex; flex-direction: column;  gap:1rem;}
.nav_wrap>.row {padding:0 !important; margin:0 !important}
.nav_wrap .m_title {display:flex; align-items: flex-start; padding:0.5rem 0 0.35rem; border-bottom:1px solid #E5EAF3; color:#222; font-size:1rem; line-height:1.65rem; font-weight:700}
.nav_wrap .m_title:before {content:''; width:1.65rem; height:1.65rem; margin-top:-1px; margin-right:0.3rem; background-repeat: no-repeat; background-position: center ; background-size:auto 90%;}
.nav_wrap .m_title.m01:before {background-image: url("/images/icon_allm_01.svg");}
.nav_wrap .m_title.m02:before {background-image: url("/images/icon_allm_02.svg");}
.nav_wrap .m_title.m03:before {background-image: url("/images/icon_allm_03.svg");}
.nav_wrap .m_title.m04:before {background-image: url("/images/icon_allm_04.svg");}
.nav_wrap .m_title.m05:before {background-image: url("/images/icon_allm_05.svg");}
.nav_wrap .m_title.m06:before {background-image: url("/images/icon_allm_06.svg");}
.nav_wrap .m_title.link {cursor: pointer; gap:0.25rem;}
.nav_wrap .m_title.link:after {content:''; width:1.125rem; height:1.125rem; background:url(/images/arrow_bold.svg) no-repeat center 2.5px; background-size:auto 100%;}

.nav_wrap .nav {padding:0.75rem 1.25rem; border-radius:0.9375rem; background-color:#fff;}
.nav_wrap .nav.consult{display:flex; gap:0.8rem; padding:1.5rem 1.125rem; }
.nav_wrap .nav.consult>div {display:flex; flex-direction: column; width:50%; gap:0.4375rem; }
.nav_wrap .nav.consult>div p {text-align:center;}
.nav_wrap .nav.consult>div p b {display:inline-block; vertical-align:top;}
.nav_wrap .nav.consult>div a {display:flex; align-items: center; justify-content: center;height:2.85rem; gap:0.25rem;  border-radius:0.5rem; background-color:#E6EFFF; font-size:0.9375rem; font-weight:500; }
.nav_wrap .nav.consult>div a:before {content:''; display:inline-flex; align-items: center; width:1.5rem; height:1.5rem; background-repeat: no-repeat; background-position: center ; background-size:auto 90%; }
.nav_wrap .nav.consult>div a.call:before {background-image: url(/images/icon_call2.svg); }
.nav_wrap .nav.consult>div a.kakao {background-color:#FFE30F; }
.nav_wrap .nav.consult>div a.kakao:before {background-image: url(/images/icon_kakao.svg); }
.nav_wrap .nav>li {position:relative;display:block; border-bottom:1px solid #eceef3; background:url(/images/arrow_right.svg) no-repeat right ; }
.nav_wrap .nav>li>a {display:flex; align-items: center; justify-content: space-between;width:100%; font-size:0.9375rem; font-weight:600; color:var(--color-grey3); padding:0.85rem 0.125rem; }
.nav_wrap .nav>li>a span {font-size:0.9375rem; font-weight:500; color:var(--color-greyblue2); margin-right:1.65rem; letter-spacing: 0; }
.nav_wrap .nav>li>a span.off {color:var(--color-grey9)}
.nav_wrap .nav>li:last-child {border:0;}
.nav_wrap .nav>li.child {border:0; background:none;}
.nav_wrap .nav>li.child a {padding-bottom:0.625rem;}
.nav_wrap .nav li .depth2{ display:block; padding:0.5rem 1rem; margin-bottom:0.5rem;  border-radius:0.65rem; background-color:#F4F7FD; font-size:0; }
.nav_wrap .nav li .depth2 li { position:relative; display:inline-block; vertical-align: top;width:50%;  padding:0.5rem 0 0.5rem 0.65rem; margin:0;   border:0; }
.nav_wrap .nav li .depth2 li:before {content:''; position:absolute; left:0.2rem;top:50%; margin-top:-1.5px;width:0.125rem; height:0.125rem; border-radius:50%; background-color:#555; }
.nav_wrap .nav li .depth2 li a {font-size:0.9375rem; font-weight:500; color:var(--color-grey6); }
.nav_wrap .nav dl {padding:0.5rem 0}
.nav_wrap .nav dl dt {font-size:1.25rem; font-weight:700; color:var(--color-dark-blue); }
.nav_wrap .nav dl dd {font-size:0.9375rem; font-weight:400; color:var(--color-grey7); padding-top:0.125rem; }

@media all and (max-width:500px){ 
.navMobile {position: fixed;  top:0; bottom:0; overflow: hidden;}
.navMobile .my_top {position:sticky; }

}


/*--------------------------------------------------------------------------------*
	tabs
*---------------------------------------------------------------------------------*/
.pill_tabs {position:relative; display:inline-flex;  border-radius:6rem; padding:3px; background-color:#E7E9F0;}
.pill_tabs .tab {border-radius:5rem; width:auto; height:2rem; border:1px solid transparent; font-size:0.9375rem; }
.pill_tabs .tab.active {border-color:#D2D8E2;  background-color:#fff; box-shadow:0.1rem 0.1rem 0.2rem rgba(0,0,0,0.05)}
.pill_tabs input[type=radio] + label {border-radius:5rem; width:auto; height:2rem; display:inline-flex; align-items: center; font-size:0.9375rem; font-weight:600; color:var(--color-greyblue-light); padding:0 1rem !important; cursor: pointer;}
.pill_tabs input[type=radio]:checked + label {border-color:#D2D8E2; background-color:#fff; color:var(--color-dark-blue); box-shadow:0.1rem 0.1rem 0.2rem rgba(0,0,0,0.05)}
.pill_tabs input[type=radio] + label:before,
.pill_tabs input[type=radio] + label:after {display:none;}
.pill_tabs.full {display:flex; width:100%;}
.pill_tabs.full .tab {width:100%; text-align:center;}
.pill_tabs.full input[type=radio] + label {width:100%; justify-content: center;}
.chip_list {position:relative; display:flex; flex-wrap: wrap; gap:0.35rem; }
.chip_list .tab {display:inline-flex; align-items: center; justify-content: center; width:auto; height:2.125rem;  border-radius:5rem;padding:0 1rem;font-size:0.875rem;  border:1px solid var(--color-border);  font-weight:500; color:var(--color-greyblue2); background-color:#fff; cursor: pointer; transition: 0.2s; }
.chip_list .tab.on,
.chip_list .tab.on:hover,
.chip_list .tab.active,
.chip_list .tab.active:hover { background-color:var(--color-dark-blue) !important; border-color:var(--color-dark-blue); color:#fff !important;}
.chip_list .tab:hover {color:var(--color-dark-blue); border-color: var(--color-dark-blue); background-color:#FFF !important;}
.chip_list ul {display:flex;gap:0.25rem 0.25rem; flex-wrap: wrap; scroll-behavior:smooth; -webkit-overflow-scrolling:touch;}
.chip_list.scroll {display:flex; align-items: center;}
.chip_list.scroll ul { display:flex;flex-wrap: nowrap;  white-space:nowrap; overflow-x: auto; margin-left:-1.125rem; margin-right:-1.125rem; padding:0 0.25rem 0.25rem 1.125rem !important;}
.chip_list.bg .tab { background-color:#F4F5FA;}
.chip_list input[type=checkbox] + label:before,
.chip_list input[type=checkbox] + label:after {display:none;}
.chip_list input[type=checkbox] + label, .chip_list input[type=radio] + label  {display:inline-flex; align-items: center; width:auto; height:2.125rem;  border-radius:5rem;padding:0 1rem !important;font-size:0.875rem;  border:1px solid #d8dbe2;  font-weight:500; color:var(--color-greyblue); background-color:#FFFFFF; transition: 0.2s;}
.bg_white .chip_list input[type=checkbox] + label, 
.bg_white .chip_list input[type=radio] + label  {border-color:var(--color-border); }
.chip_list input[type=checkbox]:checked + label, .chip_list input[type=radio]:checked + label {background-color:var(--color-dark-blue) !important; border-color:var(--color-dark-blue); color:#fff !important;}
.chip_list.auto * {flex:auto;}
.chip_list input[type=radio] + label:before,
.chip_list input[type=radio] + label:after {display:none;}
.container .chip_list {margin-left:-1.125rem; margin-right:-1.125rem; padding:0 1.125rem; }
.chip_list.full { flex-wrap: nowrap; -webkit-overflow-scrolling:touch; }
.chip_list.full ul {display:flex; flex-wrap: nowrap; width:100%; gap:0.375rem;padding-bottom:0.25rem; -webkit-overflow-scrolling:touch;}
.chip_list.full input[type=checkbox] + label, .chip_list.full input[type=radio] + label  {width:100%; justify-content: center;}
.chip_list.line input[type=checkbox]:checked + label, .chip_list.line input[type=radio]:checked + label {background-color:#fff !important; color:var(--color-dark-blue) !important;}

.chip_list.col3 input[type=checkbox] + label,
.chip_list.col3 input[type=radio] + label  {width:calc(33.3% - 0.25rem); justify-content: center;}
.chip_list.full ul.scroll-hint {
    animation: tabScrollHint 1.2s ease-in-out 1;
}

@keyframes tabScrollHint {
    0% {
        transform:translateX(0);
    }
    35% {
        transform:translateX(-1.5rem);
    }
    70% {
        transform:translateX(0);
    }
    100% {
        transform:translateX(0);
    }
}

/* menu_tab */
.sub_nav {display:flex; align-items: center; position:relative; background-color:#fff;  z-index:1}
.sub_nav.fixed {position:sticky;left:0; top:0; right:0;z-index:10}
.sub_nav:after{content:''; position:absolute; left:0; bottom:0;right:0;height:1px;  z-index:0; background-color:#E6E9ED; }
.sub_nav ul {position:relative;display:flex; align-items: center; width:100%; }
.sub_nav ul * {flex:auto}
.sub_nav li  { position:relative;width:auto; height: 3.25rem; display:flex; align-items: center; justify-content: center; color:var(--color-grey9); padding:0 0rem; font-size:0.9375rem; font-weight:400; border-bottom:0.125rem solid transparent; ;z-index:2; cursor:pointer;}
.sub_nav li.active {border-color:var(--color-dark-blue); color:var(--color-dark-blue); font-weight:700; }
.sub_nav li:hover {color:var(--color-dark-blue)}
.sub_nav.white { background-color:#fff; }
.sub_nav.scroll:after {display:none;}
.sub_nav.scroll ul {  display:flex;flex-wrap: nowrap;  white-space:nowrap; overflow-x: auto;  }
.sub_nav.scroll ul li {border-bottom:1px solid #E6E9ED; width:auto; padding:0 1rem;}
.sub_nav.scroll ul li.active,
.sub_nav.scroll ul li.on {border-color:var(--color-dark-blue);}
.sub_nav.scroll ul li.active:after {content:''; position:absolute; left:0; bottom:0;right:0;height:1px;  z-index:0; background-color:var(--color-dark-blue);}
.sub_nav.mini ul {width:auto; gap:0.5rem;}
.sub_nav.mini:after {display:none;}
.sub_nav.mini li {width:auto; padding:0 0.25rem;border-width:0.0625rem;height:1.75rem; font-size:0.9375rem;}
.sub_nav.mini li {height:1.875rem; font-size:0.875rem;}
.sub_nav.incard { background-color:transparent; }
.sub_nav.incard:after {display:none;}
.sub_nav.incard li { height:1.625rem; border:0 !important;font-size:0.875rem; font-weight:500; padding-right:0.875rem; margin-right:0.625rem;}
.sub_nav.incard li:after {content:''; position:absolute; right:0; top:50%; width:1px; height:14px; margin-top:-7px; background-color:#dedede;}
.sub_nav.incard li:last-child {padding:0; margin:0; }
.sub_nav.incard li:last-child:after {display:none;}

/*  마우스오버시에만 색상보이게 */
.sub_nav.scroll ::-webkit-scrollbar,
.chip_list.scroll ::-webkit-scrollbar {height: 7px;}
.sub_nav.scroll ::-webkit-scrollbar-thumb,
.chip_list.scroll ::-webkit-scrollbar-thumb  {  background: transparent !important;}

.sub_nav.scroll:hover ::-webkit-scrollbar-thumb, 
.chip_list.scroll:hover ::-webkit-scrollbar-thumb { background:#eceef1 !important;}
.sub_nav.scroll ::-webkit-scrollbar-track,
.chip_list.scroll ::-webkit-scrollbar-track {background: transparent;}

@media all and (max-width:460px){ 
.sub_nav.scroll ::-webkit-scrollbar,
.chip_list.scroll ::-webkit-scrollbar {height:0px;}
}




/* margin */
.top-margin {margin-top:1.125rem !important}
.mgt1 {margin-top:1rem !important;}
.mgt2{margin-top:2rem !important;}
.mt5{margin-top:5px  !important}
.mt7{margin-top:7px  !important}
.mt10{margin-top:10px  !important}
.mt12{margin-top:12px  !important}
.mt15{margin-top:15px  !important}
.mt20{margin-top:20px  !important}
.ml5 {margin-left:5px !important}
.ml10 {margin-left:10px !important}
.ml12 {margin-left:12px !important}
.ml15 {margin-left:15px !important}
.mr5 {margin-right:5px !important}
.mr10 {margin-right:10px !important}
.mr12 {margin-right:12px !important}
.mr15 {margin-right:15px !important}

/* padding */
.top-padding {padding-top:1.125rem !important}
.nopadding {padding:0 !important}
.pt0 {padding-top:0 !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt12 {padding-top:12px !important;}
.pt15 {padding-top:15px !important;}
.pt17 {padding-top:15px !important;}
.pr5 {padding-right:0.3125rem;}
.pl5 {padding-left:0.3125rem;}

/* width */
.w50 {width:50px !important}
.w55 {width:55px !important}
.w60 {width:60px !important}
.w65 {width:65px !important}
.w70 {width:70px !important}
.w75 {width:75px !important}
.w80 {width:80px !important}
.w85 {width:85px !important}
.w90 {width:90px !important}
.w95 {width:95px !important}
.w100 {width:100px !important}
.w105 {width:105px !important}
.w110 {width:110px !important}
.w115 {width:115px !important}
.w120 {width:120px !important}