@charset "UTF-8";
/**************************************************
* 버전관리
* version : v=1
* Last Update : 
**************************************************/

/**************************************************
 ■ 버튼
**************************************************/
.btn{ 
	--btn-height: clamp(2.75rem, 2.571rem + 0.476vw, 3rem); 
	--btn-width:clamp(5.9rem, 5.159rem + 1.976vw, 6.938rem);
	--btn-font-size: var(--font-size-15); 
	--btn-font-weight: 700;
    --btn-line-height: 1.5;
    --btn-color: var(--Basic-Black-100);
    --btn-bg: transparent;
    --btn-border-width: 1px;
    --btn-border-color: transparent;
    --btn-border-radius: 0.375rem;
    --btn-padding:0.75rem;
    --btn-hover-border-color: transparent;
    --btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --btn-disabled-opacity: 0.65;
	--btn-focus-shadow-rgb: 0,0,0;
    --btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--btn-focus-shadow-rgb), .5);
	--btn-icon-color:var(--Basic-Black-100);
	--icon-color:var(--btn-icon-color);
	--icon-width:1rem;
	display: inline-flex;
    align-items: center;
    justify-content: center;
    gap:0.25rem;
	height:var(--btn-height);
	min-width:var(--btn-width);
    font-size: var(--btn-font-size);
    font-weight: var(--btn-font-weight);
    line-height: var(--btn-line-height);
    color: var(--btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--btn-border-width) solid var(--btn-border-color);
    border-radius: var(--btn-border-radius);
    background-color: var(--btn-bg);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.btn:has(.svg-icon){display:inline-flex; align-items: center; gap:0.38rem;}
.btn > span,
.btn > span{ 
    display:flex; gap:0.25rem;
	padding:0 var(--btn-padding);
}
.btn.primary-bd {
    --btn-color: #fff;
    --btn-bg: var(--Theme-Primary);
    --btn-border-color: transparent;
    --btn-hover-color: #fff;
    --btn-hover-bg: var(--Theme-Primary-60);
    --btn-hover-border-color: var(--Theme-Primary-60);
    --btn-focus-shadow-rgb: var(--Theme-Primary-rgb);
    --btn-active-color: #fff;
    --btn-active-bg: var(--Theme-Primary-60);
    --btn-active-border-color: var(--Theme-Primary-60);
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: #fff;
    --btn-disabled-bg: var(--Theme-Primary-40);
    --btn-disabled-border-color: var(--Theme-Primary-50);
	--btn-icon-color:#fff;
    --btn-hover-icon:#fff;
	--btn-border-width:2px;
	background-image: linear-gradient(var(--btn-bg), var(--btn-bg)), linear-gradient(136deg, #63A1FF 0%, #002152 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}
.btn.primary-sub-bd {
    --btn-color: #fff;
    --btn-bg: var(--Theme-Primary_sub);
    --btn-border-color: transparent;
    --btn-hover-color: #fff;
    --btn-hover-bg: var(--Theme-Primary_sub-60);
    --btn-hover-border-color: var(--Theme-Primary_sub-60);
    --btn-focus-shadow-rgb: var(--Theme-Primary_sub-rgb);
    --btn-active-color: #fff;
    --btn-active-bg: var(--Theme-Primary_sub-60);
    --btn-active-border-color: var(--Theme-Primary_sub-60);
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: #fff;
    --btn-disabled-bg: var(--Theme-Primary_sub-40);
    --btn-disabled-border-color: var(--Theme-Primary_sub-50);
	--btn-icon-color:#fff;
    --btn-hover-icon:#fff;
	--btn-border-width:2px;
	background-image: linear-gradient(var(--btn-bg), var(--btn-bg)), linear-gradient(136deg, #40A9FF 0%, #008DFF 60%, #0065BD 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}


.btn.primary {
    --btn-color: #fff;
    --btn-bg: var(--Theme-Primary);
    --btn-border-color: var(--Theme-Primary);
    --btn-hover-color: #fff;
    --btn-hover-bg: var(--Theme-Primary-40);
    --btn-hover-border-color: var(--Theme-Primary-60);
    --btn-focus-shadow-rgb: var(--Theme-Primary-rgb);
    --btn-active-color: #fff;
    --btn-active-bg: var(--Theme-Primary-40);
    --btn-active-border-color: var(--Theme-Primary-60);
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: #ffff;
    --btn-disabled-bg: var(--Theme-Primary-40);
    --btn-disabled-border-color: var(--Theme-Primary-40);
	--btn-icon-color:#fff;
    --btn-hover-icon:#fff;
}
.btn.primary-sub {
    --btn-color: #fff;
    --btn-bg: var(--Theme-Primary_sub);
    --btn-border-color: var(--Theme-Primary_sub);
    --btn-hover-color: #fff;
    --btn-hover-bg: var(--Theme-Primary_sub-40);
    --btn-hover-border-color: var(--Theme-Primary_sub-60);
    --btn-focus-shadow-rgb: var(--Theme-Primary_sub-rgb);
    --btn-active-color: #fff;
    --btn-active-bg: var(--Theme-Primary_sub-40);
    --btn-active-border-color: var(--Theme-Primary_sub-60);
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: #ffff;
    --btn-disabled-bg: var(--Theme-Primary_sub-40);
    --btn-disabled-border-color: var(--Theme-Primary_sub-40);
	--btn-icon-color:#fff;
    --btn-hover-icon:#fff;
}
.btn.green {
    --btn-color: #fff;
    --btn-bg: #06823A;
    --btn-border-color: #06823A;
    --btn-hover-color: #fff;
    --btn-hover-bg: #339b5e;
    --btn-hover-border-color: #06823A;
    --btn-focus-shadow-rgb: 6,130,58;
    --btn-active-color: #fff;
    --btn-active-bg: #339b5e;
    --btn-active-border-color: #06823A;
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: #fff;
    --btn-disabled-bg: #339b5e;
    --btn-disabled-border-color: #339b5e;
	--btn-icon-color:#fff;
    --btn-hover-icon:#fff;
}
.btn.orange {
    --btn-color: #fff;
    --btn-bg: var(--Theme-Primary_point);
    --btn-border-color: var(--Theme-Primary_point);
    --btn-hover-color: #fff;
    --btn-hover-bg: var(--Theme-Primary_point-40);
    --btn-hover-border-color: var(--Theme-Primary_point-60);
    --btn-focus-shadow-rgb: var(--Theme-Primary_point-rgb);
    --btn-active-color: #fff;
    --btn-active-bg: var(---Theme-Primary_point-40);
    --btn-active-border-color: var(--Theme-Primary_point-60);
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: #fff;
    --btn-disabled-bg: var(--Theme-Primary_point-40);
    --btn-disabled-border-color: var(--Theme-Primary_point-40);
	--btn-icon-color:#fff;
    --btn-hover-icon:#fff;
}
.btn.red {
    --btn-color: #fff;
    --btn-bg: #B3261E;
    --btn-border-color: #B3261E;
    --btn-hover-color: #fff;
    --btn-hover-bg: #c14d47;
    --btn-hover-border-color: #922118;
    --btn-focus-shadow-rgb: 179,38,39;
    --btn-active-color: #fff;
    --btn-active-bg: #c14d47;
    --btn-active-border-color: #922118;
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: #fff;
    --btn-disabled-bg: #c14d47;
    --btn-disabled-border-color: #c14d47;
	--btn-icon-color:#fff;
    --btn-hover-icon:#fff;
}
.btn.gray {
    --btn-color: #fff;
    --btn-bg: #66727D;
    --btn-border-color: #66727D;
    --btn-hover-color: #fff;
    --btn-hover-bg: #828c95;
    --btn-hover-border-color: #535d66;
    --btn-focus-shadow-rgb: var(--Theme-Primary_sub-rgb);
    --btn-active-color: #fff;
    --btn-active-bg: #828c95;
    --btn-active-border-color: #535d66;
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: #fff;
    --btn-disabled-bg: #828c95;
    --btn-disabled-border-color: #828c95;
	--btn-icon-color:#fff;
    --btn-hover-icon:#fff;
}
.btn.gray2 {
    --btn-color: #fff;
    --btn-bg: var(--Basic-Black-40);
    --btn-border-color: var(--Basic-Black-40);
    --btn-hover-color: #fff;
    --btn-hover-bg: var(--Basic-Black-50);
    --btn-hover-border-color: var(--Basic-Black-60);
    --btn-focus-shadow-rgb: var(--Theme-Primary_sub-rgb);
    --btn-active-color: #fff;
    --btn-active-bg: var(--Basic-Black-50);
    --btn-active-border-color: var(--Basic-Black-60);
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: #fff;
    --btn-disabled-bg: var(--Basic-Black-40);
    --btn-disabled-border-color: var(--Basic-Black-40);
	--btn-icon-color:#fff;
    --btn-hover-icon:#fff;
}
.btn.light-primary{
    --btn-color: var(--Theme-Primary);
    --btn-bg: var(--Basic-Gray);
    --btn-border-color: var(--Basic-Gray);
    --btn-hover-color: var(--Theme-Primary);
    --btn-hover-bg: #e3dcdc;
    --btn-hover-border-color: #d7cfcf;
    --btn-focus-shadow-rgb: var(--Theme-Primary-rgb);
    --btn-active-color: var(--Theme-Primary);
    --btn-active-bg: #e3dcdc;
    --btn-active-border-color: #d7cfcf;
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: var(--Theme-Primary);
    --btn-disabled-bg: #e3dcdc;
    --btn-disabled-border-color: #e3dcdc;
	--btn-icon-color:var(--Theme-Primary);
    --btn-hover-icon:var(--Theme-Primary);
}
.btn.light-sub{
    --btn-color: var(--Theme-Primary_sub);
    --btn-bg: var(--Theme-Primary_subtler);
    --btn-border-color: var(--Theme-Primary_subtler);
    --btn-hover-color: var(--Theme-Primary_sub);
    --btn-hover-bg: #dbe5ef;
    --btn-hover-border-color: #c9d8e7;
    --btn-focus-shadow-rgb: var(--Theme-Primary_subtler);
    --btn-active-color: var(--Theme-Primary_sub);
    --btn-active-bg: #dbe5ef;
    --btn-active-border-color: #c9d8e7;
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: var(--Theme-Primary_sub);
    --btn-disabled-bg: #dbe5ef;
    --btn-disabled-border-color: #dbe5ef;
	--btn-icon-color:var(--Theme-Primary_sub);
    --btn-hover-icon:var(--Theme-Primary_sub);
}
.btn.light-gray{
    --btn-color: var(--Basic-Black-90);
    --btn-bg: var(--Basic-Gray);
    --btn-border-color: var(--Basic-Gray);
    --btn-hover-color: var(--Basic-Black-90);
    --btn-hover-bg: #e3dcdc;
    --btn-hover-border-color: #d7cfcf;
    --btn-focus-shadow-rgb: 12,126,60;
    --btn-active-color: var(--Basic-Black-90);
    --btn-active-bg: #e3dcdc;
    --btn-active-border-color: #d7cfcf;
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: var(--Basic-Black-70);
    --btn-disabled-bg: #e3dcdc;
    --btn-disabled-border-color: #e3dcdc;
	--btn-icon-color:var(--Basic-Black-90);
    --btn-hover-icon:var(--Basic-Black-90);
}
.btn.light-orange{
    --btn-color: var(--Theme-Primary_point);
    --btn-bg: #FFF2DF;
    --btn-border-color: #FFF2DF;
    --btn-hover-color: var(--Theme-Primary_point);
    --btn-hover-bg: #eee1cd;
    --btn-hover-border-color: #eee1cd;
    --btn-focus-shadow-rgb: var(--Theme-Primary_point-rgb);
    --btn-active-color: var(--Theme-Primary_point);
    --btn-active-bg: #eee1cd;
    --btn-active-border-color: #eee1cd;
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: var(--Theme-Primary_point);
    --btn-disabled-bg: #eee1cd;
    --btn-disabled-border-color: #eee1cd;
	--btn-icon-color:var(--Theme-Primary_point);
    --btn-hover-icon:var(--Theme-Primary_point);
}
.btn.light-green{
    --btn-color: #0C7E3C;
    --btn-bg: #E2F4EA;
    --btn-border-color: #E2F4EA;
    --btn-hover-color: #0C7E3C;
    --btn-hover-bg: #d5e6dd;
    --btn-hover-border-color: #c8ddd2;
    --btn-focus-shadow-rgb: 12,126,60;
    --btn-active-color: #0C7E3C;
    --btn-active-bg: #d5e6dd;
    --btn-active-border-color: #c8ddd2;
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: #0C7E3C;
    --btn-disabled-bg: #d5e6dd;
    --btn-disabled-border-color: #d5e6dd;
	--btn-icon-color:#0C7E3C;
    --btn-hover-icon:#0C7E3C;
}
.btn.light-gray{
    --btn-color: var(--Basic-Black-90);
    --btn-bg: var(--Basic-Gray);
    --btn-border-color: var(--Basic-Gray);
    --btn-hover-color: var(--Basic-Black-90);
    --btn-hover-bg: #e3dcdc;
    --btn-hover-border-color: #d7cfcf;
    --btn-focus-shadow-rgb: 12,126,60;
    --btn-active-color: var(--Basic-Black-90);
    --btn-active-bg: #e3dcdc;
    --btn-active-border-color: #d7cfcf;
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: var(--Basic-Black-70);
    --btn-disabled-bg: #e3dcdc;
    --btn-disabled-border-color: #e3dcdc;
	--btn-icon-color:var(--Basic-Black-90);
    --btn-hover-icon:var(--Basic-Black-90);
}
.btn.line-primary{
    --btn-color: var(--Theme-Primary);
    --btn-bg: #fff;
    --btn-border-color: var(--Theme-Primary);
    --btn-hover-color: var(--Theme-Primary);
    --btn-hover-bg: var(--Theme-Primary_subtler2);
    --btn-hover-border-color:var(--Theme-Primary);
    --btn-focus-shadow-rgb: var(--Theme-Primary-rgb);
    --btn-active-color: var(--Theme-Primary);
    --btn-active-bg: var(--Theme-Primary_subtler2);
    --btn-active-border-color: var(--Theme-Primary);
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: var(--Theme-Primary);
    --btn-disabled-bg: var(--Theme-Primary_subtler2);
    --btn-disabled-border-color: var(--Theme-Primary);
	--btn-icon-color:var(--Theme-Primary);
    --btn-hover-icon:var(--Theme-Primary);
}
.btn.line-secondary{
    --btn-color: #0B50D0;
    --btn-bg: #ECF2FE;
    --btn-border-color: #0B50D0;
    --btn-hover-color: #256EF4;
    --btn-hover-bg: #D8E5FD;
    --btn-hover-border-color: #256EF4;
    --btn-focus-shadow-rgb: var(--Theme-Primary-rgb);
    --btn-active-color: #256EF4;
    --btn-active-bg: #D8E5FD;
    --btn-active-border-color: #256EF4;
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: #6D7882;
    --btn-disabled-bg: #CDD1D5;
    --btn-disabled-border-color: #CDD1D5;
	--btn-icon-color:#0B50D0;
    --btn-hover-icon:#256EF4;
}
.btn.line-primary-sub{
    --btn-color: #008DFF;
    --btn-bg: #fff;
    --btn-border-color: #008DFF;
    --btn-hover-color: #256EF4;
    --btn-hover-bg: #ECF2FE;
    --btn-hover-border-color: #256EF4;
    --btn-focus-shadow-rgb: var(--Theme-Primary-rgb);
    --btn-active-color: #256EF4;
    --btn-active-bg: #ECF2FE;
    --btn-active-border-color: #256EF4;
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: #6D7882;
    --btn-disabled-bg: #ECF2FE;
    --btn-disabled-border-color: #ECF2FE;
	--btn-icon-color:#008DFF;
    --btn-hover-icon:#008DFF;
}
.btn.light-line-gray{
    --btn-color: var(--Basic-Black-80);
    --btn-bg: var(--Basic-Gray, #F2F2F2);
    --btn-border-color: var(--Basic-Black-30);
    --btn-hover-color: var(--Basic-Black-80);
    --btn-hover-bg: var(--Basic-Gray);
    --btn-hover-border-color: var(--Basic-Black-30);
    --btn-focus-shadow-rgb: var(--Basic-Gray);
    --btn-active-color: var(--Theme-border);
    --btn-active-bg: var(--Basic-Gray);
    --btn-active-border-color: var(--Basic-Black-30);
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: var(--Theme-border);
    --btn-disabled-bg: var(--Basic-Gray);
    --btn-disabled-border-color: var(--Basic-Gray);
	--btn-icon-color:var(--Basic-Black-80);
    --btn-hover-icon:var(--Basic-Black-80);
}
.btn.line-gray{
    --btn-color: var(--Basic-Black-70);
    --btn-bg: #fff;
    --btn-border-color: var(--Theme-border);
    --btn-hover-color: var(--Basic-Black-70);
    --btn-hover-bg: var(--Theme-Primary_subtler2);
    --btn-hover-border-color: var(--Basic-Black-30);
    --btn-focus-shadow-rgb: var(--Theme-Primary-rgb);
    --btn-active-color: var(--Theme-border);
    --btn-active-bg: var(--Theme-Primary_subtler2);
    --btn-active-border-color: var(--Basic-Black-30);
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: var(--Theme-border);
    --btn-disabled-bg: var(--Theme-Primary_subtler2);
    --btn-disabled-border-color: var(--Theme-Primary_subtler2);
	--btn-icon-color:var(--Basic-Black-70);
    --btn-hover-icon:var(--Basic-Black-70);
}
.btn.line-black{
    --btn-color: var(--Basic-Black-100);
    --btn-bg: #fff;
    --btn-border-color: var(--Basic-Black-100);
    --btn-hover-color: var(--Basic-Black-90);
    --btn-hover-bg: var(--Basic-Gray);
    --btn-hover-border-color: var(--Basic-Black-70);
    --btn-focus-shadow-rgb: var(--Theme-Primary-rgb);
    --btn-active-color: var(--Theme-border);
    --btn-active-bg: var(--Basic-Gray);
    --btn-active-border-color: var(--Basic-Black-70);
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: var(--Theme-border);
    --btn-disabled-bg: var(--Basic-Gray);
    --btn-disabled-border-color: var(--Basic-Gray);
	--btn-icon-color:var(--Basic-Black-100);
    --btn-hover-icon:var(--Basic-Black-100);
}
.btn.line-orange{
    --btn-color: var(--Theme-Primary_point);
    --btn-bg: #fff;
    --btn-border-color: var(--Theme-Primary_point);
    --btn-hover-color: var(--Theme-Primary_point-70);
    --btn-hover-bg: var(--Theme-Primary_point-10);
    --btn-hover-border-color: var(--Theme-Primary_point-50);
    --btn-focus-shadow-rgb: var(--Theme-Primary-rgb);
    --btn-active-color: var(--Theme-Primary_point-70);
    --btn-active-bg: var(--Theme-Primary_point-10);
    --btn-active-border-color: var(--Theme-Primary_point-50);
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: var(--Theme-Primary_point-40);
    --btn-disabled-bg: var(--Theme-Primary_point-10);
    --btn-disabled-border-color: var(--Theme-Primary_point-50);
	--btn-icon-color:var(--Theme-Primary_point);
    --btn-hover-icon:var(--Theme-Primary_point);
}
.btn:hover{ 
	color: var(--btn-hover-color);
    background-color: var(--btn-hover-bg);
    border-color: var(--btn-hover-border-color);
    --svg-icon-color:var(--btn-hover-icon);
}
.btn-sm{--btn-height: 2rem; --btn-font-size: var(--font-size-14); --btn-width:4.25rem;}
.btn-md{--btn-height: 3.625rem; --btn-font-size: var(--font-size-17);}
.btn-lg{--btn-width:12.5rem;}
.btn-block{width:100%; display:flex;}
.btn-wrap{margin-top:2.5rem; text-align: center;}
.btn-wrap.between{display:flex; justify-content: space-between; }
.btn-wrap .flex{display:flex; gap:clamp(0.5rem, -0.214rem + 1.905vw, 1.5rem);}

/**************************************************
 ■ 뱃지
**************************************************/
.badge{
    display:inline-flex;
    align-items: center;
    justify-content: center;
    gap:0.1rem;
    min-width:4.25rem;
    --badge-font-size:var(--font-size-15);
    --badge-font-weight:700;
    --badge-color:#fff;
    --badge-line-height:1.5;
    --badge-height: 1.75rem;
    --badge-padding:0.5rem;
    --badge-radius: 0.25rem;
    --badge-bg:var(--Theme-Primary_sub);
    --badge-border-color:var(--Theme-Primary_sub);
    --badge-icon-color:#fff;
	--icon-color:var(--badge-icon-color);
	--icon-width:1rem;
    font-size:var(--badge-font-size);
    font-weight:var(--badge-font-weight);
    color:var(--badge-color);
    line-height:var(--badge-line-height);
    height:var(--badge-height);
    padding:0 var(--badge-padding);
    border-radius:var(--badge-radius);
    background:var(--badge-bg);
    border:1px solid var(--badge-border-color);
	font-style: normal;
    vertical-align: bottom;
}
.badge.primary{
    --badge-color:#fff;
    --badge-bg:var(--Theme-Primary);
    --badge-border-color:var(--Theme-Primary);
    --badge-icon-color:#fff;
}
.badge.primary-sub{
    --badge-color:#fff;
    --badge-bg:var(--Theme-Primary_sub);
    --badge-border-color:var(--Theme-Primary_sub);
    --badge-icon-color:#fff;
}
.badge.orange{
    --badge-color:#fff;
    --badge-bg:var(--Badge-Level);
    --badge-border-color:var(--Badge-Level);
    --badge-icon-color:#fff;
}
.badge.green{
    --badge-color:#fff;
    --badge-bg:#06823A;
    --badge-border-color:#06823A;
    --badge-icon-color:#fff;
}
.badge.red{
    --badge-color:#fff;
    --badge-bg:#B3261E;
    --badge-border-color:#B3261E;
    --badge-icon-color:#fff;
}
.badge.gray{
    --badge-color:#fff;
    --badge-bg:#66727D;
    --badge-border-color:#66727D;
    --badge-icon-color:#fff;
}
.badge.gray2{
    --badge-color:#fff;
    --badge-bg:var(--Basic-Black-40);
    --badge-border-color:var(--Basic-Black-40);
    --badge-icon-color:#fff;
}
.badge.level01{
    --badge-color:#fff;
    --badge-bg: #06823A;
    --badge-border-color:#06823A;
    --badge-icon-color:#fff;
}
.badge.level02{
    --badge-color:#fff;
    --badge-bg: #0369A1;
    --badge-border-color:#0369A1;
    --badge-icon-color:#fff;
}
.badge.level03{
    --badge-color:#fff;
    --badge-bg: #1D4ED8;
    --badge-border-color:#1D4ED8;
    --badge-icon-color:#fff;
}
.badge.level04{
    --badge-color:#fff;
    --badge-bg: #702ED8;
    --badge-border-color:#702ED8;
    --badge-icon-color:#fff;
}
.badge.level05{
    --badge-color:#fff;
    --badge-bg: #B4550C;
    --badge-border-color:#B4550C;
    --badge-icon-color:#fff;
}
.badge.line-level01{
    --badge-color:#06823A;
    --badge-bg: #fff;
    --badge-border-color:#06823A;
    --badge-icon-color:#06823A;
}
.badge.line-level02{
    --badge-color:#0369A1;
    --badge-bg: #fff;
    --badge-border-color:#0369A1;
    --badge-icon-color:#0369A1;
}
.badge.line-level03{
    --badge-color:#1D4ED8;
    --badge-bg: #fff;
    --badge-border-color:#1D4ED8;
    --badge-icon-color:#1D4ED8;
}
.badge.line-level04{
    --badge-color:#702ED8;
    --badge-bg: #fff;
    --badge-border-color:#702ED8;
    --badge-icon-color:#702ED8;
}
.badge.line-level05{
    --badge-color:#B4550C;
    --badge-bg: #fff;
    --badge-border-color:#B4550C;
    --badge-icon-color:#B4550C;
}

.badge.light-primary{
    --badge-color:var(--Theme-Primary);
    --badge-bg:var(--Basic-Gray, #F2F2F2);
    --badge-border-color:vvar(--Basic-Gray, #F2F2F2);
    --badge-icon-color:var(--Theme-Primary);
}
.badge.light-sub{
    --badge-color:var(--Theme-Primary_sub);
    --badge-bg:var(--Theme-Primary_subtler);
    --badge-border-color:var(--Theme-Primary_subtler);
    --badge-icon-color:var(--Theme-Primary_sub);
}
.badge.light-green{
    --badge-color:#0C7E3C;
    --badge-bg:#E2F4EA;
    --badge-border-color:#E2F4EA;
    --badge-icon-color:#0C7E3C;
}
.badge.light-orange{
    --badge-color:var(--Theme-Primary_point);
    --badge-bg: #FFF2DF;
    --badge-border-color: #FFF2DF;
    --badge-icon-color:var(--Theme-Primary_point);
}
.badge.light-gray{
    --badge-color:var(--Basic-Black-90);
    --badge-bg:var(--Basic-Gray);
    --badge-border-color:var(--Basic-Gray);;
    --badge-icon-color:var(--Basic-Black-90);
}
.badge.light-offline{
    --badge-color:var(--Basic-Black-80);
    --badge-bg: var(--Theme-Primary_subtler, #E6F1FD);
    --badge-border-color: var(--Theme-Primary_subtler, #E6F1FD);
    --badge-icon-color:var(--Basic-Black-80);
}
.badge.line-gray{
    --badge-color:var(--Basic-Black-70);
    --badge-bg:#fff;
    --badge-border-color:var(--Theme-Disabled);
    --badge-icon-color:var(--Basic-Black-70);
}
.badge.line-green{
    --badge-color:var(--Badge-Process);
    --badge-bg:#fff;
    --badge-border-color:var(--Badge-Process);
    --badge-icon-color:var(--Badge-Process);
}
.badge.line-orange{
    --badge-color:var(--Badge-Level);
    --badge-bg:#fff;
    --badge-border-color:var(--Badge-Level);
    --badge-icon-color:var(--Badge-Level);
}
.badge.line-purple{
    --badge-color:#6750A4;
    --badge-bg:#fff;
    --badge-border-color:#6750A4;
    --badge-icon-color:#6750A4;
}
.badge.line-primary{
    --badge-color:var(--Theme-Primary);
    --badge-bg:#fff;
    --badge-border-color:var(--Theme-Primary);
    --badge-icon-color:var(--Theme-Primary);
}
.badge.line-primary-sub{
    --badge-color:var(--Theme-Primary_sub);
    --badge-bg:#fff;
    --badge-border-color:var(--Theme-Primary_sub);
    --badge-icon-color:var(--Theme-Primary_sub);
}
.badge.round{
    --badge-radius: 4rem;
    --badge-height: clamp(1.75rem, 1.571rem + 0.476vw, 2rem);
    --badge-font-size:var(--font-size-13);
    --badge-padding:0.6rem;
}
.badge.number{
    --badge-radius: 4rem;
    --badge-font-size:var(--font-size-13);
    --badge-height: 1.2rem;
    --badge-padding:0.4rem;
}
@media screen and (max-width:768px){	
	.badge{ min-width: auto; --badge-font-size: var(--font-size-14);}
    .badge.round{font-size:0.75rem;}

}
/**************************************************
 ■ 아이콘
**************************************************/
[class^="icon-"] {position:relative; display: inline-flex; justify-content: center; align-items: center; vertical-align: middle;}
[class^="icon-"]:before{content:""; display:block; width: var(--icon-width); aspect-ratio: 1; background-color: var(--icon-color); vertical-align: middle; forced-color-adjust: none; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; background-size: contain;  background-repeat: no-repeat;}
.icon-arrow-left:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-arrow-left.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-arrow-left.svg); }
.icon-arrow-right:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-arrow-right.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-arrow-right.svg); }
.icon-attach:before {-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-attach.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-attach.svg);}
.icon-angle-down:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-angle-down.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-angle-down.svg); }
.icon-angle-up:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-angle-up.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-angle-up.svg); }
.icon-angle-left:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-angle-left.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-angle-left.svg); }
.icon-angle-right:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-angle-right.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-angle-right.svg); }
.icon-angle-up-b:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-angle-up-b.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-angle-up-b.svg); }
.icon-angle-down-b:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-angle-down-b.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-angle-down-b.svg); }
.icon-arrow_go:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-arrow_go.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-arrow_go.svg); }
.icon-arrow-right-s:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-arrow-right-s.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-arrow-right-s.svg); }
.icon-bank:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-bank.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-bank.svg); }
.icon-calendar:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-calendar.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-calendar.svg); }
.icon-call:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-call.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-call.svg); }
.icon-chat:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-chat.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-chat.svg); }
.icon-check:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-check.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-check.svg); }
.icon-check-one:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-check-one.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-check-one.svg); }
.icon-close:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-close.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-close.svg); }
.icon-docum:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-docum.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-docum.svg); }
.icon-download:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-download.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-download.svg); }
.icon-download2:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-download2.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-download2.svg); }
.icon-heart:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-heart.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-heart.svg); }
.icon-heart_bold:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-heart_bold.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-heart_bold.svg); }
.icon-home:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-home.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-home.svg); }
.icon-house:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-house.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-house.svg); }
.icon-link:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-link.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-link.svg); }
.icon-search:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-search.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-search.svg); }
.icon-map:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-map.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-map.svg); }
.icon-map-load:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-map-load.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-map-load.svg); }
.icon-plus:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-plus.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-plus.svg); }
.icon-plus_bold:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-plus_bold.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-plus_bold.svg); }
.icon-minus:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-minus.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-minus.svg); }
.icon-sns-youtube:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-sns-youtube.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-sns-youtube.svg); }
.icon-navi-left:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-navi-left.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-navi-left.svg); }
.icon-navi-right:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-navi-right.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-navi-right.svg); }
.icon-pause:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-pause.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-pause.svg); }
.icon-play:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-play.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-play.svg); }
.icon-print:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-print.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-print.svg); }
.icon-reset:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-reset.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-reset.svg); }
.icon-row:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-row.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-row.svg); }
.icon-reset:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-reset.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-reset.svg); }
.icon-user:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-user.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-user.svg); }
.icon-logout:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-logout.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-logout.svg); }
.icon-bars:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-bars.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-bars.svg); }
.icon-setting:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-setting.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-setting.svg); }
.icon-filter:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-filter.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-filter.svg); }
.icon-lock:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-lock.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-lock.svg); }
.icon-corner-right:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-corner-right.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-corner-right.svg); }
.icon-message:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-message.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-message.svg); }
.icon-copy:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-copy.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-copy.svg); }
.icon-edit:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-edit.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-edit.svg); }
.icon-email:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-email.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-email.svg); }
.icon-ellipsis_vertical:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-ellipsis_vertical.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-ellipsis_vertical.svg); }
.icon-ellipsis:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-ellipsis.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-ellipsis.svg); }
.icon-loc-email:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-loc-email.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-loc-email.svg); }
.icon-loc-fax:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-loc-fax.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-loc-fax.svg); }
.icon-loc-map:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-loc-map.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-loc-map.svg); }
.icon-loc-tel:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-loc-tel.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-loc-tel.svg); }
.icon-one-lock:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-one-lock.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-one-lock.svg); }
.icon-one-user:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-one-user.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-one-user.svg); }
.icon-one-shield:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-one-shield.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-one-shield.svg); }
.icon-eye:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-eye.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-eye.svg); }
.icon-eye-off:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-eye-off.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-eye-off.svg); }
.icon-docum-apply:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-docum-apply.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-docum-apply.svg); }
.icon-edit-line:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-edit-line.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-edit-line.svg); }
.icon-info:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-info.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-info.svg); }
.icon-next:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-next.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-next.svg); }
.icon-send:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-send.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-send.svg); }
.icon-type:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-type.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-type.svg); }
.icon-save:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-save.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-save.svg); }
.icon-emergency:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-emergency.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-emergency.svg); }
.icon-network:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-network.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-network.svg); }
.icon-quick-right:before{-webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-quick-right.svg); mask-image: url(/res/home/publish/assets/images/icons/icon-quick-right.svg); }
.icon-board-first:before{-webkit-mask-image: url(/res/home/publish/assets/images/common/board-first.svg); mask-image: url(/res/home/publish/assets/images/common/board-first.svg); }
.icon-board-last:before{-webkit-mask-image: url(/res/home/publish/assets/images/common/board-last.svg); mask-image: url(/res/home/publish/assets/images/common/board-last.svg); }
.icon-board-next:before{-webkit-mask-image: url(/res/home/publish/assets/images/common/board-next.svg); mask-image: url(/res/home/publish/assets/images/common/board-next.svg); }
.icon-board-prev:before{-webkit-mask-image: url(/res/home/publish/assets/images/common/board-prev.svg); mask-image: url(/res/home/publish/assets/images/common/board-prev.svg); }

.icon-qual-step01:before{-webkit-mask-image: url(/res/home/publish/assets/images/content/qual-step01.svg); mask-image: url(/res/home/publish/assets/images/content/qual-step01.svg); }
.icon-qual-step02:before{-webkit-mask-image: url(/res/home/publish/assets/images/content/qual-step02.svg); mask-image: url(/res/home/publish/assets/images/content/qual-step02.svg); }
.icon-qual-step03:before{-webkit-mask-image: url(/res/home/publish/assets/images/content/qual-step03.svg); mask-image: url(/res/home/publish/assets/images/content/qual-step03.svg); }
.icon-qual-step04:before{-webkit-mask-image: url(/res/home/publish/assets/images/content/qual-step04.svg); mask-image: url(/res/home/publish/assets/images/content/qual-step04.svg); }
.icon-qual-step05:before{-webkit-mask-image: url(/res/home/publish/assets/images/content/qual-step05.svg); mask-image: url(/res/home/publish/assets/images/content/qual-step05.svg); }
.icon-qual-step06:before{-webkit-mask-image: url(/res/home/publish/assets/images/content/qual-step06.svg); mask-image: url(/res/home/publish/assets/images/content/qual-step06.svg); }
.icon-qual-step07:before{-webkit-mask-image: url(/res/home/publish/assets/images/content/qual-step07.svg); mask-image: url(/res/home/publish/assets/images/content/qual-step07.svg); }
.icon-qual-step08:before{-webkit-mask-image: url(/res/home/publish/assets/images/content/qual-step08.svg); mask-image: url(/res/home/publish/assets/images/content/qual-step08.svg); }
.icon-job-step01:before{-webkit-mask-image: url(/res/home/publish/assets/images/content/job-step01.svg); mask-image: url(/res/home/publish/assets/images/content/job-step01.svg); }
.icon-job-step02:before{-webkit-mask-image: url(/res/home/publish/assets/images/content/job-step02.svg); mask-image: url(/res/home/publish/assets/images/content/job-step02.svg); }
.icon-job-step03:before{-webkit-mask-image: url(/res/home/publish/assets/images/content/job-step03.svg); mask-image: url(/res/home/publish/assets/images/content/job-step03.svg); }
.icon-job-step04:before{-webkit-mask-image: url(/res/home/publish/assets/images/content/job-step04.svg); mask-image: url(/res/home/publish/assets/images/content/job-step04.svg); }
.icon-job-step05:before{-webkit-mask-image: url(/res/home/publish/assets/images/content/job-step05.svg); mask-image: url(/res/home/publish/assets/images/content/job-step05.svg); }

.icon-clean01:before{-webkit-mask-image: url(/res/home/publish/assets/images/content/clean-icon01.svg); mask-image: url(/res/home/publish/assets/images/content/clean-icon01.svg); }
.icon-clean02:before{-webkit-mask-image: url(/res/home/publish/assets/images/content/clean-icon02.svg); mask-image: url(/res/home/publish/assets/images/content/clean-icon02.svg); }
.icon-clean03:before{-webkit-mask-image: url(/res/home/publish/assets/images/content/clean-icon03.svg); mask-image: url(/res/home/publish/assets/images/content/clean-icon03.svg); }
.icon-clean-step02:before{-webkit-mask-image: url(/res/home/publish/assets/images/content/clean-step02.svg); mask-image: url(/res/home/publish/assets/images/content/clean-step02.svg); }
.icon-clean-step03:before{-webkit-mask-image: url(/res/home/publish/assets/images/content/clean-step03.svg); mask-image: url(/res/home/publish/assets/images/content/clean-step03.svg); }
.icon-clean-step04:before{-webkit-mask-image: url(/res/home/publish/assets/images/content/clean-step04.svg); mask-image: url(/res/home/publish/assets/images/content/clean-step04.png); }
.icon-clean-step05:before{-webkit-mask-image: url(/res/home/publish/assets/images/content/clean-step05.svg); mask-image: url(/res/home/publish/assets/images/content/clean-step05.svg); }
.icon-clean-step06:before{-webkit-mask-image: url(/res/home/publish/assets/images/content/clean-step06.svg); mask-image: url(/res/home/publish/assets/images/content/clean-step06.svg); }

/**************************************************
 ■ 체크박스 / 라디오버튼
**************************************************/
input{appearance: none; -moz-appearance: none; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0;}
input[type="checkbox"]{-webkit-appearance: none;   appearance: none;  vertical-align:middle; display: inline-block; width: 1.125rem; height:1.125rem;  border: 1px solid var(--Theme-Disabled, #D0D5DC); vertical-align:middle; border-radius:0.125rem; background: var(--Theme-Disabled, #D0D5DC) url(/res/home/publish/assets/images/common/ico_check.svg)no-repeat 50% 50%/100%;  }
input[type="checkbox"]:checked{background-color: var(--Theme-Primary_sub, #008DFF); border-color: var(--Theme-Primary_sub, #008DFF);}
input[type="checkbox"]:disabled{background:var(--Basic-Black-50); border-color:var(--Basic-Black-50);}
input[type="checkbox"]:checked:disabled{background-color:var(--Basic-Black-70); border-color:var(--Basic-Black-70);}



.radio-box input[type="radio"]{display:none;}
.radio-box input[type="radio"] + .radio-box__icon{display: inline-flex; align-items: center;  justify-content: center; width: 1.125rem;  height: 1.125rem; border: 1px solid #58616A;  border-radius: 50% !important; background-color:#fff; vertical-align:middle; margin-top: -0.2em; box-sizing: border-box; outline:none;}
.radio-box input[type="radio"]:checked + .radio-box__icon{background:#fff; border-width: 0.25rem; border:1px solid #256EF4;}
.radio-box input[type="radio"]:checked + .radio-box__icon:before{content:""; display: block; width:0.6rem; height:0.6rem; border-radius:50%;  background:#256EF4; flex-shrink: 0;}
.radio-box input[type="radio"]:disabled + .radio-box__icon{background:#CDD1D5;}
.radio-box input[type="radio"]:checked:disabled + .radio-box__icon{background:#58616A; border-width: 0.25rem; border-color:#CDD1D5;}
.radio-box input[type="radio"]:checked:disabled + .radio-box__icon:before{background:#91979d;}

/**************************************************
 ■ 공통요소
**************************************************/
/* 컴포넌트 */
.example-flex{display:flex; flex-wrap: wrap; gap:1rem;}
.example-flex + .example-flex{margin-top:1.5rem;}
.example-flex p{width: 100%;}


/* 탭 */
.tab ul{display:flex; align-items: flex-end; }
.tab ul li{flex:1;}
.tab ul li button{position: relative; width:100%; color: var(--Basic-Black-70, #687581); font-size: var(--font-size-20); font-weight: 700; padding:1rem; border-bottom: 2px solid var(--Basic-Black-40, #ACB8C5); transition: all 0.2s ease-out 0s; }
.tab ul li button:before{content:""; position: absolute; left: 50%; bottom:-2px; width:0; height:0.25rem; background:var(--Theme-Primary); transition:  0.4s ease-out 0s; }
.tab ul li.active button{ color: var(--Basic-Black-90, #282E34); }
.tab ul li.active button:before{left:0; width:100%;}

.tab-mob-frame .tab-mob-btn .tab-toggle{display:none;}

/* 타이틀 */
.bullet_dot{ margin-bottom:1rem; color: var(--Basic-Black-80); font-size: clamp(1.35rem, 1.243rem + 0.286vw, 1.5rem); font-weight: 700; padding-left:1.88rem; background:url('/res/home/publish/assets/images/common/bullet_dot.svg')no-repeat left+0.5rem top+0.4em;}
.bullet_h3{margin-bottom:1.25rem; color: var(--Basic-Black-90, #282E34); font-size: clamp(1.6rem, 1.493rem + 0.286vw, 1.75rem); font-weight: 700; padding-left:1.88rem; background:url('/res/home/publish/assets/images/common/bullet_h3.svg')no-repeat left 0.3em;}
.bullet_dot:not(:first-child){margin-top:clamp(2rem, 1.286rem + 1.905vw, 3rem);}
.bullet_h3:not(:first-child){margin-top:clamp(2.5rem, 1.786rem + 1.905vw, 3.5rem);}
.bullet_h3 + .bullet_dot{margin-top:0;}

.flex-more{display:flex; align-items: center; justify-content: space-between; margin-top:3.5rem; margin-bottom: 1.5rem; flex-wrap: wrap; gap:0.5rem;}
.flex-more > *{margin:0;}
.more{margin-left:auto; color: var(--Basic-Black-70); text-align: right; font-size: var(--font-size-15); font-weight: 700; line-height: 150%; --icon-color:var(--Basic-Black-70); --icon-width:1rem;}

/* 본문 */
.text-pl{padding-left:clamp(0.5rem, -0.486rem + 2.629vw, 1.88rem); color: var(--Basic-Black-90, #282E34); font-size: var(--font-size-17);}
.text-pl .h4{margin-top:2rem; color: var(--Theme-Primary); font-size: var(--font-size-20); font-weight: 700; margin-bottom:0.5rem;}

.bg-box{padding: clamp(1.25rem, 0.982rem + 0.714vw, 1.625rem) clamp(1rem, 0.286rem + 1.905vw, 2rem); border-radius: 0.375rem; background: var(--Theme-Primary_subtler2, #F0F5FA); }
.box-bgline{display: flex; flex-direction: column; gap: 0.5rem; padding: clamp(0.75rem, -0.054rem + 2.143vw, 1.875rem) clamp(0.75rem, -0.143rem + 2.381vw, 2rem);border-radius: 0.375rem; background: #F8F8F8;}
.box-bgline p{display: flex; padding: clamp(0.75rem, 0.571rem + 0.476vw, 1rem) clamp(1rem, 0.643rem + 0.952vw, 1.5rem); align-items: center; gap: 0.5rem; justify-content: space-between; flex-wrap: wrap; border-radius: 0.5rem; border: 1px solid #CDD1D5; background: #FFF; color: var(--Basic-Black-90, #282E34); font-size: var(--font-size-19); font-weight: 700;}
.box-bgline p span{display:inline-flex; gap:0.5rem; align-items: center; color: var(--Basic-Black-70, #687581); font-size: var(--font-size-15); font-weight: 700;}
.box-line{padding: clamp(0.75rem, -0.5rem + 3.333vw, 2.5rem); border-radius: 0.625rem; border: 1px solid var(--Basic-Black-40, #ACB8C5); background: #FFF; text-align:center;}
.box-line-bg{border: 1px solid var(--Basic-Gray, #F2F2F2); background: #FCFCFC;}

.info-txt-normal{font-size:var(--font-size-17); color: var(--Basic-Black-80); line-height:1.5;}
.info-txt-normal + .info-txt-normal{margin-top:0.5rem;}
.indent{text-indent: -0.8em; margin-left:0.8em;}

.text-primary{color:var(--Theme-Primary) !important; --icon-color:var(--Theme-Primary) !important;}
.text-sub{color:var(--Theme-Primary_sub) !important; --icon-color:var(--Theme-Primary_sub) !important;}
.text-point{color:var(--Theme-Primary_point) !important; --icon-color:var(--Theme-Primary_point) !important;}
.text-red{color:#EC221F !important; --icon-color:#EC221F !important;}
.text-green{color:#1E884A !important; --icon-color:#1E884A !important;}
.text-white{color:#fff !important; --icon-color:#fff !important;}
.text-gray10{color:var(--Basic-Black-10) !important; --icon-color:var(--Basic-Black-10) !important;}
.text-gray20{color:var(--Basic-Black-20) !important; --icon-color:var(--Basic-Black-20) !important;}
.text-gray30{color:var(--Basic-Black-30) !important; --icon-color:var(--Basic-Black-30) !important;}
.text-gray40{color:var(--Basic-Black-40) !important; --icon-color:var(--Basic-Black-40) !important;}
.text-gray50{color:var(--Basic-Black-50) !important; --icon-color:var(--Basic-Black-50) !important;}
.text-gray60{color:var(--Basic-Black-60) !important; --icon-color:var(--Basic-Black-60) !important;}
.text-gray70{color:var(--Basic-Black-70) !important; --icon-color:var(--Basic-Black-70) !important;}
.text-gray80{color:var(--Basic-Black-80) !important; --icon-color:var(--Basic-Black-80) !important;}
.text-gray90{color:var(--Basic-Black-90) !important; --icon-color:var(--Basic-Black-90) !important;}
.text-gray100{color:var(--Basic-Black-100) !important; --icon-color:var(--Basic-Black-100) !important;}

.bg-primary{background:var(--Theme-Primary) !important; }
.bg-sub{background:var(--Theme-Primary_sub) !important; }
.bg-point{background:var(--Theme-Primary_point) !important; }
.bg-red{background:#EC221F !important; }
.bg-green{background:#1E884A !important; }
.bg-white{background:#fff !important; }
.bg-gray70{background:var(--Basic-Black-70) !important; }
.bg-subtler{background:var(--Theme-Primary_subtler) !important; }


.dot-ul li{padding-left:1rem; position:relative;}
.dot-ul li:before{content:"•"; position:absolute; left:0px; top:0px; line-height:1; font-size:1.5rem; color: var(--Theme-Primary_sub);}
.dot-ul li ul li:before{color:var(--Theme-Disabled)}
.dot-ul li ul.num-ul li:before{color:#fff;}
.dot-ul li ul,
.dot-ul li + li{margin-top:0.5rem;}

.num-ul li{counter-increment: item; padding-left:1.35rem; position:relative;}
.num-ul li + li{margin-top:0.5rem;}
.num-ul li:before{content:counter(item); position:absolute; left:0px; top:0.2em; display: inline-flex; align-items: center; justify-content: center; color:#fff;  width: 1.125rem; aspect-ratio: 1; border-radius: 50%; background: var(--Basic-Black-70, #687581); text-align:center; font-size: 0.875rem; font-weight: 700; line-height: 1;}
.num-ul.blue li:before{background:var(--Theme-Primary_sub)}

.state{display: inline-flex; width: 1.25rem; justify-content: center; align-items: center; aspect-ratio: 1; border-radius: 50%; vertical-align: text-top;}
.state.state_not{border: 6px solid #e1e3e6; background: #687581;}
.state.state_ing{border: 6px solid #cce8ff; background: #008dff;}
.state.state_end{border: 6px solid #ffe1d5; background: #ff6a2e;}

/* 테이블 */
.table-wrap{overflow-x:auto;}
.table-wrap table{width:100%;border-top: 1px solid #26293D; min-width: 768px; }
.table-wrap table thead th{border-bottom: 1px solid #D5D7DD; background: #F6FAFF; color: var(--Basic-Black-100);
text-align: center; font-size: var(--font-size-18); font-weight: 700; padding:clamp(0.75rem, 0.486rem + 0.705vw, 1.12rem) 0.5rem;}
.table-wrap table tbody td:not(:last-child),
.table-wrap table thead th:not(:last-child){border-right:1px solid #D5D7DD}
.table-wrap table tbody th{border-right: 1px solid #D5D7DD; border-bottom: 1px solid #D5D7DD; background: #F6FAFF; padding:1.12rem 0.88rem; font-size: var(--font-size-18); font-weight: 700;  color: var(--Basic-Black-80)}
.table-wrap table tbody td{padding:clamp(0.75rem, 0.486rem + 0.705vw, 1.12rem) clamp(0.75rem, 0.214rem + 1.429vw, 1.5rem); font-size: var(--font-size-17);  border-bottom: 1px solid #D5D7DD;}
.table-wrap table tbody td a{color:var(--Theme-Primary_point);}

.table-wrap table tbody td[class^="bg"]{padding:0.25rem;}
.table-wrap table tbody td[class^="bg"] p{position: relative; display: flex; justify-content: center; align-items: center; text-align: center; font-size: var(--font-size-15); min-height:2.5rem; color: var(--Basic-Black-100);  text-wrap-style: pretty; padding:0.5rem;}
.table-wrap table tbody td[class^="bg"] p:before{content:""; position: absolute; left:0; top:0; width:100%; height:100%; border-radius: 0.625rem; border: 1px solid transparent; background-origin: border-box; background-clip: content-box, border-box; z-index:-1;}
.table-wrap table tbody td.bg1 p:before{background-image: linear-gradient(#FFF9E8, #FFF9E8), linear-gradient(to right, #FFD668 0%, #FFD668 100%);}
.table-wrap table tbody td.bg1-2 p:before{background-image: linear-gradient(to right, #FFF9E8 0%, #F6FFF3 100%), linear-gradient(to right, #FFD668 0%, #96D143 100%);}
.table-wrap table tbody td.bg2 p:before{background-image: linear-gradient(#F6FFF3, #F6FFF3), linear-gradient(to right, #96D143 0%, #96D143 100%);}
.table-wrap table tbody td.bg2-3 p:before{background-image: linear-gradient(to right, #F6FFF3 0%, #F2F9FF 100%), linear-gradient(to right, #96D143 0%, #8DC6FF 100%);}
.table-wrap table tbody td.bg3 p:before{background-image: linear-gradient(#F2F9FF, #F2F9FF), linear-gradient(to right, #8DC6FF 0%, #8DC6FF 100%);}

.nodata{display: flex; align-items: center; justify-content: center; flex-direction: column; gap:1rem; color: var(--Basic-Black-80); font-size: var(--font-size-15); text-align: center;}
.nodata b{display: block; font-size: var(--font-size-17); font-weight: 700;}
.nodata-row{ display: flex; align-items: center; justify-content: center; gap:1.5rem; color: var(--Basic-Black-80); font-size: var(--font-size-17);}
.nodata-row b{display:block;  font-size: var(--font-size-20); font-weight: 700; }

.select_custom{position: relative; }
.select_custom .btn_select{position: relative; display: flex; width: 11.6875rem; height: 3rem; padding: 0 1rem; align-items: center; color: var(--Basic-Black-80); font-size: 0.9375rem; font-weight: 400; border-radius: 0.375rem; border: 1px solid var(--Basic-Black-40, #ACB8C5); background:#FFF;}
.select_custom .btn_select:after{content:""; position: absolute; right:0.5rem; top:50%; width:1.25rem; aspect-ratio: 1; mask: url('/res/home/publish/assets/images/icons/icon-angle-down.svg')no-repeat 50% 50% / 100%; background: var(--Basic-Black-80); transition: all 0.2s ease-out 0s; margin-top:-0.625rem; }
.select_custom .select_list{display: none; position: absolute; left:0; top:calc(100% + 0.5rem); border-radius: 0.375rem; border: 1px solid var(--Basic-Black-40, #ACB8C5); background:#FFF; padding:0.5rem; z-index: 1; width:100%; color: var(--Basic-Black-80);}
.select_custom .select_list a{padding:0.5rem; display: block; border-radius:0.25rem; }
.select_custom .select_list a:hover{background:var(--Theme-Primary_subtler2);}
.select_custom.current .btn_select:after{transform: rotate(180deg );}


@media screen and (max-width:768px){
    .tab{overflow-x:auto; width:calc(100% + calc(var(--side-padding) * 2)); margin-left:calc(-1 * var(--side-padding)); padding:0 var(--side-padding); mask: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, #000 1.5rem, #000 calc(100% - 1.5rem), rgba(0, 0, 0, 0.00) 100%);}
    .tab ul li button{white-space: nowrap;}
	.tab ul li:last-child{padding-right:var(--side-padding);}

    .nodata-row{flex-direction: column; text-align: center;}

	.tab-mob-frame{position: relative; }
	.tab-mob-frame .tab-mob-btn{position: absolute; right: calc(-1 * var(--side-padding)) ; top: 0; width:3.5rem; height: 100%; min-height: 2.5rem; display: flex; align-items: center;  justify-content: center; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 3.12%, #fff 46.25%); z-index: 2;}
	.tab-mob-frame .tab-mob-btn .tab-toggle{display:block; width: 1.875rem; border: 1px solid #ddd; height: 1.875rem; background: #fff; border-radius: 50%; transition: all 0.2s ease-out 0s;}
	.tab-mob-frame .board__tab li:last-child,
	.tab-mob-frame .tab ul li:last-child{padding-right: 2.5rem;}
	.tab-mob-frame.is-open > .board__tab-frame{overflow-x:hidden; width: 100%; margin-left:0; padding:0; mask:none;}
	.tab-mob-frame.is-open .board__tab{ flex-wrap: wrap; gap:0.25rem; white-space: wrap;}
	.tab-mob-frame.is-open .board__tab li:last-child{padding-right:0;}
	.tab-mob-frame.is-open .tab-mob-btn{height:auto;}
	.tab-mob-frame.is-open .tab-mob-btn .tab-toggle{transform: rotate(180deg );}

	.tab.drop{position: relative; height:3rem; padding:0; padding-top:3rem; width:100%; margin-left:0;  overflow-x:visible; mask:none; z-index:2;}
	.tab.drop ul{display:block;}
	.tab.drop ul li{width:100%; display:none;}
	.tab.drop ul li:last-child{padding-right:0;}
	.tab.drop ul li.active{display:block; position: absolute; left: 0; top: 0; }
	.tab.drop ul li.active button{color:var(--Theme-Primary); font-weight:600; border:1px solid var(--Theme-Primary); border-radius:var(--radius-md);}
	.tab.drop ul li.active button:before{display:none;}
	.tab.drop ul li.active:after{content:""; position:absolute; right:1rem; top:50%; margin-top:-0.5rem; width: 1rem;    aspect-ratio: 1;  -webkit-mask-image: url(/res/home/publish/assets/images/icons/icon-angle-down.svg);    mask-image: url(/res/home/publish/assets/images/icons/icon-angle-down.svg);     background: var(--Theme-Primary);    -webkit-mask-position: center center;   mask-position: center center;     transform: rotate(0deg);     -webkit-transition: all 0.2s ease-out 0s;   transition: all 0.2s ease-out 0s;}
	.tab.drop ul li button{padding:0 1rem; height:3rem; font-size:var(--font-size-15); text-align:left; border:1px solid #ddd; background:#fff; font-weight:400; transition: unset;}
	.tab.drop ul.is-open li.active button{border-radius:var(--radius-md) var(--radius-md) 0 0; }
	.tab.drop ul.is-open li.active:after{transform: rotate(180deg );}
	.tab.drop ul.is-open li{display:block; box-shadow:0 0 0.5rem rgba(0,0,0,0.1);}
	.tab.drop ul.is-open li + li:not(.active) button{border-top:none;}
}

/**************************************************
 ■ 폼
**************************************************/
.form-group-pad{padding:0 clamp(0rem, -1.343rem + 3.581vw, 1.88rem);}
.form-group .row{ --fgap-x: 1.5rem; --fgap-y: 0;  display: flex; flex-wrap: wrap; margin-right: calc(-.5 * var(--fgap-x)); margin-left: calc(-.5 * var(--fgap-x)); gap: 0.5rem 0;}
.form-group .row + .row{margin-top:1.25rem;}
.form-group .row > *{flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--fgap-x) * .5); padding-left: calc(var(--fgap-x) * .5); }
.form-group .col-auto{flex: 0 0 auto; width: auto;}
.form-group .col-1{flex: 0 0 auto; width: 8.33333333%;}
.form-group .col-2{flex: 0 0 auto; width: 16.66666667%;}
.form-group .col-3{flex: 0 0 auto; width: 25%;}
.form-group .col-4{flex: 0 0 auto; width: 33.33333333%;}
.form-group .col-5{flex: 0 0 auto; width: 41.66666667%;}
.form-group .col-6{flex: 0 0 auto; width: 50%;}
.form-group .col-7{flex: 0 0 auto; width: 58.33333333%;}
.form-group .col-8{flex: 0 0 auto; width: 66.66666667%;}
.form-group .col-9{flex: 0 0 auto; width: 75%;}
.form-group .col-10{flex: 0 0 auto; width: 83.33333333%;}
.form-group .col-11{flex: 0 0 auto; width: 91.66666667%;}
.form-group .col-12{flex: 0 0 auto; width: 100%;}
.form-group .col-label{color: var(--Basic-Black-80); font-size: var(--font-size-17); font-weight: 700; }
.form-group .col-center{display:flex; align-items: center;}
.form-group label{display:block;}
.form-group select,
.form-group .input{border-radius: 0.5rem; padding:0 1rem; border: 1px solid #58616A; background-color: #FFF; min-height:clamp(3rem, 2.643rem + 0.952vw, 3.5rem); width: 100%;}
.form-group .common_input[disabled],
.form-group .input[disabled],
.form-group .input[readonly]{background-color: #F1F1F1; border-color:#F1F1F1; color: var(--Basic-Black-80); display: flex;    align-items: center;}
.form-group .input.hasDatepicker{background:#fff url('/res/home/publish/assets/images/icons/icon-calendar-line.svg')no-repeat right 0.5rem top 50%; border: 1px solid #58616A;}
.form-group .common_input{border-radius: 0.5rem; border: 1px solid #58616A; height:clamp(3rem, 2.643rem + 0.952vw, 3.5rem); padding-left:1rem; width: 100%}
.form-group .textarea{border-radius: 0.5rem; border: 1px solid #58616A; padding:1rem;}
.form-group .input:focus{ border-color: var(--Theme-Primary_sub, #008DFF); background-color: var(--Theme-Primary_subtler2, #F0F5FA); }
.form-group .form-sort-double{display:flex; gap:clamp(0.5rem, 0.143rem + 0.952vw, 1rem);}
.form-group .form-sort-double label{flex:1}
.form-group .form-sort-triple__registration .btn,
.form-group .form-sort-double .btn{ --btn-height: clamp(3rem, 2.643rem + 0.952vw, 3.5rem); --btn-font-weight: 400; --btn-border-radius:0.5rem;}
.form-group .form-sort-triple,
.form-group .form-sort-triple__email .flex-box,
.form-group .form-sort-triple__registration .flex-box,
.form-group .form-sort-triple__data .flex-box{display:flex; gap:0.25rem; align-items: center;}
.form-group .form-sort-triple__registration .flex-box,
.form-group .form-sort-triple__registration .flex-box label{flex:1;}
.form-group .form-sort-triple label{flex:1; }
.form-group .form-sort-triple__email,
.form-group .form-sort-triple__registration,
.form-group .form-sort-triple__data{display:flex; gap:clamp(0.5rem, 0.143rem + 0.952vw, 1rem); flex: 1;}
.form-group .input-button{position: relative;}
.form-group .input-button [class^="icon-"]{position: absolute; right:1rem; top:50%; margin-top: -0.75rem; --icon-color:var(--Basic-Black-60); --icon-width:1.5rem;}
.form-group .input-comment{font-size:var(--font-size-14); color:var(--Theme-Primary_point);  --icon-color:var(--Theme-Primary_point); margin-top:0.4rem;}
.form-group .list-double{padding:clamp(1.3rem, 1.068rem + 0.619vw, 1.625rem) clamp(1rem, 0.286rem + 1.905vw, 2rem); border-radius: 0.75rem; background: #F6FAFF; display:flex; gap:0 clamp(1rem, -0.429rem + 3.81vw, 3rem); }
.form-group .list-double li{flex:0 0  clamp(7rem, 6.286rem + 1.905vw, 8rem);}
.form-btn-wrap{display:flex; gap:clamp(0.5rem, 0.143rem + 0.952vw, 1rem); margin-top: clamp(2rem, 1.286rem + 1.905vw, 3rem);}
.form-btn-wrap > *{flex:1; --btn-height: clamp(3rem, 2.464rem + 1.429vw, 3.75rem);}

.list-chk-frame{display: flex; flex-wrap: wrap; justify-content: space-between; gap:0.5rem;}
.list-chk-frame > li{width:100%;}

@media screen and (max-width: 768px) { 
    .form-group .form-sort-triple__registration .btn,
    .form-group .form-sort-double .btn{--btn-width: 5rem;}
    .form-group .form-sort-triple__email,
    .form-group .form-sort-triple__data{flex-wrap:wrap;}
    .form-group .form-sort-triple__email label{width:100%;}
    .form-group .form-sort-triple__data .flex-box{width:100%;}
    .form-group .form-sort-triple__data .flex-box label{flex:1;}
}
@media screen and (min-width: 576px) { 
	.form-group .col-sm-1 {flex: 0 0 auto; width:8.33333333%;}
	.form-group .col-sm-2 {flex: 0 0 auto; width:16.66666667%;}
	.form-group .col-sm-3 {flex: 0 0 auto; width:25%;}
	.form-group .col-sm-4 {flex: 0 0 auto; width:33.33333333%;}
	.form-group .col-sm-5 {flex: 0 0 auto; width:41.66666667%;}
	.form-group .col-sm-6 {flex: 0 0 auto; width:50%;}          
	.form-group .col-sm-7 {flex: 0 0 auto; width:58.33333333%;} 
	.form-group .col-sm-8 {flex: 0 0 auto; width:66.66666667%;} 
	.form-group .col-sm-9 {flex: 0 0 auto; width:75%;}          
	.form-group .col-sm-10 {flex: 0 0 auto; width: 83.33333333%;}
	.form-group .col-sm-11 {flex: 0 0 auto; width: 91.66666667%;}
	.form-group .col-sm-12 {flex: 0 0 auto; width: 100%;}        
}
@media screen and (min-width: 768px) { 
	.form-group .col-md-1 {flex: 0 0 auto; width:8.33333333%;}
	.form-group .col-md-2 {flex: 0 0 auto; width:16.66666667%;}
	.form-group .col-md-3 {flex: 0 0 auto; width:25%;}
	.form-group .col-md-4 {flex: 0 0 auto; width:33.33333333%;}
	.form-group .col-md-5 {flex: 0 0 auto; width:41.66666667%;}
	.form-group .col-md-6 {flex: 0 0 auto; width:50%;}          
	.form-group .col-md-7 {flex: 0 0 auto; width:58.33333333%;} 
	.form-group .col-md-8 {flex: 0 0 auto; width:66.66666667%;} 
	.form-group .col-md-9 {flex: 0 0 auto; width:75%;}          
	.form-group .col-md-10 {flex: 0 0 auto; width: 83.33333333%;}
	.form-group .col-md-11 {flex: 0 0 auto; width: 91.66666667%;}
	.form-group .col-md-12 {flex: 0 0 auto; width: 100%;}        
}
@media screen and (min-width: 1028px) { 
	.form-group .col-lg-1 {flex: 0 0 auto; width:8.33333333%;}
	.form-group .col-lg-2 {flex: 0 0 auto; width:16.66666667%;}
	.form-group .col-lg-3 {flex: 0 0 auto; width:25%;}
	.form-group .col-lg-4 {flex: 0 0 auto; width:33.33333333%;}
	.form-group .col-lg-5 {flex: 0 0 auto; width:41.66666667%;}
	.form-group .col-lg-6 {flex: 0 0 auto; width:50%;}          
	.form-group .col-lg-7 {flex: 0 0 auto; width:58.33333333%;} 
	.form-group .col-lg-8 {flex: 0 0 auto; width:66.66666667%;} 
	.form-group .col-lg-9 {flex: 0 0 auto; width:75%;}          
	.form-group .col-lg-10 {flex: 0 0 auto; width: 83.33333333%;}
	.form-group .col-lg-11 {flex: 0 0 auto; width: 91.66666667%;}
	.form-group .col-lg-12 {flex: 0 0 auto; width: 100%;}    
    
    .list-chk-frame > li{ flex: 1 1 calc(50% - 0.5rem);}
}
@media screen and (min-width: 1200px) { 
	.form-group .col-xl-1 {flex: 0 0 auto; width:8.33333333%;}
	.form-group .col-xl-2 {flex: 0 0 auto; width:16.66666667%;}
	.form-group .col-xl-3 {flex: 0 0 auto; width:25%;}
	.form-group .col-xl-4 {flex: 0 0 auto; width:33.33333333%;}
	.form-group .col-xl-5 {flex: 0 0 auto; width:41.66666667%;}
	.form-group .col-xl-6 {flex: 0 0 auto; width:50%;}          
	.form-group .col-xl-7 {flex: 0 0 auto; width:58.33333333%;} 
	.form-group .col-xl-8 {flex: 0 0 auto; width:66.66666667%;} 
	.form-group .col-xl-9 {flex: 0 0 auto; width:75%;}          
	.form-group .col-xl-10 {flex: 0 0 auto; width: 83.33333333%;}
	.form-group .col-xl-11 {flex: 0 0 auto; width: 91.66666667%;}
	.form-group .col-xl-12 {flex: 0 0 auto; width: 100%;}        
}
@media screen and (min-width: 1440px) { 
	.form-group .col-xxl-1 {flex: 0 0 auto; width:8.33333333%;}
	.form-group .col-xxl-2 {flex: 0 0 auto; width:16.66666667%;}
	.form-group .col-xxl-3 {flex: 0 0 auto; width:25%;}
	.form-group .col-xxl-4 {flex: 0 0 auto; width:33.33333333%;}
	.form-group .col-xxl-5 {flex: 0 0 auto; width:41.66666667%;}
	.form-group .col-xxl-6 {flex: 0 0 auto; width:50%;}          
	.form-group .col-xxl-7 {flex: 0 0 auto; width:58.33333333%;} 
	.form-group .col-xxl-8 {flex: 0 0 auto; width:66.66666667%;} 
	.form-group .col-xxl-9 {flex: 0 0 auto; width:75%;}          
	.form-group .col-xxl-10 {flex: 0 0 auto; width: 83.33333333%;}
	.form-group .col-xxl-11 {flex: 0 0 auto; width: 91.66666667%;}
	.form-group .col-xxl-12 {flex: 0 0 auto; width: 100%;}        
}

/**************************************************
 ■ 팝업 공통
**************************************************/
#pop_layout .dim{position: fixed; left: 0; top:0; width:100%; height:100%; background:#000; opacity: 0; pointer-events: none;  z-index:1000; -webkit-transition: all 0.3s ease-out 0s;  transition: all 0.3s ease-out 0s;}
#pop_layout .dim.show{opacity: 0.5; pointer-events: all;}

.modal-pop{ position:fixed; left:50%; top:60%; width: 28.125rem; padding: 2.5rem 3.5rem; translate: -50% -50%;  border-radius: 0.625rem; border: 2px solid var(--modal-color); background: #FFF; z-index:1001; opacity: 0; pointer-events: none; --modal-color:var(--Theme-Primary_sub); -webkit-transition: all 0.3s ease-out 0.1s;  transition: all 0.3s ease-out 0.1s;}
.modal-pop .modal-close-btn{position: absolute; right:-1.5rem; top:-1.5rem; display: inline-flex; padding:0.625rem; border-radius:50%; backdrop-filter: blur(2px); background:rgba(255,255,255,0.2);}
.modal-pop .modal-close-btn i{display: flex; width: 2.25rem; justify-content: center; align-items: center; aspect-ratio: 1/1; background:var(--modal-color) ; border-radius:50%;  --icon-color:#fff;}
.modal-pop .modal-head{color: var(--Basic-Black-90, #282E34); font-size: var(--font-size-28); font-weight: 700; padding-right: 3rem;  padding-bottom:1.5rem; border-bottom:0.125rem solid var(--modal-color); background:url('/res/home/publish/assets/images/common/popup_head.webp')no-repeat right top;}
.modal-pop .modal-body{padding:clamp(1.5rem, 0.786rem + 1.905vw, 2.5rem) 0; color: var(--Basic-Black-90, #282E34); font-size: var(--font-size-20); font-weight: 700; text-align: center; overflow-y: auto; max-height:70vh;}
.modal-pop .modal-body p + .bg-box{margin-top:1.5rem;}
.modal-pop .modal-body .bg-box{background: #F7F7F7; padding:clamp(1rem, 0.286rem + 1.905vw, 2rem) 1rem; text-align:center; font-size: var(--font-size-19); font-weight: 400; color: var(--Basic-Black-100); }
.modal-pop .modal-body .al{font-size:var(--font-size-17); font-weight:400; }
.modal-pop .modal-body .al b{display:block; margin-top:1rem; font-size:var(--font-size-20); font-weight: 700;}
.modal-pop .modal-btn{display:flex; gap:0.5rem;}
.modal-pop .modal-btn button{flex:1; --btn-height: 3.625rem; --btn-font-size: var(--font-size-17);}
.modal-pop:has(.modal-btn:empty) .modal-body{padding-bottom:0;}
.modal-pop.show{top:50%; opacity: 1; pointer-events: all; }
.modal-pop.show:focus{box-shadow:none;}

.modal-pop.primary{--modal-color:var(--Theme-Primary); }
.modal-pop .modal-head.login{background-image:url('/res/home/publish/assets/images/common/popup_head_login.webp')}
.modal-pop .modal-head.not{background-image:url('/res/home/publish/assets/images/common/popup_head_not.webp')}
.modal-pop .modal-head.find{background-image:url('/res/home/publish/assets/images/common/popup_head_find.webp')}
.modal-pop .modal-head.edu{background-image:url('/res/home/publish/assets/images/common/popup_head_edu.webp')}
.modal-pop .modal-head.apply{background-image:url('/res/home/publish/assets/images/common/popup_head_apply.webp')}
.modal-pop .modal-head.stats{background-image:url('/res/home/publish/assets/images/common/popup_head_stats.webp')}

.map-popup{position:fixed; left:50%; top:60%; width: 48.75rem; translate: -50% -50%; z-index:1001; opacity: 0; pointer-events: none; -webkit-transition: all 0.3s ease-out 0.1s;  transition: all 0.3s ease-out 0.1s;}
.map-popup .map-close-btn{position: absolute; right:-1.5rem; top:-1.5rem; display: inline-flex; padding:0.625rem; border-radius:50%; backdrop-filter: blur(2px); background:rgba(255,255,255,0.2); z-index: 1;}
.map-popup .map-close-btn i{display: flex; width: 2.25rem; justify-content: center; align-items: center; aspect-ratio: 1/1; background: var(--Theme-Primary_sub, #008DFF); border-radius:50%;  --icon-color:#fff;}
.map-popup .map-pop-head{position: absolute;left: 0; top:0; width:100%; z-index:1; padding:clamp(1rem, 0.643rem + 0.952vw, 1.5rem) clamp(1rem, -0.786rem + 4.762vw, 3.5rem) 0.5rem; }
.map-popup .map-pop-head:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 80%;  border-radius: 1.25rem 1.25rem 0 0;   background: var(--Theme-Primary); z-index: -1; clip-path: polygon(100% 0%, 100% 100%, calc(100% - 5rem) 40%, 5rem 40%, 0 100%, 0 0);}
.map-popup .map-pop-head dl{display: flex; padding: 1rem clamp(1rem, 0.643rem + 0.952vw, 1.5rem); flex-direction: column; gap: 0.5rem; border-radius: 0.625rem; border: 2px solid #0D8EFF; background: var(--Basic-white, #FFF); text-align: center;}
.map-popup .map-pop-head dt{color: var(--Theme-Primary); font-size: var(--font-size-15); font-weight: 700; padding-bottom: 0.5rem; border-bottom: 1px solid var(--Theme-Disabled, #D0D5DC); --icon-color:var(--Theme-Primary);}
.map-popup .map-pop-head dd{color: var(--Basic-Black-90, #282E34); font-size: var(--font-size-17); font-weight: 700; line-height: 150%; }
.map-popup .map-pop-body{border-radius:1.25rem 1.25rem 0.625rem 0.625rem; overflow: hidden; padding-top: 4rem;; }
.map-popup .map-pop-body img{width:100%;}
.map-popup.show{top:50%; opacity: 1; pointer-events: all; }

#layer_pop.modal-pop,
#infoLayerPopup{width:56rem;}
#layer_pop.modal-pop .modal-body{padding:1.5rem 0 0;}
#layer_pop .modal-filter-box{border-radius: 0.75rem; padding:1rem; background: var(--Theme-Primary_subtler, #E6F1FD); margin-bottom: 1.5rem;}
#layer_pop .modal-filter-box .modal-ilter-item{display:flex; gap:1rem 2rem; align-items: center}
#layer_pop .modal-filter-box .select-box{display:flex; gap:0.5rem; flex: 1;}
#layer_pop .modal-filter-box .select-box select,
#layer_pop .modal-filter-box .select-box input{height:clamp(3rem, 2.643rem + 0.952vw, 3.5rem); border-radius: 0.5rem;;}
#layer_pop .modal-filter-box .select-box .btn{--btn-height: clamp(3rem, 2.643rem + 0.952vw, 3.5rem); --btn-border-radius: 0.5rem;}
#layer_pop .modal-list-box {max-height:20.5rem; overflow-y:auto; overflow-x: hidden;}
#layer_pop .search-list-top{margin-bottom:0.5rem; position: sticky; background: #fff; top: -1px; z-index: 1; padding:0.5rem 0;}
#layer_pop .modal-comment{display:flex; justify-content: space-between; font-weight: 400; font-size: var(--font-size-16); text-align: left; margin-bottom: 1rem;}

.infoDetail-text{display:flex; gap:1.25rem;  }
.infoDetail-text li{width:calc((100% - 1.25rem) / 2); border-radius: 0.625rem; border: 1px solid #DDD; background: var(--Basic-white, #FFF); padding: 1.25rem; color: var(--Basic-Black-90, #282E34); font-size: 0.9375rem; font-weight: 400; text-align: left;}
.infoDetail-text li b{position: relative; display:flex; gap:0.38rem; border-bottom:1px dotted #99A2AA; color: var(--Theme-Primary); font-size: 1.0625rem; font-weight: 700; padding-bottom:0.63rem; margin-bottom: 0.63rem; }
.infoDetail-text li b::before{content:"•"; color: var(--Theme-Primary_sub, #008DFF); font-size: 1.5rem; font-weight: 400; line-height: 1;}

.btn_star_obj { display: flex; align-items: center; justify-content: center; gap: 0.25rem; height:2.5rem; vertical-align: text-bottom; position: relative; z-index: 1;}
.btn_star_obj .btn_box{display: inline-flex; height: 100%; aspect-ratio: 1;}
.btn_star_obj .btn_box .s_btn{width:100%; font-size:0; line-height: 0; background: url('/res/home/publish/assets/images/content/btn_star.svg')no-repeat 50% 50% / 100%;}
.btn_star_obj .btn_box .s_btn.current{background-image:url('/res/home/publish/assets/images/content/btn_star_on.svg')}
@media screen and (max-width:1024px){ 
	.map-popup{width: 80vw;}
	.modal-pop{width: 80vw; padding:clamp(1.5rem, 1.143rem + 0.952vw, 2rem) 1rem clamp(1rem, 0.286rem + 1.905vw, 2rem);}
	.modal-pop .modal-body{font-size:var(--font-size-18);}
	.modal-pop .modal-body .bg-box{font-size:var(--font-size-16);}

    #layer_pop.modal-pop,
    #infoLayerPopup{width:90vw;}
    .infoDetail-text{gap:1rem;  flex-wrap:wrap;}
    .infoDetail-text li{width:100%;}
   
}
@media screen and (max-width:768px){ 
    #layer_pop .modal-filter-box .modal-ilter-item{flex-direction: column; align-items: flex-start;}
    #layer_pop .modal-filter-box .select-box .btn{--btn-width: 4.5rem;}
    #layer_pop .modal-filter-box .select-box{width:100%;}
}


/* datepicker Style */
.ui-datepicker { width: 310px; padding: 0; display: none; border: 0; margin-top: 10px;  }
.ui-widget.ui-widget-content {  width: 310px; border: 0.1rem solid #c6c6c6; border-radius: 0.8rem; padding:0; overflow: hidden; background: #fff; box-shadow: 0 0 8px rgba(0,0,0,0.03); z-index:99 !important;}
.ui-datepicker .ui-widget-header,
.ui-datepicker .ui-datepicker-header { position: relative; padding: 15px 0 !important; border: 0; background: #edf1f5; color: #555; border-radius: 0; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 70px; height: 26px; line-height: 26px; background: rgba(0,0,0,0.15) url(/res/home/publish/assets/images/icons/ico_arrow_dropdown.svg) 100% -27px no-repeat; margin: 0 4px; padding: 0 6px; border: 0; border-radius: 3px; color: #fff; font-size: 13px; font-weight: bold; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; /* 화살표 없애기 */ }
.ui-datepicker select::-ms-expand {display: none;}
.ui-datepicker .ui-datepicker-title { margin: 0 0 !important;  display:flex; gap:4px;     justify-content: center; line-height: 2em; text-align: center; margin: 0px 2.3em; font-size:16px; font-weight:bold; letter-spacing:0; }
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year{width:80px !important; font-size:16px !important; color:#000; font-weight:500; background:url(/res/home/publish/assets/images/icons/icon-angle-down.svg) 98% 50% no-repeat; background-size:1em; }
.ui-datepicker select.ui-datepicker-month:hover,
 .ui-datepicker select.ui-datepicker-year:hover{background-color:transparent;}
.ui-datepicker .ui-datepicker-calendar { position: relative; width: 260px; padding-top: 100px; margin: 0 auto; }
.ui-datepicker-calendar thead th {color:#000; font-size:15px; font-weight:500; text-align:center; padding:.7em 0.5em; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { position: absolute; top: 10px  !important; width: 2em  !important; height: 2em  !important;  text-indent: -9999px; cursor: pointer }
.ui-datepicker .ui-icon{top: 0 !important; left:0 !important; margin:0 !important;  width: 100%  !important; height: 100%  !important; }
.ui-datepicker .ui-datepicker-prev { left: 10px  !important; }
.ui-datepicker .ui-datepicker-prev.ui-state-hover { background: rgba(0,0,0,0.1); border: 0; }
.ui-datepicker .ui-datepicker-prev .ui-icon { background: url(/res/home/publish/assets/images/icons/ico_arrow-drop-up.svg) 50% 50% no-repeat; background-size:80%; transform: rotate(-90deg );}
.ui-datepicker .ui-datepicker-next { right: 10px  !important; }
.ui-datepicker .ui-datepicker-next.ui-state-hover { background: rgba(0,0,0,0.1); border: 0; }
.ui-datepicker .ui-datepicker-next .ui-icon { background: url(/res/home/publish/assets/images/icons/ico_arrow-drop-up.svg) 50% 50% no-repeat; background-size:80%; transform: rotate(90deg );}
.ui-datepicker .ui-state-default { display: block; border: 0; border-radius: 4px; width:40px; line-height: 38px; padding: 0; margin: 1px auto; font-size: 14px; text-align: center; background: #fff !important; border:none !important; font-weight: normal; color: #333; box-sizing: border-box; }
.ui-datepicker .ui-state-default.ui-state-hover { background: rgba(0,0,0,0.05); }
.ui-datepicker-today .ui-state-default { color: #256ef4; font-weight: bold; }
.ui-datepicker-current-day .ui-state-default { background: #256ef4 !important; color: #fff  !important; font-weight: bold; }
.ui-datepicker .ui-state-default:hover{background:#ebf4f8  !important;}
.ui-datepicker-buttonpane { overflow: hidden; border-top: 1px solid #e4e4e4 !important; }
.ui-datepicker-buttonpane button.ui-state-default{    display: inline-flex; align-items: center; justify-content: center;  margin:.7em 0.5em !important; gap: 0.4rem; width: auto;  
    background-color: #246BEB  !important;  border: 0.1rem solid #246BEB  !important; color: #fff; font-weight: 500; line-height: 1; cursor: pointer;
    white-space: nowrap;  height: 4rem;  padding: 0 1.2rem; border-radius: .6rem; font-size: 1.7rem; transition: 0.4s ease-in-out;}
.ui-datepicker-buttonpane button.ui-state-default:hover{background-color: #1D56BC  !important; border-color: #1D56BC  !important;}
.ui-datepicker-buttonpane button[data-handler="today"] {background-color: #fff  !important; border: 0.1rem solid #000b17  !important;  color: #000b17  !important;}
.ui-datepicker-buttonpane button[data-handler="today"]:hover{background-color: #f8f8f8  !important; border-color: #000b17  !important; } 
.ui-datepicker-buttonpane button[data-handler="hide"] { }

/* ie add Style */
.ui-datepicker td, .ui-datepicker th { border: 0 }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; cursor: pointer; width: auto; margin: 0.5em 0.2em 0.4em; padding: 0.2em 0.6em 0.3em; overflow: visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-corner-all { border-radius: 3px; }
.ui-icon { display: block; width: 16px; height: 16px; }

/* mobile Responsive */
 @media screen and (max-width:480px) {
.ui-datepicker { width: 270px !important; left: 50% !important; margin-left: -135px !important; }
}


/**************************************************
 ■ 프린트
**************************************************/
@media print {
    #header .header-top, #header #gnb, #header .header-actions, footer, .banner-list, .side-quickArea, .side-navigation { display: none !important;}
    * { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; }
    body {background: none !important; color: #000 !important; font-size: 12pt; line-height: 1.5; padding:0; margin:0;}
    table, img {page-break-inside: avoid; }
    .table-wrap{overflow: visible;}
    .table-wrap table{min-width: auto;}
    .mCSB_horizontal.mCSB_outside > .mCSB_container{width:100% !important}
    .tab ul li button{padding:1rem 0.25rem;}

    .bullet_dot:not(:first-child){margin-top:2rem;}
    .bullet_h3:not(:first-child){margin-top:2.5rem;}
}