*{ box-sizing: border-box; }
figure{ display: inline-block; margin: 0; }
select::-ms-expand { display: none; }
select { 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none;
	outline: none;
	cursor: pointer;
}
input{ outline: none; border: none; }
input[type="submit"],input[type="button"], input[type="file"],
input[type="text"], button { appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0;-webkit-border-radius: 0; -moz-border-radius: 0; }
input[type="checkbox"]{ padding: 0 !important; }


/* popup */
#popup{ width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; z-index: 1000; display: none; }
#popup .blank{ width: 100%; height: 100%; }
#popup .inner{ max-width: 90%; overflow-x: clip; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; background: #FFF; border-top: 5px solid #252C56; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#popup .close{ background: none; border: none; padding: 0; position: absolute; top: 70px; right: 70px; }
#popup .close::before{ content: ""; width: 38px; height: 38px; display: inline-block; background: url("/img/board/popup_close.svg") no-repeat center center / contain; }


@media screen and (max-width: 1280px){
	#popup .close::before{ width: 34px; height: 34px; }
}


/* paging 변수 */
.paging{
	--width: 30px;
}
.paging,
.paging .arr,
.paging ul{ display: flex; justify-content: center; align-items: center; }
.paging a{ display: block; background: none; border: none; font-family: var(--engFont); font-size: 16px; font-weight: 500; color: #999; letter-spacing: 0; line-height: var(--width); text-align: center; }
.paging a i{ transform: translateY(-1px) !important; }
.paging a i::before{ content: ""; display: inline-block; width: 8px; height: 12px; }
.paging a i.xi-angle-left-min:before{ background: url("/img/board/paging_prev.svg") no-repeat center center / contain; }
.paging a i.xi-angle-right-min:before{ background: url("/img/board/paging_next.svg") no-repeat center center / contain; }

.paging{ margin-top: 120px; }
.paging .arr a{ width: auto; height: var(--width); padding: 0 13px; margin: 0 !important; }
.paging .arr a i:not(:last-of-type){ margin-right: -2px; }

.paging ul{ margin: 0 8px; }
.paging ul li a{ width: var(--width); height: var(--width); }
.paging ul li.on a{ background: var(--mainColor); font-weight: 400; color: #FFF; }

@media screen and (max-width: 1700px){
	.paging{ margin-top: 80px; }
}

@media screen and (max-width: 1280px){
	.paging{
		--width: 28px;
	}
	.paging{ margin-top: 40px; }
	.paging a{ font-size: 15px; }
	.paging a i{ transform: translateY(0) !important; }

	.paging ul{ margin: 0 7px; }
	.paging .arr a{ padding: 0 7px; }
}


/* 게시판 공통 */
/* #board{ background: url("/img/board/board_bg.svg") no-repeat top var(--subPt) right / auto; }

@media screen and (max-width: 1700px){
	#board{ background-size: 500px; }
}

@media screen and (max-width: 1280px){
	#board{ background-size: 400px; }
}

@media screen and (max-width: 900px){
	#board{ background-size: 300px; }
} */


/* 검색창 변수 */
.search-box{
	--height: 60px;
	--select: 240px;
	--button: 30px;
	--padding: 20px;
}
.search-box{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: -10px; margin-bottom: 100px; }
.search-box *{ font-family: var(--baseFont); font-size: 18px; font-weight: 500; color: #333; }
.search-box > *{ margin-top: 10px; }
.search-box .input{ max-width: calc(100% - var(--select) - 20px); width: 500px; position: relative; }
.search-box select,
.search-box input{ height: var(--height); background: transparent; border: none; border-bottom: 2px solid #000; border-radius: 0; -webkit-border-radius: 0; }
.search-box select{ width: var(--select); background: url("/img/board/search_arrow.svg") no-repeat center right / var(--button); padding: 0 var(--padding); padding-right: var(--button); margin-right: 20px; }
.search-box input{ width: 100%; padding-left: var(--padding); padding-right: calc(var(--button) + var(--padding)); }
.search-box button{ width: calc(var(--button) + var(--padding)); height: 100%; background: none; border: none; padding: 0; padding-left: var(--padding); position: absolute; top: 0; right: 0; }
.search-box button::before{ content: ""; width: var(--button); height: var(--button); display: inline-block; background: url("/img/board/search_icon.svg") no-repeat center center / contain; }

@media screen and (max-width: 1700px){
	.search-box{
		--height: 50px;
		--select: 200px;
	}
	.search-box{ margin-bottom: 70px; }
	.search-box .input{ width: 450px; }
}

@media screen and (max-width: 1280px){
	.search-box{
		--height: 45px;
		--select: 150px;
		--button: 25px;
		--padding: 15px;
	}
	.search-box{ margin-bottom: 40px; }
	.search-box *{ font-size: 17px; }
	.search-box .input{ width: 400px; }
}

@media screen and (max-width: 800px){
	/* select 2개 */
	.search-box.two{ max-width: 100%; }
	.search-box.two select{ width: calc((100% - 20px) / 2); }
	.search-box.two select:last-of-type{ margin-right: 0; }
	.search-box.two .input{ max-width: 100%; width: 100%; }
}

@media screen and (max-width: 600px){
	.search-box select{ width: 100%; }
	.search-box select:last-of-type{ margin-right: 0; }
	.search-box .input{ max-width: 100%; width: 100%; }
}


/* 공고 - 검색필터 */
.notice-filter{
	--height: 45px;
	--padding: 20px;
}
.notice-filter{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; }
.notice-filter dl{ display: flex; align-items: center; }
.notice-filter dl dt{ font-size: 20px; font-weight: 600; color: #353535; margin-right: 15px; }
.notice-filter dl select{ width: 120px; height: var(--height); background: #FFF url("/img/board/notice_filter_arrow.svg") no-repeat center right var(--padding) / auto; border: 1px solid #DDD; font-family: var(--baseFont); font-size: 18px; font-weight: 300; color: #353535; padding: 0 var(--padding); cursor: pointer; }

.notice-filter .right{ display: flex; flex-wrrap: wrap; align-items: center; }
.notice-filter .right ul{ display: flex; flex-wrap: wrap; margin: -5px -10px; }
.notice-filter .right ul li{ margin-left: 10px; }
.notice-filter .right ul li input{ display: none; }
.notice-filter .right ul li label{ display: block; font-size: 20px; font-weight: 600; color: #353535; padding: 5px 10px; padding-left: 30px; position: relative; cursor: pointer; }
.notice-filter .right ul li label::before,
.notice-filter .right ul li label::after{ content: ""; border-radius: 50%; position: absolute; top: calc((1.3em / 2) + 5px); left: 0; transform: translateY(-50%); box-sizing: border-box; }
.notice-filter .right ul li label::before{ width: 21px; height: 21px; border: 1px solid #DDD; }
.notice-filter .right ul li label::after{ width: 13px; height: 13px; background: var(--mainColor); left: 4px; opacity: 0; }
.notice-filter .right ul li input:checked + label::after{ opacity: 1; }

.notice-filter .right button{ width: 125px; height: var(--height); display: flex; justify-content: center; align-items: center; background: var(--mainColor); border: none; font-size: 19px; font-weight: 500; color: #FFF; margin-left: 40px; }
.notice-filter .right button i{ display: inline-block; width: 20px; height: 20px; background: url("/img/board/notice_filter_search.svg") no-repeat center center / contain; margin-left: 10px; vertical-align: middle; transform: translateY(-1px); }

@media screen and (max-width: 1700px){
	.notice-filter{ margin-bottom: 30px; }
	.notice-filter dl dt{ font-size: 19px; }

	.notice-filter .right ul li label{ font-size: 19px; }

	.notice-filter .right button{ font-size: 18px; }
}

@media screen and (max-width: 1280px){
	.notice-filter{
		--height: 40px;
		--padding: 15px;
	}
	.notice-filter{ margin-bottom: 20px; }
	.notice-filter dl dt{ font-size: 18px; }
	.notice-filter dl select{ width: 100px; font-size: 17px; background-position: center right 10px; }

	.notice-filter .right ul li label{ font-size: 18px; paddin-left: 25px; }
	.notice-filter .right ul li label::before{ width: 18px; height: 18px; }
	.notice-filter .right ul li label::after{ width: 10px; height: 10px; }

	.notice-filter .right button{ width: 100px; font-size: 17px; margin-left: 20px; }
}

@media screen and (max-width: 1000px){
	.notice-filter{ flex-direction: column; }
	.notice-filter dl{ margin-bottom: 20px; }
}

@media screen and (max-width: 600px){
	.notice-filter dl{ width: 100%; flex-direction: column; border-bottom: 1px solid #DDD; padding-bottom: 20px; }
	.notice-filter dl > *{ width: 100%; }
	.notice-filter dl dt{ margin: 0; margin-bottom: 15px; }
	.notice-filter dl select{ width: 100%; }

	.notice-filter .right{ flex-wrap: wrap; }
	.notice-filter .right ul{ width: 100%; justify-content: center; }
	.notice-filter .right ul li label{ font-size: 17px; }
	.notice-filter .right button{ height: calc(var(--height) + 5px); flex: 1 0 auto; margin-left: 0; margin-top: 20px; }
}



/* 기본 게시판 */
.board-box{
	
}
.board-box *{ font-size: 18px; }
.board-box colgroup col{ width: 100%; }
.board-box colgroup col.s{ width: 150px; }
.board-box colgroup col.m{ width: 190px; }
.board-box colgroup col.l{ width: 220px; }

.board-box table{ border-top: 2px solid #000; text-align: center; }
.board-box tr{ border-bottom: 1px solid #DDD; cursor: pointer; }
.board-box thead th{ font-weight: 600; color: #111; padding: 40px 10px; }
.board-box td{ font-family: var(--engFont); font-weight: 400; color: #777; padding: 35px 10px; }
.board-box td span{ font-size: 16px; color: #333; }
.board-box td a{ display: block; font-family: var(--baseFont); font-size: 19px; font-weight: 500; color: #333; line-height: 1.3; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: left; padding: 0 20px; }

.board-box .notice i{ display: inline-block; background: var(--mainColor); font-size: 15px; font-weight: 500; color: #FFF; line-height: 1; font-style: normal; padding: 7px 11px; }


/* 다운로드 게시판 */
.board-box.download td{ font-family: var(--baseFont); color: #999; }
.board-box.download button{ background: none; border: none; padding: 0; outline: none; }
.board-box.download button::before{ content: ""; display: inline-block; width: 30px; height: 30px; background: url("/img/board/download_icon.svg") no-repeat center center / contain; }


/* 채용 게시판 */
.board-box.career td{ padding: 40px; }
.board-box.career td a{ font-size: 30px; font-weight: 600; color: #111; padding: 0; margin-bottom: 20px; }
.board-box.career td span{ width: 100px; height: 45px; display: flex; justify-content: center; align-items: center; background: var(--mainColor); font-size: 16px; font-weight: 500; color: #FFF; line-height: 1; margin: 0 auto; }
.board-box.career td span.close{ background: #F5F5F5; color: #999; }

.board-box.career td ul{ display: flex; flex-wrap: wrap; margin-block: -5px; margin-left: -20px; position: relative; }
.board-box.career td ul::before{ content: ""; width: 20px; height: 100%; background: #FFF; position: absolute; top: 0; left: 0; z-index: 10; }
.board-box.career td ul li{ font-size: 17px; color: #999; padding-inline: 20px 0; margin-block: 5px; position: relative; }
.board-box.career td ul li::before{ content: ""; width: 1px; height: 12px; background: #DDD; position: absolute; top: 45%; left: 10px; transform: translateY(-50%); }

@media screen and (max-width: 1700px){
	.board-box colgroup col.s{ width: 120px; }
	.board-box colgroup col.l{ width: 180px; }

	.board-box thead th, 
	.board-box td{ padding: 30px 10px; }

	/* 채용 게시판 */
	.board-box.career td{ padding: 30px; }
	.board-box.career td a{ font-size: 26px; }
	.board-box.career td span{ width: 80px; height: 35px; }
}

@media screen and (max-width: 1280px){
	.board-box colgroup col.l{ width: 140px; }

	.board-box *{ font-size: 17px; }
	.board-box thead th, 
	.board-box td{ padding: 20px 10px; }
	.board-box td a{ font-size: 18px; }

	.board-box .notice i{ padding: 5px 8px; }

	/* 다운로드 게시판 */
	.board-box.download button::before{ width: 25px; height: 25px; }

	/* 채용 게시판 */
	.board-box.career td{ padding: 20px; }
	.board-box.career td a{ font-size: 22px; margin-bottom: 10px; }
	.board-box.career td span{ width: 60px; height: 30px; font-size: 15px; }
	.board-box.career td ul li{ font-size: 16px; }
}

@media screen and (max-width: 1000px){
	.board-box *{ font-size: 17px; }
	.board-box colgroup,
	.board-box thead{ display: none; }
	.board-box td{ padding: 0 10px 15px; }
	.board-box td a{ padding: 0; }

	.board-box tr{ width: 100%; display: flex; flex-wrap: wrap; align-items: baseline; }
	.board-box tr td::before{ content: attr(data-th); }
	.board-box tr td:nth-of-type(1){ display: none; }
	.board-box tr td:nth-of-type(2){ width: 100%; padding-top: 15px; padding-bottom: 5px; }

	.board-box .notice td:nth-of-type(1){ display: block; padding-top: 15px; padding-bottom: 5px; }
	.board-box .notice td:nth-of-type(2){ width: calc(100% - 80px); padding-left: 5px; transform: translateY(2px); }

	/* 다운로드 게시판 */
	.board-box.download button{ transform: translateY(20%); }

	/* 채용 게시판 */
	.board-box.career td{ padding: 15px 10px; }
	.board-box.career td a{ font-size: 20px; }
	.board-box.career td span{ height: 27px; font-size: 14px; }

	.board-box.career td:nth-of-type(1){ width: 100%; display: block; padding-bottom: 0; margin-bottom: -5px; padding-top: 18px; }
	.board-box.career td:nth-of-type(2){ width: auto; padding-right: 0; }

	.board-box.career td ul{ margin-left: -14px; }
	.board-box.career td ul::before{ width: 14px; }
	.board-box.career td ul li{ padding-inline: 14px 0; }
	.board-box.career td ul li::before{ left: 7px; }
}


/* Community - 공지사항 */
#board .board-box.notice td{ color: #999; }


/* 이미지 게시판 */
.img-board-box{ 
	--gapB: 80px; 
	--gapR: 30px; 
	--line: 3; 
}

.img-board-box{ display: flex; flex-wrap: wrap; margin-bottom: calc(var(--gapB) * -1); }
.img-board-box .item{ width: calc((100% - calc(var(--gapR) * (var(--line) - 1))) / var(--line)); margin-right: var(--gapR); margin-bottom: var(--gapB); }
.img-board-box .item:nth-of-type(3n){ margin-right: 0; }
.img-board-box figure{ display: block; position: relative; padding-bottom: 66.67%; overflow: hidden; }
.img-board-box figure img{ width: 100%; height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.img-board-box .txt{ margin-top: 30px; }
.img-board-box .txt h6{ font-size: 22px; font-weight: 500; color: #222; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.img-board-box .txt span{ display: block; font-family: var(--engFont); font-size: 16px; font-weight: 400; color: 999; margin-top: 15px; }

@media screen and (max-width: 1700px){
	.img-board-box{ 
		--gapB: 60px; 
	}
	.img-board-box .txt{ margin-top: 20px; }
	.img-board-box .txt h6{ font-size: 20px; }
}

@media screen and (max-width: 1280px){
	.img-board-box{ 
		--gapB: 40px; 
		--gapR: 20px;
	}
	.img-board-box .txt{ margin-top: 15px; }
	.img-board-box .txt h6{ font-size: 18px; }
	.img-board-box .txt span{ margin-top: 10px; }
}

@media screen and (max-width: 900px){
	.img-board-box{ 
		--line: 2;
	}
	.img-board-box .item:nth-of-type(3n){ margin-right: var(--gapR); }
	.img-board-box .item:nth-of-type(2n){ margin-right: 0; }
}


/* 상세 페이지 변수 */
.view_ctn{ 
	--ptb: 100px;
}
.view_ctn .inner{ max-width: 1200px; width: 100%; padding: var(--ptb) 0; margin: 0 auto; }

.view_ctn .tit{ border-bottom: 2px solid #000; padding-bottom: 60px; }
.view_ctn .tit i{ display: inline-block; background: var(--mainColor); font-family: var(--engFont); font-size: 15px; font-weight: 500; color: #FFF; letter-spacing: 0; line-height: 1; font-style: normal; padding: 6px 10px; margin-bottom: 20px; }
.view_ctn .tit i.close{ background: #F5F5F5; color: #999; }
.view_ctn .tit h2{ font-size: 5rem; font-weight: 600; color: #111; margin-bottom: 30px; }
.view_ctn .tit ul{ display: flex; flex-wrap: wrap; margin: -5px -20px; }
.view_ctn .tit ul li{ font-family: var(--engFont); font-size: 18px; font-weight: 400; color: #999; letter-spacing: 0; margin: 5px 20px; }

.view_ctn .info{ font-size: 18px; color: #333; }


.view_ctn .file-box dl,
.view_ctn .page-box dl{ display: flex; align-items: baseline; font-size: 18px; }
.view_ctn .file-box dl dt,
.view_ctn .page-box dl dt{ font-weight: 600; color: #333; }
.view_ctn .file-box dl dd a,
.view_ctn .page-box dl dd a{ display: block; font-weight: 300; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.view_ctn .file-box{ background: #F5F5F5; padding: 50px 60px; margin-top: var(--ptb); }
.view_ctn .file-box dl{ flex-wrap: wrap; margin: -7px 0; }
.view_ctn .file-box dl dt{ width: 140px; padding-right: 10px; }
.view_ctn .file-box dl dd{ width: calc(100% - 140px); }
.view_ctn .file-box dl dd a{ padding: 7px 0; }

.view_ctn .page-box{ border-top: 2px solid #000; padding-top: var(--ptb); }
.view_ctn .page-box dl{ border: 1px solid #DDD; }
.view_ctn .page-box dl:not(:last-of-type){ margin-bottom: 10px; }
.view_ctn .page-box dl dt{ width: 230px; font-family: var(--engFont); text-align: center; padding: 0 20px; }
.view_ctn .page-box dl dt i{ display: inline-block; width: 10px; height: 5px; background: url("/img/board/page_prev.svg") no-repeat center center / contain; vertical-align: middle; margin-right: 20px; transform: translateY(-1px); }
.view_ctn .page-box dl.next dt i{ background: url("/img/board/page_next.svg") no-repeat center center / contain; }
.view_ctn .page-box dl dd{ width: calc(100% - 230px); }
.view_ctn .page-box dl dd a{ padding: 40px; padding-left: 0 !important; }

.view_ctn .listBtn{ padding-top: var(--ptb); margin: -35px 0; }
.view_ctn .listBtn a{ max-width: 100%; width: max-content; display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: 500; color: #111; padding: 35px 20px; margin: 0 auto; }
.view_ctn .listBtn a i{ width: var(--arrowW); height: var(--arrowH); display: inline-block; background: var(--arrowURL); margin-right: 20px; filter: invert(1); -webkit-filter: invert(1); transform: scaleX(-1); }


/* 채용 상세 페이지 */
.view_ctn.career .tit{ overflow: hidden; }
.view_ctn.career .tit ul{ margin: -3px 0; margin-left: -40px; position: relative; }
.view_ctn.career .tit ul::before{ content: ""; width: 40px; height: 100%; background: #FFF; position: absolute; top: 0; left: 0; z-index: 100; }
.view_ctn.career .tit ul li{ margin: 3px 0; padding-left: 40px; position: relative; }
.view_ctn.career .tit ul li::before{ content: ""; width: 1px; height: 12px; background: #DDD; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); }

.view_ctn.career .submit{ padding-top: var(--ptb); }
.view_ctn.career .submit a{ margin: 0 auto; }

@media screen and (max-width: 1700px){
	.view_ctn{ 
		--ptb: 70px;
	}
	.view_ctn .tit{ padding-bottom: 40px; }
	.view_ctn .tit ul{ margin: -5px -15px; }
	.view_ctn .tit ul li{ font-size: 17px; margin: 5px 15px; }

	.view_ctn .file-box dl,
	.view_ctn .page-box dl{ font-size: 17px; }

	.view_ctn .file-box{ padding: 35px 45px; }

	.view_ctn .page-box dl dt{ width: 180px; }
	.view_ctn .page-box dl dd{ width: calc(100% - 180px); }
	.view_ctn .page-box dl dd a{ padding: 35px; }

	.view_ctn .listBtn{ margin: -30px 0; }
	.view_ctn .listBtn a{ font-size: 19px; padding: 30px 20px; }

	/* 채용 상세 페이지 */
	.view_ctn.career .tit ul{ margin-left: -30px; }
	.view_ctn.career .tit ul::before{ width: 30px; }
	.view_ctn.career .tit ul li{ padding-left: 30px; }
	.view_ctn.career .tit ul li::before{ left: 15px; }
}

@media screen and (max-width: 1280px){
	.view_ctn{ 
		--ptb: 45px;
	}

	.view_ctn .tit{ padding-bottom: 20px; }
	.view_ctn .tit i{ font-size: 14px; padding: 5px 8px; margin-bottom: 15px; }
	.view_ctn .tit h2{ margin-bottom: 15px; }
	.view_ctn .tit ul{ margin: -5px -10px; }
	.view_ctn .tit ul li{ font-size: 16px; margin: 5px 10px; }

	.view_ctn .info{ font-size: 17px; }

	.view_ctn .file-box dl,
	.view_ctn .page-box dl{ font-size: 16px; }

	.view_ctn .file-box{ padding: 25px; }
	.view_ctn .file-box dl dt{ width: 110px; }
	.view_ctn .file-box dl dd{ width: calc(100% - 110px); }

	.view_ctn .page-box dl dt{ width: 105px; }
	.view_ctn .page-box dl dd{ width: calc(100% - 105px); }
	.view_ctn .page-box dl dd a{ padding: 25px; }
	.view_ctn .page-box dl dt i{ margin-right: 10px; }

	.view_ctn .listBtn a{ font-size: 18px; }
	.view_ctn .listBtn a i{ margin-right: 10px; }

	/* 채용 상세 페이지 */
	.view_ctn.career .tit ul{ margin-left: -20px; }
	.view_ctn.career .tit ul::before{ width: 20px; }
	.view_ctn.career .tit ul li{ padding-left: 20px; }
	.view_ctn.career .tit ul li::before{ left: 10px; }
}

@media screen and (max-width: 900px){
	.view_ctn{ 
		--ptb: 30px;
	}

	.view_ctn .tit h2{ font-size: 4.7rem; }

	.view_ctn .listBtn{ padding-top: 40px; }

	/* 채용 상세 페이지 */
	.view_ctn.career .tit ul{ margin-left: -14px; }
	.view_ctn.career .tit ul::before{ width: 14px; }
	.view_ctn.career .tit ul li{ padding-left: 14px; }
	.view_ctn.career .tit ul li::before{ left: 7px; }
}


/* 검색 결과 */
#result{ padding-top: 0; }
#result .total{ font-size: 24px; font-weight: 500; color: #000; text-align: center; }
#result .total em{ color: var(--mainColor); }

#result .filter{
	--height: 80px;
}
#result .filter{ background: #F5F5F5; padding: 110px 0; margin-bottom: var(--subPt); }
#result .filter *{ font-size: 30px; font-weight: 600; color: #151515; }
#result .filter .input{ max-width: 920px; margin: 0 auto; position: relative; }
#result .filter input{ width: 100%; height: var(--height); background: none; border: none; border-bottom: 2px solid #151515; padding-right: 56px; outline: none; }
#result .filter input::placeholder{ font-weight: 500; color: #D5D5D5; }
#result .filter button{ height: var(--height); background: none; border: none; padding: 0 20px; position: absolute; top: 0; right: -20px; }
#result .filter button img{ width: auto; height: auto; }

#result .tit{ margin-bottom: 30px; }
#result .tit h4{ font-size: 4rem; font-weight: 600; color: #111; }
#result .tit h4 span{ display: inline-block; font-size: 18px; color: var(--mainColor); margin-left: 15px; }

#result .img-board-box{ padding-top: 35px; border-top: 2px solid #000; }

@media screen and (max-width: 1700px){
	#result .total{ font-size: 22px; }
	
	#result .filter{
		--height: 70px;
	}
	#result .filter{ padding: 80px 0; }
	#result .filter *{ font-size: 26px; }
	#result .filter .input{ max-width: 800px; }

	#result .tit{ margin-bottom: 20px; }
	#result .tit h4 span{ font-size: 17px; }
}

@media screen and (max-width: 1280px){
	#result .total{ font-size: 20px; }

	#result .filter{
		--height: 60px;
	}
	#result .filter{ padding: 50px 0; }
	#result .filter *{ font-size: 22px; }
	#result .filter .input{ max-width: 700px; }

	#result .tit{ margin-bottom: 15px; }
	#result .tit h4{ font-size: 4.3rem; } 
	#result .tit h4 span{ font-size: 16px; margin-left: 10px; }

	#result .img-board-box{ padding-top: 20px; }
}

@media screen and (max-width: 900px){
	#result .total{ font-size: 19px; }

	#result .filter{
		--height: 55px;
	}
	#result .filter{ padding: 40px 0 50px; }
	#result .filter *{ font-size: 20px; }
	#result .filter .input{ max-width: 700px; }
	#result .filter input{ padding-right: 50px; }
	#result .filter button img{ width: 30px; }
}



/* table-form */
.table-form{
	--th: 300px;
	--height: 60px;
	--padding: 20px;
	--icon: 21px;
	--border: 1px solid #DDD;
}
.table-form *{ font-family: var(--baseFont); font-size: 18px; font-weight: 300; color: #333; }
.table-form .tit{ display: flex; flex-wrap: wrap; align-items: center; margin: -15px -15px 0; margin-bottom: 40px; }
.table-form .tit > *{ margin: 15px 15px 0; }
.table-form .tit h4{ font-size: 36px; font-weight: 600; color: #111; }
.table-form .tit button{ background: var(--mainColor); border: none; font-size: 20px; font-weight: 400; color: #FFF; padding: 10px 20px; }

.table-form .max1097{ max-width: 1097px; }
.table-form .max810{ max-width: 810px; }
.table-form .max580{ max-width: 580px; }
.table-form .max500{ max-width: 500px; }
.table-form .max420{ max-width: 420px; }
.table-form .max390{ max-width: 390px; }

.table-form .flex{ width: 100%; display: flex; align-items: center; }
.table-form .flex > *:not(:last-child){ margin-right: 10px; }
.table-form span{ display: inline-block; }
.table-form span.hyphen{ width: 10px; height: 1px; background: #AAA; }
.table-form .min,
.table-form .min *{ font-weight: 400; }
.table-form .min{ min-height: var(--height); display: flex; flex-wrap: wrap; align-items: center; }
.table-form .small{ font-size: 15px; font-weight: 200; color: #AAA; margin-top: 7px; }

.table-form table{ border-top: 2px solid #000; overflow: hidden; }
.table-form table colgroup col.th, 
.table-form table th{ width: var(--th); }
.table-form table tr{ border-bottom: 1px solid #EEE; }
.table-form table th{ font-weight: 500; color: #222; text-align: left; padding: 20px 60px; }
.table-form table th span{ font-weight: inherit; color: var(--mainColor); }
.table-form table td{ padding: 20px 30px; }

.table-form thead th{ font-size: 22px; color: #111; padding: 35px 30px; }


.table-form input,
.table-form select,
.table-form textarea{ width: 100%; border: var(--border); border-radius: 0; -webkit-border-radius: 0; }
.table-form input,
.table-form select{ height: var(--height); padding: 0 var(--padding); }
.table-form input::placeholder,
.table-form textarea::placeholder{ color: #999; }
.table-form input[readonly],
.table-form textarea[readonly]{ background: #F3F3F3; }
.table-form select{ background: url("/img/board/select_icon.svg") no-repeat center right var(--padding) / auto; padding-right: calc(var(--padding) * 2); }
.table-form textarea{ resize: none; height: 240px; padding: var(--padding); outline: none; }


.table-form .input-list ul{ display: flex; flex-wrap: wrap; align-items: center; margin: -10px 0; }
.table-form .input-list ul li input:not(.input){ display: none; }
.table-form .input-list ul li .input{ margin-left: 20px; }
.table-form .input-list ul li label{ display: block; font-size: 20px; font-weight: 500; color: #353535; padding: 10px 0; padding-left: calc(var(--icon) + 10px) !important; position: relative; cursor: pointer; }
.table-form .input-list ul li label::before,
.table-form .input-list ul li label::after{ content: ""; width: var(--icon); height: var(--icon); border-radius: 50%; position: absolute; top: calc((1.3em / 2) + 10px); left: 0; transform: translateY(-50%); box-sizing: border-box; }
.table-form .input-list ul li label::before{ border: var(--border); }
.table-form .input-list ul li label::after{ width: calc(var(--icon) - 8px); height: calc(var(--icon) - 8px); background: var(--mainColor); border: var(--border); left: 4px; opacity: 0; }

.table-form .input-list ul li input:checked + label::after{ opacity: 1; }

.table-form .input-list ul li label.cc::before,
.table-form .input-list ul li label.cc::after{ top: 50%; }
.table-form .input-list ul li label .input{ height: 55px; font-size: 20px; margin-left: 0; }


.table-form .date select{ width: calc(100% - 60px - 200px); }
.table-form .date input{ width: 100px; }
.table-form .date input::placeholder{ color: #333; }

.table-form .tel input{ width: calc((100% - 60px) / 3); }

.table-form .email input,
.table-form .email select{ width: calc((100% - 46px) / 3); }

.table-form .file input{ flex: 1 0 auto; width: calc(100% - 180px); }
.table-form .file .fileBtn{ width: 180px; }
.table-form .file .fileBtn input{ display: none; }
.table-form .file .fileBtn label{ width: 100%; height: var(--height); display: flex; justify-content: center; align-items: center; border: 1px solid #333; font-weight: 400; cursor: pointer; }

.table-form .kaptcha figure img{ height: var(--height); }
.table-form .kaptcha button{ width: var(--height); height: var(--height); background: none; border: 1px solid #333; padding: 10px; }
.table-form .kaptcha button img{ width: auto; height: auto; }
.table-form .kaptcha input{ width: auto; flex: 1 0 auto; }


.table-form .poilcy{ margin-top: 90px; }
.table-form .poilcy .privacy{ padding-bottom: 40px; }
.table-form .poilcy .privacy *{ color: #666 !important; }
.table-form .poilcy .input-list{ margin-top: 30px; }
.table-form .poilcy .input-list ul{ margin: -5px -40px; }
.table-form .poilcy .input-list ul li{ margin: 0 40px; }
.table-form .poilcy .input-list ul li label{ font-size: 18px; font-weight: 400; color: #353535; }

.table-form .poilcy .scroll-bar{ height: 300px; background: #F9F9F9; padding: 40px; padding-right: 82px; overflow-x: clip; overflow-y: auto; }
.table-form .poilcy .scroll-bar.os-theme-dark > .os-scrollbar-vertical, 
.table-form .poilcy .scroll-bar.os-theme-light > .os-scrollbar-vertical{ width: 82px; border: 38px solid transparent; background-clip: padding-box; }
.table-form .poilcy .scroll-bar.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle{ background: #AAA; }


.table-form .agree{ margin-bottom: 20px; }
.table-form .agree input{ display: none; }
.table-form .agree label{ display: block; font-size: 18px; font-weight: 500; color: #222; padding: calc((30px - 1.3em) / 2) 0; padding-left: 45px; position: relative; cursor: pointer; }
.table-form .agree label::before,
.table-form .agree label::after{ content: ""; width: 30px; height: 30px; position: absolute; top: 0; left: 0; }
.table-form .agree label::before{ background: #AAA; }
.table-form .agree label::after{ background: url("/img/board/check_icon.svg") no-repeat center center / contain; }

.table-form .agree input:checked + label::before{ background: var(--mainColor); }


.table-form .submit{ display: flex; justify-content: center; }
.table-form .submit > *{ width: 250px; height: 80px; display: flex; justify-content: center; align-items: center; background: var(--mainColor); border: none; font-size: 20px; font-weight: 500; color: #FFF; }
.table-form .submit i{ display: inline-block; width: var(--arrowW); height: var(--arrowH); background: var(--arrowURL); margin-left: 20px; }

@media screen and (max-width: 1700px){
	.table-form{
		--th: 220px;
		--height: 55px;
	}
	.table-form .tit{ margin-bottom: 30px; }
	.table-form .tit h4{ font-size: 30px; }
	.table-form .tit button{ font-size: 18px; }

	.table-form table th{ padding: 15px 40px; }
	.table-form table td{ padding: 15px 20px; }
	.table-form thead th{ font-size: 20px; padding: 20px; }

	.table-form .input-list ul li label{ font-size: 18px; }
	.table-form .input-list ul li label .input{ height: 50px; font-size: 18px; }

	.table-form .date select{ width: calc(100% - 40px - 160px); }
	.table-form .date input{ width: 80px; }

	.table-form .file input{ width: calc(100% - 150px); }
	.table-form .file .fileBtn{ width: 150px; }

	.table-form .submit > *{ width: 200px; height: 70px; font-size: 18px; }

	.table-form .poilcy{ margin-top: 70px; }
	.table-form .poilcy .privacy{ padding-bottom: 30px; }
	.table-form .poilcy .input-list{ margin-top: 20px; }
	.table-form .poilcy .input-list ul{ margin: -5px -30px; }
	.table-form .poilcy .input-list ul li{ margin: 0 30px; }

	.table-form .poilcy .scroll-bar{ padding: 30px; padding-right: 62px; }
	.table-form .poilcy .scroll-bar.os-theme-dark > .os-scrollbar-vertical, 
	.table-form .poilcy .scroll-bar.os-theme-light > .os-scrollbar-vertical{ width: 62px; border: 28px solid transparent; background-clip: padding-box; }

	.table-form .agree label{ font-size: 18px; padding: calc((25px - 1.3em) / 2) 0; padding-left: 40px; }
	.table-form .agree label::before,
	.table-form .agree label::after{ width: 25px; height: 25px; }
}

@media screen and (max-width: 1420px){
	.table-form colgroup{ display: none; }
	.table-form tr{ display: flex; flex-wrap: wrap; }
	.table-form tr > th{ display: flex; align-items: center; }
	.table-form tr > *:not(:last-of-type){ border-bottom: 1px solid #EEE; }
	.table-form td{ width: calc(100% - var(--th)); }

	.table-form thead th{ width: 100%; }
	.table-form thead + tbody td{ width: 100%; }

	.table-form .max1097, 
	.table-form .max810, 
	.table-form .max580, 
	.table-form .max500, 
	.table-form .max420, 
	.table-form .max390{ max-width: 100%; }

	.table-form .date select, 
	.table-form .date input{ width: calc((100% - 60px) / 3); }
}

@media screen and (max-width: 1280px){
	.table-form{
		--th: 170px;
		--height: 50px;
		--padding: 15px;
		--icon: 17px;
	}
	/* .table-form *{ font-size: 17px; } */
	.table-form .tit{ margin: -15px -10px 0; margin-bottom: 15px; }
	.table-form .tit > *{ margin: 15px 10px 0; }
	.table-form .tit h4{ font-size: 26px; }
	.table-form .tit button{ font-size: 17px; padding: 9px 15px; }

	.table-form table th{ padding: 10px 15px; }
	.table-form table td{ padding: 10px 15px; }
	.table-form thead th{ font-size: 18px; padding: 20px 15px; }

	.table-form .input-list ul li label{ font-size: 17px; padding: 5px 0; }
	.table-form .input-list ul li label::before,
	.table-form .input-list ul li label::after{ top: calc((1.3em / 2) + 5px); }
	.table-form .input-list ul li label .input{ height: 40px; font-size: 16px; }

	.table-form .file input{ width: calc(100% - 125px); }
	.table-form .file .fileBtn{ width: 125px; }

	.table-form .submit > *{ width: 170px; height: 55px; font-size: 17px; }
	.table-form .submit i{ margin-left: 10px; }

	.table-form .poilcy{ margin-top: 40px; }
	.table-form .poilcy .privacy{ padding-bottom: 20px; }
	.table-form .poilcy .privacy{ padding-bottom: 30px; }
	.table-form .poilcy .input-list{ margin-top: 15px; }
	.table-form .poilcy .input-list ul{ margin: -5px -20px; }
	.table-form .poilcy .input-list ul li{ margin: 0 20px; }
	.table-form .poilcy .input-list ul li label{ font-size: 17px; }

	.table-form .poilcy .scroll-bar{ padding: 20px; padding-right: 42px; }
	.table-form .poilcy .scroll-bar.os-theme-dark > .os-scrollbar-vertical, 
	.table-form .poilcy .scroll-bar.os-theme-light > .os-scrollbar-vertical{ width: 42px; border: 18px solid transparent; background-clip: padding-box; }

	.table-form .agree{ margin-bottom: 15px; }
	.table-form .agree label{ font-size: 17px; padding: calc((20px - 1.3em) / 2) 0; padding-left: 30px; }
	.table-form .agree label::before,
	.table-form .agree label::after{ width: 20px; height: 20px; }
}

@media screen and (max-width: 1000px){
	.table-form .tit h4{ font-size: 22px; }

	.table-form table{ border-top: none; }
	.table-form tr{ flex-direction: column; }
	.table-form table th, 
	.table-form table td{ width: 100% !important; }
	.table-form table th{ border-top: 2px solid #000; border-bottom: 1px solid #EEE; padding: 12px 10px }
	.table-form table td{ padding: 15px 10px; } 

	.table-form thead th{ padding: 15px 10px; border-bottom: none; }

	.table-form table tr:not(:last-of-type), 
	.table-form tr > td:not(:last-of-type){ margin-bottom: 40px; }

	.table-form .kaptcha input{ width: calc(100% - var(--height) - 20px - 143px); }

	.table-form .poilcy .input-list ul{ margin: -5px -15px; }
	.table-form .poilcy .input-list ul li{ margin: 0 15px; }

	.table-form .poilcy .privacy * { font-size: 16px; }
	.table-form .poilcy .privacy h4{ font-size: 20px; margin-bottom: 5px; }

	.table-form .poilcy .privacy dl dt{ font-size: 17px; }
	.table-form .poilcy .privacy .textBox dl dt{ font-size: 16px; }
}

@media screen and (max-width: 650px){
	.table-form .email{ flex-wrap: wrap; }
	.table-form .email input{ width: calc((100% - 35px) / 2); }
	.table-form .email input:last-of-type{ margin-right: 0 !important; }
	.table-form .email select{ width: 100%; margin-top: 10px; }
}



/* 투명경영 -  익명제보 */
#report .table-form .sec01 .input-list ul{ margin: 0 -62px; }
#report .table-form .sec01 .input-list ul li{ display: flex; align-items: center; margin: 0 62px; }

#report .table-form .table table:not(:last-of-type){ margin-bottom: 40px; }
#report .table-form .table td{ padding: 30px; }
#report .table-form .table textarea{ height: 160px; }
#report .table-form .table .input-list ul{ display: grid; grid-template-columns: repeat(3, calc(100% / 3)); margin: -10px; }
#report .table-form .table .input-list ul li{ margin: 0 10px; }
#report .table-form .table .input-list ul li label{ font-weight: 400; }


/* popup - report */
#popup.report{
	--icon: 120px;
}
#popup.report .inner{ width: 1400px; max-height: calc(100dvh - 40px); padding: 45px 70px; }
#popup.report .close{ top: 45px; right: 70px; }
#popup.report section:not(:last-of-type){ margin-bottom: 55px; }
#popup.report h4{ font-size: 4rem; font-weight: 600; color: #111; text-align: center; margin-bottom: 30px; }
#popup.report h5{ border-bottom: 1px solid #111; font-size: 24px; font-weight: 600; color: #111; padding-bottom: 15px; margin-bottom: 15px; }

#popup.report .grid-box{ display: grid; grid-template-columns: repeat(2, 50%); margin: -2px -10px; }
#popup.report .item{ display: grid; grid-template-columns: var(--icon) calc(100% - var(--icon)); margin: 2px 10px; }
#popup.report .item .icon{ min-height: var(--icon); display: flex; justify-content: center; align-items: center; background: #F5F5F5; padding: 20px; }
#popup.report .item dl{ display: flex; flex-direction: column; justify-content: center; padding: 15px 0; padding-left: 40px; }
#popup.report .item dl dt{ font-size: 20px; font-weight: 600; color: #111; margin-bottom: 12px; }
#popup.report .item dl dd{ font-size: 17px; font-weight: 400; color: #777; line-height: 1.5; }

#popup.report .gray{ background: #F5F5F5; font-size: 18px; font-weight: 600; color: var(--mainColor); padding: 15px 30px; margin-bottom: 15px; }
#popup.report ul{ display: grid; grid-template-columns: repeat(2, 50%); margin: -5px -10px; }
#popup.report ul li{ font-size: 17px; font-weight: 300; color: #333; padding-left: 15px; margin: 5px 10px; position: relative; }
#popup.report ul li::before{ content: ""; width: 4px; height: 4px; background: #333; border-radius: 50%; position: absolute; top: calc(1.3em / 2); left: 0; transform: translateY(-50%); }

@media screen and (max-width: 1700px){
	#report .table-form .table td{ padding: 25px; }

	/* popup - report */
	#popup.report{
		--icon: 100px;
	}
	#popup.report .inner{ padding: 35px 40px; }
	#popup.report .close{ top: 35px; right: 40px; }
	#popup.report section:not(:last-of-type){ margin-bottom: 40px; }
	#popup.report h5{ font-size: 22px; }

	#popup.report .item dl{ padding-left: 30px; }
	#popup.report .item dl dt{ font-size: 18px; }
}

@media screen and (max-width: 1350px){
	#popup.report br{ display: none; }
}

@media screen and (max-width: 1280px){
	#report .table-form .sec01 .input-list ul{ margin: 0 -30px; }
	#report .table-form .sec01 .input-list ul li{ margin: 0 30px; }

	#report .table-form .table td{ padding: 15px; }
	#report .table-form .table .input-list ul{ margin: -5px -10px; }

	/* popup - report */
	#popup.report{
		--icon: 90px;
	}
	#popup.report .inner{ padding: 25px; }
	#popup.report .close{ top: 25px; right: 25px; }
	#popup.report section:not(:last-of-type){ margin-bottom: 30px; }
	#popup.report h5{ font-size: 20px; }

	#popup.report .item dl{ padding: 10px 0; padding-left: 20px; }
	#popup.report .item dl dt{ font-size: 17px; margin-bottom: 7px; }
	#popup.report .item dl dd{ font-size: 16px; }

	#popup.report .gray{ font-size: 17px; padding: 12px 15px; }
	#popup.report ul li{ font-size: 16px; padding-left: 12px; }
	#popup.report ul li::before{ width: 3px; height: 3px; }
}

@media screen and (max-width: 1000px){
	#report .table-form .sec01 .input-list ul{ margin: 0 -15px; }
	#report .table-form .sec01 .input-list ul li{ margin: 0 15px; }

	#report .table-form .table .input-list ul{ grid-template-columns: repeat(2, 50%); }

	/* popup - report */
	#popup.report .inner{ padding-right: 31px; }
	#popup.report .close{ right: 31px; }

	#popup.report .grid-box, 
	#popup.report ul{ grid-template-columns: repeat(1, 100%); }
}

@media screen and (max-width: 700px){
	#report .table-form .table .input-list ul{ grid-template-columns: repeat(1, 100%); }
}