@charset "utf-8";

/* ----------------------------------------------------------------- 모션 ----------------------------------------------------------------- */
/* PC */
.motion-up,
.motion-left,
.motion-right	{opacity: 0; transition: transform 1.5s ease, opacity 1.5s ease; will-change: transform, opacity;}

.motion-up		{transform: translateY(80px);}
.motion-left	{transform: translateX(-80px);}
.motion-right	{transform: translateX(80px);}

.motion-show	{transform: translate(0, 0); /* 방향 상관없이 원위치 */ opacity: 1;}

/* Tablet */
@media only screen and (max-width: 1024px) {
	.motion-left,
	.motion-right				{transform: translateY(80px);}
	.motion-show				{transform: translateY(0);}
	.motion-right.motion-show	{transition-delay: 0s;}
}

/* Mobile */
@media only screen and (max-width: 720px) {
	
}


/* ----------------------------------------------------------------- 소식 - 지원사업 모집공고 ----------------------------------------------------------------- */
/* PC */
.board .sub_content.gray_bg	{background: linear-gradient(#fff, #f5f5f5 130px, #f5f5f5 130px);}

.board_flex .content{display: flex; justify-content: space-between; gap: 3%;}
.board .left		{min-width: 270px;}
.board .right		{max-width: 1130px; width: 100%;}

.board .left .reset_btn					{display: flex; justify-content: flex-end; align-items: center; margin-bottom: 10px;}
.board .left .reset_btn a				{display: block; color: #777;}
.board .left .reset_btn a:after			{content: ''; width: 14px; height: 14px; display: inline-block; margin-left: 2px; background: url('../_img/cont/board_reset.svg') no-repeat 50% 50% / 14px; vertical-align: -1px;}
.board .left .reset_btn a:hover:after	{transform: rotate(360deg); transition: .8s;}

.board .left .search						{display:flex; width: 100%; border: 2px solid #222; margin-bottom: 15px;}
.board .left .search input[type="text"]	{height: 54px; vertical-align: middle; padding: 5px 15px; color: #222; font-size:16px; font-weight:300; width: calc(100% - 54px); border: none;}
.board .left .search .search_go			{width: 54px; height: 54px; background: #222 url('../_img/cont/board_search.svg') no-repeat 50% 50% / 24px; font-size:0; cursor:pointer}

.left_menu				{border: 1px solid #ddd; border-bottom: 0;}
.left_menu > li			{border-bottom: 1px solid #ddd; padding: 25px 15px;}
.left_menu > li .tit	{font-size: 19px; font-weight: 500; margin-bottom: 15px;}

.left .research						{border: 1px solid #ddd; border-top: 0; padding: 10px 15px; display: flex; align-items: center; gap: 8px;}
.left .research .tit				{font-size: 16px; color: #666; min-width: 77px;}
.left .research > div				{display: flex; width: 100%;}
.left .research input[type="text"]	{font-size: 16px; border: none; background: #fff; height: 40px; width: calc(100% - 40px); padding: 0 10px;}
.left .research .search_go			{display: inline-block; width: 40px; height: 40px; background: #fff url('../_img/cont/board_search_bk.svg') no-repeat 0% 50% / 24px; font-size: 0;}

.left_menu .check_v					{display:block !important;}
.left_menu .check_v li				{margin-bottom: 10px;}
.left_menu .check_v li:last-child	{margin-bottom: 0px;}

.check_v input[type="checkbox"]							{border: 0}
.check_v input[type="checkbox"] + label					{transition:.2s; display: inline-block; position: relative; cursor: pointer; font-size: 18px; font-weight: 400; color: #777;}
.check_v input[type="checkbox"] + label:before			{content: ''; border: 1px solid #ddd; background: #fff; display: inline-block; width: 17px; height: 17px; vertical-align: -4px; border-radius: 3px; margin-right: 8px;}
.check_v input[type="checkbox"]:checked + label			{color: #222; font-weight: 500;}
.check_v input[type="checkbox"]:checked + label:before	{background: var(--Primary-900) url('../_img/cont/check.svg')no-repeat 55% 55% / 12px; border: 1px solid var(--Primary-900);}
.check_v input[type="checkbox"]:hover + label			{color: #222;}
.check_v input[type="checkbox"]:focus + label			{color: #222;}
.check_v input[type="checkbox"] + label span			{margin-left: 6px; font-size: 17px;}
.check_v input[type="checkbox"]:checked + label span	{font-weight: 600;}

.total		{font-size: 18px; color: #666; font-weight: 400; margin-bottom: 10px; padding-left: 10px;}
.total span	{color: var(--Primary-900);}

/* .box_list					{display: flex; flex-wrap: wrap; gap: 20px 2%;}
.box_list li				{width: 32%;}
.box_list li a				{display: block; width: 100%; background: #fff; border: 2px solid #fff; padding: 35px 30px; transition:.2s;} 
.box_list li a .top_box		{margin-bottom: 15px;}*/
.box_list					{gap: 20px 2%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));}
.box_list li				{display: flex;}
.box_list li.end			{filter:grayscale(1)}
.box_list li a				{display: block; width: 100%; background: #fff; border: 2px solid #fff; padding: 35px 30px; transition:.2s; height: 100%; display: flex; flex-direction: column; justify-content: flex-start;}
.box_list li a:hover		{border: 2px solid #222; box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.15);}
.box_list li a .flex_box	{display: flex; justify-content: space-between;}
.box_list li a .top_box		{margin:40px 0 15px;}
.box_list li a .tag.day span	{border: none; color: #333; font-weight: 500;}
.box_list li a .tit				{font-size: 21px; font-weight: 500; color: #222; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-all;   flex:1;}
.box_list li a .gray_box		{}
.box_list li a .gray_box span	{font-size: 16px; color: #777;}

.box_list li.end a .tag span		{color: #777;}
.box_list li a .tag .red,
.box_list li a .tag .blue		{color: #777;}
.box_list li.end a .tag .red,
.box_list li.end a .tag .blue		{color: #777;}
.box_list li.end a .tag.day span	{background: #F5F5F5; border: 1px solid #F5F5F5; color: #999;}
.box_list li.end a .tit				{color: #777;  flex:1;}
.box_list li a .gray_box span	{color: #aaa;}
.box_list li.end a .gray_box span	{color: #aaa;}

.board .tag			{display: flex; gap: 4px;}
.board .tag span	{height: 25px; display: flex; align-items: center; justify-content: center; padding: 0 7px; font-size: 15px; color: #333; font-weight: 400; border: 1px solid #ddd; background: #fff; border-radius: 3px; padding-top: 1px;}
.board .tag span:empty{display:none;}
.board .tag .red	{background: #dee3ed; color: #777; border: 1px solid #dee3ed;}
.board .tag .blue	{background: #00287F; color: #fff; border: 1px solid #00287F;}
/* .board .tag .blue	{background: var(--Secondarty); color: #fff; border: 1px solid var(--Secondarty);} */
.board .tag .gray	{background: #F5F5F5; border: 1px solid #F5F5F5; color: #999;}
.board .tag .day	{background: #222; border: 1px solid #222; color: #fff;}
.board .tag .red_line	{background: #fff; border: 1px solid var(--Primary-900); color: var(--Primary-900);}
.board .tag .blue_line	{background: #fff; border: 1px solid var(--Secondarty); color: var(--Secondarty);}
.board .tag .end	{background: #F5F5F5; border: 1px solid #F5F5F5; color: #999;}


@media only screen and (max-width: 1460px) {
	.box_list		{grid-template-columns: repeat(2, minmax(0, 1fr));}
	.box_list li 	{width: 100%;}
}

/* Tablet */
@media only screen and (max-width: 1024px) {
	.board .content	{flex-wrap: wrap; gap: 40px;}
	
	.board #sch_frm,
	.board .left	{width: 100%;}
	.board .right	{max-width: 100%;}

	.left_menu > li					{padding: 0;}
	.left_menu > li .tit			{font-size: 18px; margin-bottom: 0; padding: 15px 45px 15px 15px; cursor: pointer; position: relative;}
	.left_menu > li .tit:after		{content: ''; width: 24px; height: 24px; display: inline-block; background: url('../_img/cont/down_icon.svg') no-repeat 50% 50% / 24px; position: absolute; right: 15px; top: calc(50% - 12px);}
	.left_menu > li.on .tit:after	{transform: rotate(180deg);}
	.left_menu > li .check_v		{padding: 0px 15px 0px; height: 0; overflow: hidden; box-sizing: border-box; opacity: 0;}
	.left_menu > li.on .check_v		{padding: 0px 15px 15px; height: auto; opacity: 1;}
	
	.check_v input[type="checkbox"] + label		{font-size: 17px;}
	.check_v input[type="checkbox"] + label span{margin-left: 4px; font-size: 16px;}
	
	.total	{font-size: 17px;}

	.box_list						{gap: 15px 2%;}
	.box_list li a					{padding: 25px 20px;}
	.box_list li a .top_box			{margin-bottom: 12px;}
	.box_list li a .tit				{font-size: 19px;}
	.box_list li a .gray_box		{;}
	.box_list li a .gray_box span	{font-size: 15px;}

	.board .tag span				{height: 26px; padding: 0 8px; font-size: 15px; padding-top: 1px;}

}

/* Mobile */
@media only screen and (max-width: 720px) {	
	.board .content	{gap: 30px;}
	
	.board .left .reset_btn a		{font-size: 15px;}

	.board .left .search						{margin-bottom: 10px;}
	.board .left .search input[type="text"]	{height: 50px; padding: 5px 15px; font-size:15px; width: calc(100% - 50px);}
	.board .left .search .search_go			{width: 50px; height: 50px; background: #222 url('../_img/cont/board_search.svg') no-repeat 50% 50% / 22px;}

	.left_menu > li .tit			{font-size: 15px; padding: 15px 42px 15px 12px;}
	.left_menu > li .tit:after		{width: 22px; height: 22px; background: url('../_img/cont/down_icon.svg') no-repeat 50% 50% / 22px; right: 10px; top: calc(50% - 11px);}
	.left_menu > li .check_v		{padding: 0px 12px 0px;}
	.left_menu > li.on .check_v		{padding: 0px 12px 15px;}

	.left .research						{gap: 6px;}
	.left .research .tit				{font-size: 14px; min-width: 75px;}
	.left .research input[type="text"]	{font-size: 15px;}
	.left .research .search_go			{background: #fff url('../_img/cont/board_search_bk.svg') no-repeat 40% 50% / 22px;}

	.check_v input[type="checkbox"] + label		{font-size: 15px;}
	.check_v input[type="checkbox"] + label span{margin-left: 3px; font-size: 14px;}
	
	.total	{font-size: 15px;}

	
	.box_list		{grid-template-columns: repeat(1, minmax(0, 1fr));}
	.box_list li					{width: 100%;}
	.box_list li a					{padding: 15px 15px;}
	.box_list li a .top_box			{margin-bottom: 10px;}
	.box_list li a .tit				{font-size: 17px;}
	.box_list li a .gray_box		{}
	.box_list li a .gray_box span	{font-size: 14px;}

	.board .tag span				{height: 24px; padding: 0 6px; font-size: 13px; padding-top: 1px;}
}



/* ----------------------------------------------------------------- 게시판 ----------------------------------------------------------------- */
/* PC */
.notice li.cate				{display: flex; align-items: center; gap: 20px; border-top: 2px solid #222; border-bottom: 1px solid #ddd; padding: 20px 20px; text-align: center; background: #f8f8f8;}
.notice li.cate *			{color: #222; font-size: 18px; font-weight: 500;}
.notice li.cate .tit		{width: 100%; display: flex; align-items: center; justify-content: center;}

.notice li a				{display: flex; align-items: center; gap: 20px; border-bottom: 1px solid #ddd; padding: 30px 20px; text-align: center; position: relative;}
.notice li a:before			{content: ''; position: absolute; left: 0; top: 0; width: 0%; height: 100%; border-radius: 10px; background: rgb(59 75 155 / 5%); z-index: -1; transition: width 0.6s ease;}
.notice li a:after			{content: ''; width: 0%; height: 100%; border: 1px solid #fff; border-left: 0; border-right: 0; display: block; position: absolute; left: 0; top: -1px; transition: width .6s ease;}
.notice li:nth-child(1) a	{border-top: 1px solid #ddd;}
.notice li a span			{color: #777; font-size: 18px;}
.notice li a .tit			{width: 100%; font-size: 22px; gap: 15px; font-weight: 500; text-align: left; color: #222; display: flex; align-items: center;}
.notice li a .tit .txt		{display: flex; align-items: center;}
.notice li a .tit p			{align-items: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; word-break: break-all;}
.notice li a .tit .file		{display: inline-block; min-width: 16px; height: 16px; margin-left: 10px; background: url('../_img/cont/file_icon.svg') no-repeat 50% 50% / 16px;}

.notice li .num				{min-width: 60px;}
.notice li .tag_box			{min-width: 80px; text-align: center;}
.notice li .name			{min-width: 110px;}
.notice li .day				{min-width: 95px;}
.notice li .date			{min-width: 110px;}
.notice li .date2			{min-width: 205px;}
.notice li .view			{min-width: 70px;}
.notice li a,
.notice li a span,
.notice li a .tit,
.notice li a .tit .tag		{transition: color .4s ease, background-color .4s ease;}
.notice li a .txt > .tag	{margin-right: 10px;}

.notice li a .tag			{padding: 2px 10px; height: 26px; font-size: 16px; display: inline-block; background: rgba(69,92,208,.8); border-radius: 3px; color: #fff; flex-shrink: 0;}
.notice .gray_box			{display: flex; gap: 20px;}

.notice li.noti a .num		{font-size: 0; background: url('../_img/cont/noti_icon.svg') no-repeat 50% 50% / 18px; height: 18px;}

.notice li a:hover:before		{width: 100%;}
.notice li a:hover:after		{width: 100%;}
.notice li a:hover .tit .tag	{background: #fff; color: rgba(69,92,208,.8);}
/*.notice li a:hover .tit .file	{background: url('../_img/cont/file_icon_w.svg') no-repeat 50% 50% / 16px;}*/
/*.notice li a:hover,
.notice li a:hover span,
.notice li a:hover .tit			{color: #fff;}*/
.notice li a:hover .tit .tag	{background: #fff; color: rgba(69,92,208,.8);}

.board .notice .tag span		{background: rgba(69, 92, 208, .8); color: #fff; border: 1px solid rgba(69, 92, 208, .8);}
.board .nodata,
.contact .nodata				{color: #777; font-size: 18px; border-top: 1px solid #ddd; width: 100%; border-bottom: 1px solid #ddd; text-align: center; padding: 80px 20px;}

/* Tablet */
@media only screen and (max-width: 1024px) {
	.notice li.cate				{gap: 5px; padding: 15px 10px;}
	.notice li.cate *			{font-size: 16px;}	
	.notice li .day				{min-width: 60px; text-align: left;}
	
	.notice li a				{gap: 8px; padding: 22px 10px;}
	.notice li a span			{font-size: 16px;}
	.notice li a .tit			{font-size: 18px; gap: 8px;}
	.notice li a .tit .file		{margin-left: 8px;}
	
	.notice li .num				{min-width: 40px;}
	.notice li .tag_box			{min-width: 72px;}
	.notice li .name			{min-width: 90px;}
	.notice li .date			{min-width: 85px;}
	.notice li .date2			{min-width: 185px;}
	.notice li .view			{min-width: 40px;}

	.notice li a .tag			{padding: 2px 8px; height: 24px; font-size: 15px;}
	.notice .gray_box			{gap: 10px;}
}

/* Mobile */
@media only screen and (max-width: 720px) {
	.notice li.cate			{display: none;}
	.notice li.cate + li a	{border-top: 1px solid #ddd;}
	.notice li a			{flex-wrap: wrap; gap: 0; padding: 20px 10px;}
	.notice li a span		{font-size: 14px;}
	.notice li a .tit		{font-size: 17px;}
	.notice li a .tit .txt	{width: 100%;}
	.notice li a .tit .file	{margin-left: 8px;}
	
	.notice li a .num		{display: none;}
	.notice li .tag_box		{min-width: auto;}
	.notice li a .name,
	.notice li a .date,
	.notice li a .date2,
	.notice li a .view		{min-width: auto;}

	.notice li .tag_box		{min-width: 70px; height: 26px;}
	.notice li .tag_box .tag{width: 100%;}
	.notice li a .tag		{padding: 2px 6px 0; height: 22px; margin-right: 8px; font-size: 13px;}
	.notice .gray_box						{gap: 2px 11px; margin-top: 10px; flex-wrap: wrap;}
	.notice .gray_box span:before			{content: ''; width: 1px; height: 12px; background: #ddd; display: inline-block; margin-right: 10px; vertical-align: -1px;}
	.notice .gray_box span:nth-child(1):before	{display: none;}
	
	.notice li.noti .gray_box	{padding-left: 27px; background: url('../_img/cont/noti_icon.svg') no-repeat left 2px top 20% / 15px;}
	/*.notice li.noti a .num	{display: block; background: url('../_img/cont/noti_icon.svg') no-repeat 100% 50% / 15px; position: absolute; right: 10px; bottom: 20px;}*/
	.board .nodata,
	.contact .nodata			{display:block; font-size: 15px; padding: 50px 10px;}

}

/* ----------------------------------------------------------------- 게시판 상세 ----------------------------------------------------------------- */
/* PC */
.board_header				{border-bottom: 1px solid #ddd; padding-bottom: 40px; text-align: center;}
.board_header .tag			{margin-bottom: 15px; margin-right: 0; justify-content: center;}
.board_header .tit			{font-size: 42px; font-weight: 700;}
.board_header .gray_box		{margin-top: 30px; display: flex; justify-content: center; gap: 20px;}
.board_header .gray_box span					{font-size: 18px; color: #777;}
.board_header .gray_box span:after				{content: ''; width: 1px; height: 14px; background: #ddd; display: inline-block; margin-left: 20px; vertical-align: -1px;}
.board_header .gray_box span:last-child:after	{display: none;}

.board_body		{padding: 80px 0; font-size: 18px; border-bottom: 1px solid #ddd;}

.filewrap			{background: #f8f8f8; padding: 30px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; display: flex; flex-wrap: wrap; gap: 12px; margin-top: -1px;}
.filewrap p			{display: flex; gap: 20px; width: 100%;}
.filewrap span		{min-width: 110px; padding-left: 25px; color: #222; font-weight: 500; font-size: 18px; display: block; background: url('../_img/cont/file_icon.svg') no-repeat left 0px top 5px / 16px;}
.filewrap span:after{content: ''; width: 1px; height: 14px; background: #ddd; display: inline-block; margin-left: 20px; vertical-align: -1px;}
.filewrap a			{color: #222; font-weight: 300; font-size: 18px; color: #222;}
.filewrap a:hover	{text-decoration: underline;}

.board_view .round_btn	{margin-top: 60px;}
.board_view .round_btn a{border: 1px solid #222;}
.board_view .round_btn a:hover	{background: #222; color: #fff;}

.controls				{border-top: 1px solid #ddd; margin-top: 80px;}
.controls div a			{padding: 30px; display: flex; align-items: center; gap: 40px; border-bottom: 1px solid #ddd; color: #222; position: relative;}
.controls div a:before	{content: ''; position: absolute; left: 0; top: 0; width: 0%; height: 100%; border-radius: 10px; background: rgb(59 75 155 / 5%); z-index: -1; transition: width 0.6s ease;}
.controls div a:after	{content: ''; width: 0%; height: 100%; border: 1px solid #fff; border-left: 0; border-right: 0; display: block; position: absolute; left: 0; top: -1px; transition: width .6s ease;}
.controls .sub			{font-size: 18px; font-weight: 500; color: #999; width: 120px; display: flex; align-items: center; justify-content: space-between;}
.controls .sub:after	{content: ''; width: 15px; height: 9px; display: inline-block; background: url('../_img/cont/controls.svg') no-repeat 50% 50% / 15px;}
.controls .ctrol_prev .sub:after	{transform: rotate(180deg);}
.controls .tit			{width: calc(100% - 140px); font-size: 18px; font-weight: 500; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; word-break: break-all;}
.controls div a:hover:before	{width: 100%;}
.controls div a:hover:after		{width: 100%;}


/* Tablet */
@media only screen and (max-width: 1024px) {
	.board_header				{padding-bottom: 30px;}
	.board_header .tag			{margin-bottom: 12px;}
	.board_header .tit			{font-size: 36px;}
	.board_header .gray_box		{margin-top: 20px; gap: 20px;}
	.board_header .gray_box span{font-size: 17px;}

	.board_body		{padding: 60px 0; font-size: 17px;}
	
	.filewrap			{padding: 20px;}
	.filewrap p			{gap: 15px;}
	.filewrap span		{min-width: 100px; font-size: 16px; background: url('../_img/cont/file_icon.svg') no-repeat left 0px top 4px / 16px;}
	.filewrap span:after{height: 14px; vertical-align: -1px; margin-left: 15px;}
	.filewrap a			{font-size: 16px;}

	.board_view .round_btn	{margin-top: 40px;}

	.controls				{margin-top: 60px;}
	.controls div a			{padding: 20px; gap: 30px;}
	.controls .sub			{font-size: 17px; width: 80px;}
	.controls .sub:after	{width: 13px; height: 8px; background: url('../_img/cont/controls.svg') no-repeat 50% 50% / 13px;}
	.controls .tit			{width: calc(100% - 110px); font-size: 17px;}


}

/* Mobile */
@media only screen and (max-width: 720px) {	
	.board_header				{padding-bottom: 30px;}
	.board_header .tag			{margin-bottom: 10px;}
	.board_header .tit			{font-size: 26px;}
	.board_header .gray_box		{margin-top: 15px; gap: 11px;}
	.board_header .gray_box span		{font-size: 14px;}
	.board_header .gray_box span:after	{height: 12px; margin-left: 10px; vertical-align: -1px;}

	.board_body		{padding: 40px 0; font-size: 15px;}
	
	.filewrap			{padding: 20px 10px;}
	.filewrap p			{flex-wrap: wrap; gap: 5px;}
	.filewrap span		{min-width: 105px; font-size: 15px; padding-left: 20px; background: url('../_img/cont/file_icon.svg') no-repeat left 0px top 2px / 14px;}
	.filewrap span:after{display: none;}
	.filewrap a			{font-size: 15px;}

	.board_view .round_btn	{margin-top: 40px;}

	.controls				{margin-top: 50px;}
	.controls div a			{padding: 20px 10px; gap: 20px;}
	.controls .sub			{font-size: 15px; width: 65px;}
	.controls .sub:after	{width: 12px; height: 7px; background: url('../_img/cont/controls.svg') no-repeat 50% 50% / 12px;}
	.controls .tit			{width: calc(100% - 110px); font-size: 15px;}
}


/* ----------------------------------------------------------------- 검색 박스 ----------------------------------------------------------------- */
/* PC */
.search_box			{width: 100%; background: #F4F4F4; padding: 30px; display: flex; align-items: center; justify-content: center; gap: 15px; margin-bottom: 75px;}
.search_box select	{max-width: 180px; min-width: 180px; width: 100%; padding: 0 40px 0 15px; height: 54px; font-size: 18px; color: #999; background: #fff url('/kpc/_img/comn/sel_arrow.svg') no-repeat right 15px top 50% !important;}
.search_box .search_input				{max-width: 600px; width: 100%; display: flex; min-width: 200px;}
.search_box .search_input input			{width: calc(100% - 54px); height: 54px; border: 1px solid #ddd; border-right: none; padding: 0 15px; font-size: 18px;}
.search_box .search_input .search_go	{width: 54px; height: 54px; background: #222 url('../_img/cont/board_search.svg') no-repeat 50% 50% / 24px; font-size: 0;}
.search_box .flex						{display: flex; align-items: center; gap: 15px; /* width: 100%; */}

.calender						{max-width: 410px; width: 100%; display:flex; align-items: center; gap: 6px;}
.calender p						{width: 100%; height: 54px; display: flex; align-items: center;}
.calender input[type="date"]	{background:#fff url('../_img/cont/calender.svg') no-repeat right 15px top 50% / 17px; padding: 0 15px; height: 54px; max-width: 200px; width: 100%; font-size:18px; border: 1px solid #ddd; color: #999; font-family: "Pretendard";}
.calender label					{font-size: 0;}
.calender input[type="date"]::-webkit-calendar-picker-indicator {opacity: 0; cursor: pointer;}

.board .check_v					{width:160px;}

/* Tablet */
@media only screen and (max-width: 1024px) {
	.search_box			{padding: 20px 30px; gap: 10px; margin-bottom: 50px; flex-wrap: wrap;}
	.search_box select	{max-width: 100%; height: 50px; font-size: 17px; min-width: auto; padding: 0 40px 0 10px;}
	.search_box .search_input				{max-width: 100%;}
	.search_box .search_input input			{width: calc(100% - 50px); height: 50px; font-size: 17px; padding: 0 10px;}
	.search_box .search_input .search_go	{width: 50px; height: 50px;}
	.search_box .flex						{gap: 10px; width: 100%;}
	.search_box .flex select				{max-width: 100%;}
	
	.calender p						{height: 50px;}
	.calender input[type="date"]	{height: 50px; font-size:17px; padding: 0 10px;}
	
	.board .check_v					{max-width:130px; width:100%;}
		
}

/* Mobile */
@media only screen and (max-width: 720px) {	
	.search_box			{padding: 15px; gap: 6px; margin-bottom: 30px; flex-wrap: wrap;}
	.search_box select	{max-width: 100%; font-size: 15px; background: #fff url('/kpc/_img/comn/sel_arrow.svg') no-repeat right 15px top 50% / 22px !important;}
	.search_box .search_input input			{width: calc(100% - 50px); height: 50px; font-size: 15px;}
	.search_box .search_input .search_go	{width: 50px; height: 50px; background: #222 url('../_img/cont/board_search.svg') no-repeat 50% 50% / 22px;}
	.search_box .flex				{flex-wrap: wrap; gap: 6px;}
	
	.calender						{max-width: 100%; gap: 2px;}
	.calender input[type="date"]	{max-width: 100%; font-size: 15px;}
}

/* ----------------------------------------------------------------- 페이징 ----------------------------------------------------------------- */
/* PC */
.paging				{margin-top: 60px; display: flex; align-items: center; justify-content: center; gap: 30px; width: 100%;}
.paging p			{display: flex; align-items: center; justify-content: center; gap: 6px;}
.paging p a			{width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; color: #888; transition: .2s;}
.paging p a:hover	{color: #222;}
.paging p a.on		{background: #222; color: #fff;}
.paging .btn_first	{background: url('../_img/cont/btn_first.svg')no-repeat 50% 50% / 24px;}
.paging .btn_prev	{background: url('../_img/cont/btn_prev.svg')no-repeat 50% 50% / 24px;}
.paging .btn_next	{background: url('../_img/cont/btn_prev.svg')no-repeat 50% 50% / 24px; transform: rotate(180deg);}
.paging .btn_last	{background: url('../_img/cont/btn_first.svg')no-repeat 50% 50% / 24px; transform: rotate(180deg);}

/* Tablet */
@media only screen and (max-width: 1024px) {
	.paging		{margin-top: 40px;}
}

/* Mobile */
@media only screen and (max-width: 720px) {	
	.paging		{margin-top: 30px; gap: 15px;}
	.paging p a	{font-size: 15px;}
	.paging .btn_first	{background: url('../_img/cont/btn_first.svg')no-repeat 50% 50% / 22px;}
	.paging .btn_prev	{background: url('../_img/cont/btn_prev.svg')no-repeat 50% 50% / 22px;}
	.paging .btn_next	{background: url('../_img/cont/btn_prev.svg')no-repeat 50% 50% / 22px;}
	.paging .btn_last	{background: url('../_img/cont/btn_first.svg')no-repeat 50% 50% / 22px;}
}


/* ----------------------------------------------------------------- 소식 - 인재상 및 조직문화 ----------------------------------------------------------------- */
/* PC */
.talent						{overflow-x: clip;}
.sub_content h3 .h3_small	{font-size: 28px; font-weight: 300; display: block;}
.talent .mt_big				{margin-top: 140px;}

h3 + .over_round_motion				{margin-top: 50px;}
.over_round_motion					{display: flex; gap: 1%;}
.over_round_motion li				{width: 100%; text-align: center; border-radius: 10px; cursor: pointer; overflow: hidden;}
.over_round_motion li .bg			{position: relative; transition: all 0.4s ease;}
.over_round_motion li .bg:before	{content: ""; display: block; padding-top: 100%;}
.over_round_motion li .bg > *		{position: absolute; inset: 0;}
.over_round_motion li .txt			{z-index: 2; display: flex; justify-content: center; flex-wrap: wrap; align-content: center; color: #fff; transform: translateY(-5px);}
.over_round_motion li .txt .tit		{width: 100%; font-size: 18px; font-weight: 500; color: rgba(255,255,255,.6);}
.over_round_motion li .txt .tit span{display: block; width: 100%; font-size: 26px; font-weight: 500; margin-bottom: 5px; color: #fff; transition: all 0.4s ease;}
.over_round_motion li .txt .tt		{font-size: 17px; font-weight: 300; height: 0; opacity: 0; transition: all 0.4s ease;}
.over_round_motion li .over			{border-radius: 100%; background: var(--navyBg); color: #fff; opacity: 0; transition: all 0.4s ease;}
.over_round_motion li .over:before	{content: ""; display: block; padding-top: 100%;}
.over_round_motion li .over > *		{position: absolute; inset: 0;}

.over_round_motion li:hover .bg			{border-radius: 100%; background: var(--Primary);}
.over_round_motion li:hover .tit		{font-size: 28px; color: #fff; font-weight: 600; transition: all 0.4s ease;}
.over_round_motion li:hover .tit span	{opacity: 0; height: 0;}
.over_round_motion li:hover .txt .tt	{opacity: 1; height: auto; transform: translateY(15px);}
.over_round_motion li:hover .over		{opacity: 1;}

.big_img			{margin-top: 60px; position: relative; overflow: hidden; transform-origin: center center; transform: scale(1.2); opacity: 0; transition: transform 1s ease, opacity 1s ease;}
.big_img.big-show	{transform: scale(1); opacity: 1;}
.big_img img		{display: block; width: 100%;}

.big_img_txt		{display: flex; gap: 20px; margin-top: 60px;}
.big_img_txt li		{width: 100%; padding: 0 15px;}
.big_img_txt p		{font-size: 24px; color: #222; font-weight: 700;}
.big_img_txt span	{display: block; margin-top: 20px; font-size: 18px; color: #888;}

.big_img_txt + .big_img	{margin-top: 120px;}

.process_li							{max-width: 1350px; width: 100%; display: flex; justify-content: center; gap: 20px; margin: 50px auto 0;}
.process_li li						{width: 100%; text-align: center; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; align-content: flex-start; position: relative;}
.process_li li:after				{content: ''; width: 30px; height: 12px; display: block; position: absolute; top: 80px; left: -25px; background-image: url('../_img/cont/process_next.svg'); background-repeat: no-repeat; background-position: 50% 50%; background-size: 28px; opacity: 1; transition: opacity .5s ease, background .5s ease;}
.process_li li:nth-child(1):after	{display: none;}
.process_li li:before				{content: ''; width: 100%; height: 60px; margin-bottom: 10px; display: block; background-repeat: no-repeat; background-position-x: 50%; background-size: 60px;}
.process_li li:nth-child(1):before	{background-image: url('../_img/cont/process_01.svg');}
.process_li li:nth-child(2):before	{background-image: url('../_img/cont/process_02.svg');}
.process_li li:nth-child(3):before	{background-image: url('../_img/cont/process_03.svg');}
.process_li li:nth-child(4):before	{background-image: url('../_img/cont/process_04.svg');}
.process_li li:nth-child(5):before	{background-image: url('../_img/cont/process_05.svg');}
.process_li li:nth-child(6):before	{background-image: url('../_img/cont/process_06.svg');}
.process_li li:nth-child(7):before	{background-image: url('../_img/cont/process_07.svg');}
.process_li li .step				{width: 94px; height: 32px; font-size: 16px; font-weight: 100; background: #555; color: #fff; border-radius: 50px; display: flex; align-items: center; justify-content: center; transition: background-color .5s ease;}
.process_li li .step span			{font-weight: 600; margin-left: 4px;}
.process_li li .tit					{margin-top: 12px; width: 100%; color: #222; font-size: 18px; font-weight: 600;}
.process_li li .tit span			{font-size: 16px; color: #999; font-weight: 400; line-height: 22px; display: block;}

.process_li li.on:after	{background-image: url('../_img/cont/process_next_on.svg'); opacity: 1;}
.process_li li.on .step	{background: var(--Primary); color: #fff;}

.yellow_box				{display: flex; gap: 2%; margin-top: 60px;}
.yellow_box > div		{padding: 40px 60px 50px; background: var(--Beige); width: 100%; border-radius: 20px;}
.yellow_box > div .tit	{font-size: 24px; font-weight: 700; color: #222;}
.yellow_box > div .tt	{font-size: 18px; color: #888; margin-top: 10px;}

.yellow_box .svg_box		{margin-bottom: 20px; display: flex; justify-content: flex-end;}
.yellow_box .svg_box svg	{width: 137px; height: 127px;}

.Fairness > div				{padding: 100px;}
.Fairness .top_motion		{margin-bottom: 80px; display: flex; justify-content: center;}
.Fairness .top_motion svg	{max-width: 748px; width: 100%;}
.Fairness .text_box			{display: flex; gap: 4%;}
.Fairness .text_box .dot_li > li			{margin-bottom: 15px; font-size: 18px; color: #333; font-weight: 500; padding-left: 14px; position: relative;}
.Fairness .text_box .dot_li > li:before		{content: ''; width: 6px; height: 6px; border-radius: 10px; background: #333; display: block; position: absolute; left: 0; top: 9px;}
.Fairness .text_box .dot_li > li:last-child	{margin-bottom: 0;}
.Fairness .text_box .dot_li > li p			{margin-top: 8px; font-size: 16px; color: #555; font-weight: 400; padding-left: 10px; position: relative;}
.Fairness .text_box .dot_li > li p:before	{content: ''; width: 3px; height: 3px; border-radius: 10px; background: #999; display: block; position: absolute; left: 0; top: 9px;}

.Fairness .top_motion svg circle {transform-origin: center center; opacity: 0;}
.Fairness.motion-up.motion-show .top_motion svg circle:nth-of-type(1) {animation: circle-left-outer 0.8s ease-out forwards; animation-delay: 1.5s;}
.Fairness.motion-up.motion-show .top_motion svg circle:nth-of-type(2) {animation: circle-left-inner 0.8s ease-out forwards; animation-delay: 0.5s;}
.Fairness.motion-up.motion-show .top_motion svg circle:nth-of-type(3) {animation: circle-right-inner 0.8s ease-out forwards; animation-delay: 0.5s;}
.Fairness.motion-up.motion-show .top_motion svg circle:nth-of-type(4) {animation: circle-right-outer 0.8s ease-out forwards; animation-delay: 1.5s;}

@keyframes circle-left-outer {
	from	{transform: translateX(120px); opacity: 0;}
	to		{transform: translateX(0); opacity: .7;}
}
@keyframes circle-left-inner {
	from	{transform: translateX(90px); opacity: 0;}
	to		{transform: translateX(0); opacity: .7;}
}
@keyframes circle-right-inner {
	from	{transform: translateX(-90px); opacity: 0;}
	to		{transform: translateX(0); opacity: .7;}
}
@keyframes circle-right-outer {
	from	{transform: translateX(-120px); opacity: 0;}
	to		{transform: translateX(0); opacity: .7;}
}



@media only screen and (max-width: 1460px) {
	.process_li li:after	{top: 75px;}
	.process_li li:before	{height: 55px; background-size: 55px;}
	.process_li li .step	{width: 88px; height: 30px; font-size: 14px;}

	.Fairness > div				{padding: 80px 60px;}
}

/* Tablet */
@media only screen and (max-width: 1024px) {
	.sub_content h3 .h3_small	{font-size: 20px; margin-bottom: 4px;}
	.talent .mt_big				{margin-top: 80px;}

	h3 + .over_round_motion		{margin-top: 40px;}
	.over_round_motion			{flex-wrap: wrap; justify-content: center; gap: 15px 2%;}
	.over_round_motion li				{width: 32%;}
	.over_round_motion li .txt .tit		{font-size: 18px;}
	.over_round_motion li .txt .tit span{font-size: 24px; margin-bottom: 2px;}
	.over_round_motion li .txt .tt		{font-size: 16px;}
	
	.over_round_motion li:hover .tit		{font-size: 22px;}
	.over_round_motion li:hover .txt .tt	{transform: translateY(6px);}

	.big_img			{margin-top: 60px;}
	.big_img_txt		{flex-wrap: wrap; gap: 30px 2%; margin-top: 40px;}
	.big_img_txt li		{width: 49%; padding: 0 10px;}
	.big_img_txt p		{font-size: 22px;}
	.big_img_txt span	{margin-top: 15px; font-size: 17px;}

	.big_img_txt + .big_img	{margin-top: 100px;}
	
	.process_li					{flex-wrap: wrap; gap: 20px 10px; margin: 40px auto 0;}
	.process_li li				{width: 22%;}
	.process_li li:after		{top: 80px; left: -20px;}
	.process_li li:before		{height: 60px; background-size: 60px;}
	.process_li li .step		{font-size: 15px;}
	.process_li li .tit span	{line-height: 26px;}
	
	.yellow_box					{margin-top: 50px;}
	.yellow_box > div			{padding: 30px 30px 40px;}
	.yellow_box > div .tit		{font-size: 22px;}
	.yellow_box > div .tt		{font-size: 17px;}
	.yellow_box .svg_box svg	{width: 117px; height: 107px;}
	
	.Fairness > div				{padding: 60px 30px;}
	.Fairness .top_motion		{margin-bottom: 50px;}
	.Fairness .top_motion svg	{width: 85%;}
	.Fairness .text_box .dot_li > li			{margin-bottom: 15px; font-size: 17px;}
	.Fairness .text_box .dot_li > li:before		{width: 5px; height: 5px; top: 8px;}
	.Fairness .text_box .dot_li > li p			{font-size: 15px;}
	.Fairness .text_box .dot_li > li p:before	{top: 8px;}
}

/* Mobile */
@media only screen and (max-width: 720px) {	
	.sub_content h3 .h3_small	{font-size: 17px;}
	.talent .mt_big				{margin-top: 60px;}

	h3 + .over_round_motion		{margin-top: 40px;}
	.over_round_motion			{flex-wrap: wrap; justify-content: center; gap: 15px;}
	.over_round_motion li				{width: 100%;}
	.over_round_motion li .txt .tit		{font-size: 18px;}
	.over_round_motion li .txt .tit span{font-size: 26px; margin-bottom: 5px;}
	.over_round_motion li .txt .tt		{font-size: 16px;}
	
	.over_round_motion li:hover .tit		{font-size: 28px;}
	.over_round_motion li:hover .txt .tt	{transform: translateY(15px);}

	.big_img			{margin-top: 40px;}
	.big_img_txt		{gap: 30px; margin-top: 30px;}
	.big_img_txt li		{width: 100%;}
	.big_img_txt p		{font-size: 20px;}
	.big_img_txt span	{margin-top: 10px; font-size: 15px;}

	.big_img_txt + .big_img	{margin-top: 80px;}
	
	.process_li					{gap: 50px 10px; margin: 30px auto 0;}
	.process_li li				{width: 48%;}
	.process_li li:after		{top: 68px; background-size: 24px;}
	.process_li li:nth-child(1)	{order: 0}
	.process_li li:nth-child(2)	{order: 1}
	.process_li li:nth-child(3)	{order: 3}
	.process_li li:nth-child(4)	{order: 2}
	.process_li li:nth-child(5)	{order: 4}
	.process_li li:nth-child(6)	{order: 5}
	.process_li li:nth-child(7)	{order: 6}
	.process_li li:nth-child(3):after,
	.process_li li:nth-child(5):after	{top: -31px; left: calc(50% - 15px); transform: rotate(90deg);}
	.process_li li:nth-child(4):after	{left: calc(100% - 20px); transform: rotate(180deg);}
	.process_li li:nth-child(7):after	{top: -31px; left: calc(100% - 60px); transform: rotate(135deg);}

	.process_li li:before		{height: 50px; background-size: 50px;}
	.process_li li .step		{font-weight: 300; width: 80px; height: 28px; font-size: 13px;}
	.process_li li .tit			{margin-top: 10px; font-size: 17px;}
	.process_li li .tit span	{font-size: 15px; line-height: 22px;}
	
	.yellow_box					{margin-top: 40px; flex-wrap: wrap; gap: 15px;}
	.yellow_box > div			{width: 100%; padding: 30px 20px;}
	.yellow_box > div .tit		{font-size: 20px;}
	.yellow_box > div .tt		{font-size: 15px;}
	.yellow_box .svg_box svg	{width: 97px; height: 87px;}
	
	.Fairness > div				{padding: 50px 20px 40px;}
	.Fairness .top_motion		{margin-bottom: 40px;}
	.Fairness .top_motion svg	{width: 100%;}
	.Fairness .text_box							{flex-wrap: wrap; gap: 12px;}
	.Fairness .text_box > li					{width: 100%;}
	.Fairness .text_box .dot_li > li			{margin-bottom: 12px; font-size: 16px;}
	.Fairness .text_box .dot_li > li p			{font-size: 14px;}
	.Fairness .text_box .dot_li > li p:before	{top: 6px;}
}


/* ----------------------------------------------------------------- tab --------------------------------------------------------------- */
/* PC */
.tab_box			{padding: 5px 10px; margin: 100px auto; background: rgba(0,0,0,.04); width: 100%; border-radius: 10px; border: 1px solid rgba(221,221,221,.3); display: flex;}
.tab_box li			{width: 100%;}
.tab_box li a		{display: flex; align-items: center; justify-content: center; text-align: center; line-height: 120%; height: 50px; border-radius: 10px; color: #666; font-size: 18px; transition: all .2s;}
.tab_box li a:hover	{color: var(--Primary); font-weight: 400;}
.tab_box li.on a	{background: var(--Primary); color: #fff; box-shadow: 0 4px 12px rgba(0,0,0,0.08), inset 2px 2px 5px rgba(0,0,0,0.1);}

.tab_box.tab_5		{display: grid; grid-template-columns: repeat(5, 1fr);}

/* Tablet */
@media only screen and (max-width: 1024px) {
	.tab_box		{padding: 5px 5px; margin: 80px auto;}
	.tab_box li a	{font-size: 17px;}
	
	.tab_box.tab_5		{grid-template-columns: repeat(3, 1fr);}
	
}

/* Mobile */
@media only screen and (max-width: 720px) {	
	.tab_box		{flex-wrap: wrap; margin: 60px auto;}
	.tab_box li		{width: 33.33%;}
	.tab_box li a	{font-size: 15px; height: 45px;}
	
	.tab_box.tab_5		{grid-template-columns: repeat(2, 1fr);}
	.tab_box.tab_5 li	{width: 100%;}
}


/* ----------------------------------------------------------------- 소식 - 직무 소개 --------------------------------------------------------------- */
/* PC */
.tab_content .tab		{display: none !important;}
.tab_content .tab.active{display: block !important;}
.img_flex_box			{display: flex; align-items: center; gap: 4%;}
.img_flex_box .img		{max-width: 470px; width: 100%; border-radius: 10px; overflow: hidden;}
.img_flex_box .img img	{width: 100%; display: block;}
.img_flex_box .txt		{width: calc(96% - 470px);}
.img_flex_box .tit		{font-size: 38px; color: #222; font-weight: 700;}
.img_flex_box .tit .en	{font-size: 20px; color: rgba(34,34,34,.4); font-weight: 500; margin-left: 10px;}
.img_flex_box .tt		{margin-top: 30px; font-size: 18px; color: #666;}
.img_flex_box .tt span				{display: block; margin-bottom: 14px;}
.img_flex_box .tt span:last-child	{margin-bottom: 0;}

.tab_content .tab .img,
.tab_content .tab .txt			{opacity: 0;}
.tab_content .tab.active .img	{animation: tabImgIn 1.5s ease forwards;}
.tab_content .tab.active .txt	{animation: tabTxtIn 1.5s ease .08s forwards;}

.sub_content h3 .en		{font-size: 20px; color: rgba(34,34,34,.4); font-weight: 500; margin-left: 10px;}

.key_service .tap_cont .long_img	{width: 100%; border-radius: 10px; overflow: hidden; margin-bottom: 40px;}
.key_service .tap_cont .long_img img{display: block; width: 100%;}

@keyframes tabImgIn {
	from	{transform: translateX(-80px); opacity: 0;}
	to		{transform: translateX(0); opacity: 1;}
}

@keyframes tabTxtIn {
	from	{transform: translateX(80px); opacity: 0;}
	to		{transform: translateX(0); opacity: 1;}
}


/* Tablet */
@media only screen and (max-width: 1024px) {
	.img_flex_box			{gap: 3%;}
	.img_flex_box .img		{width: 40%;}
	.img_flex_box .txt		{width: 57%;}
	.img_flex_box .tit		{font-size: 32px;}
	.img_flex_box .tit .en	{font-size: 17px;}
	.img_flex_box .tt		{margin-top: 20px; font-size: 17px;}
	.img_flex_box .tt span	{margin-bottom: 12px;}

	.sub_content h3 .en		{font-size: 17px;}

	.key_service .tap_cont .long_img	{margin-bottom: 30px;}

	@keyframes tabImgIn {
		from	{transform: translateY(80px); opacity: 0;}
		to		{transform: translateY(0); opacity: 1;}
	}

	@keyframes tabTxtIn {
		from	{transform: translateY(80px); opacity: 0;}
		to		{transform: translateY(0); opacity: 1;}
	}
}

/* Mobile */
@media only screen and (max-width: 720px) {	
	.img_flex_box			{flex-wrap: wrap; gap: 30px;}
	.img_flex_box .img		{width: 100%; max-width: 100%;}
	.img_flex_box .txt		{width: 100%;}
	.img_flex_box .tit		{font-size: 26px;}
	.img_flex_box .tit .en	{font-size: 16px; display: block; margin-left: 0; margin-top: 4px;}
	.img_flex_box .tt		{margin-top: 15px; font-size: 16px;}
	.img_flex_box .tt span	{margin-bottom: 12px;}

	.sub_content h3 .en		{font-size: 16px; display: block; margin-left: 0; margin-top: 4px;}

	.key_service .tap_cont .long_img	{margin-bottom: 20px;}
}


/* ----------------------------------------------------------------- 핵심서비스 탭 타이틀 있을 경우 --------------------------------------------------------------- */
/* PC */
.key_top_tit > .content 	{padding-bottom: 120px;}
.key_top_tit .key_wrap .tab,
.key_top_tit .key_service	{padding-top: 0;}


/* Tablet */
@media only screen and (max-width: 1024px) {
	.key_top_tit > .content {padding-bottom: 100px;}
}

/* Mobile */
@media only screen and (max-width: 720px) {	
	.key_top_tit > .content {padding-bottom: 60px;}
}


/* ----------------------------------------------------------------- 사이버 신문고 --------------------------------------------------------------- */
.my_wrap					{background:#00000008; border-radius:10px; padding:70px; width: 100%; max-width: 800px; margin: 0 auto;}
.my_wrap .my_cont			{display: flex; flex-direction: column; align-items: center; text-align:center;}
.my_wrap .my_cont .icon		{margin-bottom:20px;}
.my_wrap .my_cont .txt_b	{font-size:24px; font-weight:700; color:#222; margin-bottom:5px;}
.my_wrap .my_cont .txt		{font-size:18px; color:#777; text-align: center;}
.my_wrap .my_cont .txt span	{font-weight:500; color:#222;}


.notice .gray_box .tag		{min-width: 76px; margin-right: 0;}
.notice .gray_box .tag.line	{border: 1px solid #ddd; color: #333; background: #fff;}

.board_body.v02				{padding: 50px 55px; display: flex; align-items: flex-start;}
.board_body.v02 .reply		{display: inline-block; margin-right: 10px; width: 24px; height: 24px; background: url('/kpc/_img/cont/cyber_icon03.svg') no-repeat 50% 50% / 100%;}

/*  검색창 초기화버튼 */
.search_box.v02 .search_input input				{width: calc(100% - 108px);}
.search_box.v02 .search_input .reset_go			{width: 54px; height: 54px; background: #e5e5e5 url('/kpc/_img/cont/cyber_icon02.svg') no-repeat 50% 50% / 24px; font-size: 0;}

/* Tablet */
@media only screen and (max-width: 1024px) {
	
	.board_body.v02						{padding: 30px;}
	
	
	/*  정보공개 청구신청 --------------------------------------------------------------- */	
	.info_apply .my_wrap				{padding:50px;}
	.info_apply .my_wrap .round_btn		{margin-top:40px}
	.info_apply .my_wrap .round_btn a	{min-width:200px;}
}

/* Mobile */
@media only screen and (max-width: 720px) {	

	.my_wrap								{padding:0px; background:none;}
	.my_wrap .my_cont .txt_b				{font-size: 20px;}
	.my_wrap .my_cont .txt					{font-size: 16px;}
	.my_wrap .my_cont .icon img				{width:110px;}

	.notice .gray_box						{align-items: center;}
	.notice .gray_box .tag					{min-width:auto;}
	.notice .gray_box span:first-child:after{display:none;}

	.board_body.v02						{padding:20px 10px;}
	.board_body.v02 .reply				{width: 18px; height: 18px;}

	/*  검색창 초기화버튼 */
	.search_box.v02 .search_input input				{width: calc(100% - 100px);}
	.search_box.v02 .search_input .reset_go			{width: 50px; height: 50px;}
	
	/*  정보공개 청구신청 --------------------------------------------------------------- */	
	.info_apply .sub_visual, .info_apply .sub_visual.over{min-height: 260px;}
	.info_apply .my_wrap				{padding:0 20px;}
	.info_apply .my_wrap + .my_wrap		{margin-top:60px}
	.info_apply .my_wrap .round_btn		{margin-top:20px}
	.info_apply .my_wrap .round_btn a	{min-width:200px;}

}




/* ----------------------------------------------------------------- 문의하기 --------------------------------------------------------------- */
.contact .inquiry_wrap .content		{flex-direction: column; max-width: 1300px;}
.contact .inquiry_wrap .inquiry		{width: 100%; max-width: 1300px;}
.contact .sub_content.inquiry_wrap	{background:none;}
.contact .sel ul.select				{background: #f2f2f2;}
.contact .sel ul.select a:last-child	{border-bottom: solid 1px #e5e5e5;}
.contact .sel ul.select a:hover		{background: #e5e5e5;}

.inquiry_top .agree_box									{border: 1px solid #ddd; padding:55px; margin-top:40px; border-radius: 10px;}
.inquiry_top .agree_box ul.agree_wrap					{border-top:2px solid #222;}
.inquiry_top .agree_box ul.agree_wrap li				{border-bottom:1px solid #ddd; padding:10px; display: flex; align-items: center;}
.inquiry_top .agree_box ul.agree_wrap li:first-child	{background: #f2f2f2;}
.inquiry_top .agree_box ul.agree_wrap li p				{display: inline-block; text-align: center; padding: 0 10px; font-size: 18px;}
.inquiry_top .agree_box ul.agree_wrap li p.cate			{width:60px;}
.inquiry_top .agree_box ul.agree_wrap li p.cont1		{width: calc(100% - 360px);}
.inquiry_top .agree_box ul.agree_wrap li p.cont1 span	{display: block; color: #777; font-size: 16px;}
.inquiry_top .agree_box ul.agree_wrap li p.date			{width:180px;}
.inquiry_top .agree										{text-align: right; margin-top: 10px;}
.inquiry_top .agree.l									{text-align: left;}
.inquiry_top .agree	.check_v							{margin-right:10px}
.inquiry_top .agree	.check_v span						{color:var(--Primary); margin-left: 0;}


.inquiry_top .agree_scroll								{border: 1px solid #ddd; padding:40px; margin-top:20px; border-radius: 10px; overflow-y:auto; max-height:250px;}

.num_list						{width:100%; counter-reset: li;}
.num_list > li					{color:#333; position:relative; padding-left:20px; word-break:keep-all; font-weight:400;}
.num_list > li::before			{position:absolute; left:0; display:inline-block; content:counter(li) '.'; counter-increment: li;  text-align:center; line-height:16px; margin-top:5px; color:#555;}
.num_list > li + li				{margin-top:7px;}
.num_list > li > p				{font-weight:400;}

.o_num_list						{width:100%; counter-reset: li; word-break:keep-all;}
.o_num_list > li				{color:#555; position:relative; padding-left:23px; font-weight:300;}
.o_num_list > li::before		{position:absolute; left:0; display:inline-block; content:counter(li) ''; counter-increment: li; width:15px; height:15px; line-height:15px; border: 1px solid #aaa; border-radius:50%; text-align:center; font-size:14px; line-height:15px; margin-top:3px; color:#777;}
.o_num_list > li + li			{margin-top:5px;}
.o_num_list > li > a			{color:#079ee2;}

.hangle_list > li				{padding-left:10px !important; font-weight:300;}
.hangle_list > li + li			{margin-top:5px;}
.hangle_list > li::before 		{content: '가. ' !important; background:none !important; top:0 !important; }
.hangle_list > li:nth-child(2)::before {content: '나. ' !important;}
.hangle_list > li:nth-child(3)::before {content: '다. ' !important;}
.hangle_list > li:nth-child(4)::before {content: '라. ' !important;}
.hangle_list > li:nth-child(5)::before {content: '마. ' !important;}
.hangle_list > li:nth-child(6)::before {content: '바. ' !important;}
.hangle_list > li:nth-child(7)::before {content: '사. ' !important;}
.hangle_list > li:nth-child(8)::before {content: '아. ' !important;}
.hangle_list > li:nth-child(9)::before {content: '자. ' !important;}
.hangle_list > li:nth-child(10)::before {content: '차. ' !important;}
.hangle_list > li:nth-child(11)::before {content: '카. ' !important;}
.hangle_list > li:nth-child(12)::before {content: '타. ' !important;}
.hangle_list > li:nth-child(13)::before {content: '파. ' !important;}
.hangle_list > li:nth-child(14)::before {content: '하. ' !important;}

.s_dash_list					{margin-top:5px}	
.s_dash_list > li				{position:relative; padding-left:10px; font-size:16px; color:#666; text-align:left;}	
.s_dash_list > li::before		{position:absolute; content:''; width:3px; height:1px; border-radius:50%; left:0; top:10px; background:#333;}	

.info_sign						{text-align:right; margin-top:20px;}
.info_sign input[type="text"]	{height:50px; font-size:16px; padding:0 15px; background:#f5f5f5; border:0; outline:none; border-radius:5px; cursor:default; width:180px}

.inquiry_input .group .line								{border-bottom: solid 2px #222; padding:5px 0 16px 0; display: flex; align-items: center; flex-wrap: wrap;}

.info_apply .content	{max-width:1300px}
.info_apply .sup_cate	{font-size:16px; color:#666}

.inquiry_input .address							{border-bottom:solid 2px #222;}
.inquiry_input .address input[type='text']		{border:0; outline:none;}
.inquiry_input .address input[readonly]			{background:#f5f5f5; outline:0; border-radius:5px; cursor:default; padding:0 15px}
.inquiry_input .address a.addBtn				{color:#fff; padding:10px; background:#333; text-align:center; width:100px; border-radius:5px; display: flex; justify-content: center; align-items: center; transition:0.2s;}
.inquiry_input .address a.addBtn:hover			{background:var(--Primary)}
.inquiry_input .address p:has(.addBtn) input[type='text'] {width:30%;}
.inquiry_input .address p + p					{margin-top:5px;}
.inquiry_input .flex							{display:flex; gap:5px;}
.inquiry_input .etc								{margin-top:5px;}
.inquiry_input .etc input[type='text']			{background:#fff; border:solid 1px #ddd; border-radius:5px; padding:0 15px}

.inquiry_input .file							{padding-bottom:5px;}
.inquiry_input .file .upload-name				{display: inline-block; outline:none; padding:0 15px; border:none; font-family:"Pretendard"; font-size:16px; color:#666; max-width:calc(100% - 120px); text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important;}
.inquiry_input .file label						{cursor:pointer; color:#fff; padding:10px; background:#333; text-align:center; width:100px; border-radius:5px; display: flex; justify-content: center; align-items: center; transition:0.2s;}
.inquiry_input .file input[type="file"]			{position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.inquiry_input .file .file_del					{border:solid 1px #ddd; text-align:center; width:22px; height:22px; border-radius:50%; background:transparent; cursor:pointer; transition:0.2s;}
.inquiry_input .file .file_del:hover,
.inquiry_input .file .file_del:focus			{border:solid 1px #222;}
.inquiry_input .file .file_del img				{width:16px;}

.inquiry_input .tt_gray_bg			{background:#f5f5f5; padding:10px; border-bottom:solid 1px #eee;}
.inquiry_input .tt_gray_bg + div	{padding:15px;}

.mark_round_bg							{padding:20px; border-radius:10px; background:#f5f5f5; margin-top:30px;}
.mark_round_bg .mark_cate:first-child	{margin-top:0;}
.mark_round_bg .mark_cate 				{margin-top:5px;}

.mark_cate 				{margin-top:10px; padding-left:24px; position:relative; color:#666; font-size:16px;}
.mark_cate span.red		{color:var(--Primary)}
.mark_cate span.navy	{color:var(--Secondarty)}
.mark_cate::before		{position:absolute; left:0; top:2px; content:'!'; width:15px; height:15px; line-height:15px; font-size:14px; border-radius:50%; border:solid 1px #aaa; color:#aaa; text-align:center;}

.date_ceo_bottom		{text-align:center; margin-top:50px; font-size:24px}
.date_ceo_bottom strong	{font-size:32px; display:block; margin-top:20px; color:#222;}

/* 정보공개청구 리스트 */
a.print							{position:relative; z-index:1; display:inline-block; width:40px; height:40px; border-radius:50%; transition:0.2s;}
a.print:focus,
a.print:hover					{background:#f5f5f5}
.board_h4 						{font-size:28px; margin:80px 0 15px; position:relative;}
.info_list li.cate				{display: flex; align-items: center; gap: 20px; border-top: 2px solid #222; border-bottom: 1px solid #ddd; padding: 10px 20px; text-align: center; min-height:73px; background: #f8f8f8;}
.info_list li.cate *			{color: #222; font-size: 18px; font-weight: 500; line-height:1.2}
.info_list li.cate .tit			{font-size:18px; width: 100%; display: flex; align-items: center; justify-content: center;}
.info_list .gray_box			{display: flex; align-items: center; gap: 20px;}

.info_list li					{display: flex; align-items: center; gap: 20px; border-bottom: 1px solid #ddd; padding: 30px 20px; text-align: center; position: relative;}
/* .info_list li:before			{content: ''; position: absolute; left: 0; top: 0; width: 0%; height: 100%; border-radius: 10px; background: rgb(59 75 155 / 5%); z-index: -1; transition: width 0.6s ease;}
.info_list li:after				{content: ''; width: 0%; height: 100%; border: 1px solid #fff; border-left: 0; border-right: 0; display: block; position: absolute; left: 0; top: -1px; transition: width .6s ease;}

.info_list li:hover:before		{width: 100%;}
.info_list li:hover:after		{width: 100%;} */

.info_list li span			{color: #777; font-size: 18px;}
.info_list li .tit			{position:relative; z-index:1; width: 100%; font-size: 22px; gap: 15px; font-weight: 500; text-align: left; color: #222;}
.info_list li .tit a		{display:block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; word-break: break-all; color: #222;}
.info_list li .tit a:hover	{text-decoration:underline}

.info_list li .num		{min-width: 60px;}
.info_list li .date,
.info_list li .status,
.info_list li .pin,
.info_list li .apply	{min-width: 110px;}
.info_list li .apply a	{border:solid 1px #ddd; background:#fff; border-radius:5px; padding:10px; font-size:16px; text-align:center; color:#222; position:relative; z-index:1;}
.info_list li .apply a:hover,
.info_list li .apply a:focus{background:#f5f5f5}
.info_list li,
.info_list li span,
.info_list li .tit a,
.info_list li .apply a	{transition: color .4s ease, background-color .4s ease;}
.info_list li.nodata	{display:block;}


/* Tablet */
@media only screen and (max-width: 1024px) {

	.inquiry_top .agree_box								{padding: 35px;}
	.inquiry_top .agree_box ul.agree_wrap li p			{padding: 0 5px;}
	.inquiry_top .agree_box ul.agree_wrap li p.cont1	{width: 60%;}
	.inquiry_top .agree_box ul.agree_wrap li p.date		{width: 20%;}

	.date_ceo_bottom		{margin-top:40px; font-size:20px}
	.date_ceo_bottom strong	{font-size:30px; margin-top:10px;}
	
	/* 정보공개청구 리스트 */
	.board_h4 					{font-size:24px; margin:40px 0 15px;}

	.info_list li.cate			{gap: 5px; padding: 15px 10px;}
	.info_list li.cate *		{font-size: 16px;}	
	
	.info_list li				{gap: 8px; padding: 22px 10px;}
	.info_list li span			{font-size: 16px;}
	
	.info_list li .num		{min-width: 40px;}
	.info_list li .date,
	.info_list li .pin,
	.info_list li .status	{min-width: 85px;}
	.info_list li .apply	{min-width: 100px;}
	.info_list li .apply a	{padding:10px; font-size:15px;}
	
	.info_list li .tit			{font-size: 18px; gap: 8px;}
	.info_list .gray_box		{gap: 10px;}
	
}

/* Mobile */
@media only screen and (max-width: 720px) {	
	.inquiry_top .agree_scroll		{padding:25px; margin-top:15px; font-size:16px;}
	
	.num_list > li					{color:#333; position:relative; padding-left:16px; font-size:16px;}
	.num_list > li::before			{font-size:15px; line-height:15px; margin-top:3px;}
	.num_list > li + li				{margin-top:5px;}
	
	.o_num_list > li				{padding-left:20px;}
	.o_num_list > li::before		{width:13px; height:13px; line-height:13px; font-size:12px; line-height:14px;}
	
	.hangle_list > li				{font-size:15px;}
	.hangle_list > li::before 		{font-size:15px;}
	
	.s_dash_list > li				{font-size:14px;}	
	
	.info_sign						{font-size:15px;}
	
	.info_apply .sup_cate	{font-size:15px}

	.inquiry_top										{margin-bottom:30px;}	
	.inquiry_top .agree_box								{border:0; padding:0px; margin-top:15px;}
	.inquiry_top .agree_box ul.agree_wrap li			{padding:10px 0;}
	.inquiry_top .agree_box ul.agree_wrap li p			{font-size: 14px; padding: 0 5px;}	
	.inquiry_top .agree_box ul.agree_wrap li p.cate		{width:40px;}
	.inquiry_top .agree_box ul.agree_wrap li p.cont1 span	{font-size:14px;}

	.inquiry_input .group .line input[type="radio"] + label			{margin-bottom: 10px; font-size: 15px;}
	
	.inquiry_input .address a.addBtn				{font-size:14px; width:80px;}
	.inquiry_input .address p:has(.addBtn) input[type='text'] {width:calc(100% - 80px);}
	
	.inquiry_input .file .upload-name				{font-size:14px; width:calc(100% - 80px);}
	.inquiry_input .file label						{font-size:14px; width:80px;}

	.inquiry_input .tt_gray_bg input[type="radio"] + label	{font-size: 15px;}

	.mark_round_bg							{padding:15px;}
	
	.mark_cate 				{margin-top:8px; padding-left:20px; font-size:15px;}
	.mark_cate::before		{width:13px; height:13px; line-height:13px; font-size:13px; }
	
	.date_ceo_bottom		{margin-top:30px; font-size:17px}
	.date_ceo_bottom strong	{font-size:24px; margin-top:5px;}

	/* 정보공개청구 리스트 */
	.board_h4 				{font-size:21px;}
	.board_h4:before		{height:18px; top:5px}
	.info_list				{border-top:solid 1px #ddd;}
	.info_list li.cate		{display: none;}
	.info_list li			{flex-wrap: wrap; gap: 0; padding: 20px 10px;}
	.info_list li:has(.apply a){padding-right:80px}
	.info_list li span		{font-size: 14px;}
	.info_list li .tit		{font-size: 17px;}
	
	.info_list li .num		{display: none;}
	.info_list li .date:first-child:before{content:'신청 : ';}
	.info_list li .date:before{content:'처리 : ';}
	.info_list li .date		{order:-1}
	.info_list li .date,
	.info_list li .pin,
	.info_list li .status	{min-width: auto;}
	.info_list li .apply	{min-width: auto; position:absolute; right:0; top:50%; transform:translateY(-50%);}
	.info_list li .apply a	{padding:8px; font-size:14px;}
	.info_list li.nodata	{border-top:0;}
	
	.info_list .gray_box	{gap: 2px 11px; margin-top: 10px; flex-wrap: wrap;}
	
}



/* 라디오 버튼  */
input[type="radio"]							{position:absolute; width:1px !important; height:1px !important; padding: 0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border: 0}
input[type="radio"] + label					{position:relative; padding-left:25px; display:inline-block; cursor:pointer;color:#222; font-weight:400; font-size:16px; margin-right: 35px;}
input[type="radio"] + label:before			{position:absolute; left:0; content:''; display: inline-block; box-sizing:border-box; width:21px; height:21px; border-radius:30px; line-height: 1.5em; vertical-align: middle; border:1px solid #ccc; background:#fff; color:#fff; margin-right: 8px;}
input[type="radio"]:checked + label:before	{background: var(--Primary-900) url('../_img/cont/check.svg')no-repeat 55% 55% / 12px; border: 1px solid var(--Primary-900);}
input[type="radio"]:checked + label			{color:#222;}
input[type="radio"][disabled] + label					{color:#aaa;}
input[type="radio"][disabled] + label:before			{background:#eee;}
input[type="radio"][disabled]:checked + label:before	{border:5px solid #eee;}


/* 버튼 */
.line_btn						{margin-top:60px; display:flex; justify-content: center; gap:10px;}
.line_btn a						{display:inline-block; position:relative; padding:15px 30px; border-radius:50px; font-size:20px; font-weight:400; min-width:200px; text-align:center; transition:0.2s; border:solid 2px #fff; color:#fff;}

.line_btn a.down				{border:solid 2px #fff; color:#fff; padding-right:60px;}
.line_btn a.down:after			{position:absolute; display: inline-block; content:''; width:24px; height:24px; top:50%; margin-top:-12px; margin-left: 10px; background:url('/kpc/_img/cont/download_w.svg') no-repeat 50% 50%/100%;}
.line_btn a.down:hover			{color:#222; background:#fff; }
.line_btn a.down:hover:after	{background:url('/kpc/_img/cont/download.svg') no-repeat 50% 50%/100%;}


/* 레이어 팝업 기본 */
.inquiry .check_v a.view_btn		{margin-left: 10px; color: #777; text-decoration: underline;}
.inquiry .check_v a.view_btn:hover	{color:var(--Primary)}
.inquiry .marke_wrap				{display:flex; margin-left: 31px; gap: 10px;}
.inquiry .marke_wrap .check_v label	{font-size: 16px; font-weight: 300;}


div.layer				{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:100000;}
div.layer .bg			{position:absolute; top:0; left:0; width:100%; height:100%; background:#00000090;}
div.layer .pop-layer	{position:absolute; top: 50%; left: 50%;  transform:translateX(-50%) translateY(-50%); width:100%; max-width:850px; background:#fff; z-index: 10; border-radius: 15px;}

.pop_title				{width:100%; position:relative; font-weight: 700; font-size: 22px; color:#222; padding:30px 30px 20px;}
.pop_title a.cbtn		{position:absolute; top:23px; right:20px; display:block; font-size:0; width:22px; height:22px;  background:url('/kpc/_img/cont/btn_pop_close.svg')no-repeat 50% 50%}
.pop_cont				{width:100%; padding:0px 35px; max-height:600px; overflow:auto;}
.pop_cont p.pop_tt		{text-align:center; font:500 17px/24px "Open Sans", "Noto Sans KR", sans-serif; color:#000;margin-bottom: 35px;}
.pop_cont .cont_wrap				{height:300px; overflow-y: auto; margin-top: 20px;}
.pop_cont .cont_wrap p.stxt			{margin-bottom:20px;}

.pop_cont .cont_wrap ul.agree_wrap	{border-top:2px solid #222;}
.pop_cont .cont_wrap ul.agree_wrap li				{border-bottom:1px solid #ddd; padding:10px 0; display: flex; align-items: center;}
.pop_cont .cont_wrap ul.agree_wrap li p				{display: inline-block; text-align: center; padding: 0 10px;}
.pop_cont .cont_wrap ul.agree_wrap li p.cate		{width:60px;}
.pop_cont .cont_wrap ul.agree_wrap li p.cont1		{width: calc(100% - 436px);}
.pop_cont .cont_wrap ul.agree_wrap li p.date		{width:200px;}

.pop_cont .cont_wrap table	{width: 100%; border-collapse: collapse; border-top: 2px solid #222;}
.pop_cont .cont_wrap th 	{background-color: #f8f8f8; padding: 15px; text-align: center; font-weight: 600; color: #333; border-bottom: 1px solid #ddd; vertical-align: middle;}
.pop_cont .cont_wrap td 	{padding: 15px;  text-align: center;  color: #666;  border-bottom: 1px solid #ddd; vertical-align: middle;}
.pop_cont .cont_wrap td:nth-child(2) {text-align: left;}

.pop_cont .cont_wrap.v02					{margin-top:0; height: auto; max-height:600px;}
.pop_cont .cont_wrap.v02 td:nth-child(2) 	{text-align: center;}

/* 얼럿창 */
.active_layer													{position:fixed; top:0; left:0; width:100%; height:100%; z-index:100000;}
.active_layer .com_layer										{position:absolute; top: 50%; left: 50%;  transform:translateX(-50%) translateY(-50%); width:100%; max-width:300px; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05); z-index: 10;}
.active_layer .com_layer .com_layer_con 						{padding:30px 15px; text-align: center; background:#fff; }
.active_layer .com_layer .com_layer_con .com_layer_button		{margin-top:20px;}
.active_layer .com_layer .com_layer_con .btn.ico				{display:inline-block; position:relative; padding:5px 30px; margin: 0 2px; border-radius:50px; background:#222; color:#fff; border: 1px solid #222; font-size:16px; font-weight:300; min-width:100px; text-align:center; transition:0.2s;}
.active_layer .com_layer .com_layer_con .btn.ico:hover			{background:#fff; color:#222;}
.active_layer .com_layer .com_layer_title						{width:100%; position:relative; font-weight: 400; font-size: 18px; color:#fff; background:#222; padding:15px;}	
.active_layer .com_layer .com_layer_title .com_layer_close		{position:absolute; top:16px; right:20px; display:block; font-size:0; width:22px; height:22px;  background:url('/kpc/_img/cont/btn_pop_close_w.svg')no-repeat 50% 50%}
.active_layer button											{border: none; outline: none; background-color: inherit ; cursor: pointer;}

/* Mobile */
@media only screen and (max-width: 720px) {	

	.circle11					{border: 1px dashed #ffffff40; padding: 10px; border-radius: 15px;}
	.circle11 .black_tit		{font-size:17px; font-weight:500; background:#00000050; border-radius:10px; padding:20px 30px; color:#fff; text-align:center; margin-bottom:10px;}
	.circle11 .black_tit span	{display:block; font-size:15px; font-weight:200; color: #ffffff70; margin-top: 10px;}
	.circle11 ul.circle			{display:grid; grid-template-columns: 1fr 1fr; gap:10px;}
	.circle11 ul.circle li		{display:flex; flex-direction: column; justify-content: center; align-items: center; text-align:center; padding:15px; border-radius:10px; background:#586DD540; font-size:15px; color:#fff; font-weight:500;}
	.circle11 ul.circle li:last-child{grid-column: 1 / span 2;}

	/* 레이어 팝업 기본 */
	.inquiry .marke_wrap .check_v			{margin-top:0;}
	.inquiry .marke_wrap .check_v label		{font-size:14px;}
	div.layer .pop-layer					{width:100%; max-width:100%; height:100vh; border-radius: 0px;}

	.pop_title				{width:100%; position:relative; font-weight: 700; font-size: 20px; color:#222;padding:20px;}
	.pop_title a.cbtn		{position:absolute; top:17px; right:20px; display:block; font-size:0; width:22px; height:22px;  background:url('/kpc/_img/cont/btn_pop_close.svg')no-repeat 50% 50%}
	.pop_cont				{padding:0px 20px;}
	.pop_cont .cont_wrap	{height:500px; overflow-y: auto; margin-top: 20px;}
	.pop_cont .cont_wrap p.stxt						{font-size:15px;}
	.pop_cont .cont_wrap ul.agree_wrap li p			{font-size:14px; padding: 0 5px;}
	.pop_cont .cont_wrap ul.agree_wrap li p.cont1	{width: calc(100% - 140px);}
	.pop_cont .cont_wrap ul.agree_wrap li p.date	{width: 150px;}
	.pop_cont p.pop_tt		{text-align:center; font:500 17px/24px "Open Sans", "Noto Sans KR", sans-serif; color:#000;margin-bottom: 35px;}
	

	.pop_cont .cont_wrap th			{font-size:14px; padding: 10px 8px;}
	.pop_cont .cont_wrap td			{font-size:14px; padding:8px;}
}

/* 통합검색 */
.search h2			{font-size:60px; font-weight:600; color:#222; margin:0 0 60px; text-align:center}
.search h3			{font-size:30px; margin:80px 0 15px;}
.search h3 span		{color:var(--Primary)}
.search .h3_flex 	{margin:80px 0 15px; align-items: center;}
.search .h3_flex h3	{margin:0}
.search .h3_flex .more			{font-size:0; position:relative; display:inline-block; width:20px; height:20px; transition:0.2s;}
.search .h3_flex .more::before	{position:absolute; content:''; width:20px; height:2px; background:#222; top:50%; transform:translateY(-50%); transition:0.2s;}
.search .h3_flex .more::after	{position:absolute; content:''; width:2px; height:20px; background:#222; left:50%; transform:translateX(-50%); transition:0.2s; }
.search .h3_flex .more:focus,
.search .h3_flex .more:hover	{transform:rotate(180deg)}
.search .h3_flex .more:focus::before,
.search .h3_flex .more:hover::before,
.search .h3_flex .more:focus::after,
.search .h3_flex .more:hover::after{background:var(--Primary)}
.search .nodata		{cursor:default !important;; background:none !important;}

.search .search_box		{margin-bottom:0;}
ul.link_btn_tab			{display:flex; flex-wrap:wrap; justify-content: center; gap:10px; padding:20px 0; border-bottom:dashed 1px #ddd;}
ul.link_btn_tab > li a	{display:flex; position:relative; padding:15px 60px 15px 30px; border-radius:50px; background:#fff; border:solid 1px #ddd; color:#222; font-size:18px; font-weight:400; text-align:center; transition:0.2s;}
ul.link_btn_tab > li a:after	{position:absolute; display: inline-block;content:'';width:24px; height:24px; top:50%; right: 25px; margin-top:-12px; margin-left: 10px; background:url('/kpc/_img/cont/btn_link.svg') no-repeat 50% 50%/100%; transition:0.2s;}
ul.link_btn_tab > li a:focus,
ul.link_btn_tab > li a:hover	{background:#222; color:#fff; border-color:#222;}
ul.link_btn_tab > li a:focus:after,
ul.link_btn_tab > li a:hover:after{background-image:url('/kpc/_img/cont/btn_link_w.svg')}

p.search_total		{margin-top:40px; text-align:center; font-size:20px; font-weight:400; color:#777;}
p.search_total span	{font-weight:600; color:var(--Primary);}
p.search_total span.keyword	{font-weight:600; color:#222 ;}

.search_menu						{border-top:2px solid #444;}
.search_menu li						{border-bottom:1px solid #ddd;}
.search_menu li a					{display:block; padding:12px 20px; color:#333; font-weight:400; font-size:17px; transition:0.2s;}
.search_menu li span				{display:inline-block; position:relative; margin-right: 10px; padding-right: 15px;}
.search_menu li span:last-child		{background:none; padding-right:0; margin-right:0;}
.search_menu li span:not(:last-child):after{position:absolute; content:''; width:7px; height:7px; top:50%; margin-top:-5px; right:0; border-top:solid 1px #ddd; border-right:solid 1px #ddd; transform:rotate(45deg)}
.search_menu li:not(.nodata):hover a{background: rgb(59 75 155 / 5%);}

ul.search_list			{border-top:2px solid #444;}
ul.search_list > li		{border-bottom:1px solid #ddd;}
ul.search_list a		{display:block; padding:20px; transition:0.2s;}
ul.search_list li:not(.nodata):hover a{background: rgb(59 75 155 / 5%);}

ul.search_list .his							{position:relative; display:flex; align-items:center; font-size:16px; color:#888; margin-bottom:10px;}
ul.search_list .his span					{position:relative; margin-right: 10px; padding-right: 15px;}
ul.search_list .his span.home				{font-size:0; width:30px; height:24px; background: url('/_img/web/pc/cont/his_home.png') no-repeat 10% 40%;} 
ul.search_list .his span:not(:last-child):after{position:absolute; content:''; width:7px; height:7px; top:50%; margin-top:-5px; right:0; border-top:solid 1px #ddd; border-right:solid 1px #ddd; transform:rotate(45deg)}
ul.search_list .his span:last-child			{padding-right:0; margin-right:0;}

ul.search_list .tt			{width: 100%; font-size: 19px; font-weight: 500; color: #222; display: flex; align-items: center;}
ul.search_list .tit			{align-items: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; word-break: break-all;}
ul.search_list .cate		{margin-right:10px; font-weight: 400; font-size: 16px; padding: 2px 10px; height: 26px; display: inline-block; background: #00287F; border-radius: 3px; color: #fff; flex-shrink: 0;}
ul.search_list .cate + .cate{margin-left:-5px;}
ul.search_list .cate.line	{background: #fff; color:#333; border:solid 1px #ddd;}
ul.search_list .ts			{margin-top:10px; color:#666; font-size:18px; align-items: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-all;}
	
ul.search_list .file		{font-size:0; display: inline-block; min-width: 16px; height: 16px; margin-left: 10px; background: url('../_img/cont/file_icon.svg') no-repeat 50% 50% / 16px;}
ul.search_list .date		{margin-top:20px; font-size: 16px; color: #777;}
ul.search_list .date span	{margin-left:10px; padding-left:12px; position:relative}
ul.search_list .date span:before{position:absolute; content:''; width:1px; height:12px; background:#ddd; left:0; top:50%; margin-top:-6px;}

.board.search .tab_box		{margin: 30px auto;}


@media only screen and (max-width: 1150px) {
	ul.link_btn_tab	{padding: 20px 150px;}
}
/* Tablet */
@media only screen and (max-width: 1024px) {
	.search h2			{font-size:42px; margin:0 0 50px;}
	.search h3			{font-size:24px; margin-top:50px}
	.search .h3_flex	{margin-top:50px;}
	
	ul.link_btn_tab				{padding:20px 0; display:grid; grid-template-columns: repeat(3, minmax(0,1fr));}
	ul.link_btn_tab > li a		{padding:12px 45px 12px 20px; font-size:17px;}
	ul.link_btn_tab > li a:after{width:20px; right:20px}
	
	p.search_total		{margin-top:30px; font-size:18px;}
	ul.search_list .cate{padding: 3px 8px; font-size: 15px;}
	ul.search_list .tt	{font-size:18px;}
	ul.search_list .ts	{font-size:16px;}
}

/* Mobile */
@media only screen and (max-width: 720px) {	
	.search h2			{font-size:32px; margin:0 0 40px;}
	.search h3			{font-size:22px;}
	.search .h3_flex	{flex-direction:row;}
	
	ul.link_btn_tab			{display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:10px 5px}
	ul.link_btn_tab > li a	{padding:10px 35px 10px 18px; font-size:15px;}
	ul.link_btn_tab > li a:after{width:18px; right:15px}
	
	p.search_total		{margin-top:30px; font-size:17px;}
	
	.search .tab_box li	{width:50%;}

	.search_menu li a	{font-size:15px; padding:12px 15px;}

	ul.search_list a	{padding:18px 15px;}
	ul.search_list .cate{height: 24px; padding: 3px 6px; font-size: 13px;}
	ul.search_list .his	{font-size:14px; margin-bottom:8px}
	ul.search_list .tt	{font-size:17px;}
	ul.search_list .date{font-size:14px; margin-top:15px;}
}


/* 정보공개청구 - 청구권자 */
.info_target					{display:grid; grid-template-columns: repeat(2, 1fr); gap:20px}
.info_target.step 				{grid-template-columns: repeat(1, 1fr); gap:40px}
.info_target .card_list.flex	{gap:20px; flex-direction: row; align-items: center; text-align:left; padding: 40px;}
.info_target.step .card_list:not(:last-child)::after{position:absolute; content:''; width:130px; height:20px; background:url('/kpc/_img/comn/sel_arrow.svg') no-repeat 50% 50%; left:40px; top:calc(100% + 10px);}
.info_target .txt + .txt_flex	{margin-top:20px}
.info_target .txt_flex			{display:grid; grid-template-columns: repeat(2, 1fr); gap:20px; margin-top:10px;}
.info_target .txt_flex.thr		{grid-template-columns: repeat(3, 1fr);}
.info_target .txt_flex > div	{flex:1;}

.info_target .info		{width:100%;}
.info_target .icon		{text-align:center; min-width:130px; width:130px; margin-bottom:0;}
.info_target .icon img	{width:100%;}
.info_target .txt b		{color:#222;}

.info_target .dot_list	{color:#777; padding-top:0;}
.info_openUser .dot_list{color:#777; display:flex; flex-direction: column; gap:5px;}


/* 정보공개청구 - 수수료 정보 */
.info_open .basic_tbl						{display: table; width:100%; text-align: center; vertical-align:middle;}
.info_open .basic_tbl tr					{border-top: 1px solid #222;}
.info_open .basic_tbl th					{padding: 20px; font-size: 20px; color: #222; font-weight:500; border-bottom: 1px solid #ddd; background: #f5f5f5; vertical-align: middle;}
.info_open .basic_tbl th.r_line 			{border-right: 1px solid #ddd;}
.info_open .basic_tbl td					{padding: 20px 20px; font-size: 18px; color: #444; border-bottom: 1px solid #ddd; vertical-align: top; text-align: left;}
.info_open .basic_tbl td:not(:first-child) 	{border-left: 1px solid #ddd;}
.info_open .basic_tbl th:not(:first-child)	{border-left: 1px solid #ddd;}
.info_open .basic_tbl td .space				{margin-top:10px;}
.info_open .basic_tbl td .space:first-child	{margin-top:0px;}
.info_open .basic_tbl td p					{font-weight:400;}
.info_open .basic_tbl td ul.dot_list		{padding-top:0;}
.info_open .basic_tbl td ul.dot_list li		{color:#777; font-size: 17px;}



/* Tablet */
@media only screen and (max-width: 1024px) {
		
	/* 청구권자 */
	.info_target .card_list.flex	{gap:10px; padding:30px 30px 30px 20px;}
	.info_target.step .card_list:not(:last-child)::after{width:90px; left:20px;}
	.info_target .icon				{min-width:90px; width:90px;}
	
	/* 수수료 정보 */
	.info_open .basic_tbl th					{padding: 15px 10px; font-size: 18px;}
	.info_open .basic_tbl td					{padding: 15px 10px; font-size: 16px;}
	.info_open .basic_tbl td ul.dot_list li		{font-size: 15px;}

}

/* Mobile */
@media only screen and (max-width: 720px) {	

	/* 청구권자 */
	.info_target					{gap:10px; grid-template-columns: repeat(1, 1fr);}
	.info_target.step				{gap:30px;}
	.info_target.step .card_list:not(:last-child)::after{left:50%; transform:translateX(-50%); top: calc(100% + 5px);}
	.info_target .card_list.flex	{padding: 20px 20px 20px 5px; align-items:start;}
	.info_target .icon				{min-width:64px; width:64px;}
	.info_target .txt_flex			{grid-template-columns: repeat(1, 1fr) !important; gap:10px}
	
	/* 수수료 정보 */
	.info_open .basic_tbl th					{padding: 10px 5px; font-size: 16px;}
	.info_open .basic_tbl td					{padding: 10px 5px; font-size: 15px;}
	.info_open .basic_tbl td ul.dot_list li		{font-size: 14px;}
}

.basic_table	{border-top:solid 1px #222; width:100%; table-layout:fixed}
.basic_table th	{background: #f5f5f5; padding: 20px 10px; border-bottom: 1px solid #ddd; font-size: 20px; color: #222; font-weight:500; vertical-align: middle;}
.basic_table td	{padding: 20px; font-size: 18px; border-bottom: 1px solid #ddd; vertical-align: middle;}
.basic_table a.down			{color:#222; position:relative;}
.basic_table a.down:after	{position:absolute;display: inline-block;content:'';width:24px;height:24px;top:50%;margin-top:-12px;margin-left: 10px;background:url('/kpc/_img/cont/download.svg') no-repeat 50% 50%/100%; transition:0.2s;}
.basic_table a.down:hover	{text-decoration:underline}

/* Tablet */
@media only screen and (max-width: 1024px) {
	.basic_table th	{padding: 15px 10px; font-size: 18px; }
	.basic_table td	{padding: 15px; font-size: 16px;}
	
}

/* Mobile */
@media only screen and (max-width: 720px) {	
	.basic_table th	{padding: 10px 5px; font-size: 16px; }
	.basic_table td	{padding: 10px; font-size: 14px;}
	.basic_table a.down:after{width:20px; height:20px}
	
}