@charset "utf-8";

/* ==================== °øÅë º¯¼ö ==================== */
:root{
	--color-primary:#3267ab;
	--color-dark:#1d2d44;
	--color-gray:#4a5568;
	--color-primary-dark:#0055a5;
	--color-primary-light:#4d6fa9;
	--color-secondary:#1877c5;
	--color-background:#f4f7fa;
	--color-background-light:#f5f6fa;
	--color-surface:#eef3f8;
	--color-placeholder:#9598a7;
	--color-required:#e53935;

	--fs-xxl:clamp(2rem,4vw,2.5rem);
	--fs-xl:clamp(1.75rem,3vw,2rem);
	--fs-lg:clamp(1.4rem,2vw,1.5rem);
	--fs-md:clamp(1.2rem,1.5vw,1.25rem);
	--fs-base:1rem;
	--fs-sm:0.875rem;
	--fs-xs:0.75rem;
		
	--fs-base-2:0.75rem;
	--fs-base-1:0.875rem;
	--fs-base:1rem;
	--fs-base1:1.25rem;
	--fs-base2:1.5rem;
	--fs-base3:2rem;
	--fs-base4:2.25rem;
	--fs-base5:2.5rem;
	--fs-base6:3rem;
	--fs-base7:3.5rem;
	--fs-base8:4rem;

	--lh-tight:1.2;
	--lh-base:1.6;
	--lh-loose:1.8;

	/* ÀÓ´ë */
	--price-rent:#60a5fa;
	--price-deposit:#60a5fa;

	/* ±Ç¸®±Ý */
	--price-premium:#ef4444;

	/* ¸Å¸Å / ºÐ¾ç / Àü¼¼ */
	--price-sale:#8b5cf6;
	--price-jeonse:#8b5cf6;

	/* ÅõÀÚ */
	--price-loan:#f59e0b;
	--price-real:#10b981;
	--price-yield:#ea580c;
	
	/* °ü¸®ºñ */
	--price-manage:#64748b;
}


/* ==================== ±âº» ¸®¼Â ==================== */
html{font-size:16px;overflow-y:scroll;}
body{margin:0;padding:0;font-family:'Pretendard','Noto Sans KR',sans-serif;font-size:1rem;color:#222;background-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
html,h1,h2,h3,h4,h5,h6,form,fieldset,img{margin:0;padding:0;border:0;}
h1,h2,h3,h4,h5,h6{font-size:1rem;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ul,ol,dl,dt,dd{margin:0;padding:0;list-style:none;}
legend{position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
p{margin:0;padding:0;word-break:break-all;}
hr{display:none;}
pre{overflow-x:auto;font-size:1.1em;}
a{color:#333;text-decoration:none;}
img{max-width:100%;vertical-align:middle;}
label,input,button,select,textarea{font-size:1rem;vertical-align:middle;}
input,button,select,textarea{margin:0;padding:0;font-family:'Pretendard';}
button,input[type="submit"]{cursor:pointer;}
select{margin:0;}
*,*:before,*:after{box-sizing:border-box;}

/* ==================== ÀԷ¿ä¼Ò ==================== */
input:focus,select:focus,textarea:focus{outline:none;box-shadow:none;}
input::placeholder,textarea::placeholder{color:#999;}
input[type=text],input[type=password],textarea{outline:none;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
input[type=number]{appearance:textfield;-moz-appearance:textfield;}

/* ==================== À¯Æ¿¸®Æ¼ ==================== */
.none{display:none;}
.italic{font-style:italic;}
.center{text-align:center;}
.overflow{overflow:hidden;}
.wrap{flex-wrap:wrap;}
.column{flex-direction:column;}

/* ==================== flex À¯Æ¿ ==================== */
.flexbox{display:flex;align-items:center;}
.flexbox_stretch{display:flex;align-items:stretch;}
.between{justify-content:space-between;}
.around{justify-content:space-around;}
.start{justify-content:flex-start;}
.end{justify-content:flex-end;}

/* ==================== Á¢±Ù¼º ==================== */
.msg_sound_only,.sound_only{display:inline-block!important;position:absolute;top:0;left:0;width:0;height:0;margin:0!important;padding:0!important;font-size:0;line-height:0;border:0!important;overflow:hidden!important;}

/* ==================== °øÅë ÆäÀÌÁö ¿ä¼Ò ==================== */
.boxPage{margin:2.5rem auto 0 auto;text-align:center;}
.boxPage strong,.boxPage a{display:inline-block;width:2.4rem;height:2.4rem;line-height:2.4rem;text-align:center;}
.boxPage strong{background:#007a9c;}
.under{background-image:linear-gradient(transparent 60%,#d5e9e6 40%);background-size:100% 100%;}
.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.required,textarea.required{background-image:url('../img/require.png')!important;background-repeat:no-repeat!important;background-position:right top!important;}

/* ==================== Æû Æ˾÷ ==================== */
.boxForm{position:relative;width:100%;max-width:800px;margin:0 auto;padding:1.5rem;background:#fff;overflow-y:scroll;}
.boxForm .boxFormTit{height:3rem;line-height:3rem;margin-bottom:1rem;border-bottom:1px solid #ddd;text-align:center;font-size:1.35rem;font-weight:600;overflow:hidden;white-space:nowrap;}
.boxForm .boxFormTit .star i{margin-left:2px;font-size:1rem;color:#FEDC56;}
.boxForm .boxFormCon{max-height:calc(80vh - 7.5rem);padding-bottom:2rem;line-height:160%;overflow-y:scroll;}
.boxForm .boxFormCon img{display:block;max-width:100%;margin-top:.5rem;}
.boxForm .boxFormCon h2{display:block;font-size:1.15rem;}
.boxForm .boxFormCon .line{width:100%;height:1px;margin:1rem auto 0 auto;background:#ddd;}
.boxForm .mfp-close{font-size:3rem;}

/* ==================== Ķ¸°´õ Æ˾÷ ==================== */
.boxCalendar{position:relative;width:90vw;margin:0 auto;padding:1.5rem 1.5rem 2rem 1.5rem;background:#fff;overflow:hidden;}
.boxCalendar .boxCalendarTit{height:3rem;line-height:3rem;margin-bottom:.5rem;border-bottom:1px solid #ddd;text-align:center;font-size:1.25rem;font-weight:500;overflow:hidden;}
.boxCalendar .boxCalendarCon .line{width:100%;height:1px;margin:0 auto;background:#ddd;}
.boxCalendar .boxCalendarCon label{margin-top:1rem;}

/* ==================== ÅøÆÁ ==================== */
.tooltip{line-height:30px;color:#777;}
.tooltip-icon{position:relative;}
.tooltip-box{display:none;position:absolute;padding:.5rem;border-radius:4px;background:#333;color:#fff;font-size:.9rem;text-align:left;white-space:normal;word-wrap:break-word;word-break:break-word;z-index:999;}

/* ==================== ¾È³»¹®±¸ ==================== */
.guide{display:block;font-size:12px;color:#777;}

/* ==================== Å佺Ʈ ==================== */
.toast{position:fixed;left:50%;bottom:40px;transform:translateX(-50%) translateY(10px);padding:8px 14px;border-radius:6px;background:#111;color:#fff;font-size:13px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:9999;}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

/* ==================== °áÁ¦¼ö´Ü ==================== */
#payMethodBox{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0;}
#payMethodBox .pm-item{position:relative;display:flex;align-items:center;gap:10px;padding:18px 16px;border:1px solid #e6e8ef;border-radius:10px;background:#fff;cursor:pointer;user-select:none;transition:transform .05s ease,border-color .15s ease,box-shadow .15s ease;}
#payMethodBox .pm-item:hover{border-color:#cfd6e4;box-shadow:0 6px 18px rgba(18,38,63,.08);}
#payMethodBox .pm-item:active{transform:translateY(1px);}
#payMethodBox .pm-item input{position:absolute;opacity:0;pointer-events:none;}
#payMethodBox .pm-item .pm-ico{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:8px;background:#f5f7fb;color:#3b4454;}
#payMethodBox .pm-item .pm-ico .material-symbols-outlined{font-size:22px;line-height:1;}
#payMethodBox .pm-item .pm-text{font-size:16px;font-weight:700;color:#1f2a37;}
#payMethodBox .pm-item .pm-check{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:auto;color:#9aa3b2;}
#payMethodBox .pm-item .pm-check .material-symbols-outlined{font-size:22px;line-height:1;}
#payMethodBox .pm-item input:checked~.pm-check{color:#0b6cff;}
#payMethodBox .pm-item input:checked~.pm-check .pm-off{display:none;}
#payMethodBox .pm-item input:not(:checked)~.pm-check .pm-on{display:none;}
#payMethodBox .pm-item input:checked~.pm-ico{background:#eaf2ff;color:#0b6cff;}
#payMethodBox .pm-item input:checked~.pm-text{color:#0b6cff;}
#payMethodBox .pm-item input:checked~.pm-border{border-radius:10px;box-shadow:0 0 0 2px rgba(11,108,255,.18) inset;}
#payMethodBox .pm-item .pm-border{position:absolute;inset:0;pointer-events:none;}
#payMethodBox .btn_submit{display:inline-flex;align-items:center;justify-content:center;min-width:180px;padding:14px 28px;border:0;border-radius:10px;background:#0b6cff;color:#fff;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(11,108,255,.22);transition:transform .05s ease,box-shadow .15s ease,opacity .15s ease;}
#payMethodBox .btn_submit:hover{box-shadow:0 10px 24px rgba(11,108,255,.28);}
#payMethodBox .btn_submit:active{transform:translateY(1px);}

/* ==================== ¾ÆÀÌÄÜ µÎ²² ==================== */
.icon-thin{font-variation-settings:'FILL' 0,'wght' 200,'GRAD' 0,'opsz' 48;}
.icon-light{font-variation-settings:'FILL' 0,'wght' 300,'GRAD' 0,'opsz' 48;}
.icon-regular{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 48;}
.icon-medium{font-variation-settings:'FILL' 0,'wght' 500,'GRAD' 0,'opsz' 48;}
.icon-bold{font-variation-settings:'FILL' 0,'wght' 600,'GRAD' 0,'opsz' 48;}
.icon-heavy{font-variation-settings:'FILL' 0,'wght' 700,'GRAD' 0,'opsz' 48;}

.gap-1 {gap:.5rem;}
.gap1 {gap:1rem;}
.gap2 {gap:1.5rem;}

/* Å×ÀÌºí ±×¸®µå */
.grid_1 {width:50px}
.grid_2 {width:100px}
.grid_3 {width:150px}
.grid_4 {width:200px}
.grid_5 {width:250px}
.grid_6 {width:300px}
.grid_7 {width:350px}
.grid_8 {width:400px}
.grid_9 {width:450px}
.grid_10 {width:500px}
.grid_11 {width:550px}
.grid_12 {width:600px}
.grid_13 {width:650px}
.grid_14 {width:700px}
.grid_15 {width:750px}
.grid_16 {width:800px}
.grid_17 {width:850px}
.grid_18 {width:900px}