@charset "utf-8";

/************************************* 
BBS Style Sheet
Version : 1.0
Author : uracle(sejong) - sk.k
Create date : 2025. 05.
*************************************/

.input-group{
	position: relative;
}
.input-group input.search-text{
	padding-right: 4rem;
}
.input-group .search-txt-delete{
	position: absolute;
	right: auto;
	left: 22rem;
	top: 0.9rem;
	display: none;
}

/* 첨부파일 */
.file-list {
	width: auto;
}
.file-list ul li{
	margin: 0.5rem 0;
}
.file-list a{
	position: relative;
	display: flex;	
	/* align-items: center; */
}
.file-list a span{
	width: calc(100% - 2rem);
}
.icon-file{
	display: inline-block;
	width: 2rem;
	height: 2rem;
	margin-top: 0.25rem;
	margin-right: 0.5rem;
	background-image: url('/resources/images/common/file_icon/attach.svg');
	background-repeat: no-repeat;
	background-position: 50%;	
	background-size: contain;
}
.icon-file.doc { background-image: url('/resources/images/common/file_icon/doc.png');}
.icon-file.docx { background-image: url('/resources/images/common/file_icon/docx.png');}
.icon-file.xls{ background-image: url('/resources/images/common/file_icon/xls.png');}
.icon-file.xlsx { background-image: url('/resources/images/common/file_icon/xlsx.png');}
.icon-file.hwp { background-image: url('/resources/images/common/file_icon/hwp.png');}
.icon-file.hwpx { background-image: url('/resources/images/common/file_icon/hwpx.png');}
.icon-file.ppt { background-image: url('/resources/images/common/file_icon/ppt.png');}
.icon-file.pptx { background-image: url('/resources/images/common/file_icon/pptx.png');}
.icon-file.pdf { background-image: url('/resources/images/common/file_icon/pdf.png');}
.icon-file.rar,
.icon-file.zip { background-image: url('/resources/images/common/file_icon/zip.png');}
.icon-file.jpg { background-image: url('/resources/images/common/file_icon/jpg.png');}
.icon-file.png { background-image: url('/resources/images/common/file_icon/png.png');}
.icon-file.gif { background-image: url('/resources/images/common/file_icon/gif.png');}
.icon-file.html{ background-image: url('/resources/images/common/file_icon/txt.png');}
.icon-file.mp3,
.icon-file.mp4,
.icon-file.wav,
.icon-file.wmv,
.icon-file.avi { background-image: url('/resources/images/common/file_icon/attach.svg');}


/*faq-list .book-info */
.faq-list .book-info ul{
	display: flex;
	flex-wrap: wrap;
}
.faq-list .book-info ul li{
	display: flex;
	flex-wrap: wrap;
	flex: 33.3% 0;
	gap: 0 2rem;
}
.faq-list .book-info ul li strong{
	position: relative;
	display: inline-block;
}
.faq-list .book-info ul li strong:before{
	content: "";
	position: absolute;
	top: 0.8rem;
	right: -1rem;
	display: block;
	width: 1px;
	height: 1rem;
	background-color: #777;
}

/* 영화 list bbs */
.album-type > li{
	padding: 3rem 1rem;
}
.album-type.type01 .thumb{
	max-width: 35.8rem;
	height: auto;
	max-height: unset;
	aspect-ratio: 1/1.3;
}

/* 영화 view bbs */
.report-view {
	display: flex;
	flex-direction: row;
	gap: 3.8rem;
	padding: 1rem;
	padding-top: 4rem;
}
.report-thumb{
	width: 35.8rem;
	/* height: 49rem; */
	/* padding: 4rem; */
}
.report-thumb img{
	width: 100%;
	aspect-ratio: 1/1.3;
	/* height: 100%;
	object-fit: cover; */
}
.report-view .report-content{
	width: calc(100% - 35.8rem - 3.8rem);
}
.report-view .view-top {
	margin-bottom: 4rem;
	padding: 1rem 1rem 4rem 1rem;
}
.board-view .report-info{
	flex-direction: column;
}
.board-view .report-info li{
	display: block;
	padding-right: 0;
}
.board-view .report-info li + li{
	margin-top: 1rem;
}
.board-view .report-info li:not(:last-child):after{
	display: none;
}
.report-info span{
	position: relative;
	display: inline-block;
	margin-right: 1rem;
	padding-right: 1rem;
}
.report-info span:after{
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 1.2rem;
	background-color: #777;
	transform: translateY(-50%);
}

/* slide view bss */
.view-content-slide{
	position: relative;
	padding: 0 5rem;
}
.view-content-slide .slider-for{
	width: 100%;
}
.view-content-slide .slide .thumb{
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 60%;
	height: 50rem;
	margin: 0 auto;
}
.view-content-slide .slide .thumb img{
	max-width: 100%;
	max-height: 100%;
}
.view-content-slide .slider-nav{
	padding: 2rem;
}
.view-content-slide .slider-nav .thumb{
	max-width: 90%;
	height: 20rem;
}
.view-content-slide .slider-controller .slider-btn{
	position: absolute;
	top: 22rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 5rem;
	height: 15rem;
	padding: 0.5rem;
	background-color: #e2e2e2;
	border-radius: 0;
}
.view-content-slide .slider-controller .slick-disabled,
.view-content-slide .slider-controller .slick-hidden{
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s;
}
.view-content-slide .slider-controller .slider-btn-prev{
	left: 0;
}
.view-content-slide .slider-controller .slider-btn-next{
	right: 0;
}
.no-content{
	display: block;
	width: 100%;
	min-height: 40rem;
	padding: 5rem 0;
	text-align: center;
}
.no-content i{
	display: block;
	color: #3d5891;
	font-size: 8rem;
}
.no-content p{
	display: block;
	color: #000;
	font-size: 2rem;
	font-weight: 700;
}
.no-content .btn-wrap{
	margin-top: 4rem;
}

/* 문화원 일정 */
.bx-event {
	display: flex;
}
.bx-event .hot-issue {
	position: relative;
	width: 60rem;
	padding: 0 3rem;
}
.bx-event .hot-issue a:hover,
.bx-event .hot-issue a:focus{
	text-decoration: none;
}
.bx-event .hot-issue .issue{
	position: absolute;
	top: 10px;
	left: calc(4rem + 10px);
	display: inline-block;
	padding: 1.5rem 2rem;
	background-color: #e4022d;
	border-radius: 0 0 20px 20px;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.1);
	color: #fff;
	font-size: 1.4rem;
	font-weight: 700;
	z-index: 10;
}
.hotIssue-slide{
	position: relative;
}
.hotIssue-slide .slick-arrow{
	position: absolute;
	top: 39%;
	transform: translateY(-50%);
	width: 3rem;
	height: 3rem;
	color: transparent;
	overflow: hidden;
}
.hotIssue-slide .slick-arrow:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}
.hotIssue-slide .slick-prev{
	left: -3rem;
}
.hotIssue-slide .slick-prev:after{
	background-image: url('/resources/images/mps/layout/arrow-left-s-line.svg');
}
.hotIssue-slide .slick-next{
	right: -3rem;
}
.hotIssue-slide .slick-next:after{
	background-image: url('/resources/images/mps/layout/arrow-right-s-line.svg');
	
}

.bx-event .hot-issue .photo{
	width: 100%;
	height: 35rem;
	margin-bottom: 2rem;
	border: 10px #eaeaea solid;
	background-color: #fff;
	overflow: hidden;
}
.bx-event .hot-issue .photo img{
	width: 100%;
	height: 100%;
	object-fit: scale-down;
	transition: all 0.3s;
}
.bx-event .hot-issue a:hover .photo img,
.bx-event .hot-issue a:focus .photo img{
	transform: scale(1.05);
	transition: all 0.3s;
}
.bx-event .hot-issue .tit{
	display: block;
	width: 100%;
	margin-bottom: 1rem;
	white-space: nowrap;
	color: #000;
	font-size: 2rem;
	font-weight: 600;
	text-overflow: ellipsis;
	overflow: hidden;
}
.bx-event .hot-issue .txt{
	display: -webkit-box;
	height: 5.4rem;
	margin-top: 1rem;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* calendar 커스텀 */
.bx-event .event-calendar {
	display: block;
	width: calc(100% - 60rem);
	padding: 0 2rem;
	/* background-color: #ededed; */
}
.bx-event .event-calendar .hasDatepicker{
	pointer-events: none;
}
.bx-event .event-calendar .ui-widget{
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	background: none;
	color: inherit;
	font-family: inherit;
	font-family: inherit;
}
.bx-event .event-calendar .ui-widget-header{
	display: none;
}
.bx-event .event-calendar .ui-widget .ui-datepicker-calendar{
	margin: 0;
}
.bx-event .event-calendar .ui-widget .ui-datepicker-calendar thead th{
	padding: 2rem 1rem;
	border-top: 1px #000 solid;
	border-bottom: 1px #000 solid;
	/* text-transform: uppercase;*/
	font-size: 1.8rem;
}
.bx-event .event-calendar .ui-widget .ui-datepicker-calendar .ui-datepicker-week-end{
	color: #c5221f;
}
.bx-event .event-calendar .ui-widget .ui-datepicker-calendar td{
	position: relative;
	width: calc(100% / 7);
	padding: 2rem 1rem;
	border-bottom: 1px #ddd solid;
	text-align: center;
}
.bx-event .event-calendar .ui-widget .ui-datepicker-calendar tr:last-child td{
	border-bottom: none;
}
.bx-event .event-calendar .ui-widget .ui-datepicker-calendar .ui-state-default{
	all: unset;
	position: relative;
	z-index: 1;
}
.bx-event .event-calendar .ui-widget .ui-datepicker-calendar .ui-state-default span{
	display: inline-block;
	width: 100%;
	max-width: 5rem;
	height: 100%;
	padding: 0;
	text-align: center;
}
.bx-event .event-calendar .ui-widget .ui-datepicker-calendar td.ui-state-highlight{
	position: relative;
	background: none;
	border: inherit;
	border-bottom: 1px #ddd solid;
}
.bx-event .event-calendar .ui-widget .ui-datepicker-calendar .ui-state-highlight .ui-state-default{
	font-weight: 700;
}
.bx-event .event-calendar .ui-widget .ui-datepicker-calendar .ui-state-highlight .ui-state-default:after{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: inline-block;
	width: 5rem;
	height: 5rem;
	background-color: #d5dded;
	border-radius: 50rem;
	z-index: -1;
}

/* today */
.bx-event .event-calendar .ui-widget .ui-datepicker-calendar .ui-state-highlight.ui-datepicker-today .ui-state-default{
	border: 0;
}
.bx-event .event-calendar .ui-widget .ui-datepicker-calendar .ui-datepicker-today{
	position: relative;
	background: none;
	border: inherit;
	border-bottom: 1px #ddd solid;
}
.bx-event .event-calendar .ui-widget .ui-datepicker-calendar .ui-datepicker-today .ui-state-default:before{
	content:'';
	display: inline-block;
	position: absolute;
	right: -1rem;
	top: -1.5rem;
	width: 7px;
	height: 7px;
	background: #e4022d;
	border-radius: 100rem;
}
/*.bx-event .event-calendar .ui-widget .ui-datepicker-calendar .ui-datepicker-today .ui-state-default:after{
	 border: 2px #3d5891 solid; 
}*/
/* today */

.bbs-type-cal {
	margin: 4rem 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.calendar-header{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2rem;
	/* background-color: #ededed; */
	/* border-bottom: 1px #ddd solid; */
}
.calendar-title{
	font-size: 3.4rem;
	font-weight: 700;
}
.calendar-header .arrow-btn{
	display: inline-block;
	margin: 0 1rem;
	line-height: 1;
	font-weight: normal;
	font-size: 2.6rem;
}
.bbs-type-cal .tit{
	display: inline-block;
}
.bbs-type-cal ol li{
	position: relative;
	padding: 3rem 3rem;
}
.bbs-type-cal ol + ol{
	border-top: 1px #ddd solid;
}
.bbs-type-cal .date,
.bbs-type-cal .tit{
	font-size: 2rem;
	font-weight: 700;
}
.bbs-type-cal .date{
	margin-right: 1rem;
}
.bbs-type-cal .eventlist{
	display: block;
	background: #f0f0f0;
	padding-left: 7rem;
}
.bbs-type-cal .eventlist i{
	position: absolute;
	left: 3rem;
	top: 4.7rem;
	font-size: 2.4rem;
	color: #3d5891;
	line-height: 1;
	font-weight: normal;
	display: inline-block;
	margin-right: 1rem;
	}
.bbs-type-cal .eventlist .date{
	display: block;
	color: #3d5891;
	font-size: inherit;
	font-weight: 600;
}
.bbs-type-cal .eventlist .tit{
	font-size: 2rem;
	font-weight: 700;
}

/* .album-type type02 */
.album-type.type02{
	gap: 2rem;
}
.album-type.type02 > li{
	width: calc(100% / 3 - 2rem);
}
.album-type.type02 .thumb{
	position: relative;
	display: flex;
	align-items: center;
	max-width: 100%;
	background-position: 50% 50%;
	background-size: 100%;
	overflow: hidden;
}
.album-type.type02 .thumb:before{
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: 104%;
	height: 104%;
	background-color: rgba(255, 255, 255, 0.5);
	filter: blur(2px);
	backdrop-filter: blur(2px);
}
.album-type.type02 .thumb img{
	width: 100%;
	height: auto;
	z-index: 9;
}
.album-type.type02 .desc{
	max-width: 100%;
}
.album-type.type02 .tit{
	position: relative;
	padding-right: 5rem;
	white-space: normal;
	word-break: break-word;
	overflow: unset;
}
.album-type.type02 .tit:after{
	content: "\f5de";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.4rem;
	height: 3.4rem;
	line-height: 1;
	font-family: 'remixicon';
	font-weight: normal;
	font-size: 2.6rem;
}
.album-type.type02 .pdftit:after{
	content: "\ea4c";
}
.album-type.type02 a:hover .thumb img,
.album-type.type02 a:focus .thumb img{
	transform: none;
}

/* view*/
.board-view .event-date{
	display: block;
	margin: 1rem var(--number-3);
	color: #3d5891;
	font-weight: 700;
}
.board-view .event-date em{
	position: relative;
	display: inline-block;	
	margin-right: 1rem;
	padding-right: 1rem;
}
.board-view .event-date em:after{
	content: "";
	position: absolute;
	right: 0;
	top: 0.8rem;
	display: block;
	width: 1px;
	height: 1rem;
	background-color: #777;
}

/**************************************************************************/
/****************************** 2025 개편 이전 소스 ******************************/
/**************************************************************************/
/* 
table.bbs-pop{width:100%;margin-bottom:20px}
table.bbs-pop thead th{padding:8px;color:#000;border-bottom:1px solid #000;background-color:#fafafa;vertical-align:middle}
table.bbs-pop tbody td{display:block;position:relative;padding:14px 7px 14px 86px;border-top:1px solid #e0e0e0;color:#111;vertical-align:middle;font-size:13px}
table.bbs-pop tbody td:first-child{border-top:none}
table.bbs-pop tbody td a{display:block}
table.bbs-pop td h4,
table.bbs-pop td .head{margin:0 0 5px 0}
table.bbs-pop td.subj{text-align:left}
table.bbs-pop td .txt{color:#666}
table.bbs-pop td .txt p{font-weight:200}
table.bbs-pop td .reserv-list li{color:#666}

table.bbs-pop thead{position:absolute;top:-999em}
table.bbs-pop tbody tr{border-bottom:2px solid #000}
table.bbs-pop.list-event tbody td:before{display:table-column;position:absolute;left:0;top:0;width:70px;padding:14px 0 0 10px;font-weight:900;font-size:13px}
table.bbs-pop.list-event tbody .txt{padding-top:4px}
table.bbs-pop.list-event tbody input[type=text]{width:69%;height:28px}
table.bbs-pop.list-event tbody input[type=password]{width:60%}
table.bbs-pop.cont-reserv tbody td:before{display:table-column;position:absolute;left:0;top:0;width:120px;padding:10px;font-weight:900}

.essential{margin:0 0 10px 0;text-align:right}
.tabl-head{margin:40px 0 0 0;padding:0 0 15px 20px;border-bottom:1px solid #000;color:#000}
table.regist-pop{width:100%;border-top:1px solid #000}
table.regist-pop col.subj{width:20%;min-width:120px}
table.regist-pop th{padding:20px 10px 20px 30px;color:#000;border-bottom:1px solid #e0e0e0;background-color:#fafafa;text-align:left}
table.regist-pop td{position:relative;padding:20px 15px;border-bottom:1px solid #e0e0e0;color:#666;vertical-align:middle}
table.regist-pop td a{display:block}
table.regist-pop td.subject{padding-left:20px;text-align:left}

20181015 sub

#aside .inner-area {position:absolute; right:-210px; background-color:#fff; border-radius:0px; top:87px; width:180px; overflow:hidden; }
#aside .inner-area nav {height:800px; }
#aside .inner-area nav ul,
#aside .inner-area nav ul div {display:block;position:absolute; }
#aside .inner-area nav ul li {width:160px; height:160px; line-height:157px; border-bottom:2px solid #FFF; }
#aside .inner-area nav ul li a img {max-width:160px; max-height:160px; }
#aside .inner-area nav ul li img {vertical-align:middle; }
#bannerarea {display:block; }
#container .mainsection-left .subscribe .btn-submit-subsc {margin:0px 0 0 0; }
#container {position:relative; width:970px; margin:auto; border-left:1px solid #eee; border-right:1px solid #eee; }
#container:after {content:" "; display:block; clear:both; }
#content .content-head {position:relative; height:auto; overflow:hidden; padding:0px 0 5px 0; margin:0 0 0 0; width:700px; }
#content .location .line {right:0; bottom:0; }
#content .location {position:relative; height:32px; margin:0 0 12px 0; text-align:right; font-size:12px; float:right; }
#content .location img {width:18px; }
#content .sns-area .bt-email i {width:15px; height:11px; background-position:-42px -77px; }
#content .sns-area .bt-facebook i {width:13px; height:13px; background-position:-82px -77px; }
#content .sns-area .bt-print i {width:13px; height:13px; background-position:-21px -77px; }
#content .sns-area .bt-rss {float:right; color:#eb7524; font-weight:700; }
#content .sns-area .bt-rss i {display:inline-block; width:15px; height:15px; margin:0 5px 0 0; background:url(/image/front/desktop/sprite.png) -237px -46px no-repeat; vertical-align:middle; }
#content .sns-area .bt-share i {width:14px; height:13px; background-position:-101px -77px; }
#content .sns-area .bt-twitter i {width:13px; height:13px; background-position:-64px -77px; }
#content .sns-area .jfontsize-button {font-weight:bold; padding:0px; color:#000; margin:0 0 0 1px; }
#content .sns-area .jfontsize-buttonarea {float:left; }
#content .sns-area {background-repeat:no-repeat; padding-bottom:16px; padding-top:16px; border-bottom:1px solid #ebebeb; text-align:right; border-top:1px solid #000000; }
#content .sns-area a i,#content .sns-area button i {display:inline-block; margin:0 4px 0 0; background-image:url(/image/front/desktop/sprite.png); background-repeat:no-repeat; vertical-align:middle; }
#content .sns-area a,#content .sns-area button {display:inline-block; margin:0 0 0 10px; text-transform:uppercase; font-size:11px; }
#content .sns-area a:hover {text-decoration:none; }
#content {padding:6px 0px 50px 20px; }
#content .comment.board.notice ol#replyContainer li {border-bottom:1px solid #eee; padding:10px; }
#content .comment.board.notice span.right {min-height:initial; }
#content .comment.board.notice {border-top:1px solid #e0e0e0; }
#content .view-content div.fontchanger .figcaption {font-size:12px; line-height:18px; color:#287cbd; }
#content .view-content div.fontchanger {  font-size:14px; line-height:1.5em; margin: 10px auto 20px auto;}
#content .view-content div.fontchanger img {max-width:100%; height: auto !important;} 2025.03.06 사용자화면 - 에디터 이미지 높이 강제로 auto 설정
20240117 backup
#content .view-content div.fontchanger p {font-size:1.0rem !important; line-height:1.7em; color:#333 !important; word-break:break-word; text-align:justify;}
#content .view-content div.fontchanger p span {font-size:1.0rem /*!important; line-height:1.7em; color:#333 !important; }공지사항 채용 숫자 정렬
#content .view-content div.fontchanger p {font-size:1.0rem !important; line-height:1.7em; margin-right: 0px !important; color:#333 !important; word-break:break-word; text-align:justify;} 자동줄바꿈 변경
#content .view-content div.fontchanger p span {font-size:1.0rem; color:#333; word-wrap: break-word;} 자동줄바꿈 변경
#content .view-content div.fontchanger p font span {font-size:1.0rem !important;color:#333 !important; } test
#content .view-content div.fontchanger p font {font-size: 1rem;}
#content .view-content div.fontchanger p.figcaption {padding:8px 0 0 4px; font-size:12px !important; color:#287cbd !important; line-height:145%; display:block; max-width:700px; }
#content .view-content span div.fontchanger {line-height:21px; }
#content div.bbs-type-search.book ol li div.cont {width:38%; float:left; }
#content div.inner-content div.bbs-type-exhibit ol li div.header h3 a {color:#000}
#content table.bbs.reservationlist col.reserv2 {width:55%; }
#content table.bbs.reservationlist tbody tr td.reservation-eventnm a {color:#333; }
#content table.bbs.reservationlist tbody tr td.reservation-eventnm div {margin-top:5px; font-size:12px; height:35px; overflow:hidden; font-weight:normal; }
#content {padding :22px 0px 50px 18px; }

사이냅에디터 유투브 반응형 추가
span.se-drawing-object-wrapper.se-video.se-youtube-video{width:100% !important;height:auto !important;}
span.se-youtube-wrapper{position: relative;padding-bottom: 56.25%;padding-top: 30px; width:100% !important; height: auto !important; overflow: hidden;display:block;}
.se-youtube-wrapper iframe {position: absolute;top: 0;left: 0;width:100% !important; height:100% !important; margin-top: 0;}

.middle-wrap {padding: 2rem 0 8rem;background: #69acdf;color: #fff;text-align: center;}
.middle-wrap * {color: #fff;}
.middle-wrap ul {max-width: 165rem;width: 100%;}
.middle-wrap li {display: inline-block;}
.middle-wrap .sns {padding-top: 3rem;overflow: hidden;display: inline-block;}
.middle-wrap .sns a {float: left;width: 5rem;height: 4rem;}
.middle-wrap .ft_logo {display: block;width: 22.1rem;height: 5.7rem;font-size:0;text-indent: -9999rem;background: url('/image/ft_logo.png') no-repeat center center;}
.middle-wrap .sns a.instagram {font-size:0;text-indent: -9999rem;background: url('/image/ico_ft_instagram.png') no-repeat center center;}
.middle-wrap .sns a.facebook {font-size:0;text-indent: -9999rem;background: url('/image/ico_ft_facebook.png') no-repeat center center;}
.middle-wrap .sns a.twitter {font-size:0;text-indent: -9999rem;background: url('/image/ico_ft_twitter.png') no-repeat center center;}
.middle-wrap .sns a.youtube {font-size:0;text-indent: -9999rem;background: url('/image/ico_ft_youtube.png') no-repeat center center;}
.middle-wrap .sns a.vk {font-size:0;text-indent: -9999rem;background: url('/image/ico_ft_vk.png') no-repeat center center;}
.middle-wrap .etc_menu {width: 30%;padding-bottom: 6rem;}
.middle-wrap .etc_menu span {display: inline-block;padding: 0 1rem;}
.middle-wrap .etc_menu a {display: inline-block;font-weight: bold;font-size: 1.5rem;letter-spacing: 1px;}
.middle-wrap .etc_menu a:hover  {text-decoration: underline;}
.middle-wrap .etc_menu  span:first-of-type {padding-top: 0;}
.middle-wrap .etc_menu  span:last-of-type {padding-bottom: 0;}
.middle-wrap .address {text-align: left;}
.middle-wrap .address span {display: inline-block}
.middle-wrap .address span.ml_2 {margin-left:2.5rem}
.middle-wrap .address * {display: block;font-size: 1.5rem;padding: .5rem 0;}


게시물 오류 191129
.mov-txt{height: auto !important;}
.mov-txt .editTxt div{word-break:break-word; text-align:justify; }
.mov-txt .editTxt p{word-break:break-word; text-align:justify; font-size:16px;}
.mov-txt .editTxt font{word-break:break-word; text-align:justify; font-size:16px;}
.mov-txt .editTxt p > font{word-break:break-word; text-align:justify; font-size:16px; line-height:1.6em; font-size:16px !important;}
.txt.fontchanger:after {content: '';display: block;clear: both;}
.txt.fontchanger table {width: 100% !important;}
.fontchanger:after {content: '';display: block;clear: both;}
.app-contents:after{content: '';display: block;clear: both;}
.news-cont-top {position: relative;width: 100% !important;}
.news-cont-top {width: 100% !important;}
.share-info {height: auto !important;}
.article-img.img-p4 {margin: inherit !important;}

.frameEditor.active {height: auto !important;width: 100% !important;}
table.Library_board col {width: auto !important;}
th.p_lr.p_b tbody th {padding: 4px !important;}
div#clonediv_3 {position: initial !important;}

.con_sta iframe {width: 100%;}
.ui-resizable-handle.ui-resizable-sw table tr td {width: auto !important;}
blockquote {width: 100% !important;}
p.figcaption {width: auto !important;height: auto !important; word-break:break-word; text-align:justify;} 20210201 수정
.mov-txt table tr td {width: auto !important;}



.about-korea {border-top:1px solid #eee; border-bottom:0; padding:16px 0 0 0; }
.agree-check {float:left; }
.agree-content {float:left; margin-left:50px; width:initial; }
.agree-new-window {display:inline-block; height:11px; background-size:12px; background-image:url(/image/front/desktop/new_window.png); background-repeat:no-repeat; width:12px; }
.bbs-search .bt-bbs-search {float:right; width:85px; height:36px; border-radius:3px; color:#fff; background-color:#a2c018; font-weight:700; left:100px; }
.bbs-search .bt-bbs-search.qna {line-height:33px; text-align:center; }
.bbs-search .bt-bbs-search.qna:hover {cursor:pointer; }
.bbs-type-exhibit {border-top:1px solid #000; }
.bbs-type-exhibit div.header span.date {font-size:11px; }
.bbs-type-exhibit div.sumtxt {max-height:4.2em !important; overflow:hidden; text-overflow:ellipsis; text-align:justify; text-align: left;word-wrap: break-word;
    display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;white-space: normal; word-break:break-word;}
.bbs-type-exhibit li .title .date {margin:0 20px 0 0; color:#666; }
.bbs-type-exhibit li .title .name {color:#666; }
.bbs-type-exhibit li .title {margin:0 0 10px 0;display: block;background: none;height: auto;}
.bbs-type-exhibit li .title span, .bbs-type-exhibit li .title em {font-size: 1.4rem;color: #898989;}
.bbs-type-exhibit li .title h3 {margin:0 0 2px 0; font-size:18px; font-weight:bold; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:600px; }
.bbs-type-exhibit li .title h3 a {color:#000; }
.bbs-type-exhibit li .photo {float:left; width:175px; height:112px; overflow:hidden; margin:0 20px 0px 0; }
.bbs-type-exhibit li .photo img {max-width:175px; min-height:112px;}


.bbs-type-exhibit li .txt, .bbs-type-exhibit li .txt p {font-size:.9rem; line-height:1.4em; }
.bbs-type-exhibit li {overflow:hidden; padding:20px 0; border-bottom:1px solid #e0e0e0; }
.bbs-type-gallery li div.photo {float:left; margin:0 20px 10px 0; }
.bbs-type-gallery ol li div.txt.sumtxt {height: 81px; overflow: hidden; text-overflow: ellipsis; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; white-space: normal;} 20231020 수정
.bbs-type-gallery-detail .txt {padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:none; }
.bbs-type-gallery-detail header.top h3 {color:#000000; }
.bbs-type-gallery-detail header.top span.date {font-size:11px;}
.bbs-type-gallery-detail header.top span.writer {font-size:11px;}
.bbs-type-lec .lec-info {margin:10px 0 0 0; }
.bbs-type-lec .lec-info dd em.current {color:#3669CF}
.bbs-type-lec .lec-info h4 {margin:10px 0 10px 0; }
.bbs-type-lec div.header span.date, .bbs-type-exhibit div.header span.date, table.bbs tbody td .date {font-size:13px; }
.bbs-type-lec div.header span.date {font-size:.8rem; }
.bbs-type-lec li .header .btn {line-height:24px; }
.bbs-type-lec li .header .btn:hover {cursor:pointer; }
.bbs-type-lec li .header {position:relative; margin:0 0 5px 0; }
.bbs-type-lec li .photo img {max-width:160px; }
.bbs-type-lec ol li div.txt {overflow:hidden;max-height: 82px;white-space: normal;-webkit-line-clamp: 4;display: -webkit-box;-webkit-box-orient: vertical; }

.bbs-type-movie .movie-info {border-top:none; }
.bbs-type-movie div.sumtxt {max-height:none; overflow:hidden; text-overflow:ellipsis; text-align:left; }
.bbs-type-movie dl.movie-info {margin:0 0 10px 0; }
.bbs-type-movie li .header {margin:0 0 9px 0; }
.bbs-type-movie li .photo img {max-width:160px; }
.bbs-type-movie ol li div.txt.sumtxt div.movie-content-div {height: 4rem;overflow: hidden;font-size: .9rem;white-space: normal; -webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical; }
.bbs-type-movie ol li div.txt.sumtxt div.movie-content-div .movie-content br {display: none;}
.bbs-type-movie ol li div.txt.sumtxt h3 {padding-bottom:5px; font-weight:bold; font-size:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%;}
.bbs-type-movie ol li div.txt.sumtxt h3 a {color:#000; }
.bbs-type-movie ol li div.txt.sumtxt h3 {padding-bottom:15px;}

.bbs-type-search .book-info dt, .bbs-type-search .book-info dd {height:24px; }
.bbs-type-search .head h4 {word-break:break-word; }
.bbs-type-search .ico.bbs {height:28px;  background-color:#006d82;  line-height:24px; }
.bbs-type-search h3 {padding:12px 0 12px; }
.bbs-type-search.book li.dep1 {padding:10px 0 0 0; }
.bbs-type-search.book ol li div.book-content {border-top:1px solid #ebebeb; color:#333; background-color:#fafafa; }
.bbs-type-search.book ol li div.ico.bbs.viewbutton {cursor:pointer; float:right; margin-top:20px; }

.bbs-type-search.book .head {float: left; width: 80%; margin-right: 0;}
.bbs-type-search.book li.dep1 {padding: 10px 0 10px 0;}
.bbs-type-search.book .book-info dt.book-dt {color: gray;}
.bbs-type-search.book .book-info dd.book-dd {color: black;}
.bbs-type-search.book dl.book-info {padding: 10px 10px;}
.bbs-type-search.book ol li div.ico.bbs.viewbutton {margin-top: 0px;}


.board-jcarousel-pagination {left:6px; top:0px; }
.board-jcarouse-wrapper .wrap_cont  {margin-bottom:10px; }
.btn-bbs.yel {line-height:25px; cursor:pointer; }
.btn-bbs-sm:hover {cursor:pointer; }
.btn-group .go-bbs-delete i {width:14px; height:14px; margin:0 8px 0 0; background-position:-418px -33px; }
.btn-group .go-bbs-list {border-right:none; }
.btn-group .go-bbs-prev {border-right:none; }
.btn-group .go-bbs-save i {width:14px; height:14px; margin:0 8px 0 0; background-position:-394px -33px; }
.btn-se-b.search-reserv {margin-top:5px; height:68px; }
.bx-address {position:relative; }
.bx-address dl dt {margin:11px 0 10px 0; }
.bx-address h2 {margin:0 0 14px 0; color:#454545; font-size:13px; font-weight:700; text-transform:uppercase; }
.bx-address h3 {color:#0c2b5a; font-size:19px; line-height:1.5em; font-weight:700; text-transform:uppercase; }

.bbs-search { position: relative;margin: 20px 0 40px 0;width: 100%;text-align: center;}
.bbs-search:after {content:" ";display: block;clear: both;}
.bbs-search .bx {display: inline-block;;max-width:600px; width:80%; min-width: 300px;height: 45px;border: 1px solid #d5d5d5;border-radius:3px;line-height: 36px;font-size: 1rem;} 20230209 width:100%;를 width:80%;로 수정
.bbs-search .bx input {width: 60%;height: 40px;border: none;line-height: 30px;font-size: 14px;font-weight: 700;}
.bbs-search .bx select {border: none;vertical-align: middle;padding:0 10px;width: 34%;background: url(../../image/front/new/ico_language_s.png) no-repeat 99% 50%;
	font-size: 14px;}
.bbs-search .bt-bbs-search {width: 100px;height: 45px;border-radius:3px;color: #fff;background-color: #a2c018;font-weight: 700;margin-left: 20px;}
.bbs-search .bt-bbs-search i {display: inline-block;width: 13px;height: 14px;margin: 0 6px 0 0;background: url(/image/front/desktop/sprite.png) -146px -77px no-repeat;vertical-align: middle;}
.bbs-search .chosen-container-single .chosen-single {background: none;box-shadow:none;}
.bbs-search .chosen-container {width: 80px !important;}
.bbs-search.result .bx input {width: 560px;margin: 0 15px;}
.bbs-search.result .search-notice {clear: both;height: 30px;color: #000;line-height: 30px;}



table.bbs {width:100%; border-collapse:collapse; border-spacing:0;}
table.bbs caption.h5 {visibility:visible !important; z-index:1 !important; padding:15px 0 10px 0; color:#00817f; font-size:1em !important; line-height:1em; font-weight:900; text-align:left}
table.bbs col.date {width:100px}
table.bbs col.hit {width:80px}
table.bbs col.input {width:50px}
table.bbs col.num {width:10%}
table.bbs col.writer {width:90px}
table.bbs col.reply {width:80px}
table.bbs col.file {width:60px}

table.bbs td img {vertical-align:middle; display:inline-block;} 20210204 수정
table.bbs thead tr{background-color:#fafafa; border-top:solid 2px #857c59;} 20210204 추가
table.bbs thead th {padding:16px 0px; text-align:center; color:#000; border-bottom:1px solid #d9d9d9; font-weight:600; font-size:14px;} 20210204 수정
table.bbs tbody td {position:relative; padding:12px 5px; border-bottom:1px solid #e0e0e0; color:#444; text-align:center; vertical-align:middle; font-size:15px; }
table.bbs tbody td a {display: block;}
table.bbs tbody td .date {margin: 4px 15px 0 10px;color: #898989;font-size: .8rem;font-weight: 400;}
table.bbs tbody td .writer {color: #898989;font-size: .8rem;font-weight: 400;}
table.bbs tbody td .ico-secret {display: inline-block;position: absolute;right: 10px;top: 26px;width: 12px;height: 16px;background: url(/image/front/desktop/sprite.png) -175px -98px no-repeat;text-indent: -999em;}
table.bbs tbody td .ico-reply {display: inline-block;float: left;width: 13px;height: 13px;margin: 0 5px 0 0;background: url(/image/front/desktop/sprite.png) -199px -101px no-repeat;text-indent: -999em;}
table.bbs tbody .hot td:first-of-type {color: #ca0006; text-align:center;}
table.bbs tbody .hot td.subject {color:#111;}
table.bbs tbody .hot td.subject a{color:#111; font-weight:bold;}
table.bbs td.subject {padding-left:20px;text-align:left}
table.bbs td.subject a {color:#2e2e2e;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;max-width: 500px; font-size:15px;}

언어별 css 추가 20240702
html:lang(ru) table.bbs col.date {width:15%;}
html:lang(ru) table.bbs col.hit {width:19%;}
html:lang(hu) table.bbs col.date {width:15%;}
html:lang(hu) table.bbs col.hit {width:19%;}
html:lang(it) table.bbs col.date {width:15%;}
html:lang(it) table.bbs col.hit {width:19%;}
html:lang(kk) table.bbs col.date {width:15%;}
html:lang(kk) table.bbs col.hit {width:19%;}
html:lang(ru) table.bbs td.subject a{color:#2e2e2e;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;max-width: 97%; font-size:15px; }
html:lang(hu) table.bbs td.subject a{color:#2e2e2e;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;max-width: 97%; font-size:15px; }
html:lang(it) table.bbs td.subject a{color:#2e2e2e;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;max-width: 97%; font-size:15px; }
html:lang(kk) table.bbs td.subject a{color:#2e2e2e;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;max-width: 97%; font-size:15px; }

20231027 faq게시판 추가 start
table.bbsFaq {width:100%; border-collapse:collapse; border-spacing:0;}
table.bbsFaq caption.h5 {visibility:visible !important; z-index:1 !important; padding:15px 0 10px 0; color:#00817f; font-size:1em !important; line-height:1em; font-weight:900; text-align:left}
table.bbsFaq col.date {width:100px}
table.bbsFaq col.hit {width:80px}
table.bbsFaq col.input {width:50px}
table.bbsFaq col.num {width:10%}
table.bbsFaq col.writer {width:90px}
table.bbsFaq col.reply {width:80px}
table.bbsFaq col.file {width:60px}

table.bbsFaq td img {vertical-align:middle; display:inline-block;} 20210204 수정
table.bbsFaq thead tr{background-color:#fafafa; border-top:solid 2px #857c59;} 20210204 추가
table.bbsFaq thead th {padding:16px 0px; text-align:center; color:#000; border-bottom:1px solid #d9d9d9; font-weight:600; font-size:14px;} 20210204 수정
table.bbsFaq tbody td {position:relative; padding:12px 5px; border-bottom:1px solid #e0e0e0; color:#444; text-align:center; vertical-align:middle; font-size:15px;}
table.bbsFaq tbody td a {display: block;}
table.bbsFaq tbody td .date {margin: 4px 15px 0 10px;color: #898989;font-size: .8rem;font-weight: 400;}
table.bbsFaq tbody td .writer {color: #898989;font-size: .8rem;font-weight: 400;}
table.bbsFaq tbody td .ico-secret {display: inline-block;position: absolute;right: 10px;top: 26px;width: 12px;height: 16px;background: url(/image/front/desktop/sprite.png) -175px -98px no-repeat;text-indent: -999em;}
table.bbsFaq tbody td .ico-reply {display: inline-block;float: left;width: 13px;height: 13px;margin: 0 5px 0 0;background: url(/image/front/desktop/sprite.png) -199px -101px no-repeat;text-indent: -999em;}
table.bbsFaq tbody .hot td:first-of-type {color: #ca0006; text-align:center;}
table.bbsFaq tbody .hot td.subject {color:#111;}
table.bbsFaq tbody .hot td.subject a{color:#111; font-weight:bold;}
table.bbsFaq td.subject {padding: 10px 6px;text-align:left}
table.bbsFaq td.subject a {color:#2e2e2e;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;max-width: 500px; font-size:15px; }

@media all and (max-width:767px){
	table.bbsFaq{width:100%;border-collapse:collapse;border-spacing:0;margin-bottom:20px}
	table.bbsFaq caption.h5{visibility:visible !important;z-index:1 !important;padding:15px 0 10px 0;color:#00817f;font-size:1em !important;line-height:1em;font-weight:900;text-align:left}
	table.bbsFaq col.date{width:50px}
	table.bbsFaq col.hit{width:60px;}
	table.bbsFaq col.input{width:25px}
	table.bbsFaq col.num{width:45px;}
	table.bbsFaq col.writer{width:45px}
	table.bbsFaq col.reply{width:40px}
	table.bbsFaq col.file{width:30px}
	table.bbsFaq td img{vertical-align:middle}
	table.bbsFaq thead th{padding:10px 2px;color:#000;border-bottom:1px solid #000;border-top:1px solid #000; font-size:1.1rem; text-align:center;text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}
	table.bbsFaq tbody td{position:relative;padding:10px 3px;border-bottom:1px solid #e0e0e0; color:#111; font-weight:700; text-align:center;vertical-align:top;font-size:0.9rem}
	table.bbsFaq tbody td .date{display:block;margin:4px 0 0 0;color:#666;font-weight:300;font-size:0.8rem;}
	table.bbsFaq tbody td .writer{color:#666;font-weight:300}
	table.bbsFaq tbody td .ico-secret{display:inline-block;position:absolute;right:10px;top:26px;width:16px;height:21px;background:url(/image/front/mobile/sprite.png) -405px -17px no-repeat;text-indent:-999em}
	table.bbsFaq tbody td .ico-reply{display:inline-block;float:left;width:20px;height:20px;margin:0 15px 0 0;background:url(/image/front/mobile/sprite.png) -405px -56px no-repeat;text-indent:-999em}

	table.bbsFaq tbody .hot td:first-child{text-transform:uppercase}
	table.bbsFaq tbody .hot td.subject{color:#111}
	table.bbsFaq td.subject{padding:10px 6px;text-align:left}
	table.bbsFaq td.subject a{width:100%; color:#111; overflow:hidden; text-overflow:ellipsis; display:block; font-size:1rem;}

	table.bbsFaq col.bbs2{width:80%;}
	table.bbsFaq col.date{width:20%;}
}
20231027 faq게시판 추가 end


언어별 css 추가 20210122
html:lang(ar) table.bbs tbody td .ico-secret {right: auto;left: 10px;}
html:lang(ar) table.bbs tbody td .ico-reply {float: right;margin: 0 0 0 5px;background: url(/image/front/desktop/sprite.png) -222px -101px no-repeat;}
html:lang(ar) table.bbs td.subject {padding-left: 5px;padding-right: 20px;text-align: right;}


table.regist {width:100%;border-top: 1px solid #888;}
table.regist col.subj {width: 110px;}
table.regist tr.top {border-top: 2px dotted #888;}
table.regist th,
table.regist th {padding:10px 5px 8px 18px; border-bottom:1px solid #ddd; color:#656565; text-align:left; vertical-align:middle;}
table.regist thead th {color: #333;border-bottom: 1px solid #000;}
table.regist th i {float:left; margin:0 3px 0 -6px; color:#ec6941; font-weight:300}
table.regist td {padding:8px; border-bottom:solid 1px #ddd; color:#777; background:url(/image/admin/bg_th.png) 0 center no-repeat; text-align:left; vertical-align:middle}
table.regist td .fl {margin: 4px 0 0 0;}
table.regist td.cont {padding: 15px 8px;background-image: none;}
table.regist td .sec {float: left;margin: 0 10px 0 0;}
table.regist td .ico {margin: 0 15px 0 0;}
table.regist td .ico:hover {text-decoration: none;}
table.regist td .ico i {display: inline-block;margin: 0 4px 0 0;background-image: url(/image/front/desktop/sprite.png);background-repeat: no-repeat;vertical-align: middle;}
table.regist td .ico .speaker {width: 15px;height: 15px;background-position: -356px -76px;}
table.regist td .ico .refresh {width: 12px;height: 12px;background-position: -380px -77px;}
table.regist td .sec-num {height: 26px;} */
/**************************************************************************/