@charset "utf-8";


/* ui.v.0.17.css import */
.label-title {
	font-weight:normal;
	font-size:16px;
	display:inline-block;
	margin-bottom:5px;
	letter-spacing:-0.1em;
	color:#222;
}
.label-title:before {
   font-family: 'xeicon';
   content: "\e990";
   margin-right:3px;
   color:#888;
}
.label-wrap, .label-block {
	border-top:1px solid #ccc;
	margin-bottom:30px;
}
.label-wrap .label-input {
	padding:5px 0 5px 156px;
	border-bottom:1px solid #e7eaec
}
.label-wrap .label-input > span.required:before {
	content:'*';
	color:red;
}
.label-wrap .label-input > span:first-child{
	width:140px;
	background:#fbfbfb;
	border-right:1px solid #efefef
}
.label-wrap-block .label-input {
	padding-left:0px;
}
.label-wrap-block .label-input > span:first-child{
	position:static;
	display:block;
	text-align:left;
	width:100%;
}
.label-box {
	vertical-align:top;
	border-radius:2px;
	display:inline-block;
	padding:6px 10px;
	min-width:80px;
	font-size:1em;
	color:#333;
	margin-right:10px;
	background:#fbfbfb;
	border:1px solid #ddd;
}
.label-box+label {
	display:inline-block;
}
.label-box.gray {
	background:#666;
	color:#fff;
}
.label-box.green {
	background:#57b13c;
	color:#fff;
}
.label-box.blue {
	background:#428BCA;
	color:#fff;
}
.text-box {
	margin-top:9px;
}
.label-input {
	position:relative;
	width:100%;
	display:block;
	min-height:47px;
	padding:6px 0 6px 136px;
	border-bottom:1px dashed #e7eaec;
	font-size:14px;
}
.label-input label  {
	display:inline-block;
	margin-top:3px;
}
.label-input > span:first-child {
	position:absolute;
	width:120px;
	top:0px;
	left:0px;
	height:100%;
	line-height:20px;
	text-align:right;
	padding:12px 20px 0px 0px !important;
	color:#000;
}
.label-input .row-text {
	display:inline-block;
	margin-top:8px; 
}
.label-input .row {
	margin-top:8px; 
	padding-top:7px; 
	border-top:1px dashed #ddd
}
.label-input input[type=text], .label-input input[type=password], .label-input select {
	width:200px;
}

.pi-wrap {
	overflow:auto;
	overflow-x:hidden;
	clear:both;
}
.pi-w1 {
	width:100%;
    width: -moz-calc(100% - 5px);
    width: -webkit-calc(100% - 5px);
    width: -o-calc(100% - 5px);
    width: calc(100% - 5px);
	margin:10px 0;
	float:left;
}
.pi-w2 {
	width:50%;
    width: -moz-calc(50% - 10px);
    width: -webkit-calc(50% - 10px);
    width: -o-calc(50% - 10px);
    width: calc(50% - 10px);
	margin:10px 0;
	float:left;
}
.pi-w2:nth-child(2n){
	margin-left:20px;
	margin-right:0px;
}
.pi-w3 {
	width:33.3%;
    width: -moz-calc(33.3% - 20px);
    width: -webkit-calc(33.3% - 20px);
    width: -o-calc(33.3% - 20px);
    width: calc(33.3% - 20px);
	margin:10px 0;
	float:left;
}
.pi-w3 + .pi-w3:not(:nth-child(3n+1)) {
	margin-left:30px;
	margin-right:0px;
}
.pi-w4 {
	width:25%;
    width: -moz-calc(25% - 20px);
    width: -webkit-calc(25% - 20px);
    width: -o-calc(25% - 20px);
    width: calc(25% - 20px);
	margin:10px 0;
	float:left;
}
.pi-w4 + .pi-w4:not(:nth-child(4n+1)) {
	margin-left:25px;
	margin-right:0px;
}
.pi-w4 + .pi-w2 {
	margin-left:20px;
	margin-right:0px;
}

.w100 {
	width:100% !important;
}
.w90 {
	width:90% !important;
}
.w80 {
	width:80% !important;
}
.w70 {
	width:70% !important;
}
.w60 {
	width:60% !important;
}
.w50 {
	width:50% !important;
}
.w40 {
	width:40% !important;
}
.w30 {
	width:30% !important;
}
.w20 {
	width:20% !important;
}
.w10 {
	width:10% !important;
}
.wi200 {
	width:200px !important;
}
.wi190 {
	width:190px !important;
}
.wi180 {
	width:180px !important;
}
.wi170 {
	width:170px !important;
}
.wi160 {
	width:160px !important;
}
.wi150 {
	width:150px !important;
}
.wi140 {
	width:140px !important;
}
.wi130 {
	width:130px !important;
}
.wi120 {
	width:120px !important;
}
.wi115 {
	width:115px !important;
}
.wi110 {
	width:110px !important;
}
.wi100 {
	width:100px !important;
}
.wi90 {
	width:90px !important;
}
.wi80 {
	width:80px !important;
}
.wi70 {
	width:70px !important;
}
.wi60 {
	width:60px !important;
}
.wi50 {
	width:50px !important;
}
.wi40 {
	width:40px !important;
}
.wi30 {
	width:30px !important;
}
.wi20 {
	width:20px !important;
}
.wi10 {
	width:10px !important;
}
.font20 {
	font-size:20px !important;
}
.font19 {
	font-size:19px !important;
}
.font18 {
	font-size:18px !important;
}
.font17 {
	font-size:17px !important;
}
.font16 {
	font-size:16px !important;
}
.font15 {
	font-size:15px !important;
}
.font14 {
	font-size:14px !important;
}
.font13 {
	font-size:13px !important;
}
.font12 {
	font-size:12px !important;
}
.cursor-hand {
	cursor:pointer;
}
.cursor-help {
	cursor:help;
}
.progress {
	text-align:center; 
	font-size:14px;
	padding-top:30px;
	color:#888;
}
.progress i {
	font-size:94px;
}

.transition {
	transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease
}
.hidden {
	display:none
}
.pi-icon {
	font-family:"xeicon";
	font-size:21px;
	color:#888 !important;
}
.pi-icon:before {
   content:'\eb74';
}   
.pi-icon.month:before {
   content:"\e9a4";
}
.pi-icon.address:before {
   content:"\e902";
}
.CodeMirror {
	border:1px solid #ddd;
	border-radius:3px;
	max-height:400px;
	max-width:100%;
}
.CodeMirror * {
	max-width:100%;
}
.preloader-wrapper { display:none; }
@media screen and (-webkit-min-device-pixel-ratio:0){ 
	.preloader-wrapper  {position: fixed; top: 0;left: 0;height: 100%;width: 100%;z-index: 999999999; display:block;}
	.preloader-contents {position: absolute; left: 0; top: 0; bottom: 0; right: 0; height: 64px; margin: auto; text-align: center; width: 100%;}
	.preloader-contents .preloader-svg {
		width: 150px;
		height: 150px;
		display:inline-block;
		opacity:0.8
	 }
}
@media (max-width:1380px){
	.hidden1 {
		display:none
	}

	.pi-w2, .pi-w3, .pi-w1 {
		margin-left:0px !important;
		width:100%;
		float:none;
	}
	.pi-w4 {
		width:50%;
		width: -moz-calc(50% - 20px);
		width: -webkit-calc(50% - 20px);
		width: -o-calc(50% - 20px);
		width: calc(50% - 20px);
		margin:10px 0;
		margin-left:0px !important;
		float:left;
	}
	.pi-w4:nth-child(2n) {
		margin-left:30px !important;	
	}

}
@media (max-width:748px){
	.label-wrap .label-input {
		border-bottom:none;
	}
	.label-input {
		padding:6px 0 !important;
	}
	.label-input > span:first-child{
		position:static;
		display:block;
		text-align:left;
		border:none !important;
		background:none !important;
		padding:0 !important;
		width:100% !important;
		height:auto !important;
		color:#000;
	}
	.label-input input[type=text], .label-input input[type=password], .label-input select, .label-input textarea {
		width:100% !important;
		margin:0 0 3px 0 !important;
	}
	.label-box {
		display:block;
		margin:0 0 3px 0 !important;
	}
	.label-input .prefix {
		display:none
	}
	.label-input .prefix-input {
		margin-left:0px;
	}

	.bbs-search .right-zone {
		width:100%;
	}
	.bbs-search input {
		margin:3px 0 !important;
		width:100% !important;
	}
	.bbs-search button {
		border-radius:2px !important;
		margin:3px 0 !important;
		width:100% !important;
	}
	.hidden2 {
		display:none
	}
	.pi-w3:nth-child(1n), .pi-w4:nth-child(1n) {
		margin-left:0px !important ;
		width:100%;
		float:none;
	}
	.right-import {
		margin-top:0px;
	}
	.pi-icon.month {
		display:none;
	}
	.pi-popup {
		left:5% !important;
		max-width:90% !important;
		height:auto !important;
	}
	.pi-popup .pi-popup-container, .pi-popup .pi-popup-container img {
		max-width:100% !important;
		height:auto !important;
	}
}

.fa-spin {
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
}
.fa-pulse {
	-webkit-animation: fa-spin 1s infinite steps(8);
	animation: fa-spin 1s infinite steps(8);
}
.fa-blur {
	opacity:0.6;
    -webkit-filter: blur(1px); /* Chrome, Safari, Opera */
    filter: blur(1px);
}

@-webkit-keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}


/* 게시판 공통 */
*[class*="board"] .info>ul{display:flex;flex-wrap:wrap;gap:1rem 4rem}
*[class*="board"] .info>ul>li{display:inline-flex;gap:1rem;align-items:center;position:relative;color:#2b2b2b;font-size:1.8rem;font-weight:400;line-height:2.8rem}
*[class*="board"] .info>ul>li.link>b{color:#a3a3a3}
*[class*="board"] .info>ul>li.link>a{display:inline-flex;justify-content:center;align-items:center;width:11rem;height:3.6rem;background-color:#edf1f5;border-radius:4px;color:#2d4285;font-size:1.7rem;line-height:3.6rem}
*[class*="board"] .info>ul>li.link>a:before{content:"";margin-right:.6rem;font-family:"remixicon";font-size:1.8rem;line-height:1}

@media(max-width:639px) {
	*[class*="board"] .info>li>b{padding-right:0}
}

/* 게시판 리스트 - 상단 */
.board_info{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;}
.ico_box+.board_info{margin-top:9rem}
.board_total{display:flex}
.board_total>li{position:relative;margin-right:1.5rem;padding-right:calc(1.5rem + 1px);color:#222222;font-size:1.8rem;line-height:2.4rem}
.board_total>li>strong{font-weight:700;}
.board_total>li:not(:last-child):before{content:"";display:block;position:absolute;top:calc(50% - .75rem);right:0;width:1px;height:1.5rem;background-color:#d6d6d6}

@media(max-width:1023px) {
	.ico_box+.board_info{margin-top:5rem}
}

/* 게시판 검색 - 일반형 */
.board_search{margin:0 0 0 auto}
.board_search>.inner,
.board_search>.inner>form{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center}
.board_search>.inner select{padding:0 2.8rem 0 1.7rem;min-width:10rem;height:4.8rem;border-radius:3px;font-size:1.7rem;line-height:4.4rem}
.board_search>.inner input[type="text"]{margin-right:0;padding-left:1.4rem;min-width:26rem;height:4.8rem;border-radius:3px;font-size:1.7rem}
.board_search>.inner button{display:inline-flex;justify-content:center;align-items:center;margin:0;padding:0 1.8rem;height:4.8rem;background-color:#222;border:1px solid #222222;border-radius:3px;color:#fff;font-size:1.6rem;line-height:1;}
@media(max-width:639px){
	.board_search{margin-top:1.5rem;padding:1.5rem;width:100%;background-color:#fafafa;border:1px solid #d6d6d6}
	.board_search>.inner,
	.board_search>.inner>form{display:flex;justify-content:center}
	.board_search>.inner>form{width:100%}
	.board_search>.inner select,
	.board_search>.inner input[type="text"],
	.board_search>.inner button{width:100%;}
}
/* 게시판 검색 - 박스형 */
.board_search.type02{padding:2.2rem 1.5rem;width:100%;background-color:#fafafa;border:1px solid #d6d6d6}
.board_search.type02>.inner{justify-content:center}

/* 게시판 리스트 - 테이블형 */
.board_list{margin-top:1.5rem}
.board_list .tbl{}
.board_list .tbl tr>*{border-left:0;border-right:0}
.board_list .tbl th,
.board_list .tbl td{}
.board_list .tbl th{padding:1.5rem 1rem;}
.board_list .tbl td{padding:1.5rem 1rem;background-color:#fff !important;color:#555;line-height:2.4rem}
.board_list .tbl tr.notice td{}

.board_list .tbl td.cell_state>[class*="label_"]{display:block;margin:0 auto;width:9rem;padding:.7rem 1.25rem;border-radius:1.7rem;color:#fff;font-size:1.8rem;font-weight:400;line-height:2rem;text-align:center}
.board_list .tbl td.cell_state>.label_01{background-color:#3f6991;}
.board_list .tbl td.cell_state>.label_02{background-color:#ccc;}
.board_list .tbl .board_notice{display:flex;margin:0 auto;width:3.2rem;height:3.2rem;background-color:#003c87;border-radius:50%;}
.board_list .tbl .board_notice>i{margin:auto;color:#fff;font-size:1.6rem;}

.board_table .empty_data{padding:15rem 0;border-top:2px solid #2c4e30;border-bottom:1px solid #d6d6d6}
.board_gallery .empty_data{padding:11rem 0 9rem}
/* 항목 너비 */
@media(min-width:640px) {
	[class*="board_table"] .tbl .cell_adm{width:6rem;}
	[class*="board_table"] .tbl .cell_num,
	[class*="board_table"] .tbl .cell_state{width:11rem}
	[class*="board_table"] .tbl .cell_writer{width:12.5rem}
	[class*="board_table"] .tbl .cell_date{width:15rem;}
	[class*="board_table"] .tbl .cell_answer{width:11rem}
	[class*="board_table"] .tbl .cell_date2{width:24rem}
	[class*="board_table"] .tbl .cell_file{width:12rem}
	[class*="board_table"] .tbl .cell_hit{width:10rem}
}
@media(min-width:1280px) {
	[class*="board_table"] .tbl .cell_num,
	[class*="board_table"] .tbl .cell_state{width:12rem}
	[class*="board_table"] .tbl .cell_answer{width:12.5rem}
}
/* td_항목별 예외처리 */
[class*="board_table"] .tbl td.cell_num{}
[class*="board_table"] .tbl tr.notice td.cell_num{color:#3f6991;font-weight:400}
[class*="board_table"] .tbl tr.notice td.cell_num>i{top:.2rem;margin-right:.25rem}
[class*="board_table"] .tbl td.cell_state{font-weight:400}
[class*="board_table"] .tbl td.cell_title{padding-left:0;padding-right:0;text-align:left;/*font-size:0;*/line-height:0}
[class*="board_table"] .tbl td.cell_state+td.cell_title{padding-left:2.5rem;padding-right:2.5rem}
[class*="board_table"] .tbl td.cell_title>a{display:inline-block;overflow:hidden;position:relative;max-width:100%;padding-right:calc(2.4rem + 3px);/*font-size:2rem;font-size:1.8rem;*/font-weight:400;line-height:2.4rem;white-space:nowrap;text-overflow:ellipsis}
[class*="board_table"] .tbl td.cell_title>a.new,
[class*="board_table"] .tbl td.cell_title>a.secret{padding-right:calc(2.4rem + 3px)}
[class*="board_table"] .tbl td.cell_title>a.new.secret{padding-right:calc(4.8rem + 3px)}
[class*="board_table"] .tbl td.cell_title>a>.moview{}
[class*="board_table"] .tbl td.cell_title>a>i{position:absolute;top:.225rem;right:0;font-size:2rem;line-height:1}
[class*="board_table"] .tbl td.cell_title>a>i.xi-new{color:#d43333;}
[class*="board_table"] .tbl td.cell_title>a>i.xi-lock{color:#bcbcbc}
[class*="board_table"] .tbl td.cell_title>a.new.secret>i.xi-lock{right:2.4rem}
[class*="board_table"] .tbl td.cell_writer{}
[class*="board_table"] .tbl td.cell_date{}
[class*="board_table"] .tbl td.cell_file{}
[class*="board_table"] .tbl td.cell_answer:not(.Yes){color:#ff0000}
[class*="board_table"] .tbl td.cell_answer.Yes{color:#008000}

@media(max-width:1023px) {
	.board_table .tbl .cell_hit{display:none}
	[class*="board_table"] .tbl td.cell_title>a>i{top:0;font-size:18px;}
}
@media(max-width:767px){
	.board_table .tbl .cell_file,
	[class*="board_table"] .tbl td.cell_title{padding-left:1rem;padding-right:1rem}
}
@media(max-width:639px){
	.board_list .tbl .board_notice{margin:0;}

	.board_table .tbl thead{display:none}
	.board_table .tbl tbody tr{display:flex;flex-wrap:wrap;padding:1.45rem 1rem 1.55rem;border-top:1px solid #d6d6d6}
	.board_table .tbl tbody tr.notice{}
	.board_table .tbl tbody tr:first-child{border-top:0}

	.board_table .tbl .cell_num{display:none}
	.board_table .tbl tbody tr.notice .cell_num{display:block;width:100%}
	[class*="board_table"] .tbl td.cell_state+td.cell_title{margin-top:1rem;padding-left:0;padding-right:0}
	[class*="board_table"] .tbl td.cell_title>a>i{top:-2px;}

	.board_table .tbl td[class*="cell_"]{margin:.5rem 1rem 0 0;padding:0 1rem 0 0;width:auto;border:0;text-align:left}
	.board_table .tbl td.cell_title{width:100%;margin-right:0;padding:0}
	.board_table .tbl td.cell_state{margin:0;padding:0}
}

/* 게시판 리스트 - 갤러리형 */
.board_gallery{padding:4.8rem 0;border-top:2px solid #212121;border-bottom:1px solid #ddd}
.board_gallery>ul{display:flex;flex-wrap:wrap;margin:-4.5rem -2.5rem 0}
.board_gallery>ul>li{padding:4.5rem 2.5rem 0}
.board_gallery>ul>li>a{display:flex;flex-direction:column}
.board_gallery>ul>li>a>.thumb{overflow:hidden;position:relative;padding-top:61.35%;background-color:#fafafa;}
.board_gallery>ul>li>a>.thumb:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0;transition:.25s opacity;z-index:1}
.board_gallery>ul>li>a>.thumb>img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;transition:.25s transform}
.board_gallery>ul>li>a>.thumb>img[src*="/noimg/"]{mix-blend-mode:multiply}
.board_gallery>ul>li>a>.thumb>.more{display:flex;flex-direction:column;align-items:center;position:absolute;top:50%;left:50%;color:#fff;/*font-size:1.8rem;*/line-height:2.6rem;opacity:0;transition:.25s opacity;transform:translate(-50%, -50%);z-index:2}
.board_gallery>ul>li>a>.cont{display:flex;flex-direction:column;align-items:flex-start;margin-top:2rem}
.board_gallery>ul>li>a>.cont>.tit{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;position:relative;margin-bottom:1.5rem;color:#232323;font-size:2rem;font-weight:700;line-height:2.8rem;text-overflow:ellipsis}
.board_gallery>ul>li>a>.cont>.tit>i{position:absolute;top:.2rem;right:0;width:2rem;height:2rem;color:#3f6991;font-size:2rem;line-height:1}
.board_gallery>ul>li>a>.cont>.info{display:flex;flex-wrap:wrap;gap:1rem calc(3rem + 1px);margin-top:auto;}
.board_gallery>ul>li>a>.cont>.info>span{position:relative;color:#757575;font-size:1.7rem;}
.board_gallery>ul>li>a>.cont>.info>span:not(:last-child):before{content:"";position:absolute;top:50%;left:calc(100% + 1.5rem);width:1px;height:1.5rem;background-color:#e0e0e0;transform:translatey(-50%)}


.board_gallery>ul>li>a:hover>.thumb:before,
.board_gallery>ul>li>a:focus>.thumb:before{opacity:.6}
.board_gallery>ul>li>a:hover>.thumb>.more,
.board_gallery>ul>li>a:focus>.thumb>.more{opacity:1;}
.board_gallery>ul>li>a:hover>.cont>.tit,
.board_gallery>ul>li>a:focus>.cont>.tit{text-decoration:underline;}

/* 뉴스레터 예외처리 */
.board_gallery.board_newsletter>ul>li{width:calc(100% / 3)}
.board_gallery.board_newsletter>ul>li>a{}
.board_gallery.board_newsletter>ul>li>a>.thumb{padding-top:121.35%;border:1px solid #ddd;border-radius:.5rem}
.board_gallery.board_newsletter>ul>li>a>.thumb>.more>i{width:9.4rem;height:9.4rem;background-image:url(/_html/images/board/newsletter/more.svg);}

/* 비디오 예외처리 */
.board_gallery.board_video>ul>li{width:calc(100% / 3)}
.board_gallery.board_video>ul>li>a>.thumb>.more>i{width:6.4rem;height:6.4rem;background-image:url(/_html/images/board/video/more.svg);}


/* 홍보물 상단 */

@media(max-width:1240px) {
	.board_gallery>ul{margin:-4rem -2rem 0}
	.board_gallery>ul>li{padding:4rem 2rem 0}
}
@media(max-width:1023px){
	.board_gallery>ul{margin:-3.5rem -1.75rem 0}
	.board_gallery>ul>li{padding:3.5rem 1.75rem 0}
}
@media(max-width:767px){
	.board_gallery>ul{margin:-3rem -1.5rem 0}
	.board_gallery>ul>li{padding:3rem 1.5rem 0}
}

/* 컬럼 개수 예외처리 */
.board_gallery>ul.col_01>li{width:100%}
.board_gallery>ul.col_02>li{width:calc(100% / 2)}
.board_gallery>ul.col_03>li{width:calc(100% / 3)}
.board_gallery>ul.col_04>li{width:calc(100% / 4)}
.board_gallery>ul.col_05>li{width:calc(100% / 5)}
@media(max-width:1339px){
	.board_gallery>ul.col_04>li{width:calc(100% / 3)}
	.board_gallery>ul.col_05>li{width:calc(100% / 4)}
}
@media(max-width:1023px){
	.board_gallery>ul.col_05>li{width:calc(100% / 3)}
}
@media(max-width:767px){
	.board_gallery>ul:not(.col_01)>li{width:calc(100% / 2)}
}
@media(max-width:479px){
	.board_gallery>ul:not(.col_01)>li{width:calc(100%)}	
}

/* 게시판 리스트_썸네일 */
.board_thumbnail{}
.board_thumbnail .thumbnail_list{border-top:1px solid #212121}
.board_thumbnail .thumbnail_list>li{padding:5rem 0;border-bottom:1px solid #ddd}
.board_thumbnail .thumbnail_list>li>a{display:flex;flex-wrap:wrap;align-items:center}
.board_thumbnail.board_education .thumbnail_list>li>a{align-items:flex-start}
.board_thumbnail .thumbnail_list>li>a>.thumb{position:relative;margin-bottom:auto;padding-top:16.5%;width:30%;border:1px solid #ddd}
.board_thumbnail .thumbnail_list>li>a>.thumb>img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.board_thumbnail .thumbnail_list>li>a>.thumb>.education_status{position:absolute;top:0;left:0;padding:5px 0;width:10rem;color:#fff;font-size:16px;line-height:26px;text-align:center}
.board_thumbnail .thumbnail_list>li>a>.thumb>.education_status.open{background-color:#3f6991;}
.board_thumbnail .thumbnail_list>li>a>.thumb>.education_status.close{background-color:#77757d;}
.board_thumbnail .thumbnail_list>li>a>.cont{display:flex;flex-direction:column;justify-content:center;padding-left:4rem;width:70%;/*font-size:1.8rem;line-height:3rem*/}
.board_thumbnail .thumbnail_list>li>a>.cont>.tit{color:#212121;font-size:2.2rem;line-height:3.2rem}
.board_thumbnail .thumbnail_list>li>a>.cont>.txt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:1.5rem 0 3rem;max-height:calc(3rem * 2);color:#555;/*font-size:1.6rem;*/line-height:3rem}
.board_thumbnail .thumbnail_list>li>a>.cont>.info{display:flex;flex-wrap:wrap;margin:-1.5rem 0 0 -4rem}
.board_thumbnail .thumbnail_list>li>a>.cont>.info>span{margin:1.5rem 0 0 4rem;}
.board_thumbnail .thumbnail_list>li>a>.cont>.info>span>b{color:#212121;margin-right:1.5rem}
@media(max-width:1023px) {
	.board_thumbnail .thumbnail_list>li{padding:4rem 0}
	.board_thumbnail .thumbnail_list>li>a>.thumb{width:35%}
	.board_thumbnail .thumbnail_list>li>a>.cont{padding-left:3rem;width:65%}
}
@media(max-width:767px) {
	.board_thumbnail .thumbnail_list>li{padding:3.5rem 0}
	.board_thumbnail .thumbnail_list>li>a>.cont>.txt{margin:1rem 0 2rem}
	.board_thumbnail .thumbnail_list>li>a>.cont>.info{margin-left:-3rem}
	.board_thumbnail .thumbnail_list>li>a>.cont>.info>span{margin-left:3rem}
}
@media(max-width:479px) {
	.board_thumbnail .thumbnail_list>li>a{flex-direction:column;align-items:stretch}
	.board_thumbnail .thumbnail_list>li>a>.thumb{margin-bottom:2rem;padding-top:55%;width:100%}
	.board_thumbnail .thumbnail_list>li>a>.cont{padding-left:0;width:100%}
}

/* 게시판 리스트_웹진형 */
.board_webzine{}
.board_webzine .webzine_top{display:flex;padding:5.5rem 7.3rem;align-items:flex-start;background-color:#f4f6f4;border-top:2px solid #2c4e30}
.board_webzine .webzine_top>.img{position:relative;padding-top:19.25%;width:26.75%}
.board_webzine .webzine_top>.img>img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}
.board_webzine .webzine_top>.inner{display:flex;flex-direction:column;padding-left:5rem;flex:1}
.board_webzine .webzine_top>.inner>.tit{color:#212121;font-size:2.4rem;font-weight:700;line-height:2.8rem}
.board_webzine .webzine_top>.inner>.txt{margin-top:1.5rem;color:#393939;font-size:1.8rem;line-height:2.4rem}
.board_webzine .webzine_top>.inner>.info{margin:1.5rem 0 4rem}
@media(max-width:1023px){
	.board_webzine .webzine_top{padding:4rem 5.3rem}
	.board_webzine .webzine_top>.img{padding-top:22.25%;width:32.5%}
}
@media(max-width:639px){
	.board_webzine .webzine_top{flex-direction:column;align-items:center;padding:3rem}
	.board_webzine .webzine_top>.img{padding:0;margin-bottom:2rem;width:100%;padding-top:71.25%}
	.board_webzine .webzine_top>.inner{padding-left:0;justify-content:center;text-align:center}
	.board_webzine .webzine_top>.inner>.info,
	.board_webzine .webzine_top>.inner>.btn_area{justify-content:center;text-align:center}
}
.board_webzine .webzine_list{border-top:1px solid #ccc}
.board_webzine .webzine_list>li{display:flex;flex-wrap:wrap;align-items:center;padding:3.25rem 0 3.35rem;border-bottom:1px solid #ccc}
.board_webzine .webzine_list>li>.inner{flex:1;padding-right:2rem;margin-right:auto}
.board_webzine .webzine_list>li>.inner>.tit{color:#212121;font-size:2.2rem;font-weight:400;line-height:2.8rem}
.board_webzine .webzine_list>li>.inner>.info{margin-top:1rem}
.board_webzine .webzine_list>li>.btn_area{}
@media(max-width:479px){
	.board_webzine .webzine_list>li{flex-direction:column;align-items:stretch}
	.board_webzine .webzine_list>li>.inner{margin-bottom:1.5rem}
}

/* 게시판 리스트 - QNA형 */
.board_qna .acco_wrap{border-top:2px solid #9daebf;margin-bottom:0}
.board_qna .acco_wrap .acco_item .acco_btn>*>b{padding:1rem 8.5rem 1rem 8rem;width:100%}
.board_qna .acco_wrap .acco_item .acco_btn>*>b:before{content:"Q.";display:block;position:absolute;top:50%;left:4rem;color:#003c87;font-size:2rem;font-weight:500;transform:translatey(-50%)}
.board_qna .acco_wrap .acco_item .acco_cont .inner{padding:3rem 3rem 3rem 8.5rem}
.board_qna .acco_wrap .acco_item .acco_cont .inner:before{content:"A.";display:block;position:absolute;top:3rem;left:4rem;color:#00a0e9;font-size:2rem;font-weight:500;}
.board_qna .acco_wrap .acco_item .acco_cont .inner,
.board_qna .acco_wrap .acco_item .acco_cont .inner>*,
.board_qna .acco_wrap .acco_item .acco_cont .inner p{color:#666;font-size:1.7rem;letter-spacing:-.02rem;line-height:2.6rem}

/* 게시판 리스트 - 페이징 */
.board_paging{display:flex;column-gap:.4rem;justify-content:center;}
.board_paging a{display:inline-flex;justify-content:center;align-items:center;width:4rem;height:4rem;background-color:transparent;border:1px solid #ddd;border-radius:3px;color:#595959;font-size:14px;font-weight:500;line-height:4rem;text-align:center}
.board_paging a i{position:relative;color:#fff;font-size:1.8rem;font-weight:400;line-height:1;}
.board_paging a:not(.pageNum) i{color:#666;}
.board_paging .pagePrev{margin-right:.8rem;}
.board_paging .pageNext{margin-left:.8rem}
.board_paging .pageNow{background-color:#424242;border-color:#424242;color:#fff;}
.board_paging .pageNow strong{}
@media(max-width:1439px) {
	.board_paging a{font-size:1.6rem;}
	.board_paging a i{font-size:2rem;}
}

/* 게시판 뷰 */
.board_view{padding-bottom:5rem}
.board_view>.board_view_top{border-top:2px solid #212121}
.board_view>.board_view_top>.title{display:flex;flex-wrap:wrap;justify-content:center;padding:3rem 1rem;align-items:center}
.board_view>.board_view_top>.title>.label{width:9rem;margin-right:1.5rem}
.board_view>.board_view_top>.title>.label>[class*="label"]{display:block;padding:.7rem 0;width:100%;border-radius:1.7rem;color:#fff;font-size:1.6rem;font-weight:400;line-height:2rem;text-align:center}
.board_view>.board_view_top>.title>.label>.label_01{background-color:#3f6991;}
.board_view>.board_view_top>.title>.label>.label_02{background-color:#ccc;}
.board_view>.board_view_top>.title>strong{color:#222;font-size:2rem;font-weight:500;line-height:2.4rem;text-align:center}
.board_view>.board_view_top>.info{padding:1.4rem 1rem;background-color:#f7f7f7;text-align:center}
.board_view>.board_view_top>.info>ul{justify-content:center;align-items:center;}
.board_view>.board_view_top>.info>ul>li{color:#666;font-size:1.6rem;}
.board_view>.board_view_top>.info>ul>li>b{color:#212121}
.board_view>.board_view_content{padding:6rem 0;}
.board_view>.board_view_content>.inner{position:relative}
.board_view>.board_view_content>.gall_slide_bot+.inner{margin-top:5rem;padding-top:5rem;}
.board_view>.board_view_content>.gall_slide_bot+.inner:before{content:"";display:block;position:absolute;top:0;left:-3rem;width:calc(100% + 6rem);height:1px;background-color:#d6d6d6}
.board_view>.board_view_content [class*="txc-"] {width:100%}
.board_view>.board_view_content [class*="newsletter"]>table{margin:0 auto;width:100% !important;max-width:900px}
.board_view>.board_view_content .pdfviewer{display:block;margin:0 auto;width:100%;max-width:90rem;height:120rem}
.board_view>.board_view_content img+img{margin-top:2px;}

.board_view>.board_view_content>.board_view_journal{}
.board_view>.board_view_content>.board_view_journal+.inner{margin-top:6rem;}
.board_view>.board_view_content>.board_view_journal+.inner+.board_view_pdf{margin-top:6rem;}
.board_view_pdf{text-align:center;}


@media(min-width:768px) {
	.board_view>.board_view_content>.board_view_journal th{width:25%;}
}
@media(max-width:767px) {
	.board_view>.board_view_content .pdfviewer{height:90rem}
	.board_view>.board_view_content>.board_view_journal tbody{display:flex;flex-wrap:wrap;}
	.board_view>.board_view_content>.board_view_journal tr{display:flex;flex-direction:column;width:50%;}
	.board_view>.board_view_content>.board_view_journal tr:nth-child(even){border-left:1px solid #ddd;}
	.board_view>.board_view_content>.board_view_journal td{border-left:0;text-align:center;}
}
@media(max-width:479px) {
	.board_view>.board_view_content .pdfviewer{height:70rem}
	.board_view>.board_view_content>.board_view_journal tr{width:100%;}
	.board_view>.board_view_content>.board_view_journal tr:nth-child(even){border-left:0;}
}
/* 유튜브 iframe */
.board_view_video{position:relative;padding-top:60%;background-color:#f5f5f5;}
.board_view_video>iframe{position:absolute;top:4rem;left:4rem;width:calc(100% - 8rem);height:calc(100% - 8rem)}
@media(max-width:1239px) {
	.board_view>.board_view_content{padding:8rem}
}
@media(max-width:1023px) {
	.board_view>.board_view_content{padding:6rem 0}
}
@media(max-width:479px) {
	.board_view>.board_view_content{padding:4rem 0}
}
/* 게시판 뷰 - 썸네일 */
/* slick 초기화_Flex 적용 */
.board_view>.board_view_content{border-bottom:1px solid #ddd}
.board_view>.board_view_content>[class*="gall_slide"]{position:relative}
.board_view>.board_view_content>[class*="gall_slide"] .slick-slider{position:relative;z-index:0}
.board_view>.board_view_content>[class*="gall_slide"] .slick-track{display:flex}
.board_view>.board_view_content>[class*="gall_slide"] .slick-track .slick-slide{height:auto}
/* 갤러리 썸네일 - 상단(사진 크게보기) */
.board_view>.board_view_content>.gall_slide_top{padding:0 10rem}
.board_view>.board_view_content>.gall_slide_top button{display:flex;position:absolute;top:calc(50% - 3.5rem);width:7rem;height:7rem;background-color:#2d4285;border:3px solid #2d4285;border-radius:100%;color:#fff;transition:.25s;z-index:1}
.board_view>.board_view_content.thumb_01>.gall_slide_top button{display:none}
.board_view>.board_view_content>.gall_slide_top .slide_prev{left:0} 
.board_view>.board_view_content>.gall_slide_top .slide_next{right:0}
.board_view>.board_view_content>.gall_slide_top .slick-disabled{opacity:.7}
.board_view>.board_view_content>.gall_slide_top button:not(.slick-disabled):hover{background-color:#fff;color:#2d4285}
.board_view>.board_view_content>.gall_slide_top button>i{position:relative;margin:auto;font-size:3.5rem;line-height:1}
.board_view>.board_view_content>.gall_slide_top .slide_prev>i{right:.2rem}
.board_view>.board_view_content>.gall_slide_top .slide_next>i{left:.2rem}
.board_view>.board_view_content>.gall_slide_top .item{display:flex;justify-content:center;align-items:center;padding:2.5rem;background-color:#fafafa}
@media(max-width:767px) {
	.board_view>.board_view_content>.gall_slide_top{padding:0 7rem}
	.board_view>.board_view_content>.gall_slide_top button{width:5rem;height:5rem}
	.board_view>.board_view_content>.gall_slide_top button>i{font-size:2.5rem}
}
/* 갤러리 썸네일 - 하단(썸네일 페이징) */
.board_view>.board_view_content>.gall_slide_bot{overflow:hidden;margin:5rem auto 0}
.board_view>.board_view_content>.gall_slide_bot .item{padding:0 .5rem;height:auto}
.board_view>.board_view_content>.gall_slide_bot .item a{display:block;overflow:hidden;position:relative;width:100%;height:100%}
.board_view>.board_view_content>.gall_slide_bot .item a:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid transparent;transition:.25s border-color}
.board_view>.board_view_content>.gall_slide_bot .item.slick-current a:after{border-color:#2d4285}
.board_view>.board_view_content>.gall_slide_bot .item a img{position:relative;width:100%;height:100%;object-fit:cover;obejct-position:center}
/* 갤러리 썸네일 - 페이징 닷 */
.board_view>.board_view_content>.gall_slide_bot .slick-dots{display:flex;justify-content:center;margin-top:2.5rem} 
.board_view>.board_view_content>.gall_slide_bot .slick-dots li{margin:0 .4rem}
.board_view>.board_view_content>.gall_slide_bot .slick-dots li button{display:block;overflow:hidden;width:1rem;height:1rem;background-color:#d4d5db;border-radius:50%;text-indent:-9999px;font-size:1px;line-height:1px}
.board_view>.board_view_content>.gall_slide_bot .slick-dots li.slick-active button{background-color:#2d4285}

.board_view_schedule_column{display:flex;flex-wrap:wrap;gap:4rem;position:relative;padding-bottom:4rem;border-bottom:1px solid #ddd;}
.board_view_schedule_column:before{content:"";position:absolute;top:-2px;left:0;width:100%;height:4px;background-color:#fff;}
.board_view_schedule_column_item{flex:1 1 calc(50% - 4rem)}
.board_view_schedule_column_item dt{color:#444;font-size:2rem;font-weight:700;}
.board_view_schedule_column_item dd{margin-top:1rem}
@media(max-width:767px) {
	.board_view_schedule_column_item{flex:1 1 100%;}
}

.board_view_share{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;padding-top:1rem}
.board_view_share>*{display:flex;flex-shrink:0;gap:.6rem;}
.board_view_share_send{margin-right:auto;}
.board_view_share_social{}
.board_view_share_social>a{display:block;width:3.5rem;height:3.5rem;}

/* 반응형 썸네일 move 막기 */

.board_view>.board_view_content>.gall_slide_bot.thumb_01 .slick-track,
.board_view>.board_view_content>.gall_slide_bot.thumb_02 .slick-track{transform:unset !important}

@media(min-width:360px) {
	.board_view>.board_view_content>.gall_slide_bot.thumb_03 .slick-track{transform:unset !important}
}
@media(min-width:768px) {
	.board_view>.board_view_content>.gall_slide_bot.thumb_04 .slick-track,
	.board_view>.board_view_content>.gall_slide_bot.thumb_05 .slick-track{transform:unset !important}
}


/* 사용자 다운로드 */
.board_file{display:flex;margin-bottom:4rem;padding:3rem 4rem;border-left:0;border-right:0;border-bottom:1px solid #e1e3e6}
.board_file>strong{width:11rem;color:#212121;line-height:1}
.board_file>ul{width:calc(100% - 11rem)}
.board_file>ul>li{position:relative;margin-top:.4rem;padding:.2rem 0 .2rem 3.6rem;font-size:0;line-height:0}
.board_file>ul>li:first-child{margin-top:0;}
.board_file>ul>li>a{display:inline;margin-right:.75rem;color:#595959;font-size:1.8rem;line-height:2.4rem}
.board_file>ul>li>a:before{content:"";display:block;position:absolute;top:0;left:0;width:2.8rem;height:2.8rem;background:url(/_html/images/board/file_down_def.svg) no-repeat 50% 50%/contain}
.board_file>ul>li>.volume{color:#aaa;font-size:1.2rem;line-height:1.8rem}

.board_file>ul>li>a:hover{color:#1a1a1a;text-decoration:underline}
.board_file>ul>li>a:hover:before{background-image:url(/_html/images/board/file_down_def_ov.svg)}


@media(max-width:1023px) {
	.board_file{flex-direction:column;padding:2.5rem 3rem}
	.board_file>ul{margin-top:1.5rem;width:100%}
}


/* 이전글, 다음글 보기 */
.board_view_list{border-top:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a}
/*.board_file+.board_view_list{margin-top:4rem}*/
.board_view_list>li{display:flex;flex-wrap:wrap;padding:2rem;line-height:2rem}
.board_view_list>li:not(:first-child){border-top:1px solid #d6d6d6}
.board_view_list>li>b{position:relative;padding:0 3rem;width:13rem;color:#212121;font-weight:400;}
.board_view_list>li>b:before{content:"";display:block;position:absolute;top:0;left:0;width:2rem;height:2rem;background:no-repeat 50% 50%/cover}
.board_view_list>li>b+*{max-width:calc(100% - 13rem);color:#555}
.board_view_list>li.list_prev>b:before{background-image:url(/_html/images/board/board_view_list_prev.svg)}
.board_view_list>li.list_next>b:before{background-image:url(/_html/images/board/board_view_list_next.svg)}
/*.board_view_list>li>.tit{max-width:calc(100% - 14rem)}*/


.captcha{display:flex;flex-wrap:wrap;align-items:center}
.captcha .captcha_wrap{margin-left:.5rem}


.commentbox .editor_lists{position:relative}
.commentbox .comment_lists{margin-bottom:2.5rem;padding:2.45rem 0 2.55rem;border-bottom:1px solid #d6d6d6}
.commentbox .comment_lists>li:not(:first-child){padding-top:1.5rem;border-top:1px dashed #d6d6d6}
.commentbox .comment_lists>li>.comment_item_wrap{position:relative;font-size:1.8rem;line-height:2.4rem}
.commentbox .comment_lists>li>.comment_item_wrap>.comment_item>.person_profile{display:flex;flex-wrap:wrap;align-items:flex-end;margin-bottom:1.25rem}
.commentbox .comment_lists>li>.comment_item_wrap>.comment_item>.person_profile .name {font-size:1.8rem;font-weight:700;line-height:2rem}
.commentbox .comment_lists>li>.comment_item_wrap>.comment_item>.person_profile .date {margin-left:1.5rem;color:#999;font-size:1.6rem;line-height:2rem}


.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year{line-height:28px;background-position:calc(100% - 5px) center}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span{}
.ui-datepicker .ui-datepicker-prev span:before,
.ui-datepicker .ui-datepicker-next span:before{position:absolute;top:50%;left:50%;font-family:"iconoir";transform:translate(-50%, -50%)}
.ui-datepicker .ui-datepicker-prev span:before{content:"";}
.ui-datepicker .ui-widget-header .ui-icon{background-image:url(/_res/jquery/images/ui-icons_444444_256x240.png);}
.ui-datepicker .ui-datepicker-next span:before{content:"";}
.pi-icon.month{height:4rem;}

.acco_wrap .acco_item{position:relative;}
.acco_wrap .acco_item .acco_admin{margin-bottom:-1rem;padding:1rem 4rem 0;}
.acco_wrap .acco_item .pi-btn{}





.label-button{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end;margin-top:5rem;}
.label-button>[class*="btn"]{display:inline-flex;position:relative;gap:1rem;padding:1.5rem 1.5rem 1.5rem 1.75rem;height:auto;border-radius:.5rem;}

/* 게시판 버튼 */
[class*="btn-basic-board"]{border:1px solid;font-size:1.8rem;line-height:1;}
[class*="btn-basic-board"]:after{position:relative;color:inherit;font-family:"remixicon";font-size:1.8rem;line-height:1;}
.btn-basic-board-modify{background-color:#0097dc;border-color:#0097dc;color:#fff !important;}
.btn-basic-board-modify:after{content:"\ec86";}
.btn-basic-board-delete{background-color:#f57d4f;border-color:#f57d4f;color:#fff !important;}
.btn-basic-board-delete:after{content:"\eb98";}
.btn-basic-board-add{}
.btn-basic-board-add:after{content:"\ea13"}
.btn-basic-board-upload{}
.btn-basic-board-upload:after{content:"\EB7B"}
.btn-basic-board-list{}
.btn-basic-board-list:after{content:"\EEBA"}

@-moz-document url-prefix() {
  .btn-basic[class*="btn-ico"]>i{top:.2rem}
  .btn-basic[class*="font-e"]>i{top:.1rem}
}