@charset "UTF-8";

:root {
	--tpl-font-family-base:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;	
}

body, input, textarea, select, button, table {font-family:var(--tpl-font-family-base);}

@font-face {
	font-family:"Pretendard";
	font-style:normal;
	font-weight:100;
	src:url(https://public.univjob.co.kr/fonts/pretendard/Pretendard-Thin.woff2) format("woff2"),url(../fonts/pretendard/Pretendard-Thin.woff) format("woff")
}

@font-face {
	font-family:"Pretendard";
	font-style:normal;
	font-weight:200;
	src:url(https://public.univjob.co.kr/fonts/pretendard/Pretendard-ExtraLight.woff2) format("woff2"),url(../fonts/pretendard/Pretendard-ExtraLight.woff) format("woff")
}

@font-face {
	font-family:"Pretendard";
	font-style:normal;
	font-weight:300;
	src:url(https://public.univjob.co.kr/fonts/pretendard/Pretendard-Light.woff2) format("woff2"),url(../fonts/pretendard/Pretendard-Light.woff) format("woff")
}

@font-face {
	font-family:"Pretendard";
	font-style:normal;
	font-weight:400;
	src:url(https://public.univjob.co.kr/fonts/pretendard/Pretendard-Regular.woff2) format("woff2"),url(../fonts/pretendard/Pretendard-Regular.woff) format("woff")
}

@font-face {
	font-family:"Pretendard";
	font-style:normal;
	font-weight:500;
	src:url(https://public.univjob.co.kr/fonts/pretendard/Pretendard-Medium.woff2) format("woff2"),url(../fonts/pretendard/Pretendard-Medium.woff) format("woff")
}

@font-face {
	font-family:"Pretendard";
	font-style:normal;
	font-weight:600;
	src:url(https://public.univjob.co.kr/fonts/pretendard/Pretendard-SemiBold.woff2) format("woff2"),url(../fonts/pretendard/Pretendard-SemiBold.woff) format("woff")
}

@font-face {
	font-family:"Pretendard";
	font-style:normal;
	font-weight:700;
	src:url(https://public.univjob.co.kr/fonts/pretendard/Pretendard-Bold.woff2) format("woff2"),url(../fonts/pretendard/Pretendard-Bold.woff) format("woff")
}

@font-face {
	font-family:"Pretendard";
	font-style:normal;
	font-weight:800;
	src:url(https://public.univjob.co.kr/fonts/pretendard/Pretendard-ExtraBold.woff2) format("woff2"),url(../fonts/pretendard/Pretendard-ExtraBold.woff) format("woff")
}

@font-face {
	font-family:"Pretendard";
	font-style:normal;
	font-weight:900;
	src:url(https://public.univjob.co.kr/fonts/pretendard/Pretendard-Black.woff2) format("woff2"),url(../fonts/pretendard/Pretendard-Black.woff) format("woff")
}

:root {
--tpl-font-size-12:0.75rem;
--tpl-font-size-13:0.8125rem;
--tpl-font-size-14:0.875rem;
--tpl-font-size-15:0.9375rem;
--tpl-font-size-16:1rem;
--tpl-font-size-17:1.063rem;
--tpl-font-size-18:1.125rem;
--tpl-font-size-20:1.25rem;
--tpl-font-size-22:1.375rem;
--tpl-font-size-26:1.625rem;
--tpl-font-size-32:2rem;

--tpl-font-weight-100: 100;
--tpl-font-weight-200: 200;
--tpl-font-weight-300: 300;
--tpl-font-weight-400: 400;
--tpl-font-weight-500: 500;
--tpl-font-weight-600: 600;
--tpl-font-weight-700: 700;
--tpl-font-weight-800: 800;
--tpl-font-weight-900: 900;

--tpl-bg-color-10:#6EC207;
--tpl-bg-color-20:#434159;
--tpl-bg-color-30:#7e838b;
--tpl-bg-color-40:#fff;
--tpl-bg-color-50:#6cc460;
--tpl-bg-color-60:#d8d8d8;
--tpl-bg-color-70:#f0f0f0;
--tpl-bg-color-80:#e6e6e6;
--tpl-bg-color-90:#ff5521;
--tpl-bg-color-100:#d9d9d9;
--tpl-bg-color-110:#fbfbfb;
--tpl-bg-color-120:#f1faf9;
--tpl-bg-color-130:#f8f8f8;
--tpl-bg-color-140:#63b738;
--tpl-bg-color-150:#fb7099;
--tpl-bg-color-160:#fedb47;
--tpl-bg-color-170:#f7f7f7;
--tpl-bg-color-180:#555;
--tpl-bg-color-190:#f6f8fa;
--tpl-bg-color-200:#9192a8;
--tpl-bg-color-210:#d6d6d6;
--tpl-bg-color-220:#f1f1fb;
--tpl-bg-color-230:#f9f9fd;
--tpl-bg-color-240:#eaeaf9;
--tpl-bg-color-250:#fcfcfc;
--tpl-bg-color-260:#ff9600;
--tpl-bg-color-270:#ababab;
--tpl-bg-color-280:#8143fa;
--tpl-bg-color-290:#ff0000;

--tpl-bd-color-10:#6EC207;
--tpl-bd-color-20:#ddd;
--tpl-bd-color-30:#d4d4d4;
--tpl-bd-color-40:#fff;
--tpl-bd-color-50:#26b100;
--tpl-bd-color-60:#e3e3e3;
--tpl-bd-color-70:#78cb6c;
--tpl-bd-color-80:#cdcdcd;
--tpl-bd-color-90:#ddd;
--tpl-bd-color-100:#e9e9e9;
--tpl-bd-color-110:#333;
--tpl-bd-color-120:#ff7b5a;
--tpl-bd-color-130:#f76b87;
--tpl-bd-color-140:#d9ebe9;
--tpl-bd-color-150:#e3e3e3;
--tpl-bd-color-160:#64a5ff;
--tpl-bd-color-170:#ababab;
--tpl-bd-color-180:#63b738;
--tpl-bd-color-190:#d3d3d3;
--tpl-bd-color-200:#8143fa;
--tpl-bd-color-210:#e4e4e4;
--tpl-bd-color-220:#7e838b;
--tpl-bd-color-230:#5386fa;
--tpl-bd-color-240:#f67a94;
--tpl-bd-color-250:#e6e6e6;
--tpl-bd-color-260:#f1f1fb;
--tpl-bd-color-270:#ff9600;
--tpl-bd-color-280:#efefef;

--tpl-font-color-10:#fff;
--tpl-font-color-20:#555;
--tpl-font-color-30:#888;
--tpl-font-color-40:#222;
--tpl-font-color-50:#333;
--tpl-font-color-60:#f95674;
--tpl-font-color-70:#01a57f;
--tpl-font-color-80:#ff404e;
--tpl-font-color-90:#3399ff;
--tpl-font-color-100:#ccc;
--tpl-font-color-110:#8143fa;
--tpl-font-color-120:#9192a8;
--tpl-font-color-130:#434159;
--tpl-font-color-140:#5386fa;
--tpl-font-color-150:#f67a94;
--tpl-font-color-160:#26b100;
--tpl-font-color-170:#555;
--tpl-font-color-180:#ff9600;
}

#wrap .tpl-hide {display:none;}

/* button */
.tpl-btn-round-1 {display:inline-block; font-size:var(--tpl-font-size-18); font-weight:var(--tpl-font-weight-500); padding:0.4375rem 1.875rem; border:0.1875rem solid var(--tpl-bd-color-10); background-color:var(--tpl-bg-color-10); border-radius:3.125rem; width:min-content; white-space:nowrap; line-height:1.5;}
.tpl-btn-round-1 span {color:var(--tpl-font-color-10);}
.tpl-btn-round-2 {display:inline-block; font-size:var(--tpl-font-size-18); font-weight:var(--tpl-font-weight-500); padding:0.8125rem 2.5rem; background-color:var(--tpl-bg-color-20); border-radius:0.3125rem; white-space:nowrap; text-align:center; line-height:1.5;}
.tpl-btn-round-2 span {color:var(--tpl-font-color-10);}
.tpl-btn-round-3 {display:inline-block; font-size:var(--tpl-font-size-14); font-weight:var(--tpl-font-weight-500); padding:0.625rem 1.0625rem; background-color:var(--tpl-bg-color-30); border-radius:0.3125rem; white-space:nowrap; line-height:1.5;}
.tpl-btn-round-3 span {color:var(--tpl-font-color-10);}

.tpl-btn-round-4 {display:inline-block; font-size:var(--tpl-font-size-15); font-weight:var(--tpl-font-weight-500); padding:0.6875rem 1.0625rem; border:1px solid var(--tpl-bd-color-90); border-radius:0.3125rem; background-color:var(--tpl-bg-color-40); white-space:nowrap; text-align:center; line-height:1.5;}
.tpl-btn-round-4 span {color:var(--tpl-font-color-20);}
.tpl-btn-round-5 {position:relative; display:inline-block; font-size:var(--tpl-font-size-26); font-weight:var(--tpl-font-weight-600); padding:0.75rem 1.0625rem 0.75rem 1.0625rem; border-radius:0.625rem; background-image:linear-gradient(to right, var(--tpl-bg-color-150), var(--tpl-bg-color-160)); white-space:nowrap; text-align:center; line-height:1.5; z-index:1;}
.tpl-btn-round-5 span {color:var(--tpl-font-color-10);}
.tpl-btn-round-5:before {content:""; position:absolute; width:0; height:100%; top:0; right:0; background-color:var(--tpl-bg-color-150); transition:all 0.2s ease; border-radius:0.625rem; z-index:-1;}
.tpl-btn-round-5:hover:before {left:0; width:100%;}
.tpl-btn-round-6 {position:relative; display:inline-block; font-size:var(--tpl-font-size-14); color:var(--tpl-font-color-10); padding:0.4375rem 1.125rem 0.4375rem 2.1875rem; height:2rem; border-radius:1.875rem; background-color:var(--tpl-bg-color-200); white-space:nowrap;}
.tpl-btn-round-6:before,
.tpl-btn-round-6:after {content:""; position:absolute;}
.tpl-btn-round-6:before {left:0.3125rem; top:0.3125rem; width:1.375rem; height:1.375rem; background-color:var(--tpl-bg-color-40); border-radius:100%;}
.tpl-btn-round-6:after {content:"?"; left:0.75rem; top:0.5rem; font-size:var(--tpl-font-size-15); color:var(--tpl-font-color-120); font-weight:var(--tpl-font-weight-700);}
.tpl-btn-round-6.active {background-color:var(--tpl-bg-color-180);}
.tpl-btn-round-6.active:after {color:var(--tpl-font-color-20);}
.tpl-btn-round-7 {display:inline-block; font-size:var(--tpl-font-size-18); font-weight:var(--tpl-font-weight-500); padding:0.75rem 2.5rem; background-color:var(--tpl-bg-color-40); border:1px solid var(--tpl-bd-color-220); border-radius:0.3125rem; white-space:nowrap; text-align:center; line-height:1.5;}
.tpl-btn-round-7 span {color:var(--tpl-font-color-130);}
.tpl-btn-round-8 {display:inline-block; font-size:var(--tpl-font-size-14); font-weight:var(--tpl-font-weight-500); padding:0.5625rem 1.0625rem; border:1px solid var(--tpl-bd-color-50); border-radius:0.3125rem; background-color:var(--tpl-bg-color-40); white-space:nowrap; text-align:center; line-height:1.5;}
.tpl-btn-round-8 span {color:var(--tpl-font-color-160);}
.tpl-btn-round-9 {display:inline-block; font-size:var(--tpl-font-size-14); font-weight:var(--tpl-font-weight-500); padding:0.5625rem 1.0625rem; border:1px solid var(--tpl-bd-color-170); border-radius:0.3125rem; background-color:var(--tpl-bg-color-40); white-space:nowrap; text-align:center; line-height:1.5;}
.tpl-btn-round-9 span {color:var(--tpl-font-color-170);}
.tpl-btn-round-10 {display:inline-block; font-size:var(--tpl-font-size-14); font-weight:var(--tpl-font-weight-500); padding:0.5rem 1.0625rem; border:1px solid var(--tpl-bd-color-270); background-color:var(--tpl-bd-color-40); border-radius:0.3125rem; white-space:nowrap;}
.tpl-btn-round-10 span {color:var(--tpl-font-color-180);}
.tpl-btn-round-10 .tpl-icon-add-1:before,
.tpl-btn-round-10 .tpl-icon-add-1:after {background-color:var(--tpl-bg-color-260);}
.tpl-btn-round-10.add label {display:block; width:100%; height:100%; padding:0.6875rem 1.0625rem 0.625rem 1.0625rem;}
.tpl-btn-round-11 {display:inline-block; font-size:var(--tpl-font-size-14); font-weight:var(--tpl-font-weight-500); padding:0.375rem 1.0625rem; border: 1px solid var(--tpl-bd-color-170); background-color:var(--tpl-bd-color-40); border-radius:0.3125rem; white-space:nowrap; line-height:1.5;}
.tpl-btn-round-11 span {color:var(--tpl-font-color-170);}
.tpl-btn-round-11 .tpl-icon-del-1:before,
.tpl-btn-round-11 .tpl-icon-del-1:after {background-color:var(--tpl-bg-color-180);}

.tpl-btn-memo-1 {display:inline-block; width:2.25rem; height:2.0625rem; background-image:url("/images/template/tpl_btn_memo.svg"); background-repeat:no-repeat; background-size:contain;}
.tpl-btn-memo-1.on {background-image:url("/images/template/tpl_btn_memo_on.svg");}

.tpl-btn-rect-1 {display:inline-block; font-size:var(--tpl-font-size-13); color:var(--tpl-font-color-10); font-weight:var(--tpl-font-weight-500); background-color:var(--tpl-bg-color-30); padding:0.4375rem 1.0625rem; line-height:1.2;}
.tpl-btn-rect-2 {display:inline-block; font-size:var(--tpl-font-size-13); color:var(--tpl-font-color-20); font-weight:var(--tpl-font-weight-500); border:1px solid var(--tpl-bd-color-20); background-color:var(--tpl-bg-color-40); padding:0.375rem 0.9375rem; line-height:1.2; white-space:nowrap;}
.tpl-btn-rect-3 {display:inline-block; font-size:var(--tpl-font-size-15); color:var(--tpl-font-color-20); font-weight:var(--tpl-font-weight-600); width:100%; background-color:var(--tpl-bg-color-190); padding:0.5625rem 0.9375rem; line-height:1.2;}
.tpl-icon-add-2 {position:relative; margin-right:0.875rem;}
.tpl-icon-add-2:before,
.tpl-icon-add-2:after {content:""; position:absolute; left:0; top:50%; background-color:var(--tpl-bg-color-180); transition:all .5s ease-in-out;}
.tpl-icon-add-2:before {width:0.75rem; height:0.125rem; margin:-0.0625rem 0 0 -0.375rem;}
.tpl-icon-add-2:after {width:0.125rem; height:0.75rem; margin:-0.375rem 0 0 -0.0625rem; opacity:100;}
.tpl-btn-rect-3.active .tpl-icon-add-2:after {opacity:0; transform:rotate(180deg);}
.tpl-btn-rect-4 {display:inline-block; width:0.875rem; height:0.875rem; background-image:url("/images/template/tpl_btn_delete_1.svg"); background-repeat:no-repeat; background-size:auto;}

.tpl-view-content-wrap {width:100%;}
.tpl-btn-text-1 {font-size:var(--tpl-font-size-15); color:var(--tpl-font-color-20);}
.tpl-btn-text-1 .arrow {display:inline-block; width:0.6875rem; height:0.4375rem; margin:0 0 0.0625rem 0.3125rem; background-image:url("/images/template/tpl_up_down_1.svg"); background-repeat:no-repeat; background-size:contain; transition:transform 0.3s ease;}
.tpl-view-content {display:none; padding:0.9375rem 0.3125rem 0.9375rem 0.9375rem; border:1px solid var(--tpl-bd-color-60); border-radius:0.3125rem; background-color:var(--tpl-bg-color-40);}
.tpl-view-content:hover {border-color:var(--tpl-bd-color-70);}
.tpl-view-content.active {display:block;}
.tpl-view-content .inner {overflow-x:hidden; max-height:9.375rem; padding:0.3125rem 0.625rem 0.3125rem 0.3125rem;}
.tpl-view-content .inner::-webkit-scrollbar {width:0.3125rem}
.tpl-view-content .inner::-webkit-scrollbar-thumb {background-color: #d3d3d3; border-radius:0.625rem; background-clip:padding-box;}
.tpl-view-content .inner::-webkit-scrollbar-track {background-color: #fff; border-radius:0.625rem;}

.tpl-btn-text-2 {font-size:var(--tpl-font-size-16);}
.tpl-btn-text-2 span {color:var(--tpl-font-color-10);}
.tpl-btn-text-2 .arrow {display:inline-block; width:0.5rem; height:0.875rem; margin:0 0 -0.0625rem 0.3125rem; background-image:url("/images/template/tpl_icon_arrow_1.png"); background-repeat:no-repeat; background-size:contain;}

.tpl-icon-add-1,
.tpl-icon-del-1 {position:relative; margin-right:0.5625rem;}
.tpl-icon-add-1:before,
.tpl-icon-add-1:after,
.tpl-icon-del-1:before {content:""; position:absolute; left:0; top:50%; background-color:var(--tpl-bg-color-40);}
.tpl-icon-add-1:before {width:0.5rem; height:0.125rem; margin:-0.0625rem 0 0 -0.25rem;}
.tpl-icon-add-1:after {width:0.125rem; height:0.5rem; margin:-0.25rem 0 0 -0.0625rem;}
.tpl-icon-del-1:before {width:0.5rem; height:0.125rem; margin:-0.0625rem 0 0 -0.25rem;}

/* 라디오, 체크박스 */
.tpl-input-hide {position:absolute; clip:rect(0 0 0 0); width:0; height:0; color:transparent; overflow:hidden;}
.tpl-radio-1 label:before,
.tpl-checkbox-1 label:before,
.tpl-checkbox-1 .label-right:after {content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1.25rem; height:1.25rem;}
.tpl-checkbox-1 .label-right:after {left:auto; right:0;}
.tpl-checkbox-1 .label-right:before {display:none;}
.tpl-checkbox-1 {display:inline-block; white-space:nowrap;}

.tpl-radio-1 label, .tpl-checkbox-1 label {position:relative; display:inline-block; padding-left:1.75rem; line-height:1.25rem;}
.tpl-checkbox-1 .label-right {position:relative; display:inline-block; padding:0 1.75rem 0 0; line-height:1.25rem;}
.tpl-radio-1 label:before {border:1px solid var(--tpl-bd-color-30); border-radius:50%; background-color:var(--tpl-bg-color-40);}
.tpl-radio-1 label:after {content:""; position:absolute; left:0.3125rem; top:0.3125rem; width:0.625rem; height:0.625rem; border-radius:50%; background-color:var(--tpl-bg-color-60);}
.tpl-radio-1 input[type="radio"]:checked + label:before {border-color:var(--tpl-bd-color-50);}
.tpl-radio-1 input[type="radio"]:checked + label:after {background-color:var(--tpl-bg-color-50);}

.tpl-radio-2 {position:relative; display:block;}
.tpl-radio-2 label:before,
.tpl-radio-2 label:after {content:""; position:absolute;}
.tpl-radio-2 label:before {left:0; top:0; width:1.3125rem; height:1.3125rem; border:1px solid var(--tpl-bd-color-190); border-radius:50%; background-color:var(--tpl-bg-color-40);}
.tpl-radio-2 label:after {left:0.375rem; top:0.4375rem; width:0.6875rem; height:0.5rem; background-image:url("/images/template/tpl_arrow_not_1.svg"); background-repeat:no-repeat;  background-position:0 0; background-size:auto;}
.tpl-radio-2 label {display:block; font-size:var(--tpl-font-size-15); color:var(--tpl-font-color-30); margin-left:1.875rem; line-height:1.4;}
.tpl-radio-2 input[type="radio"]:checked + label {color:var(--tpl-font-color-20);}
.tpl-radio-2 input[type="radio"]:checked + label:before {border-color:var(--tpl-font-color-110);}
.tpl-radio-2 input[type="radio"]:checked + label:after {background-image:url("/images/template/tpl_arrow_check_1.svg");}

.tpl-radio-3 {display:inline-block;}
.tpl-radio-3 label {position:relative; font-size:var(--tpl-font-size-18); color:var(--tpl-font-color-30); padding-left:2rem; line-height:1.5; cursor:pointer;}
.tpl-radio-3 label:before {content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1.5rem; height:1.5rem; background-image:url("/images/template/tpl_radiobox_not_1.svg"); background-repeat:no-repeat;  background-position:0 0; background-size:auto;}
.tpl-radio-3 input[type="radio"]:checked + label {color:var(--tpl-font-color-20);}
.tpl-radio-3 input[type="radio"]:checked + label:before {background-image:url("/images/template/tpl_radiobox_check_1.svg");}

.tpl-checkbox-1 label:before,
.tpl-checkbox-1 .label-right:after {background-image: url("/images/template/tpl_arrow_not_1.svg"); border:1px solid var(--tpl-bd-color-190); background-repeat:no-repeat;  background-position:0.1875rem 0.25rem; background-size:0.75rem 0.625rem; border-radius:0.3125rem;}
.tpl-checkbox-1 input[type="checkbox"]:checked + label:before,
.tpl-checkbox-1 input[type="checkbox"]:checked + .label-right:after{background-image:url("/images/template/tpl_arrow_check_fff.svg"); border-color:var(--tpl-bd-color-50); background-color:var(--tpl-bg-color-50);}

.tpl-checkbox-2 {display:inline-block;}
.tpl-checkbox-2 label {position:relative; line-height:1.5; cursor:pointer;}
.tpl-checkbox-2 label.label-left:before,
.tpl-checkbox-2 label.label-right:after {content:""; position:absolute; top:50%; transform:translateY(-50%); width:1.375rem; height:1.375rem; background-image:url("/images/template/tpl_checkbox_not_2.svg"); background-repeat:no-repeat;  background-position:0 0; background-size:auto;}
.tpl-checkbox-2 label.label-left {padding-left:2rem;}
.tpl-checkbox-2 label.label-left:before {left:0;}
.tpl-checkbox-2 label.label-right {padding-right:2rem;}
.tpl-checkbox-2 label.label-right:after {right:0;}
.tpl-checkbox-2 input[type="checkbox"]:checked + label {color:var(--tpl-font-color-40);}
.tpl-checkbox-2 input[type="checkbox"]:checked + .label-left:before,
.tpl-checkbox-2 input[type="checkbox"]:checked + .label-right:after {background-image:url("/images/template/tpl_checkbox_check_2.svg");}

/* Radio, check Box Button Type */
.tpl-check-button-1 {position:relative; display:block; width:auto; height:2.5rem;}
.tpl-check-button-1 label {display:flex; align-items:center; justify-content:center; font-size:var(--tpl-font-size-14); color:var(--tpl-font-color-30); font-weight:var(--tpl-font-weight-400); width:100%; height:100%; padding:0 0.9375rem; border:1px solid var(--tpl-bd-color-190); background-color:var(--tpl-bg-color-40); border-radius:3.125rem; white-space:nowrap; line-height:2.5rem;}
.tpl-check-button-1 input[type="radio"]:checked + label,
.tpl-check-button-1 input[type="checkbox"]:checked + label {border-color:var(--tpl-bd-color-200); color:var(--tpl-font-color-110); font-weight:var(--tpl-font-weight-500); box-shadow:0 0 0.3125rem rgb(0, 0, 0, 0.2);}
.tpl-check-button-1 input {width:100%; height:100%;}

.tpl-check-button-2 {position:relative; display:block; width:auto; height:2.75rem;}
.tpl-check-button-2 label {display:flex; align-items:center; justify-content:center; font-size:var(--tpl-font-size-14); color:var(--tpl-font-color-30); font-weight:var(--tpl-font-weight-400); width:100%; height:100%; padding:0 0.9375rem; border:1px solid var(--tpl-bd-color-60); background-color:var(--tpl-bg-color-250); border-radius:0.3125rem; white-space:nowrap; line-height:2.75rem;}
.tpl-check-button-2 input[type="radio"]:checked + label,
.tpl-check-button-2 input[type="checkbox"]:checked + label {border-color:var(--tpl-bd-color-50); color:var(--tpl-font-color-160); font-weight:var(--tpl-font-weight-500); background-color:var(--tpl-bg-color-40);}
.tpl-check-button-2 input {width:100%; height:100%;}

.tpl-check-disabled label {color:var(--tpl-font-color-100); border-color:var(--tpl-bd-color-210); background-color:var(--tpl-bg-color-170);} 

/*
.employ-state-list {display:grid; grid-template-columns:repeat(4, 1fr); gap:0.75rem;}
.employ-state-list li {display:flex; flex-direction:column; justify-content:center; align-items:center; color:var(--font-color-10); height:5.75rem; border:1px solid var(--bd-color-130); background-color:var(--bg-color-400); border-radius:0.625rem; cursor:pointer;}
.employ-state-list li input {display:none;}
.employ-state-list li:before {content:""; display:inline-block; margin-bottom:0.5rem; background-repeat:no-repeat; background-position:0 0;  background-size:auto;}
.employ-state-list li:nth-child(1):before {width:1.9375rem; height:1.75rem; background-image:url("/images/icon_job_1.svg");}
.employ-state-list li:nth-child(2):before {width:1.75rem; height:1.75rem; background-image:url("/images/icon_job_4.svg");}
.employ-state-list li:nth-child(3):before {width:1.9375rem; height:1.75rem; background-image:url("/images/icon_job_3.svg");}
.employ-state-list li:nth-child(4):before {width:2rem; height:1.75rem; background-image:url("/images/icon_job_2.svg");}

.employ-state-list li.active {color:var(--font-color-180); border-color:var(--bd-color-220); background-color:var(--bg-color-40); box-shadow:0px 0px 5px rgb(0, 0, 0, 0.1);}
.employ-state-list li.active:nth-child(1):before,
.employ-state-list li.active:nth-child(2):before,
.employ-state-list li.active:nth-child(3):before,
.employ-state-list li.active:nth-child(4):before {filter: invert(54%) sepia(15%) saturate(6484%) hue-rotate(72deg) brightness(93%) contrast(82%);}
*/

/* 셀렉트 박스 */
.tpl-select-1 {position:relative; min-width:7.5rem;}
.tpl-select-1 .select-box {display:flex; justify-content:space-between; align-items:center; color:var(--tpl-font-color-30); width:100%; padding:0.75rem 0.625rem; background-color:var(--tpl-bg-color-40); border:1px solid var(--tpl-bd-color-60); border-radius:0.3125rem; cursor:pointer; transition:border-color 0.3s;}
.tpl-select-1 .select-box.clicked,
.tpl-select-1 .select-box:hover {color:var(--tpl-font-color-40); border-color:var(--tpl-bd-color-50);}
.tpl-select-1 .select-box.checked {color:var(--tpl-font-color-40);}
.tpl-select-1 .select-box .arrow {display:inline-block; width:0.875rem; height:0.4375rem; margin-left:0.3125rem; background-image:url("/images/template/tpl_arrow_down_1.png"); background-repeat:no-repeat; background-size:contain; transition:transform 0.3s ease-in-out; transform:rotate(0deg);}
.tpl-select-1 .select-box .arrow.rotate {transform:rotate(-180deg);}
.tpl-select-1 .selected-option {font-size:var(--tpl-font-size-15); white-space:nowrap;}
.tpl-select-1 .option-list {display:none; position:absolute; left:0; top:3.125rem; overflow-x:hidden; background-color:var(--tpl-bg-color-40); border:1px solid var(--tpl-bd-color-80); border-radius:0.3125rem; width:100%; max-height:18.75rem; z-index:2;}
.tpl-select-1 .option-list li {font-size:var(--tpl-font-size-15); padding:0.1875rem 0.625rem; background-color:var(--tpl-bg-color-40); text-align:left; cursor:pointer;}
.tpl-select-1 .option-list li:first-child {padding:0.5rem 0.625rem 0.1875rem 0.625rem;}
.tpl-select-1 .option-list li:last-child {padding:0.1875rem 0.625rem 0.4375rem 0.625rem;}
.tpl-select-1 .option-list li:hover {background-color:var(--tpl-bg-color-70);}
.tpl-select-1 .option-list li button {color:var(--tpl-font-color-20); text-align:left;}
.tpl-select-1 .option-list::-webkit-scrollbar {width:0.5rem;}
.tpl-select-1 .option-list::-webkit-scrollbar-thumb {background-color:var(--tpl-bg-color-100); border:2px solid var(--tpl-bd-color-40); border-radius:0.625rem; background-clip:padding-box;}
.tpl-select-1 .option-list::-webkit-scrollbar-track {background-color:transparent; border-radius:0.625rem;}

.tpl-select-2 {position:relative; min-width:7.6875rem;}
.tpl-select-2 .select-box {display:flex; justify-content:space-between; align-items:center; color:var(--tpl-font-color-30); width:100%; padding:0.75rem 0.75rem 0.75rem 1.25rem; background-color:var(--tpl-bg-color-40); border:1px solid var(--tpl-bd-color-80); border-radius:3.125rem; cursor:pointer; transition:border-color 0.3s;}
.tpl-select-2 .select-box.clicked,
.tpl-select-2 .select-box:hover {color:var(--tpl-font-color-40); border-color:var(--tpl-bd-color-200);}
.tpl-select-2 .select-box.checked {color:var(--tpl-font-color-40);}
.tpl-select-2 .select-box .arrow {display:inline-block; width:0.875rem; height:0.4375rem; margin-left:0.625rem; background-image:url("/images/template/tpl_arrow_down_1.png"); background-repeat:no-repeat; background-size:contain; transition:transform 0.3s ease-in-out; transform:rotate(0deg);}
.tpl-select-2 .select-box .arrow.rotate {transform:rotate(-180deg);}
.tpl-select-2 .selected-option {font-size:var(--tpl-font-size-15); white-space:nowrap;}
.tpl-select-2 .option-list {display:none; position:absolute; left:0; top:3.125rem; overflow-x:auto; background-color:var(--tpl-bg-color-40); border:1px solid var(--tpl-bd-color-80); border-radius:1.25rem; width:100%; max-height:18.75rem; z-index:2;}
.tpl-select-2 .option-list li {font-size:var(--tpl-font-size-15); padding:0.1875rem 0.75rem 0.1875rem 1.25rem; background-color:var(--tpl-bg-color-40); text-align:left; cursor:pointer;}
.tpl-select-2 .option-list li:first-child {padding:0.75rem 0.75rem 0.1875rem 1.25rem;}
.tpl-select-2 .option-list li:last-child {padding:0.1875rem 0.75rem 0.6875rem 1.25rem;}
.tpl-select-2 .option-list li:hover {background-color:var(--tpl-bg-color-70);}
.tpl-select-2 .option-list::-webkit-scrollbar {width:1rem;}
.tpl-select-2 .option-list::-webkit-scrollbar-thumb {background-color:var(--tpl-bg-color-100); border:6px solid var(--tpl-bd-color-40); border-radius:0.625rem; background-clip:padding-box;}
.tpl-select-2 .option-list::-webkit-scrollbar-track {background-color:transparent; border-radius:0.625rem;}
.tpl-select-2 .option-list::-webkit-scrollbar-button {background:transparent; height:0.5rem;}

/* input 텍스트 박스 */
input:-webkit-autofill {-webkit-box-shadow:0 0 0 62.5rem #fff inset;}
.tpl-input-1 {position:relative; display:block; width:100%; min-width:9.375rem; height:2.75rem;}
.tpl-input-1 .input-box {font-size:var(--tpl-font-size-15); color:var(--tpl-font-color-20); font-weight:var(--tpl-font-weight-400); width:100%; height:100%; border:1px solid var(--tpl-bd-color-60); background-color:var(--tpl-bg-color-40); border-radius:0.3125rem; padding:0.625rem; transition:border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;}
.tpl-input-1 .input-box:focus {outline:none; border-color:var(--tpl-bd-color-70);}
.tpl-input-1 .input-box::placeholder {color:var(--tpl-font-color-30);}
.tpl-input-1 .input-box:focus::placeholder {opacity:0; transition:opacity 0.3s ease-in-out;}
.tpl-input-1 .input-box:disabled {border-color:var(--tpl-bd-color-210); background-color:var(--tpl-bg-color-170);}

.tpl-input-2 {position:relative; display:block; width:auto; min-width:9.375rem; height:3.0625rem;}
.tpl-input-2 .input-box {font-size:var(--tpl-font-size-15); color:var(--tpl-font-color-20); width:100%; height:100%; border:1px solid var(--tpl-bd-color-60); background-color:var(--tpl-bg-color-110); border-radius:0.3125rem; padding:0.625rem 0.9375rem; transition:border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;}
.tpl-input-2 .input-box:focus {outline:none; border-color:var(--tpl-bd-color-70);}
.tpl-input-2 .input-box::placeholder {color:var(--tpl-font-color-30);}
.tpl-input-2 .input-box:focus::placeholder {opacity:0; transition:opacity 0.3s ease-in-out;}
.tpl-input-2:before {content:""; position:absolute; top:50%; transform:translateY(-50%); background-repeat:no-repeat; background-size:contain;}
.tpl-input-2.tpl-icon-id .input-box,
.tpl-input-2.tpl-icon-pw .input-box,
.tpl-input-2.tpl-icon-em .input-box {padding:0.625rem 0.625rem 0.625rem 2.9375rem;}
.tpl-input-2.tpl-icon-id:before {left:1.0625rem; width:1rem; height:1rem; background-image:url("/images/template/tpl_icon_id.svg");}
.tpl-input-2.tpl-icon-pw:before {left:1.1875rem; width:0.875rem; height:1rem; background-image:url("/images/template/tpl_icon_pw.svg");}
.tpl-input-2.tpl-icon-em:before {left:1.1875rem; width:16px; height:12px; background-image:url("/images/template/tpl_icon_email.svg");}

.tpl-input-3 {position:relative; display:block; width:auto; min-width:9.375rem; height:2.75rem;}
.tpl-input-3 .input-box {font-size:var(--tpl-font-size-16); color:var(--tpl-font-color-20); width:100%; height:100%; border:1px solid var(--tpl-bd-color-190); background-color:var(--tpl-bg-color-40); border-radius:3.125rem; padding:0.625rem 1.25rem; transition:border-color 0.3s ease-in-out; box-shadow 0.3s ease-in-out;}
.tpl-input-3 .input-box:focus {outline:none; border-color:var(--tpl-bd-color-200);}
.tpl-input-3 .input-box::placeholder {font-size:var(--tpl-font-size-14); color:var(--tpl-font-color-30); font-weight:var(--tpl-font-weight-400);}
.tpl-input-3 .input-box:focus::placeholder {opacity:0; transition:opacity 0.3s ease-in-out;}
.tpl-input-3 .input-box:disabled {border-color:var(--tpl-bd-color-210); background-color:var(--tpl-bg-color-170);}
.tpl-input-3 .input-box:disabled::placeholder {color:var(--tpl-font-color-100);}

/* 글자수 체크 */
.tpl-count-1 .input-box {padding:0.625rem 3.75rem 0.625rem 0.625rem;}
.tpl-count-1 .tpl-count-text {position:absolute; top:0.3125rem; right:0;}
.tpl-count-text {display:block; font-size:var(--tpl-font-size-14); color:var(--tpl-font-color-30); font-weight:var(--tpl-font-weight-300); margin:0.375rem 0.625rem 0 0; text-align: right;}
.tpl-count-text em {color:var(--tpl-font-color-80); font-weight:var(--tpl-font-weight-600);}

.tpl-search-1 {position:relative; display:flex; align-items:center;}
.tpl-search-1 .input-box {font-size:var(--tpl-font-size-15); width:100%; padding:1rem 3.125rem 1rem 1.625rem; border:3px solid var(--tpl-bd-color-120); border-radius:6.25rem;}
.tpl-search-1 .input-box:focus {outline:none;}
.tpl-search-1 .input-box::placeholder {color:var(--tpl-font-color-30); font-weight:var(--tpl-font-weight-300);}
.tpl-search-1 .input-box:focus::placeholder {opacity:0; transition:opacity 0.3s ease-in-out;}
.tpl-search-1 .btn-search {position:absolute; right:1.125rem; top:50%; transform:translateY(-50%); padding:0.625rem;}
.tpl-search-1 .btn-search:before {content:""; display:block ;width:1.125rem; height:1.125rem; background-image:url("/images/template/tpl_icon_search.png"); background-repeat:no-repeat; background-position:center; background-size:contain;}
.tpl-search-1 .btn-search:focus::placeholder {opacity:0; transition:opacity 0.3s ease-in-out;}

.tpl-search-2 {position:relative; display:flex; align-items:center; gap:0.375rem; height:2.375rem;}
.tpl-search-2 .input-box {font-size:var(--tpl-font-size-14); color:var(--tpl-font-color-20); width:100%; height:100%; padding:0 0.625rem; border:1px solid var(--tpl-bd-color-60); background-color:var(--tpl-bg-color-40); border-radius:0.5rem;}
.tpl-search-2 .input-box:focus {outline:none; border-color:var(--tpl-bd-color-70);}
.tpl-search-2 .input-box::placeholder {color:var(--tpl-font-color-30);}
.tpl-search-2 .input-box:focus::placeholder {opacity:0; transition:opacity 0.3s ease-in-out;}
.tpl-search-2 .btn-search {display:flex; align-items:center; justify-content:center; width:2.9375rem; height:100%; background-color:var(--tpl-bg-color-30); border-radius:0.5rem;}
.tpl-search-2 .btn-search:before {content:""; display:block ;width:1.125rem; height:1.125rem; background-image:url("/images/template/tpl_icon_search_2.png"); background-size:cover;}
.tpl-search-2 .btn-search:focus::placeholder {opacity:0; transition:opacity 0.3s ease-in-out;}

/* Textarea 박스 */
.tpl-textarea-1 {position:relative; display:block; width:100%; min-height:7.5rem; border:1px solid var(--tpl-bd-color-190); background-color:var(--tpl-bg-color-40); border-radius:1.25rem;}
.tpl-textarea-1:focus-within {border-color:var(--tpl-bd-color-200);}
.tpl-textarea-1 .textarea-box {overflow-y:auto; font-size:var(--tpl-font-size-15); color:var(--tpl-font-color-20); width:99.2%; min-height:7.5rem; padding:0.75rem 0.9375rem; line-height:1.6;}
.tpl-textarea-1 .textarea-box:focus {outline:none; border-color:var(--tpl-bd-color-200);}
.tpl-textarea-1 .textarea-box::placeholder {font-size:var(--tpl-font-size-15); color:var(--tpl-font-color-30); font-weight:var(--tpl-font-weight-400);}
.tpl-textarea-1 .textarea-box:focus::placeholder {opacity:0; transition:opacity 0.3s ease-in-out;}

.tpl-textarea-1 .textarea-box::-webkit-scrollbar {width:0.3125rem}
.tpl-textarea-1 .textarea-box::-webkit-scrollbar-thumb {background-color: #d3d3d3; border-radius:0.625rem; background-clip:padding-box;}
.tpl-textarea-1 .textarea-box::-webkit-scrollbar-track {background-color: #fff; border-radius:0.625rem;}
.tpl-textarea-1 .textarea-box::-webkit-scrollbar-button {background:transparent; height:0.9375rem;}

/* Icon */
.tpl_icon_required {display:inline-block; width:0.3125rem; height:0.3125rem; background-color:var(--tpl-bg-color-90); border-radius:3.125rem; vertical-align:middle;}
.tpl_icon_info_1 {position:relative; display:inline-block; width:1.125rem; height:1.125rem; background-color:var(--tpl-bg-color-210); border-radius:3.125rem;}
.tpl_icon_info_1:before,
.tpl_icon_info_1:after {content:""; position:absolute; left:50%; transform:translateX(-50%); background-color:var(--tpl-bg-color-40);}
.tpl_icon_info_1:before {width:0.125rem; height:0.375rem; bottom:0.25rem;}
.tpl_icon_info_1:after {width:0.125rem; height:0.125rem; top:0.25rem;}

.tpl_icon_info_2 {position:relative; display:inline-block; width:1.125rem; height:1.125rem; border:1px solid var(--tpl-bd-color-170); background-color:var(--tpl-bg-color-40); border-radius:3.125rem; vertical-align:middle;}
.tpl_icon_info_2:before,
.tpl_icon_info_2:after {content:""; position:absolute; left:50%; transform:translateX(-50%); background-color:var(--tpl-bg-color-270); z-index:1;}
.tpl_icon_info_2:before {width:0.125rem; height:0.375rem; bottom:0.1875rem;}
.tpl_icon_info_2:after {width:0.125rem; height:0.125rem; top:0.1875rem;}

.tpl_icon_arrow_1 {display:inline-block; width:1.5rem; height:0.9375rem; background-image:url("/images/template/tpl_icon_arrow_1.svg"); background-repeat:no-repeat; background-size:contain;}

.tpl_icon_new {display:flex; gap:0.0625rem; font-size:var(--tpl-font-size-12); font-weight:var(--tpl-font-weight-600); line-height:1;}
.tpl_icon_new > span {display:inline-block; color:var(--tpl-bg-color-290); animation:iconNewFloatY 0.6s ease-in-out infinite alternate;}
.tpl_icon_new > span:nth-child(1) {animation-delay:0s;}
.tpl_icon_new > span:nth-child(2) {animation-delay:0.1s;}
.tpl_icon_new > span:nth-child(3) {animation-delay:0.2s;}
@keyframes iconNewFloatY {
  0% {
	transform:translateY(0);
  }
  100% {
	transform:translateY(-4px);
  }
}

/* Badge */
.tpl-badge-1 {display:flex; flex-direction:column; justify-content:center; align-items:center; font-size:var(--tpl-font-size-14); width:8.25rem; height:3.1875rem; border-radius:0.3125rem; line-height:1.2; white-space:nowrap;}
.tpl-badge-1 em {font-weight:var(--tpl-font-weight-500);}
.tpl-badge-1 .date {font-size:var(--tpl-font-size-12); letter-spacing:0.5px;}
.tpl-badge-1.badge-result {color:var(--tpl-font-color-60); border:1px solid var(--tpl-bd-color-130);}
.tpl-badge-1.badge-read {color:var(--tpl-font-color-90); border:1px solid var(--tpl-bd-color-160);}
.tpl-badge-1.badge-not {color:var(--tpl-font-color-20); border:1px solid var(--tpl-bd-color-170);}
.tpl-badge-2 {font-size:var(--tpl-font-size-14); font-weight:var(--tpl-font-weight-500); color:var(--tpl-font-color-70); padding:0.25rem 0.6875rem; border:1px solid var(--tpl-bd-color-140); background-color:var(--tpl-bg-color-120); border-radius:0.3125rem; line-height:1.2; white-space:nowrap;}
.tpl-badge-3 {font-size:var(--tpl-font-size-13); font-weight:var(--tpl-font-weight-600); color:var(--tpl-font-color-140); height:2rem; padding:0.375rem 0.6875rem; border:1px solid var(--tpl-bd-color-230); background-color:var(--tpl-bg-color-40); border-radius:3.125rem; line-height:1.4; white-space:nowrap;}
.tpl-badge-4 {font-size:var(--tpl-font-size-13); font-weight:var(--tpl-font-weight-600); color:var(--tpl-font-color-150); height:2rem; padding:0.375rem 0.6875rem; border:1px solid var(--tpl-bd-color-240); background-color:var(--tpl-bg-color-40); border-radius:3.125rem; line-height:1.4; white-space:nowrap;}

/* Pagenation */
.pagination_wrap {text-align:center;}
.pagination_wrap p {display:inline-block; vertical-align:top;}
.pagination_wrap ul {display:flex; justify-content:center; align-items:center; gap:0.5rem;}
.pagination_wrap ul li {position:relative; min-width:1.9375rem; height:1.9375rem;}
.pagination_wrap .tpl_btn_prev,
.pagination_wrap .tpl_btn_next,
.pagination_wrap .tpl_btn_first,
.pagination_wrap .tpl_btn_last {border:1px solid var(--tpl-bd-color-100);}
.pagination_wrap .tpl_btn_prev:before,
.pagination_wrap .tpl_btn_next:before,
.pagination_wrap .tpl_btn_first:before,
.pagination_wrap .tpl_btn_last:before {content:""; position:absolute; left:0.8125rem; top:0.6875rem; width:0.3125rem; height:0.5625rem; background-repeat:no-repeat; background-size:contain;}
.pagination_wrap .tpl_btn_first:before,
.pagination_wrap .tpl_btn_last:before {left:0.625rem; width:0.6875rem;}
.pagination_wrap .tpl_btn_prev:before {background-image:url("/images/template/tpl_icon_arrow_left.png");}
.pagination_wrap .tpl_btn_next:before {background-image:url("/images/template/tpl_icon_arrow_right.png");}
.pagination_wrap .tpl_btn_first:before {background-image:url("/images/template/tpl_btn_first.png");}
.pagination_wrap .tpl_btn_last:before {background-image:url("/images/template/tpl_btn_last.png");}
.pagination_wrap li a {color:var(--tpl-font-color-30); padding:0 0.3125rem;}
.pagination_wrap li a,
.pagination_wrap .active {display:block; font-weight:var(--tpl-font-weight-400); width:100%; height:100%; text-align:center; line-height:1.875rem;}
.pagination_wrap .active {color:var(--tpl-font-color-50); border:1px solid var(--tpl-bd-color-110);}

.pagination_wrap_2 {text-align:center;}
.pagination_wrap_2 p {display:inline-block; vertical-align:top;}
.pagination_wrap_2 ul {display:flex; justify-content:center; align-items:center; gap:0.625rem;}
.pagination_wrap_2 ul li {position:relative; width:2.25rem; height:2.25rem;}
.pagination_wrap_2 .tpl_btn_prev, .pagination_wrap_2 .tpl_btn_next {display:flex; align-items:center; justify-content:center;}
.pagination_wrap_2 .tpl_btn_prev:before,
.pagination_wrap_2 .tpl_btn_next:before {content:""; width:0.375rem; height:0.625rem; background-repeat:no-repeat; background-size:contain;}
.pagination_wrap_2 .tpl_btn_prev:before {background-image:url("/images/template/tpl_icon_arrow_3.svg");}
.pagination_wrap_2 .tpl_btn_next:before {background-image:url("/images/template/tpl_icon_arrow_2.svg");}
.pagination_wrap_2 li a {color:var(--tpl-font-color-20); box-sizing:border-box; border:1px solid var(--tpl-bd-color-260); background-color:var(--tpl-bg-color-220);}
.pagination_wrap_2 li a,
.pagination_wrap_2 .active {display:block; font-size:var(--tpl-font-size-15); font-weight:var(--tpl-font-weight-400); width:100%; height:100%; text-align:center; line-height:2.3; border-radius:0.625rem;}
.pagination_wrap_2 li a:hover {background-color:var(--tpl-bg-color-240);}
.pagination_wrap_2 .active {color:var(--tpl-font-color-110); font-weight:var(--tpl-font-weight-500); border:1px solid var(--tpl-bd-color-200); background-color:var(--tpl-bg-color-40); box-shadow:0rem 0rem 0.3125rem rgb(0, 0, 0, 0.2); box-sizing:border-box;}
.pagination_wrap_2 .disabled {width:100%; height:100%; border:1px solid var(--tpl-bd-color-250); background-color:var(--tpl-bg-color-230); border-radius:0.625rem;}
.pagination_wrap_2 .tpl_btn_prev.disabled:before {background-image:url("/images/template/tpl_icon_arrow_5.svg");}
.pagination_wrap_2 .tpl_btn_next.disabled:before {background-image:url("/images/template/tpl_icon_arrow_4.svg");}

/* Tab Menu */
.tpl-tabmenu-1 .tab-menu {display:flex;}
.tpl-tabmenu-1 .tab-menu li {flex:1; position:relative; font-size:var(--tpl-font-size-16); white-space:nowrap;}
.tpl-tabmenu-1 .tab-menu li:nth-child(n+2) {margin-left:-0.0625rem;}
.tpl-tabmenu-1 .tab-menu li button {color:var(--tpl-font-color-20); width:100%; padding:0.875rem 0; border:1px solid var(--tpl-bd-color-150); background-color:var(--tpl-bg-color-130);}
.tpl-tabmenu-1 .tab-menu li.active {z-index:1;}
.tpl-tabmenu-1 .tab-menu li.active button {color:var(--tpl-font-color-10); border-color:var(--tpl-bd-color-180); background-color:var(--tpl-bg-color-140);}
.tpl-tabmenu-1 .tpl-view {padding:1.875rem 1.875rem; border:1px solid var(--tpl-bd-color-60); border-top:0; background-color:var(--tpl-bg-color-40);}

/* Table */
.tpl-item-list-warp {position:relative;}
.tpl-item-list-warp .tpl-total {position:absolute; top:-2.75rem; right:0; display:flex; font-size:var(--tpl-font-size-18); color:var(--tpl-font-color-170); font-weight:var(--tpl-font-weight-500);}
.tpl-item-list-warp .tpl-total dt {margin-right:0.3125rem;}
.tpl-item-list-warp .tpl-total em {color:var(--tpl-font-color-80);}
.tpl-item-list-warp .btn-actions {margin-top:2.5rem; text-align:center;}
.tpl-item-list-1 {display:flex; flex-direction:column; gap:0.625rem;}
.tpl-item-list-1 > li {display:flex; gap:0.625rem; align-items:center; justify-content:space-between; padding:1.5rem 1.875rem 1.3125rem 1.875rem; border:1px solid var(--tpl-bd-color-150); border-radius:0.625rem;}
.tpl-item-list-1 > li:hover {border-color:var(--bd-color-20); box-shadow:0rem 0rem 0.3125rem rgb(0, 0, 0, 0.1);}
.tpl-item-list-1 .tpl-desc {display:flex; flex-direction:column; align-items:baseline; width:83%;}
.tpl-item-list-1 .tpl-desc > a {overflow:hidden; max-width:100%;  text-overflow:ellipsis; white-space:nowrap;}
.tpl-item-list-1 .tpl-desc .tpl-badge-2 {margin-right:0.375rem; vertical-align:0.0625rem;}
.tpl-item-list-1 .tpl-func {display:flex; gap:0.625rem;}
.tpl-item-list-1 .tpl-func {display:flex; gap:0.625rem;}
.tpl-item-list-1 .tpl-title {font-size:var(--tpl-font-size-18); font-weight:var(--tpl-font-weight-500); line-height:1.6;}
.tpl-item-list-1 .tpl-title .tpl-badge-2 {margin-right:0.375rem;}
.tpl-item-list-1 .tpl-info {display:flex; gap:1.125rem; font-size:var(--tpl-font-size-14); margin-top:0.625rem;}
/* .tpl-item-list-1 .tpl-info span:first-child {color:var(--tpl-font-color-20);} */
.tpl-item-list-1 .tpl-info span /* :last-child */ {color:var(--tpl-font-color-30);}
.tpl-empty {display:flex; justify-content:center; align-items:center; flex-direction:column; gap:0.9375rem; color:var(--tpl-font-color-30); width:100%; padding:3.125rem 0;}
.tpl-empty:before {content:""; display:block; width:3.5rem; height:3.625rem; background-image:url("/images/template/icon_not_1.png"); background-repeat:no-repeat; background-position:0 0; background-size:contain; vertical-align:middle;}

/* Job LIst */
.tpl-job-list-warp {position:relative; width:100%;}
.tpl-job-list-warp .job-list-func {display:flex; justify-content:space-between; align-items:center; margin:1.25rem 0 0.8125rem 0;}
.tpl-job-list-warp .tpl-total {display:flex; font-size:var(--tpl-font-size-18); font-weight:var(--tpl-font-weight-400);}
.tpl-job-list-warp .tpl-total dt {margin-right:0.3125rem;}
.tpl-job-list-warp .tpl-total em {color:var(--tpl-font-color-80);}
.tpl-job-list-warp .list-select {display:flex; gap:0.625rem; align-items:center;}
.tpl-job-list-warp .list-select .tpl-select-1 {width:8.75rem;}
.tpl-job-list-warp .list-select .tpl-select-1 .select-box {padding:0.5625rem 0.75rem;}
.tpl-job-list-1 {border-top:2px solid var(--tpl-bd-color-70);}
.tpl-job-list-1 .list_head {display:grid; grid-template-columns:18% 67% 15%; padding:0.75rem 0; border-bottom:1px solid var(--tpl-bd-color-60); text-align:center;}
.tpl-job-list-1 .list-body {border-bottom:1px solid var(--tpl-bd-color-60);}
.tpl-job-list-1 .list-body .list-item {display:grid; grid-template-columns:18% 67% 15%; align-items:center; padding:1.125rem 0;}
.tpl-job-list-1 .list-body .list-item:nth-child(n+2) {border-top:1px solid var(--tpl-bd-color-280);}
.tpl-job-list-1 .list-body .list-item div {padding:0 0.625rem;}
.tpl-job-list-1 .list-body .list-item.bg {background-color:var(--tpl-bg-color-250);}
.tpl-job-list-1 .list-body .list-item .company {font-size:var(--tpl-font-size-15); font-weight:var(--tpl-font-weight-500);}
.tpl-job-list-1 .list-body .list-item .title-box .title a,
.tpl-job-list-1 .list-body .list-item .title-box .title span {display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:var(--tpl-font-size-18); font-weight:var(--tpl-font-weight-600); max-width:91%;}
.tpl-job-list-1 .list-body .list-item .title-box .title span {cursor:pointer}
.tpl-job-list-1 .list-body .list-item .title-box p:nth-child(n+2) {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tpl-job-list-1 .list-body .list-item .title-box .title .btn-scrap,
.tpl-btn-scrap {width:1.3125rem; height:1.3125rem; margin:0.1875rem 0 0 0.25rem; vertical-align:top;}
.tpl-job-list-1 .list-body .list-item .title-box .title .btn-scrap:before,
.tpl-btn-scrap:before {content:""; display:inline-block; width:100%; height:100%; background-image:url("/images/template/tpl_btn_scrap.svg"); background-repeat:no-repeat; background-size:auto;}
.tpl-job-list-1 .list-body .list-item .title-box .title .btn-scrap.on:before,
.tpl-btn-scrap.on:before {background-image:url("/images/template/tpl_btn_scrap_on.svg");}
.tpl-job-list-1 .list-body .list-item .title-box .info {font-size:var(--tpl-font-size-15); margin-top:0.3125rem;}
.tpl-job-list-1 .list-body .list-item .title-box .info span:nth-child(n+2) {margin-left:0.3125rem;}
.tpl-job-list-1 .list-body .list-item .title-box .meta {font-size:var(--tpl-font-size-13); color:var(--tpl-font-color-20); margin-top:0.4375rem;}
.tpl-job-list-1 .list-body .list-item .date-box {display:flex; flex-direction:column; justify-content:center; font-size:var(--tpl-font-size-14); color:var(--tpl-font-color-20);}
.tpl-job-list-1 .list-body .list-item .date-box span {display:flex; justify-content:center; padding:2px 0 0.375rem 0;}
.tpl-job-list-1 .list-body .list-item .date-box .dday {color:var(--tpl-font-color-80);}
.tpl-job-list-1 .list-body .list-item .date-box .group {display:flex; justify-content:center; gap:0.625rem;}

.tpl-job-list-1 .list-body .empty-cont {display:flex; justify-content:center; align-items:center; flex-direction:column; color:var(--tpl-font-color-30); border-bottom:1px solid var(--tpl-bd-color-280); padding:6.25rem 0; text-align:center;}
.tpl-job-list-1 .list-body .empty-cont:before {content:""; display:block; width:3.5rem; height:3.625rem; margin-bottom:0.9375rem; background-image:url("../images/template/icon_not_1.png"); background-repeat:no-repeat; background-position:0 0; background-size:contain; vertical-align:middle;}

/* 팝업 공통 */
.tpl-popup-wrap {position:fixed; top:0; left:0; display:none; overflow-y:auto; flex-wrap:wrap; justify-content:center; align-items:center; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:1000;}
.tpl-popup-wrap .popup-inner {position:relative; padding:2rem 2.375rem 2.5rem 2.375rem; margin:1.25rem; border-radius:0.625rem; background-color:var(--tpl-bg-color-40); box-shadow:rgba(255, 255, 255, 0.12) 0rem 0rem 0.125rem 0rem inset, rgba(0, 0, 0, 0.15) 0rem 0rem 0.125rem 0.0625rem, rgba(0, 0, 0, 0.15) 0rem 0.75rem 1.875rem, rgba(0, 0, 0, 0.15) 0rem -0.75rem 1.875rem, rgba(0, 0, 0, 0.15) 0.75rem 0rem 1.875rem, rgba(0, 0, 0, 0.15) -0.75rem 0rem 1.875rem;}
.tpl-popup-wrap .popup-header {margin-bottom:1.25rem; text-align:center;}
.tpl-popup-wrap .popup-header .popup-h2 {font-size:var(--tpl-font-size-32); font-weight:var(--tpl-font-weight-600);}
.tpl-popup-wrap .popup-header .popup-h2 em {color:var(--tpl-font-color-110);}
.tpl-popup-wrap .popup-header .desc {font-size:var(--tpl-font-size-18); color:var(--tpl-font-color-20); margin-top:0.375rem;}
.tpl-popup-wrap .popup-header .desc em {color:var(--tpl-font-color-40); font-weight:var(--tpl-font-weight-600);}
.tpl-popup-wrap .popup-cont {padding:1.75rem 1.125rem; border-left:1px solid var(--tpl-bd-color-280); border-right:1px solid var(--tpl-bd-color-280); border-top:0.25rem solid var(--tpl-bd-color-200); border-bottom:1px solid var(--tpl-bd-color-200); background-color:var(--tpl-bg-color-40);}
.tpl-popup-wrap .popup-btn {display:flex; justify-content:center; gap:0.625rem; margin-top:1.875rem;}
.tpl-popup-wrap .popup-btn .tpl-btn-round-2 {background-color:var(--tpl-bg-color-280);}
.tpl-popup-wrap .popup-btn .tpl-btn-round-7 {border-color:var(--tpl-bd-color-200);}
.tpl-popup-wrap .popup-btn .tpl-btn-round-7 span {color:var(--tpl-font-color-110);}
.tpl-popup-wrap .popup-btn .tpl-btn-round-2,
.tpl-popup-wrap .popup-btn .tpl-btn-round-7 {font-size:var(--tpl-font-size-15); padding:0.5rem 2.5rem;}
.tpl-popup-wrap .popup-close {position:absolute; top:1.25rem; right:1.25rem;}
.tpl-popup-wrap .popup-close .btn-popup-close {width:1.25rem; height:1.25rem; background-image:url("../images/template/tpl_btn_close_2.svg"); background-repeat:no-repeat; background-size:auto;}