@charset "UTF-8";
/****************************************************
	파일명	:style.css
	최초작성자	:황현진
	최초작성일	:2024-11-25
	-------------------------------------------------
	Dec. 서브페이지 스타일링
	-------------------------------------------------
	속성순서    :레이아웃 > 크기/간격 > 박스모양 > 폰트/정렬 > 기타
*****************************************************/

/* 공통 변수 정의 */
:root {
	/*  Color Guide
		Background	 	#EEE
		Disabled 		#EEE
		Border 			#AAA
		Placeholder 	#666
		Title			#000
		body			#000
		Primry			var(--pri)
		Blue			#4C85BA
		Green			#56CA00
		Red				#EA292E
	*/
	--white: #FFF;
	--bg-color: #EEE;
	--ds-color: #EEE;
	--bd-color: #AAA;
	--ph-color: #666;
	--pri-txt-color: #000;
	--sub-txt-color: #333;
	--pri: #00ADB2;
	--skyblue: #218CEF;
	--blue: #4C85BA;
	--lightblue : #F7F9FC;
	--deepblue: #003675;
	--green: #56CA00;
	--red: #EA292E;

	--font-lv0: 42px;
	--font-lv1: 34px;
	--font-lv2: 32px;
	--font-lv3: 28px;
	--font-lv4: 22px;
	--font-lv5: 17px;
	--font-lv6: 18px;
	--font-lv7: 16px;
}

/* Display Style */
.sm-show-800	{ display: none !important;}
.lg-only-inline { display: inline-block;}
.hidden 		{ display: none;}
.hidden-i 		{ display: none !important;}

.flex 			{ display: flex;}
.flex-ac	 	{ display: flex; align-items: center;}
.flex-acjs 		{ display: flex; align-items: center; justify-content: space-between;}
.flex-acjc 		{ display: flex; align-items: center; justify-content: center;}
.flex-je 		{ display: flex; justify-content: end;}
.flex-col 		{ display: flex; flex-direction: column;}

.il-flex-ac 	{ display: inline-flex; align-items: center;}

.ac-c-i 		{ align-items: center!important;}
.ac-fs-i 		{ align-items: flex-start!important;}

.jc-c {justify-content: center;}

/* Gap Style */
.gap-8 {gap: 8px;}
.gap-10 {gap: 10px;}
.gap-12 {gap: 12px;}
.gap-20 {gap: 20px;}
.gap-40 {gap: 40px;}


/* Width & Height Style */
.w-100  { width: 100% !important; max-width: 100% !important;}
.w-auto  { width: auto !important;}
.mw-set { max-width: var(--mw-set, 400px);}	/* fixed value set */

/* Margin Style */
.mt-20   { margin-top: 20px; }
.mt-40   { margin-top: 40px; }
.mt-80   { margin-top: 80px; }
.mg-0    { margin: 0 !important; }
.mt-0	 { margin-top: 0 !important;}
.ml-auto { margin-left: auto;}

/* Text & Font Style */
.txt-c 		{ text-align: center!important;}
.txt-l		{ text-align: left!important;}
.txt-r 		{ text-align: right!important;}
.txt-bold 	{ font-weight: 700;}

/* Position Style */
.relative {position: relative;}

/* Letter Spacing Style */
.letter-spacing-10 {letter-spacing: -0.1em;}

.col-sub-txt{color: var(--sub-txt-color);}
.col-black {color: var(--pri-txt-color);}
.col-pri 	{color: var(--pri);}
.col-blue 	{color: var(--blue);}
.col-deepblue 	{color: var(--deepblue);}
.col-green 	{color: var(--green);}
.col-red 	{color: var(--red);}

/* A tag With Color */
/* a[class*=col] {text-decoration: underline; text-underline-position : under;} */
a.underline {text-decoration: underline; text-underline-position: under;}

.font-lv0 {font-size: var(--font-lv0); font-weight: 700;}
.font-lv1 {font-size: var(--font-lv1); font-weight: 700;}
.font-lv2 {font-size: var(--font-lv2); font-weight: 700;}
.font-lv3 {font-size: var(--font-lv3); font-weight: 700;}
.font-lv4 {font-size: var(--font-lv4); font-weight: 700;}
.font-lv5 {font-size: var(--font-lv5); font-weight: 500;}
.font-lv6 {font-size: var(--font-lv6); font-weight: 500;}
.font-lv7 {font-size: var(--font-lv7); font-weight: 500;}


/* Border Style */
.border-r {border-right: 1px solid #AAAAAA!important;}

/* Background Style */
.bg-pri { background: var(--pri);}
.bg-blue {background: var(--blue) !important;}
.bg-dark {background: #383838 !important;}
.bg-gray {background: #EEEEEE !important; }
.bg-white {background: #FFFFFF !important; }
.bg-lightblue {background: #F7F9FC !important;}
.bg-init {background: transparent !important;}

/* Pointer Events */
.pointer-events-none {pointer-events: none; background-color: #f0f0f0; opacity: 0.6;}

/* Form Style (input, checkbox, radio, select, option, textarea */
/* init */
input, select, option, textarea {-webkit-appearance:none; -moz-appearance:none; appearance:none; border: 1px solid var(--bd-color);}
input::placeholder, select::placeholder, textarea::placeholder {color: var(--ph-color) !important;}

input {height: 56px;}

/* readonly */
input.readonly-txt[type=text]:read-only, input.readonly-txt[type=number]:read-only,
input.readonly-txt { padding: 0; background: var(--white); border: 0; outline: 0; cursor: default;}
/* disabled */
input:disabled,
input.readonly-txt[type=text].disabled-style:read-only,
input.readonly-txt.disabled-style[type=number]:read-only { background-color: var(--ds-color); border: 1px solid var(--bd-color);}

/* input checkbox */
input[type="checkbox"] {
	display:inline-block; vertical-align: middle; width:22px; height:22px; border: 1px solid var(--bd-color); border-radius:4px;cursor:pointer;background-color:var(--white);outline:0}
input[type="checkbox"]:checked {
	background: var(--pri) url(../../images/biz2/ico/ico_check_white.svg) no-repeat center;
	border: 1px solid transparent;
}
/* 비활성화 */
input[type="checkbox"][disabled]{background-color: var(--bg-color)}
input[type="checkbox"][disabled]::after{display:none}
/* 비활성화 체크 */
input[type="checkbox"]:checked:disabled{background: #EEE url(../../images/biz2/ico/ico_checkbox_disabled.svg) no-repeat center}
input[type="checkbox"]:checked:disabled{border: 1px solid var(--bd-color)}
input[type="checkbox"]:checked:disabled::after{display:block}

input[type="radio"]{display:inline-block;width:22px;height:22px;border: 1px solid var(--bd-color);border-radius:50%;cursor:pointer;background-color:var(--white);outline:0}
input[type="radio"]::after{content:'';display:none;position:relative;top:50%;left:50%;width:10px;height:10px;margin:-5px;background-color:var(--white);border-radius:50%}
input[type="radio"]:checked{border:none;background-color:var(--pri)}
input[type="radio"]:checked::after{display:block;box-sizing:initial}
input[type="date"]{
	width: 200px;
	height: 44px;
	padding-left: 10px;
	border-radius: 8px;
	background: #fff url(../../images/biz2/ico/ico_calendar.svg) no-repeat right 16px center;}

/* readonly 너비값 초기화 공통 */
.input-reset input { width: 0; appearance: none; padding: 0; flex: 0!important;}

/* textarea 커스텀 공통 */
textarea.textarea-cus {height: 84px; overflow-y: auto; }

/* placehorder 스타일 조정 */
.chk-box, .radio-box{display:flex; align-items: center;}
.chk-box input, .radio-box input{margin-right:10px}
.chk-box label, .radio-box label{display:flex;flex:1;font-size:18px;font-weight:500;color:#000; align-items: center;} /* 20241209 이민혁 수정 신규 디자인 반영사항 */

/* select, select option {color: var(--ph-color);} */
select option.all-option {color: var(--pri-txt-color);} /* value="전체"의 경우 */

/* Icon Style */
.ico::before, .ico::after { content:"";display:inline-block;vertical-align:middle}
/* Icon Container */
[class*=ico-cont-] {display: inline-block;}
[class*=ico-cont-].ico {background-repeat: no-repeat; background-position: center; background-size: cover;}
.ico-cont-32 {width: 32px; height: 32px;}
.ico-cont-24 {width: 24px; height: 24px;}
.ico-cont-16 {width: 16px; height: 16px;}

.bullet {
	font-size: var(--font-lv6);
}
td .bullet-txt,
td .bullet-list,
td .bullet {
	font-size: var(--font-lv7) !important;
}
.agree-layer td .bullet,
.agree-layer td .bullet-list {font-size: 20px !important}
.agree-layer .agree-list .bullet-list {font-size: 18px !important}

/* num-counter */
ul.num-counter {counter-reset: number 0;}
ul.num-counter > li {padding-left: 24px; text-indent: -24px;}
ul.num-counter > li::before {counter-increment: number 1; content: '' counter(number) '.'; margin-right: 8px;}
ul.num-counter > li ul.bullet-list li {text-indent: 0; padding-left: 0;}
ul.num-counter > li ul {margin-top: 10px; text-indent: 0; }

/* readonly + 기본 보더 초기화 삭제 */
input.readonly-txt[type="text"].no-border-init:read-only,
input.readonly-txt[type="number"].no-border-init:read-only {
	padding: 0 16px;
	border: 1px solid var(--bd-color);
} 



/* text 공통 */
.txt-muted{font-size:14px;font-weight:500;color:#666}
.txt-ss{font-size:16px;font-weight:500;color:#000}
.txt-s{font-size:18px;font-weight:500;}
.txt{font-size:20px;font-weight:500;color:#000}

/* 트리거 공통 */
.click-trigger {cursor: pointer;}

/* button 공통 */
[class*=btn]{font-weight: 700;}
.btn-fixed {width: 120px; text-align: center;}
.btns{display:inline-block;height:56px;padding:11px 16px 8px;border-radius:8px;background-color:var(--pri);color:var(--white);font-size:20px;} /* 20241211 이민혁 수정된 디자인 시스템따라 좌우 패딩 16px, letter spacing 추가 */
.btns:hover {background-color: #27C2CB !important;}
.btns:focus, .btns:active {background-color: #52CED5 !important;}
.btn-bd{
	display:inline-block;height:56px;padding:11px 16px 8px;border: 1px solid var(--pri);border-radius:8px;
	background-color:var(--white); color: var(--pri);
}
.btn-bd:hover {background-color: #E9F9FA !important;}
.btn-bd:focus,.btn-bd:active {background-color: #F7F9FC !important;}

.btn-bd.green{border-color:var(--pri) !important;color:var(--pri)}
.search-box .btns:hover, .btns.bg-blue:hover {background-color: #619DD4 !important;}
.search-box .btns:focus, .btns.bg-blue:focus,
.search-box .btns:active, .btns.bg-blue:active {background-color: #7CB5E8 !important;}

.btn-bd.blue{border-color:#4C85BA !important;color:#4C85BA}
.privacy .term-box :is(p, h4) .btns:hover,
.btn-bd.blue:hover{border-color:#619DD4 !important; background-color: #FFF !important;color:#619DD4}
.privacy .term-box :is(p, h4) .btns:focus, .privacy .term-box :is(p, h4) .btns:active,
.btn-bd.blue:focus, .btn-bd.blue:active{border-color:#7CB5E8 !important;background-color: #FFF !important;color:#7CB5E8}

.btn-bd.black{border-color:#333 !important;color:#333}
.btn-bd.black:hover{border-color:#333 !important; background-color: #EDF0F7;}
.btn-bd.black:focus,
.btn-bd.black:active{border-color:#333 !important; background-color: #F7F9FC;}
.btn-bd.blue.small{height:44px;padding:10px 12px;font-size:16px}
.btn-search{display:inline-block;width:24px;height:24px;background:url(../../images/biz2/ico/ico_search.svg) no-repeat center;font-size:0}
.btn-list{max-width:160px}
.btns-bottom{display:flex;justify-content:center;max-width:512px;margin:40px auto 0;gap:16px; width: 100%;}
.btns-bottom a,
.btns-bottom button{width:100%;height:72px;padding:16px 10px;font-size:26px;font-weight:700;text-align:center}
.btns-bottom :where(a, button) {border-width: 2px;} /* 신규 버튼 규칙 적용 (250115 이민혁) */
/* .btn-download, */
.btn-download:hover, .btn-download:focus, .btn-download:active {background-color: transparent !important;}
/* 공통 더보기 버튼 */
.more-info-btn::before{content:'';display:inline-block;vertical-align:middle;background:url(../../images/biz2/ico/ico_more_btn.svg) no-repeat center;width:24px;height:24px}

/* 첨부파일 */
/* 20241209 이민혁 수정 간격 및 패딩 값 디자인 맞춰 수정 */
.filebox{display:flex;gap:10px}
.filebox .upload-name{flex:1;display:inline-block;height:56px;padding:0 16px;border:1px solid var(--bd-color);color:var(--text-primary-00)}
.filebox .upload-name.readonly-txt {border: 1px solid var(--bd-color);} /* 첨부파일용 보더 삭제 방지 */
.filebox label{padding:0 16px;line-height:58px;cursor:pointer;text-align: center;}
.filebox input[type="file"]{overflow:hidden;position:absolute;width:0;height:0;padding:0;border:0}

/* table 공통 */
table{word-break:break-all}
table th{color:var(--text-primary-00); font-weight: 700; font-size: var(--font-lv4);}
table td{color:#000; font-weight: 500; font-size: var(--font-lv5);}
table td .chk-box label,
table td .radio-box label
{font-size: 20px;}

.table-scroll{overflow-x:auto}
.table-scroll table{min-width:var(--minwidth, 1200px)}

.sm-table-scroll{overflow-x: auto;}

.layer-pop .sm-table-scroll table {min-width: var(--minwidth, 1120px);}

.com-write-table table th{padding:0 16px}
.com-write-table table td{padding:10px 20px;}
.com-view-table table,
.com-write-table table{border-left:1px solid var(--bd-color);border-right:1px solid var(--bd-color)}
.com-list-table, .com-list-table table {border-left: 0; border-right: 0;}
.com-view-table table .bullet{text-indent:-24px;padding-left:24px}
.com-view-table table th{padding:20px 10px}
/* kwon 20251125 고도화 변경*/
.period .date {
	flex: none;
	width: calc(50% - 13px);
	height: 56px;
	padding: 10px 12px;     /* 내부 여백을 줘서 답답하지 않게 */
	/*border: 1px solid #dce0e4;*/ /* 1. 테두리를 연하고 얇게 변경 */
	border-radius: 8px;        /* 2. 핵심! 모서리를 부드럽게 깎기 */
	color: #333;            /* 글자색 */
	background-color: #fff; /* 배경색 흰색 지정 */
	outline: none;          /* 클릭 시 생기는 기본 파란 테두리 제거 */
	transition: all 0.2s;   /* 부드러운 전환 효과 */
}
/* table hover event */
.com-view-table table.hasHover tbody tr:hover {background: #F2FBFB;}
.com-view-table table.hasClick tbody tr.is-clicked {background: #F2FBFB;}
.com-view-table table.hasClick tbody tr {cursor: pointer;}
/* td has organ ico */
.com-view-table table td .ico[class*=organ] {margin-right: 6px;}

/* 들여쓰기 공통 */
ul.txt-indent-14 > li {padding-left: 14px; text-indent: -14px;}

/* box 공통 */
.search-box{margin-top:40px;padding:40px;border:1px solid var(--bd-color);border-radius:20px;background-color: var(--bg-color)}
.border-box{padding:8px 16px;border:1px solid var(--bd-color);border-radius:10px}
.border-box-20 {padding: 20px; border: 1px solid var(--bd-color); border-radius: 20px;}
.txt-box{position: relative;;display:flex;flex-direction:column;justify-content:space-between;min-height:380px;border:1px solid var(--bd-color);font-size:18px; border: 0;}
/* .txt-box .box{border:0} */
.txt-box .txt-byte{
	position: absolute;
	right: 5px; bottom: 0;
	text-align:right;color:#A0ACB8;font-size:13px
}
.txt-view-box {min-height: 200px;}
.blue-box{padding:40px 38px;border-radius:40px;background-color:#F7F9FC}

/* paging 공통 */
/* paging styling */
/*.paging { display: flex; justify-content: center; align-items: center; column-gap: 8px; margin-top: 40px; }*/
/*.paging a{ display: inline-flex; align-items:center; justify-content:center; border-radius: 6px; width: 40px; height: 40px; font-size: 18px; font-weight: 500;}*/
/*.paging a.on { background: var(--pri); color: #fff;}*/
/*.paging .pg {display: flex; gap: 8px;}*/
/*.paging .pg > a {background: #EEEEEE;}*/
/*.paging .pg > a::before {content: ''; display: inline-block; width: 100%; height: 100%; background-size: 20px auto; background-repeat: no-repeat; background-position: center center;}*/
/*.paging :where(a.prev, a.next)::before {background-image: url(../../images/biz2/ico/ico_paging_arrow.svg)}*/
/*.paging :where(a.first, a.last)::before {background-image: url(../../images/biz2/ico/ico_paging_arrow_double.svg);}*/
/*.paging a.next::before {transform: rotate(180deg);}*/
/*.paging a.last::before {transform: rotate(180deg);}*/
/*.paging .num {display: flex; align-items: center; gap: 8px;}*/
.paging { text-align:center; margin-top:10px; }
.paging a { display:inline-block; border:1px solid #d8dce0; width:43px; height:43px; line-height:43px; text-align:center; border-radius: 4px;}
.paging .active { display:inline-block; border:1px solid #d8dce0; width:43px; height:43px; line-height:43px; text-align:center; font-weight: bolder; border-radius: 4px;}
.paging strong { display:inline-block; width:35px; height:35px; line-height:35px; text-align:center; background-color:#4c4f51; color:#FFF; }
.paging a.prev { background:url(/images/sub/btn_prev.png) 15px 15px no-repeat; text-indent:-99999px; margin-right:4px; }
.paging a.first { background:url(/images/sub/btn_first.png) 15px 15px no-repeat; text-indent:-99999px; }
.paging a.next { background:url(/images/sub/btn_next.png) 15px 15px no-repeat; text-indent:-99999px; margin-left:4px; }
.paging a.end { background:url(/images/sub/btn_last.png) 15px 15px no-repeat; text-indent:-99999px; }
.paging a.last { background:url(/images/sub/btn_last.png) 15px 15px no-repeat; text-indent:-99999px; }

/* 팝업 및 이용약관 스크롤 공통 */
.sm-table-scroll::-webkit-scrollbar-button:start,
.sm-table-scroll::-webkit-scrollbar-button:end,
.table-scroll::-webkit-scrollbar-button:start,
.table-scroll::-webkit-scrollbar-button:end,
.layer-content::-webkit-scrollbar-button:start ,
.layer-content::-webkit-scrollbar-button:end,
.layer-agree-box::-webkit-scrollbar-button:start,
.layer-agree-box::-webkit-scrollbar-button:end,
.ui-select .list::-webkit-scrollbar-button:start,
.ui-select .list::-webkit-scrollbar-button:end
{size: 0;}
.sm-table-scroll::-webkit-scrollbar,
.table-scroll::-webkit-scrollbar,
.layer-content::-webkit-scrollbar,
.layer-agree-box::-webkit-scrollbar, 
.ui-select .list::-webkit-scrollbar,
.ui-select .list::-webkit-scrollbar 
{width: 16px;}
.sm-table-scroll::-webkit-scrollbar-track-piece,
.table-scroll::-webkit-scrollbar-track-piece,
.layer-content::-webkit-scrollbar-track-piece,
.layer-agree-box::-webkit-scrollbar-track-piece,
.ui-select .list::-webkit-scrollbar-track-piece,
.ui-select .list::-webkit-scrollbar-track-piece
{background-color: transparent;}
.sm-table-scroll::-webkit-scrollbar-thumb,
.table-scroll::-webkit-scrollbar-thumb,
.layer-content::-webkit-scrollbar-thumb,
.layer-agree-box::-webkit-scrollbar-thumb,
.ui-select .list::-webkit-scrollbar-thumb,
.ui-select .list::-webkit-scrollbar-thumb
{
	background-color: #AAAAAA; 
	border-radius: 10px;
	background-clip: padding-box;
	border: 6px solid transparent;
}

/* tooltip 공통 */
.tooltip{position:relative}
.tooltip-content{display:none; z-index:1; position:absolute; width:var(--width, 246px); text-align:left; padding:12px; color:#fff; background:#4C85BA; border-radius:10px; font-weight:500; top:var(--y-pos, 100%); right:var(--x-pos, -28px); margin-top:12px;}
.tooltip-content::before{content:''; display:inline-block; width:14px; height:12px; position:absolute; right:34px; top:-10px; background:url(../../images/biz2/ico/ico_tooltip_arrow.svg) no-repeat center;} 
.useVc .tooltip-content .bullet-list{margin-top:0}
.tooltip-content .bullet-list li{font-size:18px;padding-left:20px}
.tooltip-content .bullet-list li::before{background-color:#fff}   
.tooltip .tooltip-txt::after{content:'';display:inline-block;width:24px;height:24px;background:url(../../images/biz2/ico/ico_tooltip.svg) no-repeat center;vertical-align:middle;margin-left:10px}
.tooltip:hover .tooltip-content{display:block} 

/* custom select 공통 */
.custom-select-box{color:var(--text-primary-00); width: 240px;}
.custom-select-list{display:none;border-radius:10px;padding-top:10px;padding-bottom:10px;overflow-y:auto}
.custom-select-list > li > a{display:block;line-height:36px;font-weight:500;padding:0 16px}
.custom-select-list > li > a{line-height:inherit; padding:7px 16px}
.custom-select-list > li > a:hover{background:var(--pri);color:var(--white)}
button.custom-select-open {display:flex;align-items:center;justify-content:space-between;padding:0 16px;width:100%;font-weight:500;height:44px;font-size:15px;border:1px solid var(--bd-color);background:#fff url(../../images/biz2/ico/ico_arrow_big.svg) no-repeat right 16px center;border-radius:10px; color: var(--ph-color);}
button.custom-select-open.is-open {background:#fff url(../../images/biz2/ico/ico_arrow_big_top.svg) no-repeat right 16px center}
/* custom select 오픈 스타일 */
.custom-select-box.is-open{position:relative; z-index: 999;}
.custom-select-box.is-open .custom-select-list{display:block;position:absolute;z-index:-1;width:100%; height: 280px; left:0;bottom:calc(100% - 11.5px);background:#fff;border:1px solid var(--bd-color)}
.custom-select-box.is-open .custom-select-list::-webkit-scrollbar{width:12px;height:70px}
.custom-select-box.is-open .custom-select-list::-webkit-scrollbar-thumb{background:#e4e4e4;border:3px solid transparent;background-clip:padding-box;border-radius:6px}

/* 팝업 정보 박스 공통 */
:where(.com-view-table, .com-write-table) + .layer-border-box {margin-top: 20px;}
.layer-border-box {padding: 20px; border-radius: 12px; font-size: 20px; font-weight: 700; border: 1px solid var(--bd-color); background: #EEE; text-align: center;}
.layer-auth-agree .radio-wrap {justify-content: end;}

/* sub */
/* page-header */
.page-header {text-align: center; margin-bottom: 40px;}
.page-header-tit {font-size: var(--font-lv0); font-weight: 700;}
.page-header-desc {font-size: var(--font-lv5); margin-top: 8px;}

/* IIP_001 사용기관 공지사항 */
.search-area .ui-select{display:inline-block;width:200px;font-size:18px;color:#000}
.search-input{position:relative;flex:1;margin-left:26px}
.search-input .btn-search{position:absolute;
	right: 0; top: 50%;
	transform: translateY(-50%);
	width: 24px; max-width: 24px;
	height: 24px; max-height: 100%;
	margin-right: 16px;
	background-size: cover;
}

/* IIP_002 사용기관 공지사항 상세 */
.add-file{display:flex;justify-content:space-between;align-items:center}
.add-file .attached-file .ico-pdf{margin-right:15px}
.article-list{margin-top:40px;border-top:1px solid var(--bd-color);font-size:17px}
.article-list li{padding:11px 16px;border-bottom:1px solid var(--bd-color);font-weight:400} 
.article-list li a::before{width:20px;height:20px;margin:-3px 3px 0 0;background:url(../../images/biz2/ico/ico_list.svg) no-repeat center}
.article-list li a::after{width:1px;height:8px;margin:0 16px;background-color:var(--bg-color)}
.article-list li.next-list a::before{transform:rotate(180deg)}

.step-title {
	font-size: var(--font-lv0);
}
/* 게시판 상단 정보 */
.conts-header{margin-top: 40px}
.step-title + .conts-header,
.step-title + div {margin-top: 20px}
.conts-header.count-col {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
}
.conts-header + .conts-header {margin-top: 0;}
.conts-header h3{font-size:var(--font-lv2)}
.conts-header .btn-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	font-size: 0;
}
.conts-header .search-areaa {
	display: flex;
	justify-content: space-between;
	gap: 10px;
}
.conts-header .search-areaa select ~ .ui-select,
.conts-header .search-areaa select {
	width: 150px; height: 56px;
}
.conts-header .search-areaa .search-input {
	margin: 0;
}
.conts-header .search-areaa .search-input input{
	width: 400px;
	padding-right: 48px;
	border-radius: 10px;
}

/* 게시판 하단 정보 */
.conts-footer {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
.conts-footer .post-data {
	position: absolute;
	left: 0;
	min-width: 100px;
	font-size: var(--font-lv6); font-weight: 500;}
.conts-footer .paging {
	margin: 20px auto 0;
}
.mapping-area .mapping{margin-top:30px}
.mapping-area .mapping dl{width:100%;padding:40px;border:2px solid #1c8a90;border-radius:20px;text-align:center;font-size:24px}
.mapping-area .mapping dl+dl{margin-left:30px}
.mapping-area .mapping dl dt{color:var(--pri);font-weight:700}
.mapping-area .mapping dl dd{margin-top:16px;font-weight:700}
.mapping-area p.bullet {margin-top:30px;font-size:18px;color:#666}
.mapping-area p.bullet::before {background: #666;}
.search-box .search-list{display:flex;flex-wrap:wrap; align-items: center;}
.search-box .search-list dl{display:flex;align-items:center;width:50%}
.search-box .search-list dt{width:144px;padding-left:20px;font-size:20px;font-weight:700}
.search-box .search-list dd{flex:1;padding:10px 20px;}
.search-box .search-list dd select + .ui-select,
.search-box .search-list dd select + .ui-select .current,
.search-box .search-list dd select{width:262px; font-size: var(--font-lv6);}
.search-box .search-list .period{width:100%}
.search-box .search-list .period .date{width:198px}
.search-box .search-list .period .btn-wrap{display:inline-block;margin-left:30px} 
.search-box .search-list .period .btn-wrap .btn-bd{width:90px;padding:10px 20px}
.search-box .search-list .period .btn-wrap .btn-bd+.btn-bd{margin-left:16px}
.search-box .search-list .period .txt-s{margin-left:16px}
.search-box .search-list .search-chk {padding: 20px 0; align-items: flex-start;}
.period .dash{display:inline-block;margin:0 7px}
/* (20250114 이민혁 수정) 버튼 마진 상단만 30px */
.search-box .btns{display:block;width:120px; margin: 30px auto 0; background: var(--blue);}

.search-box .r-btn .btns {margin: 0 auto;}
.search-box .chk-box input[type="checkbox"]{width:24px;height:24px;margin-top:-2px}
.search-box .chk-box label{font-size:20px}

.conts-header .border-box{margin-left:30px}
.conts-header .border-box p{font-size:18px;font-weight:500}
.conts-header .border-box p+p{margin-left:26px}
.conts-header .border-box p img{margin-right:8px}

.com-view-table .ico.map-no::before{width:40px;height:40px;border:0;background:url(../../images/biz2/ico/ico_unmapped.svg) no-repeat center}
.com-view-table .ico.map-yes::before{width:40px;height:40px;border:0;background:url(../../images/biz2/ico/ico_complete.svg) no-repeat center}



/* IIP_200 사용기관 교육과정 정보 */
.contents .search-box .search-list .period dd .chk-box{margin-left:40px}
.contents .search-box .search-list .period .date{width:198px}

/* IIP_201 사용기관 교육과정 정보 상세 */
.contents .day input{width:calc(100% - 38px);margin-right:13px}
.contents .com-view-table th .btns{width:100%}
.contents .com-view-table td.btn-wrap .btns{width:calc(50% - 6px)}
.contents .com-view-table td.btn-wrap .btns+.btns{margin-left:4px}

/* IIP_202 사용기관 교육과정 정보 등록/수정(일반 교육기관일 경우) */
.conts-header .flex-ac{text-align:right;gap:20px}
.conts-header .flex-ac small{font-size:16px;font-weight:500}
.select-wrap,
.input-wrap{display:flex;justify-content:space-between;align-items:center;gap:10px}
.select-wrap select,
.select-wrap select ~ .ui-select,
.input-wrap input{flex:1}
.select-wrap .btns,
.input-wrap select{width:117px}
.add-note{margin-top:10px;font-size:16px;font-weight:500;color:#000}
.won{width:280px !important}
.com-write-table table td textarea{display:block;border-radius:0;height:380px}

/* IIP_301 학습자정보 상세 */
.flex-ae{display:flex;align-items:end;gap:16px}

/* IIP_400 기관 정보 수정 */
.conts-header small{font-size:16px;color:var(--text-third-66); margin-left: auto;}
.com-write-table td .btn-search{width:36px;height:36px;margin-left:6px;background-size:100%}
.useVc .com-write-table td .btn-search{width:26px;height:26px;}

.mail-agree{margin-top:10px}
.mail-agree .ico::before{width:22px;height:22px;margin-left:3px;background:url(../../images/biz2/ico/ico_checkbox.svg) no-repeat center}
.mail-yes::before{content:'';display:inline-block;width:22px;height:22px;margin-left:3px;background:url(../../images/biz2/ico/ico_checkbox.svg) no-repeat center;vertical-align:middle}
.mail-no::before{content:'';display:inline-block;width:22px;height:22px;margin-left:3px;background:url(../../images/biz2/ico/ico_checkbox_n.svg) no-repeat center;vertical-align:middle}

.division .flex-ac{gap:30px}
.input-group .flex-ac{gap:10px}
.input-group .flex-ac > .flex-ac {min-width: calc(532px - 198px);}
.input-group .flex-ac > .flex-ac * {flex: 1 1 50%;}
.input-group input,
.input-group select + .ui-select
.input-group select{width:160px}
.input-group .email{width:180px}
.input-group .chk-box input{width:22px !important}
.input-group.search-keyword input{width:240px} /* 20241210 이민혁 디자인 수정에 따른 width값 변경 */
/* 읽기전용 검색 키워드 일시 */
.search-keyword.view input{border:0;background:transparent}

.divide{flex-wrap:wrap;column-gap:80px;row-gap:26px;}
.divide .chk-box{width:calc(80% / 3)}
.com-write-table table td.type-wrap{padding:30px 20px;font-size:18px}
.row-gap{display:flex;flex-direction:column;row-gap:26px}
.chk-box .organ01::after{background:url(../../images/biz2/ico/ico_organ01.svg) no-repeat center}
.chk-box .organ02::after{background:url(../../images/biz2/ico/ico_organ02.svg) no-repeat center}
.chk-box .organ03::after{background:url(../../images/biz2/ico/ico_organ03.svg) no-repeat center}
.chk-box .ico {margin-left: 10px;}

.program-process .flex-ac,
.plan .filebox{gap:10px}
.plan .flex-ac{gap:10px;margin-top:20px}
.plan .bullet-list{margin-top:20px}
.file-box{display:flex;align-items:center;gap:20px}
.file-box input{width:320px}

/* IIP_500 사용기관 문의사항 */
.conts-header .right-wrap{gap:16px}
.conts-header .right-wrap select+.btns{width:125px}

/* IIP_501 사용기관 문의사항 등록 */
.inquiry td select{width:260px}

/* IIP_600 사용기관 문의사항 */
.txt-list{font-size:20px}
.txt-list li{padding-left:25px;text-indent:-25px}
.txt-list li::before{content:"";display:inline-block;width:8px;height:8px;margin:-4px 16px 0 0;border-radius:50%;background-color:#000;vertical-align:middle}
.table-edu td .btns{width:136px}
.quiz-area dt{position: relative;height:89px;margin-top:80px;padding:17px;border:2px solid var(--pri);border-radius:20px 20px 0 0;background-color:#bcecef;font-size:38px;color:#1c8a90;text-align:center; font-weight: 700;}
.quiz-area dt span.quiz-date{position: absolute; right: 40px; top: 30px; font-size: 20px; font-weight: 500;}
.quiz-area dd{font-size:20px;border:1px solid var(--bd-color);border-top:0}
.quiz-area dd p{flex:1;padding:44px 40px;border-right:1px solid var(--bd-color);background-color: var(--bg-color);font-weight:700}
.quiz-area dd p span{color:#1c8a90;font-size:22px}
.quiz-area dd p small{display:block;margin:2px 0 0 48px;font-size:18px;font-weight:500;color:#1c8a90}
.quiz-area dd p small::before{width:4px;height:4px;margin:6px 10px 10px;border-radius:50%;background-color:#1c8a90}
.quiz-area dd .flex-ac{padding:20px 40px;gap:20px}
.quiz-area dd .flex-ac .btns{width:100px;height:110px;padding:0;font-size:20px;font-weight:500}
.quiz-area dd .flex-ac .btns::before{content:"";display:block;width:60px;height:60px;margin:0 auto;background:url(../../images/biz2/ico/ico_o.svg) no-repeat 0 0}
.quiz-area dd .flex-ac .btns.no-sign::before{background:url(../../images/biz2/ico/ico_x.svg) no-repeat 0 0}
.quiz-area.quiz-result dd  { background-color: var(--bg-color);}
.quiz-area.quiz-result dd p { border-right: 0;}
.quiz-area.quiz-result .btns {color: var(--pri-txt-color); background-color: #eee;}
.quiz-area.quiz-result dd .flex-ac .btns::before{background:url(../../images/biz2/ico/ico_o_result.svg) no-repeat 0 0;}
.quiz-area.quiz-result dd .flex-ac .btns.no-sign::before{background:url(../../images/biz2/ico/ico_x_result.svg) no-repeat 0 0}
.result-tlt{display: block; margin-top: 40px; font-size: 38px; text-align: center;}

/* IIP_800 이용권 사용기관 신청 현황 */
.chk-box.agree{margin-top:10px}
.color-primary.txt-list li::before{width:4px;height:4px;background-color:var(--pri)}

/*  LAP_103 알림톡 (문자)인증 팝업 */
.certi-input-group .certi-num-send {padding-top: 0; border-top: 0;}
.certi-input-group {display: flex; flex-direction: column; gap: 4px;}
.certi-input-group + .certi-input-group {margin-top: 20px;}

/* IPP_002 인증번호 확인 팝업 */
.certi-num {display:flex;flex-direction:column;align-items:center;justify-content:center}
.certi-num .radio-box{display:inline-flex;min-height:67px;align-items:center}
.certi-num .radio-box label{flex:auto}
.certi-num .radio-box label:not(:last-of-type){margin-right:20px}
.certi-num-send{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:20px;border-top:1px solid var(--bd-color)}
.certi-num-send input, .certi-num-send select, .certi-num-receive input{flex:1}


/* 20250204 :: 사용기관 지역 선택 */
.region.border-box{padding:40px;display:flex;gap:20px 30px;flex-wrap:wrap;row-gap:30px;background:var(--bg-color)}
.region.border-box > div.radio-box {max-width: calc(100% / 6 - 30px); flex: 1 0 calc(100% / 6 - 30px)}
.region.border-box .radio-box input{margin-right:8px}
.region.border-box .radio-box label{flex:auto}

/* LNP_201 자주하는질문 상세 */
.qna .conts-header{align-items:end} 
.qna .conts-header h3.ico::before{background:url(../../images/biz2/ico/ico_question.svg) no-repeat center;width:60px;height:60px;margin-right:16px}
.qna .qna-answer{font-size:38px;margin-bottom:30px}
.qna .qna-answer.ico::before{background:url(../../images/biz2/ico/ico_answer.svg) no-repeat center;background-size:cover;width:46px;height:46px;margin-right:16px}
.qna-attached{display:block;font-weight:700}
.qna-answer-details{padding-top:30px;padding-bottom:30px;border-bottom:1px solid var(--bd-color);}
.qna-table thead th{text-align:left;padding-left:40px}
.qna-table tbody td{padding:40px 40px 0 40px}
.qna-table tbody tr:last-of-type td{padding-bottom:40px;padding-top:30px}
.qna-table tbody tr:not(:last-of-type) td{border-bottom:0}
.qna .add-file{height:76px}
.qna .add-file .attached-file img{padding-left:24px}

/* 약관 동의 UI */
.agree-box{
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding:40px;border:1px solid var(--bd-color);border-radius:16px}
.agree-box > div {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 20px;
	padding: 20px;
    background: var(--bg-color);
    border-radius: 16px;
}
.agree > div {
	display: flex;
	align-items: center;
	gap: 20px;
}
.agree-box .agree{display:flex; justify-content: space-between; padding: 20px;
	align-items: center;
    background: var(--bg-color);
    border-radius: 16px;
}

.agree-box .agree-radio{display:flex;justify-content:space-between}
.agree-box .agree-radio > span{font-size:18px;font-weight:300}
.agree-box .radio-box label{flex:auto;color:var(--black-90-1d)}
.agree-box .radio-box label:not(:last-of-type){margin-right:16px}
.agree-box .flex-acjs .agree-radio .radio-box label {
	margin-right: 16px !important;
}
.agree-box .agree-tit {
	display: flex; align-items: center;
	gap: 20px;
	font-size: var(--font-lv5);
}
.agree-btn { 
	width: 84px; height: 44px;
	line-height: 44px;
	font-size: var(--font-lv7);
	font-weight: 500;
	color: 1px solid var(--sub-txt-color);
	background: var(--white);
	border: 1px solid var(--sub-txt-color);
	border-radius: 8px;
}

.agree-box .bullet-list, .agree-box .bullet{font-size: var(--font-lv5)}

/* 본인인증 */
.auth-area-in{gap:30px}
.auth-area-in button{font-weight:700;font-size:24px;flex:1;height:250px;border:1px solid green;border-radius:20px;background:var(--bg-color);border:1px solid var(--bd-color);display:flex;flex-direction:column;justify-content:center;align-items:center}
.auth-area-in button::before{height:110px;margin-bottom:30px}
.auth-area-in button:not(.simple)::before{width:110px}
.auth-area-in button.simple::before{width:184px;background:url(../../images/biz2/ico/ico_simple_group.png) no-repeat center}
.auth-area-in button.joint::before{background:url(../../images/biz2/ico/ico_joint.svg) no-repeat center}
.auth-area-in button.mo-auth::before{background:url(../../images/biz2/ico/ico_moauth.svg) no-repeat center}
.auth-area-in button.i-pin::before{background:url(../../images/biz2/ico/ico_ipin.svg) no-repeat center}
.birth-chk input[type="number"]{width:268px}
.birth-chk input[type="password"]{max-width:49px !important}
.useVc .birth-chk input[type="password"]{max-width:100% !important}

/* button is-active 스타일 */
.auth-area-in button.is-active{background:var(--pri);color:var(--white)}
.auth-area-in button.is-active.joint::before{background:url(../../images/biz2/ico/ico_joint_white.svg) no-repeat center}
.auth-area-in button.is-active.mo-auth::before{background:url(../../images/biz2/ico/ico_moauth_white.svg) no-repeat center}

/* LCP_003 본인인증 확인 */
.result-chk > p{font-size:32px;font-weight:700;padding-top:40px;padding-bottom:40px}
.result-chk .ico::before{background:url(../../images/biz2/ico/ico_check.svg) no-repeat center; background-size: 100px auto; width:100%; height: 100px;}


/* LAP_103 학습계획서 팝업 */
.study-plan.info-area .study-guide-tit {margin-top: 40px;}
.study-plan.info-area .conts-header:nth-of-type(1){margin-top: 20px;} 
.study-plan .layer-agree-box .chk-box input {margin-right: 0;}
.study-plan .layer-agree-box {counter-reset: number 0;}
.study-plan .layer-agree-box .chk-box + .chk-box {margin-top: 10px;}
.study-plan .layer-agree-box .chk-box label::before {white-space: nowrap; counter-increment: number 1; content: '' counter(number) ')'; margin: 0 8px;}
.study-plan .layer-agree-box.section-num-1 .chk-box label::before {content: '1-' counter(number) ')';}
.study-plan .layer-agree-box.section-num-2 .chk-box label::before {content: '2-' counter(number) ')';}


/* ILP_002 이용권 사용기관 신청_본인인증 */
/* Step Style */
.step-list.flex-acjc {
	align-items: inherit;
	gap: 32px;
	text-align: center;
}
.step-list li.step {
	flex:1 1;
}
.step-list li.step-arrow {
	min-width: 48px;
}
.step-list .step .step-icon {
display: block;
width: 148px; height: 148px;
margin: 0 auto;
background: #fff url(../../images/biz2/step/step_application_form.svg) no-repeat center / 92px auto;
border-radius: 15px;
}
.step-list .step.step-prev .step-icon { border: 1px solid var(--pri); }
.step-list .step.step-active .step-icon { background-color: var(--pri);}
.step-list .step.step-next .step-icon { background-color: var(--bg-color);}
.step-list .step .step-name {
display: block;
margin-top: 6px;
color: var(--sub-txt-color);
font-size: var(--font-lv5);
}
.step-list .step .step-tit {
margin-top: 6px;
font-size: var(--font-lv3);
}
.step-list li.step-arrow{margin-top:50px}
.step-list li.step-arrow img {margin: 0 auto;}
.step-list .step.step-active .step-tit { color: var(--pri);}

/*   프로세스 아이콘 네이밍
step_terms_agreement			약관동의    
step_identity_verification		본인인증
step_application_form			신청서 작성
step_manager_registration		담당자 등록
step_attachment					첨부
step_completion            		작성완료, 신청완료
step_qualification_check   		자격확인
step_user_commitment      		이용자서약
*/
.step-list .step .step-icon.step_terms_agreement {background-image: url(../../images/biz2/step/step_terms_agreement.svg);}
.step-list .step .step-icon.step_identity_verification {background-image: url(../../images/biz2/step/step_identity_verification.svg);}
.step-list .step .step-icon.step_application_form {background-image: url(../../images/biz2/step/step_application_form.svg);}
.step-list .step .step-icon.step_manager_registration {background-image: url(../../images/biz2/step/step_manager_registration.svg);}
.step-list .step .step-icon.step_attachment {background-image: url(../../images/biz2/step/step_attachment.svg);}
.step-list .step .step-icon.step_completion {background-image: url(../../images/biz2/step/step_completion.svg);}
.step-list .step .step-icon.step_qualification_check {background-image: url(../../images/biz2/step/step_qualification_check.svg);}
.step-list .step .step-icon.step_user_commitment {background-image: url(../../images/biz2/step/step_user_commitment.svg);}
/* active */
.step-list .step.step-active .step-icon.step_terms_agreement {background-image: url(../../images/biz2/step/step_terms_agreement_active.svg);}
.step-list .step.step-active .step-icon.step_identity_verification {background-image: url(../../images/biz2/step/step_identity_verification_active.svg);}
.step-list .step.step-active .step-icon.step_application_form {background-image: url(../../images/biz2/step/step_application_form_active.svg);}
.step-list .step.step-active .step-icon.step_manager_registration {background-image: url(../../images/biz2/step/step_manager_registration_active.svg);}
.step-list .step.step-active .step-icon.step_attachment {background-image: url(../../images/biz2/step/step_attachment_active.svg);}
.step-list .step.step-active .step-icon.step_completion {background-image: url(../../images/biz2/step/step_completion_active.svg);}
.step-list .step.step-active .step-icon.step_qualification_check {background-image: url(../../images/biz2/step/step_qualification_check_active.svg);}
.step-list .step.step-active .step-icon.step_user_commitment {background-image: url(../../images/biz2/step/step_user_commitment_active.svg);}


hr{margin:40px 0;border:0;border-bottom:1px solid var(--bd-color)}
.layer-border-box hr {margin: 0;}
.search-box hr {margin: 12px 0; border-bottom: 2px solid var(--bd-color);}

/* 생년월일 숨김표시 */
#secure-value{padding-left:0;margin-left:10px;}

/* ILP_003 이용권 사용기관 신청_신청서 작성 */
select.fixed-value,
.fixed-value {width:532px; max-width: 532px; flex:none; justify-content: space-between;}
/* .fixed-value input {min-width: 250px;} */
.radio-wrap {display:flex;gap:80px}
.input-num, .input-idNum, .input-mail {display:flex;align-items:center;gap:10px;max-width: 532px;
	overflow-y: visible;
}
.input-num > *:not(span), .input-mail > *:not(span) {
		flex: 1;
		flex-shrink: 1;
		min-width: 0;
}
.input-num::-webkit-scrollbar, .input-idNum::-webkit-scrollbar, .input-mail::-webkit-scrollbar {
	display: none;
}
.input-num select{padding-right:40px}
.input-num input {width: 33.3333%; flex: 0 0 auto;}
.input-num input {flex: 1 1 0;}
.input-idNum input {width: 50%}
.input-num span {text-align: center;}
.basic-info .division .flex-ac{gap:80px}
.basic-info .input-group .fixed-width{width:240px}
p.bullet,
.basic-info th .btn-bd,
.basic-info button+.flex-ac,
.basic-info .flex-ac+.flex-ac{margin-top:10px}
.basic-info .input-group .email{width:166px}
.basic-info th small{display:block;}

/* 정보 info 공통 */
.bullet{font-size:16px; }
ul.bullet-list.color-primary li::before {background: var(--pri);}
ul.bullet-list.color-primary{font-size:18px; margin-top: 0;}
p.bullet,
ul.bullet-list li{
	padding-left: 24px;position: relative;
}
ul.bullet-list li::before,
.bullet::before {content:"";position: absolute;left:0;top:14px; background-color: var(--pri-txt-color); width:4px; height:4px; border-radius:50%; vertical-align:middle;}
ul.bullet-list li.bullet-none{text-indent: -19px; margin-top: 12px !important;}
ul.bullet-list li.bullet-none.mr-0{margin-top: 12px !important}
ul.bullet-list li.bullet-none::before {display: none;}
.col-red.bullet::before {background-color: var(--red);}
.bullet.error::before { content: ""; display: inline-block; width: 16px; height: 17px; margin: 0 2.5px 0 0; background: url(../../images/biz2/ico/ico_error.svg) no-repeat left center/16px 17px; vertical-align: middle;}
ul.bullet-list.add-notice {font-size: 18px; margin-top: 30px;}
ul.add-notice li+li{margin-top:8px}
p.bullet.col-blue::before,
ul.bullet-list.col-blue::before,
li.bullet.col-blue::before,
span.bullet.col-blue::before
{background: var(--blue);}

p.bullet + p.bullet {margin-top: 8px;}

/* LAP_003 우수이용자 신청 */
.asterisk,
ul.asterisk-list{margin-top:12px;font-size:18px;color:#000}
ul.asterisk-list li+li{margin-top:8px}

.row-gap .bullet,
.row-gap .bullet-list{margin-top:0}
.input-group .mw-set{flex:1}

/* IIP_410 엑셀 업로드 결과 팝업 */
.upload-res {text-align: center;}
.upload-res p {font-size: 20px;}
.upload-res p.upload-res-txt {margin-bottom: 20px;}
.upload-res .add-notice {margin: 0;}

/* input이 있는 체크 박스 그룹 */
.chk-write.row-gap {row-gap: 20px;}
.chk-write label {flex: none; line-height: 28px;}
.chk-write input[type="text"] {height: 28px; width: 400px; margin-left: 20px; border-width: 0 0 1px;}
.chk-write .chk-box {align-items: center;}

/* ILP_004 이용권 사용기관 신청_담당자 등록 */
.input-group p.txt-ss{margin-top:10px}
.com-write-table+.agree-box{margin-top:80px}

/* ILP_009 이용권 사용기관 신청_임시 저장 완료 */
/* .complete-area{margin-top:80px} */
.complete-wrap{font-size:24px; margin: 20px auto 0; text-align:center; }
.complete-wrap.complete-cont {margin: 0 auto;}
.complete-wrap::before{content:"";display:block;width: 100px; height:100px; margin: 0 auto 20px; background:url(../../images/biz2/ico/ico_complete_check.svg) no-repeat center / cover}
.complete-wrap.not-check::before{background-image:url(../../images/biz2/ico/ico_complete_not_check.svg)}
.complete-wrap strong{font-size:32px;}
.complete-wrap strong > strong {font-size:32px; font-weight: 700;}
.complete-wrap .msg,
.complete-wrap .mssg {margin-top:20px}

/* ILP_030 사용기관 신청 현황_수정 */
.steps.flex-acjc{align-items:inherit;gap:32px}
.input-group .filebox .fixed-width{width:400px}

/* IIP_150 교육결과 관리 */
.search-box .search-list dd select.w-100,
.search-box .search-list dd select.w-100 + .ui-select .current,
.search-box .search-list dd select.w-100 + .ui-select{width:100% !important}
.search-box .search-list dl.training{width:50%}
.search-box .search-list dl.area dd{gap:20px}
.search-box .search-list dl.exception-area{align-items:baseline;width:100%}
.search-box .search-list dl.exception-area dd{flex-wrap:wrap;row-gap:20px}
.search-box .search-list dl.exception-area dd .chk-box{width:25%}
.search-box .search-list dl.exception-area.has-chk-inner .chk-wrap{flex-wrap:wrap;row-gap:20px;background:#fff;border-radius:14px;padding:32px 18px 32px 32px}
.search-box .search-list dl.exception-area.has-chk-inner dt{padding-top:10px}
.search-box .search-list dl.exception-area.has-chk-inner{align-items:flex-start;margin-top:20px}
.search-box .search-list dl.search-view{height:76px}
.search-box .search-list dl.search-view dd{color:var(--text-primary-00);line-height:27px}
.search-box .search-list dl dd.period.flexible-width .date {flex: 1;}
.search-box .search-list dl dd.period.flexible-width {gap: 10px;}

/* IIP_152 교육결과 관리 */
.course-info .conts-header .radio-box{width:30%}

/* IIP_153 교육결과 관리 */
.course-info .fixed-width{width:calc(50% - 120px)} 

/* LAP_101 평생교육이용권 신청 2단계_본인인증 */
.asterisk-list .agree-btn{padding:10px;margin-left:3px;font-size:16px;color:var(--text-primary-00); line-height: 1;}

/* LAP_102 평생교육이용권 신청 2단계 */
.available-tickets{border:1px solid var(--bd-color);border-top: 3px solid #000}
.available-tickets > li{display:flex;justify-content:space-between;align-items:center}
.available-tickets > li+li{border-top:1px solid var(--bd-color)}
.available-tickets > li strong:not(.list-label) {width:24%;padding:20px;font-size:26px;text-align:center}
.available-tickets > li .disc{width:61%;padding:20px}
.available-tickets > li .disc .add-info{font-weight: 500;}
.available-tickets > li .disc .price-wrap{display:flex;align-items:center;gap:10px;margin-top:16px}
.available-tickets > li .disc .price{font-size:22px;font-weight:700}
.available-tickets > li .disc .box{padding:8px 16px;border:1px solid var(--bd-color);border-radius:12px;background-color: var(--bg-color);font-size:16px}
.available-tickets > li .disc .bullet-list{margin-top:16px;color:#000}
.available-tickets > li .disc .bullet-list li+li{margin-top:8px}
.available-tickets > li .disc .bullet-list li {text-indent: 0; display: flex;align-items: start;}
.available-tickets > li .disc .bullet-list li strong.list-label {font-weight: 500;}
.available-tickets > li .disc .bullet-list li strong.list-label::after {content: ':'; display: inline-block; margin: 0 6px;}
.available-tickets > li .disc .bullet-list li.apply-period {display: flex; align-items: center;}
.available-tickets > li .disc .bullet-list li.apply-period > span {flex: 1;}
.available-tickets > li .disc .bullet-list li .tit{margin-right:5px;white-space: nowrap;}
.available-tickets > li .disc .bullet-list li .cnt{flex:1 1 auto;}

.available-tickets > li .btns{margin:0 auto}

.agree-box.learning .bullet-list li+li{margin-top:8px}
.agree-box.learning .radio-box label:not(:last-of-type){margin-right:80px}

/* LAP_105 평생교육이용권 신청 완료 */
.complete-wrap.border-box{padding:40px}
.complete-wrap.border-box::before{content:none}
.complete-wrap.border-box+p{margin-top:20px}
.complete-area+.page-header{margin-top:80px}
.com-view-table tbody th:first-child{border-top:0}
table .total th{font-weight:500}
table .total td{background-color:#E9F9FA}

/* LAP_400 수기공모신청 */
.contents :where(.paging) ~ .complete-wrap {margin-top: 40px; margin-bottom: 0;}

/* LAP_401 수기공모 신청 등록 */
.tel-num{gap:8px}
.flex-dc select+input{margin-top:10px}
.timer{display:flex;justify-content:end;gap:10px;margin-bottom:10px;font-size:16px}

/* LUP_001 사용처 안내_검색형 */
.usage-guide .search-box .search-list{display:block}
.usage-guide .search-box .search-list dl{width:100%}
.usage-guide .search-box .search-list dt{width:180px}
.usage-guide .search-box .search-list .search-input{margin-left:0}
.usage-guide .divide{column-gap:65px}
.usage-guide .flex-ac.mw-set{gap:16px}
.usage-guide .conts-header select{color:var(--text-primary-00)}
.usage-guide .new{height:36px;margin-left:16px;padding:6px 12px;border:2px solid #EA292E;border-radius:8px;font-size:16px}
.usage-guide td .category-label {margin-left: 8px;}

.com-view-table .ico.homepage {background-image :url(../../images/biz2/ico/ico_homepage.svg)}

.ico.map{background-image :url(../../images/biz2/ico/ico_map.svg); background-size: contain;}
/* 기관 연계 사업 아이콘 공통 */
.ico.organ01 {background-image :url(../../images/biz2/ico/ico_organ01.svg)}
.ico.organ02 {background-image :url(../../images/biz2/ico/ico_organ02.svg)}
.ico.organ03 {background-image :url(../../images/biz2/ico/ico_organ03.svg)}

/* ILP_024 이용권 사용기관 신청 > 사용기관 정보보안 서약서 팝업 */
.layer-pop .layer-document .layer-agree-box > ul > li{padding-left:16px;text-indent:-16px; }
.layer-pop .layer-document .layer-agree-box > ul > li + li{margin-top:10px}
.layer-pop .layer-document .date{text-align:center;padding-top:20px;color:#000; }
.layer-pop .layer-document-btm{padding:20px 20px 0; display: flex;}
.layer-pop .layer-document-btm ul{text-align:right}
.layer-pop .layer-document-btm ul > li{display:inline-block;text-align:left;}
.layer-pop .layer-document-btm ul > li::before{content:'•';margin-right:10px;margin-top:1px}
.layer-pop .layer-document-btm ul > li.giver::before {content: "";}
.layer-pop .layer-document-btm b{font-weight:500}
.layer-pop .layer-document-btm ul > li.giver{text-align:right;font-weight:700;font-size:24px;margin-top:30px}

/* full page layout (로그인 및 메인 사용)*/
/* border */
.login-wrap{display:flex;align-items:stretch;justify-content:space-between;width:100%}
.login-wrap :where(.auth-form, .register-btn){width:calc(50% - 30px);border-radius:15px;border:1px solid var(--bd-color)}
.login-wrap .auth-form{padding:60px 40px 60px 40px;display:flex;flex-direction:column;gap:30px}
.login-wrap .auth-form-group input{margin-top:10px}
.login-wrap .auth-form-group label{line-height:18px;font-size:18px}
.login-wrap .auth-form .btns{height:72px;font-size:26px;background-color:var(--pri)}
.login-wrap .auth-form-tit{font-size:32px}
.login-wrap .register-btn{background:#F5FBFF;display:flex;flex-direction:column;align-items:center;justify-content:center}
.login-wrap .register-btn-txt{font-size:38px;margin-top:40px}
.find-info {
	display: flex;
	align-items: center;
	justify-content: center;
}
.find-info a:first-child::after {
	content: "";
	width: 1px;
	height: 18px;
	display: inline-block;
	margin: 0 10px;
	background-color: #AAAAAA;
	vertical-align: middle;
}
/* LMP_001 지자체 메인 layer apply */
.layer-apply-content .layer-btn-wrap{margin-top:20px}
.layer-apply{display:flex; flex-direction:column; align-items:center;}
.layer-apply-yes .ico::before{width:120px;height:120px;background:url(../../images/biz2/img/img_apply01.png) no-repeat center}
.layer-apply-no .ico::before{width:120px;height:120px;background:url(../../images/biz2/img/img_apply02.png) no-repeat center}
.layer-apply .desc{margin-top:20px;font-size:20px;text-align:center;width:100%; font-weight: 700;}

.layer-pop p {font-size: 18px;}

/* 팝업 bullet , ul, ol 공통 */
.layer-pop :where(.bullet, .bullet-list) { font-size: 18px;}
.layer-pop .layer-agree-box.txt-indent-20 .agree-detail :where(ul, h4, ol) {padding-left: 20px;}
.layer-pop .layer-agree-box.txt-indent-20 .agree-detail ul li {text-indent: -20px;}
.layer-pop .layer-agree-box .agree-detail li {font-size: 18px;}
.layer-pop .bullet-list li + li, 
.layer-pop .layer-agree-body .num-counter > li + li
{margin-top: 8px;}

/* 팝업 검색 공통 */
.layer-pop .conts-header small {color: #000;}
.layer-pop .search-box, 
.new-window-pop .search-box{margin:0 auto; padding:20px; display:flex; gap:20px; align-items:center; flex-wrap:wrap} 
.search-box + .com-view-table {margin-top: 40px;}
.layer-pop .search-box :where(input[type="text"], .btns), 
.layer-pop .search-box :where(input[type="date"], .btns), 
.layer-pop .search-box :where(input[type="number"], .btns), 
.new-window-pop .search-box :where(input[type="text"], .btns){height:48px}
.layer-pop .search-box > label,
.new-window-pop .search-box > label{font-weight:700;font-size:18px} 
.layer-pop .search-box :where(input, select),
.new-window-pop .search-box :where(input, select){flex:1;border-radius:8px}
.layer-pop .search-box .ui-select, 
.layer-pop .com-view-table .ui-select,
.new-window-pop .search-box .ui-select
{width:160px; max-width:160px; height:48px;border-radius:10px;color:var(--text-primary-00);}

.layer-pop .search-box.search-multi {gap: 0; row-gap: 20px;}
.layer-pop .search-box dl.search-view {display: flex; align-items: center; width: 50%;}
/*.layer-pop .search-box dl:nth-child(even) {padding-left: 58px;}*/
.layer-pop .search-box dl.search-view dt {width: 80px;}
.layer-pop .search-box dl.search-view dd {flex: 1;}
.layer-pop .search-box dl.search-view dd :where(input, select) {width: 100%;}

/* 팝업 업로드 공통 */
.layer-pop .filebox {padding: 20px; border-radius: 12px; border: 1px solid var(--bd-color); background: var(--bg-color);} 
.layer-pop .filebox .upload-name {height: 48px;}
.layer-pop .filebox label {line-height: 48px;}
.layer-pop .filebox .btns {height: 48px; width: auto;}

/* 팝업 버튼 공통 */
.layer-pop .layer-btn-wrap .btns,
.new-window-pop .new-window-btn-wrap .btns{padding:0 20px;width:120px;background:var(--pri)} /* 기본 버튼 고정값 초기화 */
.layer-pop .search-box .btns, 
.layer-pop table .btns 
{height: 48px; font-size: 18px; min-width: 64px; width: auto;} 

.layer-btn-wrap, 
.new-window-btn-wrap{text-align:center;margin-top:40px}
.layer-btn-wrap .btns + .btns,
.new-window-btn-wrap .btns + .btn
{margin-left: 16px;}
.layer-btn-wrap .btns.btn-bd {border: 1px solid #1c8a90; color: var(--pri); background: #fff;}
.layer-pop .search-box .btns,
 .new-window-pop .search-box .btns{margin : 30px auto 0;font-size:18px; display: block;} /* 기본 설정 마진 초기화 */

/* 팝업 테이블 공통 */
.new-window-pop .com-view-table :where(th,td), 
.layer-pop .com-write-table :where(th,td) {height: 60px;}
.layer-pop :where(.com-view-table, .com-write-table) table th,
.new-window-pop :where(.com-view-table, .com-write-table) table th {font-size: 20px; padding: 10px;}
.layer-pop :where(.com-view-table, .com-write-table) td,
.new-window-pop :where(.com-view-table, .com-write-table) td {font-size: 20px; height: 60px !important;}
.layer-pop :is(.com-view-table, .com-write-table) td p.bullet {font-size: var(--font-lv5)!important; margin-top: 0;}
.com-view-table.txt-l td { text-align: left !important;}
.com-view-table.txt-l td.txt-c { text-align: center !important;}
.layer-pop .com-view-table table td:last-child {border-right: 1px solid var(--bd-color);}
.layer-pop .com-view-table th, .new-window-pop .com-view-table th{padding:10px; height: 60px !important;}
.conts-header ~ .com-view-table > table {margin-top: 0;} /* top info group이 먼저 올 경우 마진 초기화 */
.layer-pop .bullet + .com-write-table > table {margin-top: 20px;}
.layer-pop .com-write-table + .com-write-table {margin-top: 20px;}

/* layer-txt group */
.layer-text-box{padding:20px;border:1px solid var(--bd-color);background:var(--bg-color);border-radius:12px; margin-top: 40px; font-size: 20px;}
.layer-text-box > .layer-text-list {margin-top: 0;}
.layer-text-list {display:flex;flex-direction:column;gap:10px; margin-top: 40px;}
.layer-text-list .layer-text-desc .dash {margin-right: 10px;}

/* layer notice list */
.layer-notice-list {margin-top: 20px; font-size: 16px; }
.layer-notice-list li + li {margin-top: 10px;}
.layer-pop .info-area .table-box > .com-write-table{margin-bottom:40px}
.layer-pop .search-box.list label{width:80px}
.layer-pop .search-box.list .flex-ac{gap:20px;width:100%}

/* 팝업 인풋 공통 */
.layer-pop :is(.com-view-table, .com-write-table) input[type="text"], 
.layer-pop :is(.com-view-table, .com-write-table) input[type="number"], 
.layer-pop :is(.com-view-table, .com-write-table) select ~ .ui-select,
.layer-pop :is(.com-view-table, .com-write-table) select {height: 50px;}
.layer-pop :is(.com-view-table, .com-write-table) select ~ .ui-select,
.layer-pop :is(.com-view-table, .com-write-table) select ~ .ui-select .current {line-height: 40px; border-radius: 0;}
.layer-pop :is(.com-view-table, .com-write-table) select ~ .ui-select .list {height: 110px;} 
.layer-pop .fixed-value {max-width: 230px; width: 100%;}
.layer-pop table td .flex-ac {gap: 10px;}
.layer-pop table td .flex-ac :where( input[type="tel"], input[type="tel"] ),
.layer-pop table td .flex-ac :where( input[type="text"], input[type="number"] ),
.layer-pop table td .flex-ac :where( input[type="text"], input[type="number"] ) {flex: 1; min-width: 0;}
.layer-pop :is(.com-view-table, .com-write-table) .radio-box label {flex: none;}
.layer-pop :is(.com-view-table, .com-write-table) .radio-box label:not(:last-of-type){margin-right: 16px;}

.layer-pop[data-pop*="join-income"] select {display: block!important;}
.layer-pop[data-pop*="join-income"] .ui-select {display: none;}

/* 팝업 내부 테두리 박스 공통 */
.layer-pop .layer-agree-box { padding: 20px; border: 1px solid var(--bd-color);  border-radius: 20px;}
.layer-pop .layer-agree-box :is(input[type="text"], select) {height: 40px;}
.layer-pop .layer-agree-box.agree-list { margin: 40px auto; background-color: var(--bg-color);}
.layer-pop .layer-agree-box.layer-scroll-box {max-height: 540px; overflow: auto;}
.layer-pop .layer-agree-box .chk-box {align-items: flex-start; flex-wrap: wrap;}
.layer-pop .layer-agree-box .chk-box label {align-items: flex-start;}
.layer-pop .layer-agree-box .chk-box:has(input[type="text"]) label {flex: unset;}
.layer-pop .layer-agree-box .chk-box input[type="text"] {margin-left: 8px;}
.layer-pop .layer-agree-box + .layer-agree-header {margin-top: 20px; margin-bottom: 10px;}
.layer-pop .layer-agree-box + :where(.com-view-table, .com-write-table) {margin-top: 20px;}
.layer-pop .layer-agree-body {font-size: var(--font-lv7);;}
.layer-pop .layer-agree-body .agree-detail li {font-size: var(--font-lv6);}
.layer-pop .layer-agree-input-group {margin-top: 20px;}
.layer-pop .layer-agree-input-group label {font-size: var(--font-lv6);}
.layer-pop .layer-agree-input-group input[type="text"] {width: 100%; max-width: 420px; margin-top: 8px;}
.layer-pop .layer-agree-desc {margin-top: 10px;}
.layer-pop .layer-agree-date {display: flex; justify-content: end; margin-top: 20px;}
.layer-pop .layer-agree-sign {display: flex; justify-content: end; align-items: center; gap: 10px; margin-top: 20px;}
.layer-pop .layer-agree-giver {display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 40px;}
.layer-pop .layer-agree-giver strong {font-size: 24px;}
.layer-pop .layer-agree-giver span {font-size: 20px;}
.layer-pop .layer-agree-sign input[type="checkbox"] {width: 20px; height: 20px;}
.layer-pop .layer-agree-box .layer-agree-header {font-size: 20px; margin-bottom: 20px;}
.layer-pop .layer-agree-box .layer-agree-header:not(:nth-of-type(1)){margin-top: 20px;}

/* 팝업 동의 내용 공통 */
.layer-pop .layer-agree-box .agree-detail h3{font-size:20px;margin-bottom:10px}
.layer-pop .layer-agree-box .agree-detail h4 {margin-bottom: 10px; font-size: 18px; font-weight: 700;}
.layer-pop .layer-agree-box .agree-detail h4:not(:nth-of-type(1)){margin-top: 30px;}
.layer-pop .layer-agree-box .agree-detail > ol > li > ul.num-counter {margin-top: 10px;}
.layer-pop .layer-agree-box .agree-detail > ol > li > ul.num-counter > li {padding-left: 0;}
.layer-pop .layer-agree-box .agree-detail + .agree-detail{padding-top:30px}
.layer-pop .agree-box + .conts-header {margin-top: 40px;}

/* 팝업 헤더 상단 공통 */
.layer-pop .conts-header{margin-top:40px; margin-bottom: 20px;}
.layer-pop .conts-header.vertical-info {flex-direction: column; align-items: flex-start; gap: 10px;}
.layer-pop .conts-header h3{font-size: var(--font-lv4);}
.layer-pop .conts-header p {font-size: var(--font-lv6);}
.layer-pop .conts-header:has(p.bullet) {gap: 20px; margin-bottom: 12px;}
.layer-pop .conts-header p.bullet {font-size: var(--font-lv5); margin-top: 0; font-weight: 700;}
.layer-pop .conts-header .conts-header-data {font-size: 18px;}
.layer-pop .bottom-info-group{margin-top:4px;font-size:13px}
.layer-pop .bottom-info-group{margin-top:4px;font-size:13px}

/* 팝업팝 하단 공통 */
.layer-pop .conts-footer {margin-top: 20px; margin-bottom: 40px;}
.layer-pop .conts-footer .radio-box label {flex: none;}
.layer-pop .conts-footer .radio-box label:not(:last-of-type){margin-right: 40px;}

/* 팝업 상단 로고 */
.layer-top-logo {position: absolute; left: 40px; top: 20px; width: 140px; height: 24px;} 

/* 팝업 라디오 동의 공통 */
.layer-pop table .radio-wrap,
.new-window-pop table .radio-wrap
{gap: 16px;}
.layer-agree-group{margin-top:20px}
.layer-agree-group .radio-box{display:inline-flex;margin-top:20px}
.layer-agree-group .radio-box label{flex:auto}
.layer-agree-group .radio-box label:not(:last-of-type){margin-right:40px}

/* 팝업 평생교육 프로그램 */
.six-category.info-area .com-view-table tbody td {text-align: left;}

/* 엑셀 업로드 결과 */
.layer-pop .excel-upload {
	display: flex; flex-direction: column; align-items: center; gap: 20px;
	text-align: center;
}
.layer-pop .excel-upload .result-tlt {margin: 0; font-size: 22px;}
.layer-pop .excel-upload .error-msg {font-size: 22px; font-weight: 700;}
.layer-pop .excel-upload .error-msg > span {font-size: 18px; font-weight: 500;}

/* datalist 공통 자격검증 LAP_102.html */
.data-radio-list .data-radio {display: flex; align-items: center; gap: 8px;}
.data-radio-list > .flex-ac {gap: 16px;}

/* 해당 팝업 전용 br */
.layer-auth-agree {margin-top: 20px;}
.layer-auth-agree .radio-wrap {margin-top: 20px; gap: 40px;}
.layer-auth-agree > p {text-align: center; font-size: 20px;}

.auth-res-br {display: none;} 
.auth-res .border-box-20:has(>.auth-res-txt) {background-color: var(--bg-color); font-weight: 700; font-size: 18px; text-align: center;}
.auth-res > .border-box-20 {display: flex; flex-direction: column; gap: 30px;}
.auth-res-detail {font-weight: 300; text-align: center; padding: 0 8px;}

/* 사업자등록번호 안내 ILP_030.html */
.busynum-guide .border-box-20 {background: var(--bg-color); color: #EA292E; text-align: center;}

/* modal-pop */
.new-window-pop .title{display:block;position:relative;font-size:24px;text-align:center;font-weight:700}
.new-window-pop .new-window-content{overflow:hidden;max-width:var(--max-width, 840px);width:100%}
.new-window-pop .new-window-scroll{overflow-y:auto;position:relative;padding: 60px 40px 40px 40px; background:#fff;border-radius:20px}
.new-window-pop .info-area{margin-top:30px}
.new-window-pop .new-window-scroll .close-btn{position:absolute;right:20px;height:18px;width:24px;height:24px;background:url(../../images/biz2/ic_pop_close.svg) no-repeat center center}
.new-window-pop .search-box{margin:0;padding:20px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}

/* 탭 공통 */
.tab-list{display:flex;align-items:center;gap:4px;font-size:24px;margin-bottom:40px;border-bottom:1px solid var(--bd-color)}
.tab-list > li{width:var(--wSet ,25%);text-align:center}
.tab-list > li > a{display:block;	height:100%;line-height:76px;border-radius:20px 20px 0 0;border:1px solid var(--bd-color);border-bottom:none;background:var(--bg-color)}
.tab-list > li > a.show{background:var(--pri);color:var(--white);border:none} 

/* Parkjm */
/* 상세 테이블 공통 */
.com-view-table table.detail-info > tbody th{border-right:none;text-align: left!important;}
.com-view-table table.detail-info > tbody td{text-align: left!important;}
.com-view-table table.detail-info > tbody td.chk-group{padding:40px 20px;}
/* 탭 공통 */
.tab-list > li > a:not(.show) > span{color:#000;}
.tab-list > li > a > span{font-weight:500;}
/* LGP_001 평생교육이용권이란? */
.ticket{align-items:flex-start;gap:48px;}
.ticket img{width:440px;}

/* LNP_001 공지사항 상세 */
.cs-center .search-input{margin-left:20px;}
.cs-center .com-write-table table td.cont-area{padding:0;}
.cs-center .com-write-table table td.cont-area dl{display:flex;}
.cs-center .com-write-table table td.cont-area dt{display:flex;align-items:center;width:200px;padding:10px 20px;background:var(--bg-color);font-size:22px;color:var(--text-primary-00);font-weight:700;}
.cs-center .com-write-table table td.cont-area dd{padding:10px 20px;color:var(--text-primary-00);}
.cs-center .com-write-table table td.add-file .attached-file{color:#000;}
.cs-center .com-write-table .btn-download{background-color:var(--blue) !important;}
.cs-center .com-write-table .article-list li{border-left:1px solid var(--bd-color);border-right:1px solid var(--bd-color);border-bottom-color:var(--bd-color); font-size: 18px;}
.cs-center .com-write-table .article-list li span.ico::before{width:20px;height:20px;margin:-3px 3px 0 0;background:url(../../images/biz2/ico/ico_list_dis.svg) no-repeat center}
.cs-center .com-write-table .article-list li .ico::after{width:1px;height:8px;margin:0 16px;background-color:var(--bd-color);}
/* LNP_202 자주하는질문 상세 */
.qna .conts-header{margin-bottom:16px;}
.qna .qna-answer.ico{font-size:32px; font-weight: 700;}
.qna .qna-answer.ico::before{width:60px;height:60px;margin-right:16px}
.qna .qna-table table th{padding:23px 40px;}
.qna .qna-table table td.qna-attach .qna-attached{font-size:20px;}
.qna .qna-table table td.qna-attach .attached-file{color:var(--text-primary-00);}
.qna .qna-table table td.qna-attach .attached-file .ico-pdf{margin-right:24px;}
.qna .qna-table table .btn-download{margin-right:20px;background-color: var(--blue) !important;}
/* LAP_201 이의제기 신청 */
.objection .asterisk-list{margin-bottom:20px;}
.objection .asterisk-list .ico.blank{display:inline-block;width:22px;height:22px;margin-right:8px;border:1px solid var(--bd-color);border-radius:4px;text-indent:-999px;vertical-align:middle;}
.objection table.basic-info + table.basic-info{margin-top:20px;}
.objection table.basic-info td.input-group.space .flex-ac{flex-wrap:wrap;}
.objection table.basic-info input[type=date]{width:532px;height: 56px;padding: 0 16px;background:#fff url(../../images/biz2/ico/ico_calendar.svg) no-repeat right 12px center;border: 1px solid var(--bd-color);border-radius:0;font-size: inherit;}
.objection table.basic-info input[type=date]::-webkit-datetime-edit-text{-webkit-appearance:none;display:none;}
.objection table.basic-info input[type=date]::-webkit-datetime-edit-month-field{-webkit-appearance:none;display:none;}
.objection table.basic-info input[type=date]::-webkit-datetime-edit-day-field {-webkit-appearance: none;display:none;}
.objection table.basic-info input[type=date]::-webkit-datetime-edit-year-field {-webkit-appearance: none;display:none;
}
.objection table.basic-info td .txt-box{min-height:100px;} 
.objection table.basic-info td textarea{min-height:100px;height:100px;}
.objection table.basic-info .filebox.flex-ac .upload-name{max-width:532px;width:auto;}
.objection table.basic-info .filebox.flex-ac label.btns{min-width:117px;text-align:center;}
.objection table.basic-info .filebox.flex-ac button.btns{min-width:98px;}
.objection table.basic-info td .bullet-txt{margin:10px 0;}
.objection table.basic-info td .bullet-txt::before{content:'';display:inline-block;width:4px;height:4px;margin-right:10px;background-color:#000;}
.objection .agree-box02 .asterisk{padding:0;text-indent:0; font-size: 20px; margin: 40px 0 0; text-align: center; }
.objection .agree-box02 .agree-sign{margin-top:20px;font-size:20px;color:var(--text-primary-00);font-weight:500;}
.objection .agree-box02 .agree-sign .date{text-align:right;}
.objection .agree-box02 .agree-sign .sign{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:8px;}
.objection .agree-box02 .agree-sign .sign label {font-size: 20px;}
.objection .agree-box02 .agree-sign .sign strong{font-weight:500;}
.objection .agree-box02 .agree-sign .sign .chk-box input[type="checkbox"]{margin-left:10px;margin-right:0;}
/* LAP_201 선정 포기 신청 */
.objection .com-write-table .gray-05-f8{background-color: var(--bg-color);}
.objection .com-write-table .basic-info td .row-gap{gap:26px;margin:30px 0;}
.com-write-table + .info-box{margin-top:80px;}
.info-box{padding:40px;background-color: var(--bg-color);border:1px solid var(--bd-color);border-radius:20px;}
.info-box .title{font-size:22px;color:var(--text-primary-00);}
.info-box .title::before{content:'';display:inline-block;width:24px;height:24px;margin:-2px 8px 0 0;background:transparent url(../../images/biz2/ico/ico_info.svg) no-repeat 50%;vertical-align:middle;}
.info-box .bullet-list{margin-top:12px;font-size:20px;color:#000;}
.info-box .bullet-list > li + li{margin-top:4px;}
/* LLIP_001 개인정보 수정 */
.user-info-up .agree-box.learning .bullet-list{margin-top:20px;font-size:18px;color:#000;}
.user-info-up .agree-box.learning .bullet-list .link{color:#1284BD;font-weight:700;}
/* LNP_301 질의응답 */
.cs-center td .fixed-w560{width:560px}
.cs-center td .fixed-w260{width:260px}
.cs-center .edit-area .asterisk{margin-top:0;margin-bottom:10px;font-size:16px;}
.cs-center .basic-info .edit-area .edit-box{min-height:160px;}
/* LNP_303 질의응답 */
.qna .conts-header h3.ico.a-ico::before{background-image:url(../../images/biz2/ico/ico_answer.svg);}
.qna .add-file .attached-file.file-name-area .ico-pdf.pl-0{padding-left:0;}
/* LIP_400 이용자 이벤트 */
.user-event-box {overflow: hidden; border-radius: 12px; margin-top: 40px;}
.user-event-box img {object-fit: cover; height: auto; width: 100%;}
/* LIP_500 이용권 선정결과 */
.ticket-result .border-box02{padding:60px 40px;border:1px solid var(--bd-color);border-radius:20px;}
.ticket-result .border-box02 .txt{font-size:32px;text-align:center;}
.ticket-result .border-box02 .txt .name{margin-right:8px;}
.ticket-result .color-blue02{color:#0CA2FF;}
/* LIP_200 평생교육이용권 이용 내역 */
.search-list.r-btn dl{flex:1;}
.ticket-use-history.search-box .btns span.lg-only,
.adjust-sm.search-box .btns span.lg-only 
{display:inline-block;}

/* 사업안내 Style */
.info-tit-box {
	display: flex;
	align-items: center;
	flex-direction: column;
	margin-bottom: 40px;
}
.info-tit-box .info-tit,
.info-box img.screenshot {
	margin: 0 auto 20px;
	font-size: var(--font-lv0);
}
.info-box {
	width: 100%;
	padding: 40px;
	border-radius: 20px;
	background-color: var(--lightblue);

	border: 1px solid var(--bd-color);
}
.info-tit-box .info-box p {
	font-size: var(--font-lv3);
	font-weight: 700;
	text-align: center;
}
.info-tit-box p.bullet {
	text-align: left;
	margin-top: 20px;
	font-size: var(--font-lv6);
	width: 100%;
}

.info-conts {
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.info-inner-conts,
.info-inner-conts .mo-info-box {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.info-conts .info-inner-conts .img-conts {
	position: relative;
	display: inline-block;
	margin:  0 auto;
}
.info-conts .info-inner-conts .button-conts {
	position: absolute;
	left: 0; top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	border-radius: 50%;
	overflow: hidden;
}
.info-conts .info-inner-conts .button-conts .flex-ac {
	flex: 1;
}
.info-conts .info-inner-conts .button-conts .btn-1 {
	width: 100%;
	height: 50%;
}
.info-conts .info-inner-conts .button-conts :is(.btn-2, .btn-3) {
	width: 50%;
	height: 100%;
}
.info-conts .info-inner-conts .button-conts :is(.btn-1, .btn-2, .btn-3){
	position: relative;
}
.info-conts .info-inner-conts .button-conts .btn-center {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 999;
	width: 56.25%;
	height: 56.25%;
	border-radius: 50%;
}

.button-layer {
	width: 100%;
	max-width: 416px;
	min-height: 500px;
	padding: 48px 28px;
	border: 1px solid var(--bd-color);
	background: #fff;
	z-index: 1000;
	position: absolute;
	border-radius: 16px;
	text-align: left;
	overflow: visible;
	max-height: calc(100vh - 40px);
}

.button-layer.is-active {display: block;}

.button-layer[data-pop="region"]{top: -63px; right:96px;}
.button-layer[data-pop="digital"]{top: 748px; left: 96px;}
.button-layer[data-pop="oldman"]{top: 748px; right: 96px;}

.layer-bg {
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0; 
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 999;
}



.button-layer .button-layer-tit {font-size: 22px; margin-bottom: 20px;}
.button-layer .flex-col {font-size: 18px;}
.button-layer .flex-col + .flex-col {margin-top: 20px;}
.button-layer .flex-col h3 {font-size: 20px; padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid var(--bd-color);}
.button-layer .flex-col p.bullet {font-size: 18px;}
.button-layer .button-layer-close {width: 24px; height: 24px; background: url(../../images/biz2/ico/ico_pop_close.svg) no-repeat center / cover; position: absolute; right: 12px; top: 12px;}


.info-inner-conts.arrow-down {
	padding-bottom: 100px;
	background: url(../../images/biz2/ico/ico_arrow_down_80.svg) no-repeat center bottom / 80px auto;
}
.info-inner-conts h3,
.info-inner-conts .info-tit { font-size: var(--font-lv2); word-break: keep-all;}
.info-inner-conts h4 { font-size: 26px}
.info-inner-conts h4.warning { 
	padding-left: 32px;	
	background: url(../../images/biz2/ico/ico_warning.svg) no-repeat left center / 24px;
}
.ico-warning-blue {
	background: url(../../images/biz2/ico/ico_warning_blue.svg) no-repeat left center / 24px;
}
.ico-warning-blue::before {background: 0; margin-left: 12px; margin: 0 12px;}
.info-inner-conts .info-box h4 { margin-bottom: 20px;}
.info-inner-conts .sub-txt p,
.info-inner-conts .sub-txt .num-counter li { 
	font-size: 24px;
	text-align: left;
	font-weight: 500;
}
.info-inner-conts p.bullet {
	margin-top: 0;
	font-size: var(--font-lv4);
	text-indent: -24px;
	padding-left: 24px;
}
.info-inner-conts .img-conts + p.bullet {
	text-align: center;
	font-size: 18px;
}
.info-inner-conts ul.num-counter {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.info-inner-conts ul.num-counter li {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	font-size: var(--font-lv4);
}
.info-inner-conts ul.num-counter li::before {margin-right: 20px;}
.info-inner-conts ul.num-counter li p.bullet {
	width: 100%;
	padding-left: 18px;
}
.info-inner-conts * > .bullet {margin-bottom: 8px;}
.info-inner-conts * > .bullet:last-child { margin-bottom: 0;}
/* 절차 */
.info-inner-conts .use-step,
.info-inner-conts .reg-step {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.info-inner-conts .use-step {
	align-items: flex-start;
}
.info-inner-conts .use-step li,
.info-inner-conts .reg-step li {
	flex: 1;
}

.info-inner-conts .reg-step li.step-arrow {
	text-align: center;
	margin-bottom: 25px;
}
.info-inner-conts .use-step li.step-arrow {
	margin-top: 50px;
	text-align: center;
}
.info-inner-conts .use-step li span.step-img,
.info-inner-conts .reg-step li span.step-img {
	display: block;
	width: 148px; height: 148px;
	margin: 0 auto 6px;
	font-size: 0;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50% auto;
	border: 1px solid var(--pri);
	border-radius: 15px;
}
.info-inner-conts .use-step li.step-active span.step-img { background-color: var(--pri);}
.info-inner-conts .use-step li.step-next span.step-img { background-color: #EEE; border: 0;}
.info-inner-conts .reg-step li.step1 span.step-img {background-image: url(../../images/biz2/step/step_terms_agreement.svg);}
.info-inner-conts .reg-step li.step2 span.step-img {background-image: url(../../images/biz2/step/step_identity_verification.svg);}
.info-inner-conts .reg-step li.step3 span.step-img {background-image: url(../../images/biz2/step/step_application_form.svg);}
.info-inner-conts .reg-step li.step4 span.step-img {background-image: url(../../images/biz2/step/step_manager_registration.svg);}
.info-inner-conts .reg-step li.step5 span.step-img {background-image: url(../../images/biz2/step/step_attachment.svg);}
.info-inner-conts .reg-step li.step6 span.step-img {background-image: url(../../images/biz2/step/step_completion.svg);}

.info-inner-conts .use-step li.step1 span.step-img {background-image: url(../../images/biz2/step/step_terms_agreement.svg);}
.info-inner-conts .use-step li.step2 span.step-img {background-image: url(../../images/biz2/step/step_identity_verification_active.svg);}
.info-inner-conts .use-step li.step3 span.step-img {background-image: url(../../images/biz2/step/step_application_form.svg);}
.info-inner-conts .use-step li.step4 span.step-img {background-image: url(../../images/biz2/step/step_user_commitment.svg);}
.info-inner-conts .use-step li.step5 span.step-img {background-image: url(../../images/biz2/step/step_completion.svg);}
.info-inner-conts .reg-step li .step-num,
.info-inner-conts .reg-step li .step-tit,
.info-inner-conts .use-step li .step-num,
.info-inner-conts .use-step li .step-tit {
	display: block;
	text-align: center;
}
.info-inner-conts .reg-step li .step-tit {
	font-size: 24px;
}
.info-inner-conts .use-rule-list {
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.info-inner-conts .use-rule-list li {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding-left: 168px;
	min-height: 128px;
	background: url(../../images/biz2/img/img_use_rule01.png) no-repeat left center/128px auto;
	font-size: var(--font-lv4) !important;
}
.info-inner-conts .use-rule-list li.use-rule01 { background: url(../../images/biz2/img/img_use_rule01.png) no-repeat left center/128px auto; }
.info-inner-conts .use-rule-list li.use-rule02 { background: url(../../images/biz2/img/img_use_rule02.png) no-repeat left center/128px auto; }
.info-inner-conts .use-rule-list li.use-rule03 { background: url(../../images/biz2/img/img_use_rule03.png) no-repeat left center/128px auto; }
.info-inner-conts .use-rule-list li.use-rule04 { background: url(../../images/biz2/img/img_use_rule04.png) no-repeat left center/128px auto; }
.info-inner-conts .use-rule-list li.use-rule05 { background: url(../../images/biz2/img/img_use_rule05.png) no-repeat left center/128px auto; }
.info-inner-conts .use-rule-list li span {
	display: block;
	margin-bottom: 0;
}
.info-inner-conts .use-rule-list li span.bullet {
	padding-left: 24px;
	font-size: var(--font-lv4);
	text-indent: -24px;
}

/* 사용기관 관련 style */
.useVc header .logo-area a { width: 143px; }
.useVc .input-group {
	display: flex;
	gap: 10px;
	/*justify-content: space-evenly;*/
}
.useVc .input-group.col-group {
	flex-direction: column;
}
.useVc .input-group.col-group > * {margin-top: 0;}
.useVc .input-group input,
.useVc .select.fixed-value, .fixed-value {
	/* width: 532px; */
	width: 100%;
	width: 532px;
	max-width: 532px;
}
.one-max-value {min-width: 277px; width: 100%; max-width: 532px;}
.useVc .id-num,
.useVc .fixed-value input, .useVc .fixed-value select {
	width: 100%; max-width: 245px;
}
.useVc .input-group select.one-value,
.useVc .input-group input.one-value {
	width: 100%; max-width: 260px;
}
.useVc .chk-write input[type="text"],
.useVc .input-group .keyword { width: 160px; padding-bottom: 3px;}
.useVc .chk-write input[type="text"]:focus {outline: 0; border-bottom: 2px solid #000;}
.useVc .input-group .mr-0 {margin-right: 0;}
.useVc .input-group .input-num input[type=tel],
.useVc .input-group .input-num input[type=number],
.useVc .input-group .input-num select,
.useVc .input-group .input-num select ~ .ui-select,
.useVc .input-group .input-num select ~ .ui-select .current
.useVc .input-group .input-mail input[type=text],
.useVc .input-group .input-mail select,
.useVc .input-group .input-mail select ~ .ui-select,
.useVc .input-group .input-mail select ~ .ui-select .current {
	width: 160px; max-width: 160px;
	width: calc(100% / 3); max-width: calc(100% / 3);
	flex: auto;
}
.useVc .input-group .input-certify {
	width: 160px; max-width: 160px;
}
.useVc .input-group .input-mail input.mail-domain {
	width: 170px; max-width: 170px;
	flex: auto
}
.useVc .bullet {
	font-size: var(--font-lv6);
}
.useVc .agree-box .agree {
	justify-content: flex-start;
}
.useVc .agree-box .agree .radio-box {
	margin-left: auto;
	gap: 0;
}
.useVc .step-list.flex-acjc {
	gap: 15px;
}
.useVc .bullet-list {
	margin-top: 10px;
}
.useVc .com-view-table > .bullet,
.useVc .com-view-table > .bullet-list {
	margin-top: 20px;
}
.useVc .article-list li {
	border: 1px solid var(--bd-color);
}
.useVc .article-list li:first-child {
	border-top: 0;
	border-bottom: 0;
}
.useVc .quz-box {
	width: 532px; height: 79px;
	padding: 20px 0;
	margin: 40px auto 0;
	text-align: center;
	font-weight: 700;
	font-size: 26px;
	background-color: #E9F9FA;
}
/* 검색 */
.useVc .search-box .search-list {display: flex; flex-direction: row; align-items: flex-start; gap: 20px 77px;}
.useVc .search-box .search-list dl {width: auto;}
.useVc .search-box .search-list dl dt {flex: 1 0 120px; width: 120px; padding-left: 0;}
.useVc .search-box .search-list dl dd {
	flex: 1 0 auto;
	min-width: 440px;
	min-width: 469px;
	padding: 0;
}
.useVc .search-box .search-list dl dd.period {width: auto; gap: 10px;}
.useVc .search-box .search-list dl dd.period .date {flex: 1 0 206px; width: auto;}
.useVc .search-box .search-list .period .date{width:211px}
.useVc .search-box .search-list dl dd.full-value {flex: 1 0 1080px;}
.useVc .search-box .search-list dl dd input[type="text"],
.useVc .search-box .search-list dl dd select { width: 100%; }
.useVc .search-box .search-list dl dd.chk-box { 
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px 26px;
	min-height: 56px;
	border-radius: 14px;
}
.useVc .search-box .search-list dl dd.chk-box.bg-white {padding: 30px;}
.useVc .search-box .search-list dl dd.chk-box div {
	display: flex;
	align-items: center;
	flex: 1 0 196px;
	max-width: 196px;
}
.useVc .search-box .search-list dl dd.chk-box div.max-size {
	max-width: 260px;
}
.useVc .search-box .search-list .btns {
	margin-top: 20px;
}
.useVc .search-box .search-list {gap: 20px;}

/* [2025년 평생교육이용권 지원시스템 고도화 PRJ] 교육과정 등록, 이용권 사용내역의 교육과정 등록의 체크 박스 라벨 폰트 적용 */
.useVc .chk-box label{font-size:17px}

/* 팝업 검색 */
.useVc .layer-search-box .search-list dl:not(.w-100) {flex: 1;}
.useVc .layer-search-box .search-list dl:not(.w-100) dd :is(input, select) {width: 232px;}
.useVc .layer-search-box .search-list dl {display: flex; padding-left: 0;}
.useVc .layer-search-box .search-list dl dt {width: auto; flex: none; padding-left: 0; margin-right: 10px; text-align: right;}
.useVc .layer-search-box .search-list dl dd {min-width: auto; flex: 1;}
.useVc .layer-search-box .search-list dl dd.full-value {flex: 1 0 calc(100% - 92px);}
.useVc .layer-search-box .search-list .btns {margin-top: 0; margin-left: 10px;}
.useVc .layer-search-box .search-list dl dd * {width: 100%;}
.useVc .layer-search-box .fixed-value {width: 88px!important;}
.useVc .layer-search-box.single-line .search-list {flex-wrap: nowrap;}
.useVc .layer-search-box.single-line dl:not(.w-100) {flex: none;}
.useVc .layer-search-box.single-line dl:not(.w-100) dd :is(input,select) {width: 252px;}
.useVc .layer-search-box.single-line dl.w-100 dd :is(input,select) {width: 100%;}

/* [2025년 평생교육이용권 지원시스템 고도화 PRJ] 사용기관 관련 style Start*/
.useVcNew header .logo-area a { width: 143px; }
.useVcNew .input-group {
	display: flex;
	gap: 10px
}
.useVcNew .input-group.col-group {
	flex-direction: column;
}
.useVcNew .input-group.col-group > * {margin-top: 0;}
.useVcNew .input-group input,
.useVcNew .select.fixed-value, .fixed-value {
	/* width: 532px; */
	width: 100%;
	width: 532px;
	max-width: 532px;
}
.one-max-value {min-width: 277px; width: 100%; max-width: 532px;}
.useVcNew .id-num,
.useVcNew .fixed-value input, .useVcNew .fixed-value select {
	width: 100%; max-width: 245px;
}
.useVcNew .input-group select.one-value,
.useVcNew .input-group input.one-value {
	width: 100%; max-width: 260px;
}
.useVcNew .chk-write input[type="text"],
.useVcNew .input-group .keyword { width: 160px; padding-bottom: 3px;}
.useVcNew .chk-write input[type="text"]:focus {outline: 0; border-bottom: 2px solid #000;}
.useVcNew .input-group .mr-0 {margin-right: 0;}
.useVcNew .input-group .input-num input[type=tel],
.useVcNew .input-group .input-num input[type=number],
.useVcNew .input-group .input-num select,
.useVcNew .input-group .input-num select ~ .ui-select,
.useVcNew .input-group .input-num select ~ .ui-select .current
.useVcNew .input-group .input-mail input[type=text],
.useVcNew .input-group .input-mail select,
.useVcNew .input-group .input-mail select ~ .ui-select,
.useVcNew .input-group .input-mail select ~ .ui-select .current {
	width: 160px; max-width: 160px;
	width: calc(100% / 3); max-width: calc(100% / 3);
	flex: auto;
}
.useVcNew .input-group .input-certify {
	width: 160px; max-width: 160px;
}
.useVcNew .input-group .input-mail input.mail-domain {
	width: 170px; max-width: 170px;
	flex: auto
}
.useVcNew .bullet {
	font-size: var(--font-lv6);
}
.useVcNew .agree-box .agree {
	justify-content: flex-start;
}
.useVcNew .agree-box .agree .radio-box {
	margin-left: auto;
	gap: 0;
}
.useVcNew .step-list.flex-acjc {
	gap: 15px;
}
.useVcNew .bullet-list {
	margin-top: 10px;
}
.useVcNew .com-view-table > .bullet,
.useVcNew .com-view-table > .bullet-list {
	margin-top: 20px;
}
.useVcNew .article-list li {
	border: 1px solid var(--bd-color);
}
.useVcNew .article-list li:first-child {
	border-top: 0;
	border-bottom: 0;
}
.useVcNew .quz-box {
	width: 532px; height: 79px;
	padding: 20px 0;
	margin: 40px auto 0;
	text-align: center;
	font-weight: 700;
	font-size: 26px;
	background-color: #E9F9FA;
}
/* 검색 */
.useVcNew .search-box .search-list {display: flex; flex-direction: row; align-items: flex-start; gap: 20px 77px;}
.useVcNew .search-box .search-list dl {width: auto;}
.useVcNew .search-box .search-list dl dt {flex: 1 0 120px; width: 120px; padding-left: 0;}
.useVcNew .search-box .search-list dl dd {
	flex: 1 0 auto;
	min-width: 440px;
	min-width: 469px;
	padding: 0;
}
.useVcNew .search-box .search-list dl dd.period {width: auto; gap: 10px;}
.useVcNew .search-box .search-list dl dd.period .date {flex: 1 0 206px; width: auto;}
.useVcNew .search-box .search-list .period .date{width:211px}
.useVcNew .search-box .search-list dl dd.full-value {flex: 1 0 1080px;}
.useVcNew .search-box .search-list dl dd input[type="text"],
.useVcNew .search-box .search-list dl dd select { width: 90%; } /*100->90*/
.useVcNew .search-box .search-list dl.period dd.search-ymd input[type="date"]{width:194px !important;} /* 이용권 사용내역 승인일자From~To */
.useVcNew .search-box .search-list dl.period dd.search-year select {width:194px !important;	}          /* 학습자 정보 사업연도From~To */
.useVcNew .search-box .search-list dl dd.chk-box { 
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px 26px;
	min-height: 56px;
	border-radius: 14px;
}
.useVcNew .search-box .search-list dl dd.chk-box.bg-white {padding: 30px;}
.useVcNew .search-box .search-list dl dd.chk-box div {
	display: flex;
	align-items: center;
	flex: 1 0 196px;
	max-width: 196px;
}
.useVcNew .search-box .search-list dl dd.chk-box div.max-size {
	max-width: 260px;
}
.useVcNew .search-box .search-list .btns {
	margin-top: 20px;
}
.useVcNew .search-box .search-list {gap: 20px;}

/* 팝업 검색 */
.useVcNew .layer-search-box .search-list dl:not(.w-100) {flex: 1;}
.useVcNew .layer-search-box .search-list dl:not(.w-100) dd :is(input, select) {width: 232px;}
.useVcNew .layer-search-box .search-list dl {display: flex; padding-left: 0;}
.useVcNew .layer-search-box .search-list dl dt {width: auto; flex: none; padding-left: 0; margin-right: 10px; text-align: right;}
.useVcNew .layer-search-box .search-list dl dd {min-width: auto; flex: 1;}
.useVcNew .layer-search-box .search-list dl dd.full-value {flex: 1 0 calc(100% - 92px);}
.useVcNew .layer-search-box .search-list .btns {margin-top: 0; margin-left: 10px;}
.useVcNew .layer-search-box .search-list dl dd * {width: 100%;}
.useVcNew .layer-search-box .fixed-value {width: 88px!important;}
.useVcNew .layer-search-box.single-line .search-list {flex-wrap: nowrap;}
.useVcNew .layer-search-box.single-line dl:not(.w-100) {flex: none;}
.useVcNew .layer-search-box.single-line dl:not(.w-100) dd :is(input,select) {width: 252px;}
.useVcNew .layer-search-box.single-line dl.w-100 dd :is(input,select) {width: 100%;}

/* [2025년 평생교육이용권 지원시스템 고도화 PRJ] 사용기관 관련 style End*/

.type-wrap .chk-box input:checked ~ input[type="text"] {display: block !important;}
.list-btn-box {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
.list-btn-box .bullet-list {font-weight: 500;}

/* 포털  */
.portalNat header .multi-logo-area a {padding: 0;}
.portalNat header .multi-logo-area a:nth-child(1)::after {display: none;}
.portalNat .main-info-left {flex-direction: row;}

/* 메인 지도 */
.portalNat .main-info-left .main-info-region {position: relative; flex: 1; padding: 30px; border-radius: 15px; background: #fff;} 
.portalNat .main-info-left .main-info-region .main-info-select {position: absolute; right: 30px; top: 30px; z-index: 1;}
.portalNat .main-info-left .main-info-region .main-info-select .custom-select-box {width: 167px;}
.portalNat .main-info-left .main-info-region .custom-select-box.is-open .custom-select-list {top: calc(100% - 12px); bottom: auto;} 
.portalNat .main-info-left .main-info-region h2 {font-size: 38px; font-weight: 700;}
.portalNat .main-info-left .main-info-region p {font-size: 15px; color: var(--ph-color); font-weight: 700;}
.portalNat .main-info-left .main-info-region :is(h2,p) {position: relative; z-index: 1;}
.portalNat .main-info-region .region-card-container {background: transparent; position: absolute; left: 50%; transform: translateX(-50%); bottom: -10px; z-index: 0;}
.portalNat .main-info-left .main-info-wrap {width: 100%; gap: 22px;}

/* 평생교육 이용권이란? */
.portalNat .main-info-explain {position: relative; width: 280px; height: 580px; background: #fff url(../../images/biz2/img/img_info_link.png) no-repeat center; border-radius: 15px; padding: 30px; font-size: 38px; font-weight: 700; background-position: bottom;}
.portalNat .main-info-explain .ico {position: absolute; bottom: 30px; right: 30px;}
.portalNat .main-info-explain .ico::before {width: 100px; height: 100px; background: url(../../images/biz2/ico/ico_infolink.svg) no-repeat center; background-size: cover;}

/* 포탈 공지사항 스와이퍼 */
.portalNat .main-info-right .main-notice-detail {margin-top: 0; background-color: var(--white); border-radius: 15px; padding: 30px 20px; position: relative; height: 280px; width: 100%;}
.portalNat .main-info-right .main-notice-detail .main-tit-group h2 {font-size: 28px;}
.portalNat .main-info-right .main-notice-detail .swiper {position: static;}
.portalNat .main-info-right .main-notice-detail .swiper-indicator {right: 20px; bottom: 30px;}
.portalNat .main-info-right .main-notice-detail ul > li > a {background-color: transparent; border: 0; padding: 0; margin: 20px 0 16px 0; border-radius: 0;}

.map-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	padding: 36px;
	border: 1px solid var(--bd-color);
	border-radius: 24px;
}
.map-info-txt {
	margin: 0 auto;
	padding: 12px 40px;
	text-align: center;
	background-color: var(--white);
	border: 4px solid var(--blue);
	border-radius: 50px;
}

.call-box {
	margin-top: 40px;
}
.call-box .title {margin-bottom: 20px;}
.call-box .title .flex-col {gap: 8px;}
.call-box .title .flex-col p strong {display: inline-block; margin-left: 10px;}

.img-set {
	position: absolute;
	max-width: 1920px;
	opacity: .5;
	top: 0;
	left: 0;
	z-index: 999;
}

.region-card-container {
	width: 100%;
	background-color: #F4FBFF;
}
.region-card {
    position: relative;
	width: 100%;
    max-width: 376px;
	max-height: 533px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.region-card .bg-map {
    position: absolute;
    left: 50%; top: 50%;
    transform: translate(-50%, -50%);
    width: 100%; height: 100%;
	z-index: -1;
}
.region-card svg {
	width: 100%; height: 100%;
	overflow: visible;
}

.region-card a {
    position: absolute; 
    left: 50%; top: 50%;
    transform: translate(-50%, -50%);
    font-size: 15px;
    font-weight: 700;
	text-align: right;
    white-space: nowrap;
	transition: transform 500ms ease-in-out;
}

.region-card a {font-size: 15px; color: black; transition: all .4s ease-in-out;}
.region-card a.seoul 	{left: 30%; top: 20%;}
.region-card a.gyeonggi {left: 33%; top: 28%;}
.region-card a.incheon 	{left:  8%; top: 25%; padding: 5px 10px;}
.region-card a.sejong 	{left: 28%; top: 40%; line-height: 1.3;}
.region-card a.daejeon 	{left: 37%; top: 48%;}
.region-card a.daegu 	{left: 65%; top: 57%;}
.region-card a.gwangju 	{left: 28%; top: 72%;}
.region-card a.ulsan 	{left: 85%; top: 63%; padding: 5px 10px;}
.region-card a.busan 	{left: 80%; top: 70%; padding: 5px 10px;}
.region-card a.gangwon 	{left: 54%; top: 18%;}
.region-card a.chungbuk {left: 46%; top: 34%;}
.region-card a.chungnam {left: 17%; top: 45%;}
.region-card a.gyeongbuk {left: 64%; top: 46%;}
.region-card a.gyeongnam {left: 55%; top: 67%;}
.region-card a.jeonbuk	 {left: 34%; top: 58%;}
.region-card a.jeonnam	 {left: 21%; top: 78%;}
.region-card a.jeju 	 {left: 35%; top: 92%;}

/* PAP_001.html */
.region-card.detail a.jeju {top: 97.5%;}

.map-svg > g.jeju, path.not-link, path.not-stroke  {fill: #BADEFF; stroke-width: 0;}
.region-card a, .map-svg g {cursor: pointer; fill: #BADEFF; stroke: #FFF; stroke-width: 3px;}

/* 지역 호버 스타일 */
.map-svg > g,
.map-svg > g:not(.not-link) > path {transition: all .4s ease-in-out; position: relative; z-index: 0;}
.map-svg > g:not(.not-link).is-hover > path {z-index: 999; }
.map-svg > g:not(.not-link).is-hover > path {fill: #5CAEFA; }

/* 지역 링크 호버 스타일 */
.region-card a.is-hover {font-size: 18px; pointer-events: none;}

.ui-select {
	display: inline-block; vertical-align: middle;
	-webkit-tap-highlight-color: transparent;
	position: relative;
	min-width: 100px;
	/* width: fit-content; */
	padding: 0 41px 0 16px;
	white-space: nowrap;
	border: 0;
	background: #fff url(../../images/biz2/ico/ico_arrow_down.svg) no-repeat right 16px center;
	border: 1px solid var(--bd-color);
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-webkit-user-select:  none;
		-moz-user-select: none;
		-ms-user-select:  none;
			user-select:  none;
	cursor: pointer;
}
.ui-select.open {
	background-image: url(../../images/biz2/ico/ico_arrow_up.svg);
}
.ui-select .current {
	display: inline-block; vertical-align: middle;
	display: block; line-height: 56px;
	width: 100%; height: 100%;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	z-index: 10;
}

.ui-select.disabled {
	border-color: #ededed;
	color: #999;
	pointer-events: none; 
}
.ui-select.disabled:after {
	border-color: #cccccc; 
}
.ui-select .list {
	position: absolute;
	display: block;
    /* z-index: -1; */
    width: 100%;
	width: calc(100% + 2px);
	height: 150px;
    max-height: 450px;
	padding-top: 0; padding-bottom: 10px;
    background: #fff;
    border: 1px solid var(--bd-color);
	border-radius: 0 0 10px 10px;
	pointer-events: none;
	left: -1px; bottom: 12px;
	transform-origin: 50% 0;transform: translateY(0);

	opacity: 0;
	overflow-x: hidden;
	overflow-y: auto;
}
.ui-select.open .current { z-index: 15;}
.ui-select.open .list {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: scale(1) translateY(calc(100% + 12px));
	-ms-transform: scale(1) translateY(calc(100% + 12px));
	transform: scale(1) translateY(calc(100% + 12px)); 
	z-index: 11;
}
.ui-select .list:hover .option:not(:hover) {background-color: transparent !important; }
.ui-select .option {
	cursor: pointer;
	font-weight: 400;
	line-height: 40px;
	list-style: none;
	min-height: 40px;
	outline: none;
	padding-left: 18px;
	padding-right: 29px;
	text-align: left;
	-webkit-transition: all 0.2s;
	transition: all 0.2s; }
.ui-select .option:hover, .ui-select .option.focus, .ui-select .option.selected.focus {
	background-color: var(--pri) !important; 
}
.ui-select .option:hover {color: #fff;}
.ui-select .option.disabled {
	background-color: transparent;
	color: #999;
	cursor: default; 
}
.no-csspointerevents .ui-select .list {display: none; }
.no-csspointerevents .ui-select.open .list { display: block; }

/* search block */
.search-input {position: relative;}
.search-input-btn {position: absolute; top: 50%; right: 16px; transform: translateY(-50%);}


/* must type */
.must-type::after{content: '*'; color: var(--red);}

/* top info group */
.conts-header {display: flex; align-items: center; justify-content: space-between; margin-bottom:20px;}

.main-search-box > select ~ .custom-select,
.main-search-box > select ~ .custom-select .current,
.conts-header select ~ .custom-select  {border-radius: 10px;}
.conts-header select {border-radius: 10px;}
.conts-header-data {font-size: 18px;} 

/* btn */
.btn {font-weight: 300; border-radius: 8px;}

/* btn-theme */
.btn.primary {background: var(--primary-color); color: #fff;}
.btn.navy-12 {background: var(--navy-12); color: #fff;}

/* category-label */
.category-label {vertical-align: baseline;}
.category-label:not(.new-label) {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	border-radius: 8px;
	width: 96px;
	height: 30px; 
	color: #fff; 
	margin-right: 8px; 
	font-weight: 700;
}
.category-label.new-label + .category-label:not(.new-label) {margin-left: 4px;}
.category-label.new-label {color: #fff; text-transform: uppercase; background: #FAB700; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; border-radius: 8px; width: 32px; height: 30px;}
.category-label.notice {background:#00ADB2 ;}
.category-label.system {background: #6DB979;}
.category-label.user-agency {background: #58AEE3;}
.category-label.apply {background: #6095E5;}
.category-label.lottery {background: #7784D9;}
.category-label.noticeAll {background: #FE6F61;}

/* outline-label (지역 사용) */
.outline-label {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-weight: 700;
	border: 1px solid var(--bd-color);
	border-radius: 8px;
	height: 27px;
	padding: 0 10px;
	margin-right: 6px;
	vertical-align: middle;
}


/* 사용기관 연수 임시 (요청) */
.bad {background: url('../../images/biz2/ico/ico_quiz_bad.png') no-repeat;}
.good {background: url('../../images/biz2/ico/ico_quiz_good.png') no-repeat;}

/* 팝업 팝업 */
.layer-pop { display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 1000;}
.layer-pop.on { display: block; }
.layer-content { overflow: hidden; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: var(--max-width, 840px); width: 100%; box-shadow: 0px 6px 16px rgba(15, 21, 34, 0.06);}
.layer-content .layer-inner { position: relative; background: #FFF; border-radius: 20px; padding: 60px 40px 40px 40px; }
.layer-content .layer-scroll { overflow-y: auto; position: relative; max-height: calc(100vh - 40px); background: #FFF; border-radius: 20px; padding: 60px 40px 40px 40px; }
.layer-content .layer-inner > .title,
.layer-content .layer-scroll > .title { display: block; position: relative; font-size: 26px; text-align: center; font-weight: 700;}
.layer-content .desc {font-size: 20px;}
.layer-content .desc + .com-view-table {margin-top: 40px;}
.layer-content .layer-inner > .title .ic-edu ,
.layer-content .layer-scroll > .title .ic-edu { position: absolute; left: 0; top: 0; width: 176px; height: 34px; background: url(../../images/biz2/ico/ico_pop_edu.png) no-repeat 0 0; }
.layer-content .close-btn { position: absolute; right: 20px; top: 18px; width: 24px; height: 24px; background: url(../../images/biz2/ico/ico_pop_close.svg) no-repeat center center; }
/* 팝업 하단 정보 영역 */
.layer-content .info-area { margin-top: 40px;}

/* 중복 팝업 콘텐츠 */
.layer-content + .layer-content {box-shadow: 0px 2px 6px 6px rgba(15, 21, 34, 0.06);}
.layer-pop .hide-layer-content {display: none; border-radius: 20px;}

.layer-content .info-area > .tit { display: block; margin-bottom: 14px; font-size: 20px; font-weight: bold; color: #333; }
.layer-content .info-area .list-box { width: 267px; margin: 0 auto; }
.layer-content .info-area .list-box li { display: flex; align-items: center; }
.layer-content .info-area .list-box li + li { margin-top: 24px; }
.layer-content .info-area .list-box li .tit { flex-shrink: 0; width: 100px; font-size: 16px; font-weight: bold;  }
.layer-content .info-area .list-box li input[type=text] { font-size: 14px; }
.layer-content .info-area .result-txt { margin-top: 56px; background: #F6FEFF; border-radius: 12px; border: 1px solid #ddd; padding: 20px; text-align: center; font-size: 16px; font-weight: 500; color: #191919; }
.layer-content .info-area .confirm-box { margin-top: 28px; }
.layer-content .info-area .confirm-box > .text { display: block; font-size: 14px; text-align: center; color: #555555; }
.layer-content .info-area .confirm-box .check-group { display: flex; justify-content: center; margin-top: 27px; }
.layer-content .info-area .text-box { padding-bottom: 22px; }
.layer-content .info-area .text-box > .tit { display: block; font-size: 16px; color: #555; }
.layer-content .info-area .text-box > .tit + .txt { padding: 8px 0 0 12px; }
.layer-content .info-area .text-box > .txt { display: block; font-size: 14px; color: #797979; }
.layer-content .info-area .text-box > .txt + .tit { margin-top: 26px; }
.layer-content .info-area .text-box > .noti-txt { display: block; margin-top: 90px; font-size: 14px; font-weight: bold; text-align: center; color: #191919; }
.layer-content .info-area .text-box > .day { display: block; margin-top: 12px; font-size: 14px; font-weight: bold; color: #191919; text-align: right; }      
.layer-content .btn-box button { min-width: 74px; height: 38px; padding: 0 15px; border-radius: 6px; background: #00B3BE; font-size: 16px; font-weight: bold; color: #FFFFFF; }

/* ui */
.ui-select.w-180 { width: 180px;}

/* 세로형 테이블 스타일 */
.com-view-table table { width: 100%; border-top: 1px solid var(--bd-color); }
.com-view-table table th { height: 70px; background: var(--bg-color); border-right: 1px solid var(--bd-color); border-bottom: 1px solid var(--bd-color); text-align: center; font-weight: bold;}
.com-view-table table th:last-child { border-right: 0; }
.com-view-table table td { height: 70px; padding: 10px; border-right: 1px solid var(--bd-color); border-bottom: 1px solid var(--bd-color); font-weight: 500; text-align: center;  }
.com-view-table table td.no-data {color: #b5b5b5;}
.com-view-table table td:last-child { border-right: 0; }
.com-view-title {max-width: 99.99%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: middle;}
tr.fixed-post {background-color: #E9F9FA;}
tr.fixed-post > td {font-weight: 700;}
/* 가로형 테이블 스타일 */
.com-write-table table { width: 100%; border-top: 1px solid var(--bd-color)}
.com-write-table table th {background: var(--bg-color);  border-bottom: 1px solid var(--bd-color); font-weight: bold; padding-left: 16px;}
.com-write-table table th:last-child { border-right: 0;}
.com-write-table table td {height: 76px; padding: 13px 20px; border-right: 1px solid var(--bd-color); border-bottom: 1px solid var(--bd-color); font-weight: 500; text-align: left;}
.com-write-table table td:last-child { border-right: 0; }
.com-write-table table td.readonly {background: var(--bg-color);}
.com-write-table table td textarea { height: 100px; }
.com-write-table table{border-top:1 !important;}
.com-write-table table tbody tr:first-child th,
.com-write-table table tbody tr:first-child td{border-top:1px solid #aaa;}

/* 정책 > 이용약관 */
.term-box {font-size: 20px;}
.term-box h3 {font-size: 22px;}
.term-box h4 {font-weight: 500; margin-top: 20px; margin-bottom: 10px;}
.term-box h3:not(:nth-of-type(1)){margin-top: 40px;}
.term-box p + p {margin-top: 10px;}

/* 정책 > 개인정보처리방침 */
.privacy :is(.info-box.bg-gray p, .privacy-guide, table th) {font-size: 20px;}
.privacy .info-box.bg-gray p + p {margin-top: 20px;}
.privacy .conts-header {margin-top: 0;}
.privacy .privacy-guide-group {display: flex;}
.privacy .privacy-guide-card {border: 1px solid var(--bd-color); border-bottom: 0; flex: 1;}
.privacy .privacy-guide-thumb {text-align: center;}
.privacy .privacy-guide-group .privacy-guide-card:not(:nth-child(1)){border-left: 0;}
.privacy .privacy-guide-tit {display: flex; align-items: center; justify-content: center; font-size: 22px; min-height: 76px; background: var(--bg-color);}
.privacy .privacy-guide-desc {padding: 20px; font-size: 20px;}
.privacy .privacy-guide-info {border: 1px solid var(--bd-color); min-height: 70px; display: flex; align-items: center; padding: 0 20px;}
.privacy .privacy-guide-info > p {margin-top: 0;}
.privacy :is(.com-view-table, .com-write-table, .table-list){margin-top: 20px;}
.privacy .table-list > ul > li > p > strong {display: block;}
.privacy :is(.com-view-table, .com-write-table, .table-list) + p {margin-top: 20px;}
.privacy p.bullet, .privacy ul.bullet-list {font-size: 20px!important;}
.privacy .term-box h3 {margin-bottom: 20px;}
.privacy .term-box h4 {font-weight: 700; margin-top: 10px;}
.privacy .term-box h4:not(:nth-of-type(1)){margin-top: 10px;}
.privacy .term-box :is(p, h4) {padding-left: 20px;}
.privacy .term-box :is(p, h4) .btns {color: var(--blue); background-color: white; border: 1px solid var(--blue); border-radius: 4px; height: 24px; padding: 0 8px; font-size: 14px; vertical-align: middle; width: auto;}
.privacy .table-list p {padding-left: 0;}
.privacy .term-box p.indent-depth-1 {padding-left: 40px;}
.privacy .term-box p.indent-depth-2 {padding-left: 60px;}
.privacy img.privacy-img {margin-top: 20px; margin-bottom: 10px;}
.privacy .index .conts-header {justify-content: center;}
.privacy .index .info-box {display: flex;}
.privacy .index .info-box > ul {flex: 1;}
.privacy .index .info-box > ul li + li {margin-top: 20px;}
.privacy .index .info-box > ul > li > a:hover {color: var(--pri);}
.privacy .index .info-box > ul > li.is-active > a {color: var(--pri); font-weight: 700;}
/* 링크형 버튼 추가 2025.04.15 lkw */
.link_btns {color: var(--blue); background-color: white; border: 1px solid var(--blue); border-radius: 4px; height: 24px; padding: 0 8px; font-size: 14px; vertical-align: middle; width: auto;} 

html .flex-input + .flex-input{margin-top:10px;}
html .flex-input{display: flex;gap:5px;}
html .flex-input input,
html .flex-input select{flex:1 1;width:1% !important;min-width:1% !important;margin:0 !important;box-sizing: border-box;padding:0 1.5rem !important}
html .flex-input input{}
html .flex-input select {
	background-position: right 1rem top 1.2rem !important;background-repeat: no-repeat !important;background-size:22px !important;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGVSURBVHgB7dO7TsJQGMDx7/RC4qZPYHkDeQPhAbxBXCkdWtmQFwCeABdsGhPowESUGgdH+wbKYEiICztDiUETjfTzlLRakdrSyaH/hZzTQ3+9nAIkJSUlJSUluRH/QLswmoh2hRCmkeKgXiodQpxM04TRaJoGYt9RARmYH8ny8cC/hvEPbLSLzi/Fa+8fUO90DFi3JVSgUwIi2V1e9wOGOVQd149r2g2BiPV6jzAcTjPA2Pcu6tzwIJXi9OW1v06qqlciYaHtO6YT5CVF2UMIQSeTpwzL0zsF2HTRhxTP5ugrm4bCTufa5QEhpE0Pbnk4z7KSJO0jnV+BmmA9WyLa2PRQRNTLSqEEAQU+xlbL2GHo1Xv44pHxs5woFi0/7kM73lwY+ifs4Sxn9+mqtB8XhG0rm81Ct3sLs9e3Ct2Wze9/4dmJXDiFkEI3jqoaAmEWOzTtTo3BZnIctzGe40sNEWpfJEKjrOTrEKFIO3YVTr/1a+ebj4NGhgNwiIuuBQfhcdC1YQ8HFvuUFOiwWpbzOiT95z4B3HLALM30oSYAAAAASUVORK5CYII=) !important;
}


html .flex-input2 + .flex-input{margin-top:10px;}
html .flex-input2{display: inline-flex;gap:5px;align-items: center;}
html .flex-input2 input,
html .flex-input2 select{flex:1 1;width:1%;min-width: 1%;box-sizing: border-box;}
html .flex-input2 input{}
html .flex-input2 select {
}




/* 이용권 신청 약관 [개인정보 수집 . 이용내역] 팝업 */
.tb-reqTerm tr td {
	text-align:left;
}

.tb-reqTerm .txt-center {
	text-align:center;
}

.tb-reqTerm .txt-strong {
	font-size: 22px;
	font-weight: bold;
	text-decoration: underline;
}

/* 20260130 고도화 사용기관 안내 페이지보기 select 뭉개짐 수정*/
#selectPageSize {
  width: 170px;
}