@charset "UTF-8";

/* 게시판 상단 */
.board_info { overflow: hidden; line-height: 1.9rem; }
.board_info + * {margin-top: 1rem;}

/* 게시판 목록 페이지 수 */
.board_info .page { float: left; }
.board_info .page span { display: inline-block; vertical-align: top; }
.board_info .page span + span::before { display: inline-block; width: 1px; height: .8rem; margin: 0 1rem 0 0.5rem; background-color: #ddd; content: ''; vertical-align: middle; }
.board_info .page strong, .board_info .page b { font-weight: 500; color: #000; }

/* 게시판 목록 검색 */
.board_info form { float: right; }
.board_info .form { display: table; width: calc(100% + 0.5rem); table-layout: fixed;  width: auto; }
.board_info .form > * { display: table-cell; padding-right: 0.5rem; vertical-align: top; }
.board_info .form .item.type1 { padding-right: 0; }
.board_info .form .btn { width: 3.25rem !important; }
.board_info .form .btn button { width: 100%; height: 1.9rem; border: 1px solid #000; background-color: #000; color: #fff; text-align: center; transition: all 0.2s; }
.board_info .form .btn button:hover,
.board_info .form .btn button:focus {background-color: #fff; color: #000;}
.board_info .form .form_select {width: 100%;}

/* 게시판 페이징 */
* + .board_pager { margin-top: 2rem; }
.board_pager { font-size: .75rem; text-align: center; }
.board_pager a { display: inline-block; overflow: hidden; width: 2rem; height: 2rem; border-radius: 100%; text-align: center; line-height: 2rem; vertical-align: top; }
.board_pager a.arr { border: 1px solid #ddd; }
.board_pager a.arr::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; }
.board_pager a.arr.first::before { content: ""; }
.board_pager a.arr.prev::before { content: ""; }
.board_pager a.arr.next::before { content: ""; }
.board_pager a.arr.last::before { content: ""; }
.board_pager a.arr.first, .board_pager a.arr.last { text-indent: -.7em; letter-spacing: -.6rem; }
.board_pager a.active { background-color: #333; color: #fff; }
.board_pager .group { margin: 0 0.25rem; }

/* 게시판 목록 */
.board_list .txt_left{text-align: left;}
.board_list .txt_center{text-align: center;}
.board_list .txt_right{text-align: right;}
.board_list{ overflow: hidden; border-top: 2px solid #555; border-bottom: 1px solid #aaa;}
.board_list thead th { padding:0.65rem; border-bottom: 1px solid #aaa; font-weight: 600; color: #222; text-align: center; white-space: nowrap; }
.board_list td { font-size: .75rem; padding: .6rem .5rem; border-bottom: 1px solid #ddd; color: #666; text-align: center;}
.board_list td[aria-label="첨부파일"] img { width: 1.25rem; vertical-align: middle;}
.board_list td.txt_left a { display: inline-block; max-width: 100%; color: #333; vertical-align: middle; }

/* 게시판 목록 아이콘 */
.board_list .xi-new { font-size: 1.1rem; float: right; margin-left:.2rem; color: #116eb4; }
.board_list .xi-lock { display: inline-block; position: relative; top: -0.5rem; font-size: 1rem; color: #222; vertical-align: middle; }
.board_list .sr_only{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0, 0, 0, 0);}

/* 게시판 목록 상태 아이콘 */
.board_list .icon,
.board_view .icon { display: inline-block; min-width: 4rem; height: 1.375rem; padding: 0 .5rem; border-radius: 0.25rem; background-color: #eee; font-size: .75rem; color: #333; text-align: center; line-height: 1.375rem; }
.board_list .icon[data-label="배포 완료"] {background-color: #000; color: #fff;}
.board_list .icon[data-label="접수 완료"] {background-color: #525252; color: #fff;}
.board_list .icon[data-label="답변 완료"] {background-color: #116eb4; color: #fff;}
.board_list .icon[data-label="승인"] {background-color: #76b729; color: #fff;}
.board_list .icon[data-label="미승인"] {background-color: #125095; color: #fff;}
.board_list .icon_notice { display: inline-block; width: 1.75rem; height: 1.75rem; border-radius: 100%; background-color: #333; font-size: .65rem; color: #fff; vertical-align: middle; line-height: 1.65rem;}

/**/
.agree .title { margin-top: 2rem; font-size: 2.5rem; font-weight: 500; color: #333; }
.agree .form { text-align: right; }
.agree .item { overflow: hidden; overflow-y: auto; max-height: 31.5rem; margin: 1rem 0; padding: 3rem 3rem 0; border: 1px solid #ddd; }
.agree .item::after { display: block; width: 100%; height: 3rem; content: ''; }
.agree .item p strong { display: block; margin: 3rem 0 2rem; font-size: 1.8rem; font-weight: 500; color: #000; }
.agree:first-child .title { margin-top: 0; }

/* 게시판 내용 */
.board_view { border-top: 2px solid #555; }
.board_view > .title { font-size: 1rem; padding: 1.25rem 0; border-bottom: 1px solid #ddd; font-weight: 400; color: #333; text-align: center; word-break: keep-all; }
.board_view > .title .category { display: block; color: #999; }
.board_view > .title .category::before { display: inline-block; position: relative; top: -0.1rem; width: .5rem; height: .5rem; margin-right: 0.75rem; border-radius: 100%; content: ''; vertical-align: middle; }
.board_view > .title .cateC01::before {background: #F6C375;}
.board_view > .title .cateC02::before {background: #DF7373;}
.board_view .info { padding: 1rem 0; border-bottom: 1px solid #dddd; background-color: #f8f9fa; color: #666; text-align: center; }
.board_view .info li { display: inline-block; vertical-align: top; }
.board_view .info li + li::before { display: inline-block; position: relative; top: -1px; width: 1px; height: .7rem; margin: 0 .75rem 0 .5rem; background-color: #ddd; content: ''; vertical-align: middle; }
.board_view .info strong { margin-right: 0.375rem; font-weight: 400; color: #000; }
.board_view .contents { padding: 1.25rem; border-bottom: 1px solid #ddd; }
.board_view .contents .img { margin-top: 1rem; }
.board_view .contents  img{max-width:100%; height:auto !important;}
.board_view .contents .img + .img { margin-top: .5rem; }
.board_view .txt_center { margin-bottom: 1rem; }

/* 게시판 내용 파일 */
.board_view .file { position: relative; padding: 1rem 0 1rem 7.25rem; border-bottom: 1px solid #ddd; }
.board_view .file .title { position: absolute; top: 50%; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 7.25rem; font-weight: 500; color: #333; text-align: center; }
.board_view .file .list img { margin-right: 0.5rem; vertical-align: middle;}
.board_view .file .list li { overflow: hidden; position: relative; min-height: 1.6rem; padding-right: 10.5rem; text-overflow: ellipsis; white-space: nowrap; line-height: 1.5rem; }
.board_view .file .list li + li {margin-top: 0.25rem;}
.board_view .file .list li > a { color: #444; -webkit-transition: all 0.2s; transition: all 0.2s; }
.board_view .file .list li > a:hover, .board_view .file .list li > a:focus { color: #116eb4; }
.board_view .file .list .link { position: absolute; right: 0; top: 0; }
.board_view .file .list .txt { font-size: .6rem; color: #999; }

/* 게시판 이전글 다음글 */
.prevnext { margin-top: 2rem; border-bottom: 1px solid #aaa; }
.prevnext li { overflow: hidden; padding: 1rem 0; border-top: 1px solid #ddd; color: #333; }
.prevnext li.next span::before { content: ''; }
.prevnext span { float: left; width: 7.5rem; color: #666; }
.prevnext span::before { display: inline-block; position: relative; top: 1px; font-family: "xeicon"; vertical-align: top; font-size: .75rem; float: left; width: 2.5rem; content: ''; text-align: center; }
.prevnext a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: right; width: calc(100% - 7.5rem); }

/* 게시판 답변 */
.board_btns + .board_reply { margin-top: 1rem; border-top: 1px solid #aaa; }
.board_reply { padding: 1rem; border-bottom: 1px solid #e8e8e8; }
.board_reply .title { font-size:.9rem; font-weight: 600; color: #333; }
.board_reply .info { font-size: .75rem; margin: 0.25rem 0 .5rem; padding: .5rem .75rem; background-color: #f8f8f8; }
.board_reply .info li { display: none; }
.board_reply .info li + li::before { display: inline-block; position: relative; top: -1px; width: 1px; height: .7rem; margin: 0 .5rem 0 0.375rem; background-color: #ddd; content: ''; vertical-align: middle; }
.board_reply .info li[class] { display: inline; }
.board_reply .info strong { margin-right: 0.25rem; font-weight: 500; color: #333; }
.board_reply .info span{font-weight:300;}
.board_reply .info:last-child { margin-bottom: 0; }
.board_reply .file { position: relative; margin: 1rem -1rem -1rem; padding: .5rem 1rem; border-top: 1px solid #f8f8f8; }
.board_reply .file .label { display: block; margin: 0.25rem 0; font-weight: 500; color: #333; }
.board_reply .file .list img { width: 1.25rem; margin-right: 0.25rem; }
.board_reply .file .list li { overflow: hidden; position: relative; min-height: 1.5rem; padding: 0 10.5rem 0 .7rem; text-overflow: ellipsis; white-space: nowrap; line-height: 1.5rem; }
.board_reply .file .list li::before { position: absolute; left: 0; top: auto; content: '-'; }
.board_reply .file .list li > a { color: #444; -webkit-transition: all 0.2s; transition: all 0.2s; }
.board_reply .file .list li > a:hover, .board_view .file .list li > a:focus { color: #116eb4; }
.board_reply .file .list .link { position: absolute; right: 0; top: 0; }
.board_reply .file .list .txt { font-size: .6rem; color: #999; }
.board_reply + .board_btns {margin-top: .5rem;}
#test_cnt{line-height:1.4;font-size:.7rem;color:#777;}
#test_cnt1{line-height:1.4;font-size:.7rem;color:#777;}

/* 게시판 답변 상황 */
.board_state { position: relative; margin-top: 4rem; padding: 1.5rem 1.5rem 1.5rem 7rem; border: 1px solid #ddd; background-color: #f6f7f9; }
.board_state::before { position: absolute; top: auto; left: auto; right: auto; font-family: "xeicon"; overflow: hidden; position: absolute; left: 2rem; top: auto; width: 3rem; height: 3rem; border-radius: 100%; background-color: #3c4165; font-size: 1.8rem; font-weight: 400; color: #fff; content: ''; text-align: center; }
.board_state li { display: inline; }
.board_state li + li::before { display: inline-block; position: relative; top: -1px; width: 1px; height: 1.4rem; margin: 0 0.75rem 0 1rem; background-color: #ddd; content: ''; vertical-align: middle; }
.board_state label { margin-right: 0.5rem; font-weight: 500; color: #000; }
.board_state button { font-size: .7rem; color: #116eb4; }
.board_state .title { display: block; margin-bottom: 0.5rem; color: #333; line-height: 3rem; }
.board_state .form { line-height: 4rem; }
.board_state .form ul { display: inline-block; margin-right: 1rem; vertical-align: top; }
.board_state .form_textbox,
.board_state .form_select select { width: 7.5rem; }
.board_state .btn { height: 2rem; padding: 0 .7rem; border: 0 none; background-color: #484c58; color: #fff; text-align: center; vertical-align: top; }

/* 게시판 답변상황 아이콘 */
.board_state .icon { display: inline-block; position: relative; top: -1px; min-width: 8rem; height: 2.75rem; padding: 0 1rem; border-radius: 0.5rem; background-color: #eee; font-size: 1.5rem; color: #333; text-align: center; line-height: 2.75rem; }
.board_state .icon[data-label="처리 완료"],
.board_state .icon[data-label="답변 완료"],
.board_state .icon[data-label="처리완료"],
.board_state .icon[data-label="답변완료"] {background-color: #555; color: #fff; }
.board_state .icon[data-label="진행중"] { background-color: #116eb4; color: #fff; }

.fileimg{display:inline-block;vertical-align: middle;}

/* 코멘트 */
* + .comment { margin-top: 2.5rem; }
.comment .form { position: relative; margin: 0 0 2.5rem; padding-bottom: 2.45rem; border: 1px solid #ddd; background-color: #f8f9fa; color: #999; }
.comment .form textarea { font-size: .75rem; width: 100% !important; max-width: 100%; min-height: 4.25rem; padding: .75rem; border: 0 none !important; vertical-align: top; }
.comment .form .length { font-size: .6rem; position: absolute; left: 0; bottom: 0; padding-left: 1rem; line-height: 2.5rem; }
.comment .form button { height: 2.5rem; border: 1px solid #555; line-height: 2.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .75rem; display: inline-block; min-width: 4.4rem; padding: 0 .5rem; background-color: #555; color: #fff; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; position: absolute; right: -1px; bottom: -1px; }
.comment .form button:hover,
.comment .form button:focus { background-color: transparent; color: #555; }
.comment > .title { font-size: .8rem; font-weight: 300; color: #666; }
.comment > .title span { font-weight: 500; color: #116eb4; }

/* 코멘트 목록 */
.comment .list { margin-top: .75rem; border-top: 1px solid #aaa; }
.comment .list li { position: relative; padding: 1rem; border-bottom: 1px solid #ddd; color: #767676; }
.comment .list .name { font-weight: 500; }
.comment .list .txt { display: block !important; width: auto !important; height: auto !important; margin-bottom: 0.5rem; opacity: 1 !important; }
.comment .list .date { font-size: .7rem; color: #999; }
.comment .list .form { width: 100% !important; margin: 1rem 0 0; }
.comment .list .re { padding-left: 2rem; }
.comment .list .re::before { position: absolute; top: 1.25rem; left: auto; width: .5rem; height: .5rem; margin-left: -1rem; border-left: 1px solid #aaa; border-bottom: 1px solid #aaa; content: ''; }

/* 코멘트 버튼 */
.comment .list .btn { position: absolute; right: 1rem; top: 1rem; font-size: .7rem; color: #333; }
.comment .list .btn a + a::before { display: inline-block; position: relative; top: -1px; width: 1px; height: 1.3rem; margin: 0 1rem 0 0.75rem; background-color: #ddd; content: ''; vertical-align: middle; }
.comment .list .btn_reply { height: 3rem; border: 1px solid #ddd; line-height: 2.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.4rem; display: inline-block; min-width: 7rem; margin-top: 1rem; padding: 0 1rem; background-color: #fff; color: #666; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; }
.comment .list .btn_reply:hover, .comment .btn_reply:focus { border-color: #333; background-color: #333; color: #fff; }

/* 공공누리 디자인 추가 */
.kogl_open .label { display: block; width: 17.1rem; height: 3.5rem; background-color: #999; text-align: center; color: #fff; line-height: 3.5rem; }
.kogl_open .kogl { margin-bottom: 2rem; }
.kogl_open .form_radio { display: block; margin-top: 1rem; }
.kogl_open .form_radio .img { float: left; width: 13rem; padding-right: 1rem; }
.kogl_open .txt_right { margin: 1rem 0; }

/* 글 등록시 등록중입니다 이미지레이어 */
.mw {position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;z-index:10000;}
.mw .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000 url('../ecms_resource/img/bg.png') repeat;opacity:.5;filter:alpha(opacity=50);z-index:10000;}
.mw .fg{position:absolute;top:50%;left:50%;width:360px;height:80px;padding:15px;z-index:11000;}
.mw .fg .loading {display:block; text-align:center;padding:10px}
.icon_rss{display:none !important;}
@media (max-width: 768px)
{
	/* 게시판 페이징 */
	.board_pager .group { margin: 0 2rem; }
	.board_pager .group a { display: none; }
	.board_pager .group a:last-child,
	.board_pager .group .active { display: inline; }
	.board_pager .group .active { background: none; font-weight: 600; color: #333; }
	.board_pager .group .active::after { font-weight: 300; content: ' / ' }

	/* 게시판 목록 정보 */
	.board_info { margin-bottom: 1rem; }
	.board_info .page_info,
	.board_info form { float: none; }
	.board_info .form { width: 100%; margin-bottom: 1rem; padding: 1rem; border: 1px solid #ddd; background-color: #f8f8f8; }
	.board_info .form .item { width: 8rem; }
	.board_info .form .item.type1 {width: auto;}

	/* 게시판 목록 기본 */

	.board_list table { table-layout: fixed; }
	.board_list tr { display: block; padding: .5rem 0; border-bottom: 1px solid #ddd; }
	.board_list colgroup, .board_list thead { display: none; }
	.board_list td { display: block; padding: 0; border: 0 none; text-align: left; line-height: 1.5; }
	.board_list td br{display:none;}

	/* 게시판 목록 */
	.board_list .icon_notice{text-align: center;}
	.board_list .tstyle_list td::before { margin-right: 0.5rem; font-weight: 400; color: #333; content: attr(aria-label); }
	.board_list .tstyle_list td.m_hidden { display:none;}
	/*.board_list .tstyle_list td[aria-label="분류"]::before,*/
	/*.board_list .tstyle_list td[aria-label="첨부파일"],*/
	/*.board_list .tstyle_list td[aria-label="처리상태"]::before*/
	.board_list .tstyle_list td[aria-label="처리상태"] {margin-top: 0.5rem;}
	.board_list .tstyle_list td[aria-label="제목"] a {margin: 0.5rem; font-weight: 500; color: #000; white-space: normal; }
	.board_list .tstyle_list td[aria-label="제목"]::before,
	.board_list .tstyle_list td[aria-label="링크"]::before { display: none; }
	.board_list .tstyle_list td[aria-label="링크"] { margin-top: 0.5rem; }
	/* 게시판 목록 아이콘 */
	.board_list .xi-lock {top: -0.3rem;}
	.board_list .xi-new { margin-top: 0.15rem; }

	/* 게시판 내용보기 */
	.board_view .contents { padding: 1.5rem 0; }

	/* 게시판 내용보기 파일 */
	.board_view .file { padding: 1.5rem; }
	.board_view .file .title { display: block; position: static; width: auto; margin-bottom: 1rem; text-align: left; transform: translate(0, 0); -webkit-transform: translate(0, 0); }
	.board_view .file .list .txt { display: none; }

	/* 게시판 답변 */
	.board_reply { padding: 1.5rem 0; }
	.board_reply .file { margin: 1.5rem 0 -1.5rem; padding: 1rem 0; }

	/* 게시판 답변상황 */
	.board_state .form ul { display: block; margin: 0; }
	.board_state .form li { display: block; margin-bottom: 0.5rem; }
	.board_state .form li + li::before { display: none; }
	.board_state .form label { float: left; width: 7rem; margin: 0; }
	.board_state .form .btn { width: 15rem; margin: 1rem 0 0 7rem; }

	/* 게시판 코멘트 */
	.comment .list li {padding: 1.5rem 0;}
	.comment .list .btn {right: 0.5rem; top: 1rem;}
	.comment .list .re {padding-left: 2rem;}

	.board_list td[aria-label="첨부파일"] img{display:inline-block;vertical-align: middle;}
}

@media (max-width: 580px)
{
	/* 게시판 목록 정보 */
	.board_info .form { display: block; }
	.board_info .form .item { display: block; width: 100%; padding: 0 0 0.5rem; }
	.board_info .form .item.btn { width: 100% !important; padding: 0; }

	/* 게시판 내용 정보 */
	.board_view .info { padding: 1rem; }
	.board_view .info li { display: block; text-align: left; }
	.board_view .info li + li::before { display: none; }
	.board_view .txt_center { margin-bottom: 1rem; }

	/* 게시판 내용 파일 */
	.board_view .file .list li { padding-right: 6rem; }
	.board_view .file .list .link a[target="_blank"] { display: none; }

	/* 게시판 답변 */
	.board_reply .info li[class] { display: block; }
	.board_reply .info li + li::before { display: none; }
	.board_reply .file .list li { padding-right: 10rem; }
	.board_reply .file .list .link a[target="_blank"] { display: none; }

	/* 게시판 답변상황 */
	.board_state { margin-top: 2rem; padding: 1.5rem; }
	.board_state::before { display: block; position: static; margin-bottom: 0.5rem; }
	.board_state li { display: block; }
	.board_state li + li::before { display: none; }

	/* 게시판 코멘트 */
	.comment .form {margin: 2rem 0;}

	/* 공공누리 */
	.kogl_open .form_radio .img { display: block; float: none; width: 100%; padding: 0 0 0.5rem; }
}

/* 동영상 게시판 */
.gallery_list { overflow: hidden; width: calc(100% + 2rem); margin-bottom: -1px; }
.gallery_list li { float: left; width: 33.333%; padding: 2rem 2rem 2rem 0;}
.gallery_list li:nth-child(3n+1) { clear: both; }

.gallery_list.type1 li { width: 25%; }
.gallery_list.type1 li:nth-child(3n+1) { clear: none; }
.gallery_list.type1 li:nth-child(4n+1) { clear: both; }

.gallery_list a { display: block; }
.gallery_list a:hover .thumb::before,
.gallery_list a:hover .thumb::after,
.gallery_list a:focus .thumb::before,
.gallery_list a:focus .thumb::after { opacity: 1; -webkit-transform: rotate(0);transform: rotate(0); -webkit-transition: all 0.4s 0.1s;transition: all 0.4s 0.1s; }
.gallery_list a:hover .thumb img,
.gallery_list a:focus .thumb img { opacity: 0.6; }

.gallery_list .thumb { display: block; overflow: hidden; position: relative; z-index: 0; height: 0; margin-bottom: 2rem; padding-top: 62%; background-color: #000; color: #fff; }
.gallery_list .thumb img { position: absolute; left: 0; top: 50%; z-index: -1; width: 100%; min-height: 100%;-webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.2s;transition: all 0.2s; }
.gallery_list .thumb::before { position: absolute; left: 0; top: 50%; width: 100%; margin-top: -.5rem; font-family: 'xeicon'; font-size: 1.6rem; content: ''; text-align: center; line-height: 0; opacity: 0; -webkit-transform: rotate(180deg);transform: rotate(180deg); transition: all 0.2s; }
.gallery_list .thumb::after { position: absolute; left: 0; top: 50%; width: 100%; margin-top: .5rem; font-weight: 600; content: '자세히 보기'; text-align: center; opacity: 0; transition: all 0.2s; }

.gallery_list .title { display: inline-block; overflow: hidden; max-width: 100%; font-size: .85rem; color: #222; text-overflow: ellipsis; white-space: nowrap; font-weight:500;}
.gallery_list .title .xi-new { margin-top: 0.15rem; }
.gallery_list .label { font-weight: 400; color: #000; }

.gallery_list .desc { white-space: nowrap; }
.gallery_list .desc > span + span::before { display: inline-block; position: relative; top: -1px; width: 1px; height: .7rem; margin: 0 .3rem 0 0.3rem; background-color: #ddd; content: ''; vertical-align: middle; }
.gallery_list .desc > span { display: inline-block; vertical-align: middle;font-size:.75rem;font-weight:300; }
.gallery_list .desc .name { display: none; }
.gallery_list .desc .name + span::before { display: none; }

/* 갤러리 내용 */
.gallery_view { margin-bottom: 1rem; }
.gallery_view .list { margin-top: .5rem; text-align: center; }
.gallery_view .list img { display: inline-block; max-width: 100%; min-height: 100%; }
.gallery_view .thumb { position: relative; padding: 0 25rem; }
.gallery_view .thumb li { padding-right: .5rem; }
.gallery_view .thumb li a { display: block; overflow: hidden; position: relative; height: 4rem; border: 2px solid #fff; background-color: #000; transition: all 0.2s; }
.gallery_view .thumb li a img { opacity: 0.7; transition: all 0.2s; }
.gallery_view .thumb .active a { border-color: #555; }
.gallery_view .thumb .active a img { opacity: 1; }
.gallery_view .thumb img { transition: all 0.2s; }
.gallery_view .thumb .bx-wrapper { position: relative; }
.gallery_view .thumb .bx-wrapper .bx-controls-direction a { overflow: hidden; position: absolute; left: -5rem; top: 50%; width: 2rem; height: 2rem; border-radius: 100%; background-color: #000; color: #fff; text-align: center; line-height: 2rem;-webkit-transform: translateY(-50%); transform: translateY(-50%); }
.gallery_view .thumb .bx-wrapper .bx-controls-direction a::before { display: block; width: 100%; height: 100%; font-family: 'xeicon'; content: ''; }
.gallery_view .thumb .bx-wrapper .bx-controls-direction a.bx-next { left: auto; right: -2.5rem; }
.gallery_view .thumb .bx-wrapper .bx-controls-direction a.bx-next::before { content: ''; }

/* 동영상 내용 */
.video .desc { overflow: hidden; overflow-y: auto; max-height:15rem; margin-top: 1rem; padding: 1rem 1.25rem 0; border: 1px solid #ddd; background-color: #f8f9fa; }
.video .desc::after { display: block; height: 1rem; content: ''; }
.video .youtube { position: relative; height: 0; padding-top: 55%; }
.video .youtube iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.video .txt_center {margin-top: 1rem;}

/* 웹진형 게시판 */
.blog_list { margin-bottom: -1px; }
.blog_list a { display: block; overflow: hidden; padding: 2rem 0; border-bottom: 1px solid #ddd; }
.blog_list a:hover .thumb::before,
.blog_list a:hover .thumb::after,
.blog_list a:focus .thumb::before,
.blog_list a:focus .thumb::after { opacity: 1; -webkit-transform: rotate(0);transform: rotate(0); -webkit-transition: all 0.4s 0.1s;transition: all 0.4s 0.1s; }
.blog_list a:hover .thumb img,
.blog_list a:focus .thumb img { opacity: 0.6; }

.blog_list .thumb { overflow: hidden; float: left; position: relative; z-index: 0; width: 15rem; height: 9.5rem; background-color: #000; color: #fff; }
.blog_list .thumb img {position: absolute;left: 0;top: 50%;z-index: -1;
	width: 100%;min-height: 100%;-webkit-transform: translateY(-50%);transform: translateY(-50%);transition: all 0.2s;}
.blog_list .thumb::before { position: absolute; left: 0; top: 50%; z-index: 1; width: 100%; margin-top: -.5rem; font-family: 'xeicon'; font-size: 1.6rem; content: ''; text-align: center; line-height: 0; opacity: 0; -webkit-transform: rotate(180deg);transform: rotate(180deg); -webkit-transition: all 0.2s;transition: all 0.2s; }
.blog_list .thumb::after { position: absolute; left: 0; top: 50%; z-index: 1; width: 100%; margin-top: .5rem; font-weight: 600; content: '자세히 보기'; text-align: center; opacity: 0; transition: all 0.2s; }

.blog_list .title { display: block; overflow: hidden; margin-bottom: .5rem; font-size: .9rem; font-weight: 600; color: #222; text-overflow: ellipsis; white-space: nowrap; }
.blog_list .label { font-weight: 400; color: #000; }
.blog_list .txt { display: block; overflow: hidden; height: 2.3rem; margin-bottom: 1.5rem; color: #666; }
.blog_list .txt>p{white-space: inherit;overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.blog_list .desc { float: right; width: calc(100% - 17.5rem); padding: 1.25rem 0; position:relative;}
.blog_list .desc>.typ{position:absolute;top:0;left:0;color:#fff;border-radius: 3px;padding:1px 10px;font-size:.7rem;background: #19578d;}
.blog_list .desc>.typ2{background:#444;}
.blog_list .desc > span + span::before { display: inline-block; position: relative; top: -1px; width: 1px; height: .7rem; margin: 0 .5rem 0 0.375rem; background-color: #ddd; content: ''; vertical-align: middle; }
.blog_list .desc > span { display: inline-block; vertical-align: middle; }
.blog_list .desc .name { display: none; }
.blog_list .desc .name + span::before { display: none; }




@media ( max-width: 1024px )
{
	/* 동영상 게시판 */
	.gallery_list li { width: 33.333% !important; }
	.gallery_list li:nth-child(4n+1) { clear: none !important; }
	.gallery_list li:nth-child(3n+1) { clear: both !important; }
}

@media ( max-width: 580px )
{
	/* 동영상 게시판 */
	.gallery_list { width: calc(100% + 1rem); }
	.gallery_list li { width: 50% !important; padding: 1rem 1rem 1rem 0; }
	.gallery_list li:nth-child(3n+1) { clear: none !important; }
	.gallery_list li:nth-child(2n+1) { clear: both !important; }

	/* 웹진형 게시판 */
	.blog_list a { padding: 1rem 0; }
	.blog_list .thumb { width: 10rem; height: 7rem; }
	.blog_list .txt { margin-bottom: 1rem; }
	.blog_list .title { margin-bottom: 0.25rem; }
	.blog_list .desc { width: calc(100% - 11rem); padding: 0.25rem 0; }
	.blog_list .desc.desc2{padding:1.25rem 0 0 0;}
}

@media ( max-width: 400px )
{
	/* 동영상 게시판 */
	.gallery_list .desc span { display: block; }
	.gallery_list .desc span::before { display: none !important; }

	/* 웹진형 게시판 */
	.blog_list .thumb { display: block; float: none; width: 100%; height: auto; }
	.blog_list .desc { float: none; width: 100%; padding: .75rem 0 0; }
}


.blank { padding: 2.25rem 0; text-align: center; }

.form_textbox { width: 100%; height: 4rem; max-height: 100%; padding: 0 1rem; border: 1px solid #ddd; text-align: left; vertical-align: top; -webkit-transition: all 0.2s; transition: all 0.2s; }
.form_textbox:focus { border-color: #000; }
.form_textbox.hasDatepicker { width: 15rem; padding-right: 5rem; }
.form_textbox.hasDatepicker + .ui-datepicker-trigger { position: absolute; left: auto; top: auto; width: 3rem; margin: 0.6rem 0 0 -4rem; }
.form_textbox.number { width: 7.5rem; }

.form_mail { line-height: 2rem; }
.form_mail .form_textbox { width: 10rem; }
.form_select { display: inline-block; position: relative;color: #333; }
.form_select::after { position: absolute; top: auto; left: auto; right: auto; font-family: "xeicon"; position: absolute; top: 50%; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: .5rem;content: ''; }
.form_select select { width: 100%; padding: 0 1.5rem 0 .5rem; border: 1px solid #ddd; vertical-align: top; -webkit-transition: all 0.2s; transition: all 0.2s; }
.form_select select:hover, .form_select select:focus { border-color: #000; }
.form_select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.form_select select::-ms-expand{display:none;}
.form_file { display: block; overflow: hidden; position: relative; z-index: 0; width: 100%; height: 1.5rem; max-height: 100%; text-align: left; line-height: 1.4rem; }
.form_file input { width: 4rem; height: 1.5rem; margin-top: -.25rem; border: 0 none; opacity: 0; cursor: pointer; }
.form_file input:hover + .txt::before,
.form_file input:focus + .txt::before { background-color: #999; color: #fff; }
.form_file .txt::before { position: absolute; left: 0; top: 0; z-index: -1; width: 4rem; height: 100%; border: 1px solid #333; color: #fff;background:#333;font-size:.75rem; content: '파일선택'; text-align: center; cursor: pointer; transition: all 0.2s; }
.form_file .txt { overflow: hidden; float: right; width: calc(100% - 4.5rem); text-overflow: ellipsis; font-size:.7rem;color:#777;}

.bul > li { position: relative; padding-left: 1rem; text-align: left; }
.bul > li::before { position: absolute; left: 0; top: auto; content: ''; }

.bul.depth1 > li::before { content: '-'; }
.bul.depth1 > li + li { margin-top: 1rem; }

.bul.depth2 > li::before { content: '·'; }

.bul strong { font-weight: 500; color: #000; }
.agree .title { margin-top: 1rem; font-size: 1.25rem; font-weight: 500; color: #333; }
.agree .form { text-align: right; }
.agree .item { overflow: hidden; overflow-y: auto; max-height: 15.75rem; margin: .5rem 0; padding: 1.5rem 1.5rem 0; border: 1px solid #ddd; }
.agree .item::after { display: block; width: 100%; height: 3rem; content: ''; }
.agree .item p strong { display: block; margin: 1.5rem 0 1rem; font-size: .9rem; font-weight: 500; color: #000; }
.agree:first-child .title { margin-top: 0; }

.board_box.type1 { padding: 2.5rem; border: 1px solid #ddd; border-top-color: #555; background-color: #f8f8f8; text-align: center; }
.board_box.type1 .title { font-size: 1.5rem; margin-bottom: 2rem; font-weight: 600; color: #000; }
.board_box.type1 .title i { font-size: 2.5rem; display: block; margin: 0 auto 0.25rem; font-family: "xeicon"; font-weight: 400; color: #162943; }
.board_box.type1 .form { width: 20rem; max-width: 100%; margin: .5rem auto 0; }
.board_box.type1 .txt { display: block; margin-top: 0.25rem; color: #c00; }
.board_box.type1.table { display: table; width: 100%; padding: 0; table-layout: fixed; }
.board_box.type1.table .group { display: table-cell; padding: 4rem; vertical-align: top; }
.board_box.type1.table .group2 { border-left: 1px solid #ddd; }
.board_box.type1.table a.group:hover .title, .board_box.type1.table a.group:focus .title { text-decoration: underline; }

.board_box.type2 { position: relative; margin: 4rem 0 2rem; padding: 3rem; padding-left: 28rem; border: 1px solid #ddd; border-top-color: #555; background-color: #fcfcfc; }
.board_box.type2:first-child { margin-top: 0; }
.board_box.type2 .img { position: absolute; left: 0; top: 0; width: 24.6rem; height: 100%; padding: 3rem; border-right: 1px solid #ddd; background-color: #fff; }
.board_box.type2 .img i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 5rem; font-family: "xeicon"; font-weight: 400; color: #162943; }
.board_box.type2 .title { font-size: 2rem; margin-bottom: 1rem; font-weight: 600; color: #000; }
.board_box.type2 .btn_line { margin-top: 2rem; border-color: #333; background-color: #333; color: #fff; }
.board_box.type2 .btn_line:hover, .board_box.type2 .btn_line:focus { background-color: #fff; color: #333; }

.board_btns { margin-top: 1.5rem; text-align: center; }
.board_btns .txt { margin: -1rem 0 .5rem; font-size: .75rem; color: #999; text-align: left; }
.board_btns .btn { height: 2.15rem; border: 1px solid #333; line-height: 2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  display: inline-block; min-width: 5.25rem; padding: 0 1rem; background-color: #333; color: #fff; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; font-weight: 500; margin: 0 0.25rem;border-radius: 3px; }
.board_btns .btn:hover, .board_btns .btn:focus { background-color: transparent; color: #333; }
.board_btns .btn.type1 { border: 1px solid #ddd; background-color: #fff; color: #333; }
.board_btns .btn.type1:hover, .board_btns .btn.type1:focus { border-color: #333; }
.board_btns .btn.type2 { border: 1px solid #1b4f8b; background-color: #1b4f8b; color: #fff; }
.board_btns .btn.type2:hover, .board_btns .btn.type1:focus { border-color: #1b4f8b;color:#1b4f8b;background:none; }

.board_list { overflow: hidden; border-top: 2px solid #555; border-bottom: 1px solid #aaa;margin-top:1rem; }
.board_list table { width: 100%; margin-bottom: -1px; }
.board_list .comment { font-size: .6rem; font-weight: 300; color: red; }

.tstyle_write th { padding:.5rem; border-bottom: 1px solid #ddd; font-weight: 500; color: #333; text-align: left; line-height: 1rem; }
.tstyle_write td { text-align: left; }
.tstyle_write .point1 { color: #c00; }
.tstyle_write .contents { padding-bottom: 0; }

.tstyle_write .form_radio label::before, .board_list .tstyle_write .form_radio label::after, .board_list .tstyle_write .form_check label::before, .board_list .tstyle_write .form_check label::after { margin-top: 0.25rem; }
.tstyle_write .form_textbox#m_id { width: calc(100% - 5.5rem); }

.tstyle_write .file th, .board_list .tstyle_write .file td { padding-bottom: 0.25rem; border-bottom: 0 none; }
.tstyle_write .file img { width: 1.25rem; margin-right: 0.25rem; }
.tstyle_write .file.active th, .board_list .tstyle_write .file.active td { padding-top: .5rem; line-height: 1.75rem; }
.tstyle_write .file + .file th, .board_list .tstyle_write .file + .file td { padding-top: 0; }
.tstyle_write .file + .file label { opacity: 0; }
.tstyle_write .file:last-child th, .board_list .tstyle_write .file:last-child td { padding-bottom: 1rem; }
.tstyle_write .file .btn_del, .board_list .tstyle_write .file_img .btn_del { font-size: 1rem; display: inline-block; overflow: hidden; width: 1rem; height: 1rem; color: #888; text-align: center; line-height: 1rem; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; }
.tstyle_write .file .btn_del::before, .board_list .tstyle_write .file_img .btn_del::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; content: ''; }
.tstyle_write .file .btn_del:hover, .board_list .tstyle_write .file .btn_del:focus, .board_list .tstyle_write .file_img .btn_del:hover, .board_list .tstyle_write .file_img .btn_del:focus { color: #116eb4; }
.tstyle_write .xi-calendar-check{font-size:1.2rem;margin: .4rem 0 0 -1.8rem;}
.tstyle_write .ui-datepicker-trigger{padding:0;vertical-align:top;}
.formLine.hasDatepicker{margin-bottom:.2rem;}
.tstyle_write .date_term{display:inline-block;margin:0 0.5rem;}


.board_list + .kogl_open { margin-top: 4rem; }
.tstyle_write textarea{width:100%;max-width: 100%;padding:.5rem;border: 1px solid #ddd;}
.tstyle_write textarea::placeholder{font-size: .7rem;opacity: .8;font-weight:300;}

.scroll_x2.cont_table>table td{text-align: left;}

@media (max-width: 1024px)
{

}

@media (max-width: 768px)
{
	.board_box.type2 { padding: 2rem; padding-left: 22rem; }
	.board_box.type2 .img { width: 20rem; padding: 2rem; }
	.board_btns .btn { min-width: 0 !important; }

	.board_list .tstyle_write th { display: block; padding: 0 .5rem !important; border-bottom: 0 none; margin-bottom:.5rem; }
	.board_list .tstyle_write td { padding: 0 .5rem !important; }
	.board_list .tstyle_write .file { border: 0 none; }
	.board_list .tstyle_write .file th::after { display: block; margin-bottom:.5rem;font-weight: 300; color: #555; content: '* 최대10MB까지 업로드가 가능합니다.'; line-height: 1.2; }
	.board_list .tstyle_write .file .form_file .txt { color: transparent; }
	.board_list .tstyle_write .file .form_file .txt.active { color: #555; }
	.board_list .tstyle_write .file + .file { padding-top: 0; }
	.board_list .tstyle_write .file + .file th { display: none; }
	.board_list .tstyle_write .file:last-child { padding-bottom: 1.5rem; }
	.board_list .tstyle_write .form_radio label::before, .board_list .tstyle_write .form_radio label::after, .board_list .tstyle_write .form_check label::before, .board_list .tstyle_write .form_check label::after { margin-top: -0.2rem; }
}

@media (max-width: 580px)
{
	.board_box.type1 { padding: 2rem; }
	.board_box.type1 .txt br { display: none; }
	.board_box.type1.table .group { display: block; padding: 2rem; }
	.board_box.type1.table .group2 { border-left: 0 none; border-top: 1px solid #ddd; }
	.board_box.type2 { padding: 0 1.5rem 1.5rem; }
	.board_box.type2 .img { display: block; position: static; width: calc(100% + 3rem); margin: 0 -1.5rem 1.5rem; border: 0 none; border-bottom: 1px solid #ddd; text-align: center; }

	.board_list .tstyle_write .form_mail .form_textbox { display: block; width: 100%; }
	.board_list .tstyle_write .form_mail .form_textbox + .form_textbox { float: right; width: calc(100% - 2rem); margin: 0.25rem 0; }
	.board_list .tstyle_write .form_mail .form_select { display: block; clear: both; width: 100%; }


}
/*-------------------------------------------------
title       : 게시판
Author      : 플랜아이 광주
Create date : 2020-03-09
-------------------------------------------------*/

/* FAQ */
.faq { border-top: 2px solid #555; border-bottom: 1px solid #aaa; }
.faq .group { border-bottom: 1px solid #ddd; }
.faq .group.active .label::before { background-color: #116eb4; }
.faq .group.active .label::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.faq .group.active .item { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; padding-top: .75rem; padding-bottom: .75rem; -webkit-transition: all 0.2s; transition: all 0.2s; }
.faq .item { visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; position: relative; padding: 0 4.5rem 0 6rem; border-top: 1px solid #ddd; background-color: #f4f5f6; }
.faq .item::before { font-size: 1rem; position: absolute; left: 1.25rem; top: .75rem; font-family: 'xeicon'; color: #999; content: ''; }
.faq .item::after { position: absolute; left: 3.25rem; top: .75rem; width: 1.75rem; height: 1.75rem; border-radius: 100%; background-color: #fff; font-weight: 600; color: #333; content: 'A'; text-align: center; line-height: 1.75rem; -webkit-transition: all 0.2s; transition: all 0.2s; }
.faq .label { display: block; position: relative; padding: 1rem 3.25rem; font-weight: 600; color: #333; }
.faq .label::before { position: absolute; left: .75rem; top: .75rem; width: 1.75rem; height: 1.75rem; border-radius: 100%; background-color: #333; color: #fff; content: 'Q'; text-align: center; line-height: 1.75rem; -webkit-transition: all 0.2s; transition: all 0.2s; }
.faq .label::after { font-size: 1.1rem; position: absolute; right: 1.5rem; bottom: .75rem; font-family: 'xeicon'; font-weight: 400; color: #999; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }

/* 이북형 */
.board_ebook { display: inline-block; width: calc(100% + 0px); width: calc(100% + 3rem); margin: 0 -1.5rem; }
.board_ebook > * { clear: none; float: left; width: calc(50% - 0px); margin-right: 0px; }
.board_ebook > *:nth-child(n + 3) { margin-top: 0px; }
.board_ebook > *:nth-child(2n + 1) { clear: both; }
.board_ebook li { padding: 2rem 1.5rem; }
.board_ebook li:nth-child(n + 3) { border-top: 1px solid #ddd; }
.board_ebook .thumb { overflow: hidden; float: right; width: 8rem; height: 11.25rem; }
.board_ebook .thumb img { min-height: 100%; }
.board_ebook .group { float: left; position: relative; width: calc(100% - 10rem); height: 11.25rem; }
.board_ebook .title { font-size: 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; margin-bottom: 1.25rem; font-weight: 600; color: #222; }
.board_ebook .date { display: none; }
.board_ebook .desc { overflow: hidden; max-height: 3.9rem; color: #666; }
.board_ebook .btn { position: absolute; left: 0; bottom: 0; width: 100%; }
.board_ebook .btn a { font-size: .75rem; position: relative; width: 6.75rem; min-width: auto; max-width: 48%; height: 2.1rem; padding: 0 .75rem; text-align: left; line-height: 2rem; }
.board_ebook .btn a i { position: absolute; top: 50%; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: .75rem; }

/* PDF형 */
.board_pdf { display: inline-block; width: calc(100% + 0px); width: calc(100% + 1.3rem); margin: 0 -0.6rem; }
.board_pdf > * { clear: none; float: left; width: calc(25% - 0px); margin-right: 0px; }
.board_pdf > *:nth-child(n + 5) { margin-top: 0px; }
.board_pdf > *:nth-child(2n + 1) { clear: none; }
.board_pdf > *:nth-child(3n + 1) { clear: none; }
.board_pdf > *:nth-child(4n + 1) { clear: both; }
.board_pdf li { padding: 1rem 1.3rem; }
.board_pdf .thumb { display: block; overflow: hidden; position: relative; height: 0; margin-bottom: 1rem; padding-top: 140%; }
.board_pdf .thumb img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);min-height: 100%;max-width: 100%;}
.board_pdf .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;display: block; margin-bottom: 0.25rem; color: #222; }
.board_pdf .label { font-weight: 400; color: #000; }
.board_pdf .name { display: none; }
.board_pdf .btn { display: block; overflow: hidden; margin-top: 2rem; }
.board_pdf .btn a { font-size: .75rem; position: relative; float: left; width: 100%; min-width: auto; height: 2.1rem; padding: 0 .75rem; text-align: left; line-height: 2rem; }
.board_pdf .btn a i { position: absolute; top: 50%; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: .75rem;margin-top: 0; display:block;}
.board_pdf .btn a + a { float: right; }

/* 달력형 */
#calendar { position: relative; z-index: 0; }
#calendar .fc-header-toolbar .fc-center { position: relative; width: 26rem; text-align: center; }
#calendar .fc-header-toolbar .fc-center h2 { font-size: 3rem; margin: 0; padding: 0; font-weight: 500; color: #333; }
#calendar .fc-header-toolbar .fc-center button { position: absolute; top: 50%; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; margin: 0; padding: 0; border: 0 none; background-color: #fff; font-weight: 400; color: #999; }
#calendar .fc-header-toolbar .fc-center button.fc-next-button { left: auto; right: 0; }
#calendar .fc-scroller { height: auto !important; }
#calendar .fc-view-container { overflow: hidden; margin-top: 4.5rem; border-top: 2px solid #555; border-bottom: 1px solid #aaa; }
#calendar .fc-view-container .fc-view { width: calc(100% + 2px); margin: -1px; }
#calendar .fc-view-container td { font-size: 1.4rem; border-color: #ddd; background: none; color: #333; }
#calendar .fc-view-container .fc-day-header { font-size: 1.6rem; padding: 1.5rem; border-color: #ddd; border-bottom-color: #aaa; font-weight: 500; color: #333; text-transform: uppercase; }
#calendar .fc-view-container .fc-day-number { display: inline-block; padding: 1.5rem 0 0 1.5rem; color: inherit; }
#calendar .fc-view-container .fc-sat { color: #116eb4; }
#calendar .fc-view-container .fc-sun { color: #cb152b; }
#calendar .fc-view-container .fc-day-grid-event { font-size: 1.5rem; height: 2.5rem; margin: 0; padding: 0 0.5rem; border-radius: 0; border: 0 none; line-height: 2.5rem; }
#calendar .fc-view-container .fc-day-grid-event .fc-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
#calendar .fc-view-container .fc-today { position: relative; z-index: 1; border-color: #555; }
#calendar .fc-view-container .fc-today.fc-widget-content td { border: 0 none; }
#calendar .fc-view-container .fc-today.fc-widget-content::before { position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #555; content: ''; }
#calendar .fc-view-container .fc-bgevent-skeleton td { border: 0 none; }
#calendar .fc-view-container .fc-other-month { background-color: #f6f7fa; color: #aaa; }
#calendar .fc-view-container .fc-row .fc-content-skeleton { padding-bottom: 1.5rem; }
#calendar .fc-view-container .fc-row .fc-content-skeleton td { border-color: transparent; }
#calendar .fc-view-container .fc-row .fc-content-skeleton td.fc-other-month { border-color: #ddd; }
#calendar .fc-view-container .fc-row .fc-content-skeleton .fc-event-container { padding: 0.25rem 0; border: 0 none !important; }

/* 다른 달력형 */
div.CalendarList div.Bhead > ul { border-top: 2px solid #555 !important; border-bottom: 1px solid #aaa !important; background: none !important; }
div.CalendarList div.Bhead > ul > li + li { border-left: 1px solid #ddd; }
div.CalendarList div.Bhead > ul > li { font-size: 1.8rem !important; font-weight: 500; color: #000 !important; text-transform: uppercase; }
div.CalendarList div.Bbody > ul > li { border-bottom: 1px solid #ddd !important; }
div.CalendarList div.Bbody > ul > li > span + span { border-left: 1px solid #ddd; }
div.CalendarList div.Bbody > ul > li:last-child { border-bottom-color: #aaa !important; }
div.CalendarList div.Bbody > ul > li > span { height: 12rem !important; }
div.CalendarList div.Bbody > ul > li > span > a { padding: 1rem; text-align: left; line-height: inherit !important; }
div.CalendarList div.Bbody > ul > li > span > a:hover,
div.CalendarList div.Bbody > ul > li > span > a:focus {background-color: #f8f8f8;}
div.CalendarList div.Bbody > ul > li > span > a::before { display: none !important; }
div.CalendarList div.Bbody > ul > li > span > a.current::after { position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important; margin: 0 !important; border-radius: 0 !important; border: 1px solid #000; background: none !important; }
div.CalendarList div.Bbody > ul > li > span:first-child a,
div.CalendarList div > ul > li.sun { color: #cb152b !important; }
div.CalendarList div > ul > li.sat,
div.CalendarList div.Bbody > ul > li > span:last-child a { color: #116eb4 !important; }
div.CalendarList div.Bbody > ul > li > span > span.schedule { z-index: 1; }
div.ScheduleList#listView { margin-top: -1px; border-bottom: 1px solid #999; background-color: #fff; }
div.ScheduleList#listView > div { margin-top: 0; border: 0 none; border-top: 1px solid #ddd; }
div.ScheduleList#listView > div:last-child { border-bottom: 0 none; }
div.ScheduleList#listView > div > a  { min-height: 0; }
div.ScheduleList#listView > div > a span.day { width: 10rem; border: 0 none; line-height: 30px; }
div.ScheduleList#listView > div > a span.day > span { width: calc(100% - 1rem); padding: 0; font-size: 1.4rem !important; font-weight: 400; color: #fff !important; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); }
div.ScheduleList#listView > div > a span.group { width: calc(100% - 10rem - 15px); padding-top: 0; }
div.ScheduleList#listView > div > a span.group::after { display: none; }
div.ScheduleList#listView > div > a span.title { padding-top: 0; }
div.ScheduleList#listView > div > a:hover span.title,
div.ScheduleList#listView > div > a:focus span.title { color: inherit; text-decoration: underline; }
div.ScheduleList#listView > span.nodata { margin-top: -1px; border: 0 none; border-top: 1px solid #ddd; }
#srhForm + div.DateArea div.btn-area a { text-align: center; text-indent: 0.5rem; line-height: 35px; }
#srhForm + div.DateArea div.btn-area a::before { display: inline-block; position: static; border-color: #ccc; vertical-align: middle; transition: all 0.2s; }
#srhForm + div.DateArea div.btn-area a.next_month { text-indent: -0.5rem; }
#srhForm + div.DateArea div.btn-area a:hover,
#srhForm + div.DateArea div.btn-area a:focus { background: none; border-color: #000; }
#srhForm + div.DateArea div.btn-area a:hover::before,
#srhForm + div.DateArea div.btn-area a:focus::before { border-color: #000; }
#srhForm + div.DateArea div.btn-area a.All-schedule { line-height: 38px; }
#srhForm + div.DateArea div.btn-area a.All-schedule:hover,
#srhForm + div.DateArea div.btn-area a.All-schedule:focus { border-color: #e36f51; background-color: #e36f51; }

@media (max-width: 1024px)
{
	/* 이북형 */
	.board_ebook { width: calc(100% + 4rem); margin: 0 -2rem; }
	.board_ebook li { padding: 3rem 2rem; }
	.board_ebook .group { width: calc(100% - 18rem); }
	.board_ebook .btn a { padding: 0 1rem; }

	/* PDF형 */
	.board_pdf { width: calc(100% + 2rem) !important; margin: 0 -1rem; }
	.board_pdf li { padding: 2rem 1rem; }
	.board_pdf .btn a { padding: 0 1rem; }
	.board_pdf .btn a i { right: 1rem; }
}

@media (max-width: 768px)
{
	/* 이북형 */
	.board_ebook { display: block; width: 100%; margin: 0; }
	.board_ebook > * { display: block; clear: none; float: none; width: 100%; margin-right: 0; }
	.board_ebook > * + * { margin-top: 0; }
	.board_ebook li { overflow: hidden; padding: 1.5rem; }
	.board_ebook li:nth-child(n + 2) { border-top: 1px solid #ddd; }
	.board_ebook .group { height: 21.5rem; padding: 1rem 0 0; }

	/* PDF형 */
	.board_pdf { display: inline-block; width: calc(100% + 0px); }
	.board_pdf > * { clear: none; float: left; width: calc(33.33333% - 0px); margin-right: 0px; }
	.board_pdf > *:nth-child(n + 4) { margin-top: 0px; }
	.board_pdf > *:nth-child(2n + 1) { clear: none; }
}

@media (max-width: 540px)
{
	/* FAQ */
	.faq .label { padding: 1.5rem 4rem 1.5rem 6.5rem; }
	.faq .label::before { top: 1rem; }
	.faq .label::after { right: 1rem; bottom: 1rem; }
	.faq .item { padding: 0 1rem 0 6.5rem; }
	.faq .item::before { display: none; }
	.faq .item::after { left: 1.5rem; }

	/* PDF형 */
	.board_pdf { display: inline-block; width: calc(100% + 0px); }
	.board_pdf > * { clear: none; float: left; width: calc(50% - 0px); margin-right: 0px; }
	.board_pdf > *:nth-child(n + 3) { margin-top: 0px; }
	.board_pdf > *:nth-child(2n + 1) { clear: both; }

	/* 달력형 */
	#calendar .fc-view-container .fc-day-header { padding: 0.5rem 0; }
	#calendar .fc-view-container .fc-day-number { font-size: 1.2rem; padding: 0.5rem 0 0 0.5rem; }
	#calendar .fc-view-container .fc-day-grid-event .fc-title { font-size: 1.4rem; }
	#calendar .fc-view-container .fc-row .fc-content-skeleton { padding-bottom: 0; }
	#calendar .fc-view-container .fc-row .fc-content-skeleton .fc-event-container { padding: 0.15rem 0 0; }
	#calendar .fc-view-container .fc-row .fc-content-skeleton tr:last-child td { height: 3rem; }
	#calendar .fc-view-container .fc-row .fc-content-skeleton tr:last-child td.fc-event-container { height: auto; }
}

@media (max-width: 360px)
{
	/* 이북형 */
	.board_ebook li { padding: 1.5rem 0; }
	.board_ebook .thumb { width: 14rem; height: 20rem; }
	.board_ebook .group { width: calc(100% - 16rem); height: 19rem; }
	.board_ebook .desc { max-height: 5.1rem; }

	/* PDF형 */
	.board_pdf .btn a { display: block; float: none; width: 100%; }
	.board_pdf .btn a + a { float: none; margin-top: 0.5rem; }
}

/*@charset "UTF-8";*/
/*@import url('../jquery/css/ui.all.css');*/


/*개인정보처리방침 라벨링*/
.label_wrap{width:100%; box-sizing:border-box; padding:0px 10px; display:flex; flex-flow:row wrap; justify-content:space-around; position:relative;}
.label_wrap .label_box{width: 30%; height: 200px; box-sizing: border-box; padding: 20px 30px; border-radius: 10px; box-shadow: 0 0.2rem 0.8rem rgba(22,71,170,0.2);
								 display: flex; flex-flow: column; justify-content: center; align-items: center; cursor: pointer; margin-bottom: 20px;
					   			 background-color: #fff; border: 1px solid #fff; position: relative; }

.label_wrap .label_box:hover{transition: 0.2s; border: 1px solid #1b4f8b;}
.label_wrap .label_box .label_cnt {font-size: .8rem; margin-top: 20px; font-weight: 400; text-align: center;}
.label_layer{display: none;position: absolute; box-sizing: border-box;border-radius: 10px;background-color: #fff;border: 1px solid #eee;width: 500px;z-index: 999;box-shadow: 0 0.2rem 0.8rem rgba(22,71,170,0.2);}
.label_desc_top{ width: 100%;box-sizing: border-box;padding:10px;background-color: #1b4f8b;border-top-right-radius: 10px;border-top-left-radius: 10px;}
.label_desc_top p{color: #fff;}
.label_desc_btm{width: 100%;box-sizing: border-box;padding: 15px 20px;}
.desc_wrap{display: flex;flex-flow: row wrap;}
.desc_box{width: 100%;border-radius: 10px;border: 1px solid #eee;box-sizing: border-box;padding: 10px 15px;margin-top: 10px;display: flex;flex-flow: row wrap;justify-content: space-between;}

.desc_tit{width: 30%;font-weight: 400;color: #1b4f8b;word-break: keep-all;}
.desc_cnt{ width: 68%;color: #333;font-size: 14px;}
.label_layer.num0{top:100%; left: 0;}
.label_layer.num1{top:100%; left: 0;}
.label_layer.num2{top:100%; right: 0;}
.label_layer.num3{top:100%; left: 0;}
.label_layer.num4{top:100%; left: 0;}
.label_layer.num5{top:100%; right: 0;}


.info_agree .label_desc_btm p,
.info_agree .label_desc_btm li,
.info_agree .label_desc_btm td,
.info_agree .label_desc_btm th,
.info_agree .label_desc_btm span{font-size: .7rem;line-height: 1.4;}
.info_agree .label_desc_btm .cont_table table td ul li{font-size: .7rem;}

.cnt_list{width: 85%; margin: 20px auto 0px; display: flex; flex-flow: row wrap; justify-content: space-between;}
.cnt_list li {width:45%; margin-bottom: 30px; position: relative; box-sizing: border-box;}
.cnt_list li a{color: #444; font-weight: 400; box-sizing: border-box; padding-left: 30px; height: 25px; display: block; } 

.tit_list{font-size: 18px; font-weight: 600; color: #333; box-sizing: border-box; margin: 30px 0 10px 0; vertical-align: middle; } 
.list_icon{ margin-right: 10px; vertical-align: middle; }

.mid_line{width: 100%;height: 1px;background-color: #eee;margin:50px auto;}.desc_icon{box-sizing: border-box;padding-left: 30px;height: 25px;}
.desc_icon.edu{background:url(../images/icon_edu.png)no-repeat 0 0;}
.desc_icon.dem{background:url(../images/icon_dem.png)no-repeat 0 0;}
.desc_icon.dec{background:url(../images/icon_dec.png)no-repeat 0 0;}
.desc_icon.ins{background:url(../images/icon_ins.png)no-repeat 0 0;}
.desc_icon.pro{background:url(../images/icon_pro.png)no-repeat 0 0;}



/* 개인정보처리방침 목차 */
.list_panel{border:1px solid #d9d9d9; float:none; position:relative; margin:20px 0 20px 0;}
.list_panel.innerlist{padding: 10px 20px;}
.list_content{width:94%; margin: 20px auto 0px; display:flex; flex-flow:row wrap; justify-content: space-between;}
.list_content li a{padding-left:30px; min-height:25px; display:block; line-height: 1.4em;}
.list_content li{width:47%; margin-bottom:30px; position:relative; box-sizing: border-box;}
.list_content li:first-child  a{background: url(/common/image/portal/privacy/proc/img_object_20.png)no-repeat 0 0;}
.list_content li:nth-child(2) a{background: url(/common/image/portal/privacy/proc/img_prvt_icon_new_01.png)no-repeat 0 0;}
.list_content li:nth-child(3) a{background: url(/common/image/portal/privacy/proc/img_prvt_icon_new_05.png)no-repeat 0 0;}
.list_content li:nth-child(4) a{background: url(/common/image/portal/privacy/proc/img_third_20.png)no-repeat 0 0;}
.list_content li:nth-child(5) a{background: url(/common/image/portal/privacy/proc/img_consign_20.png)no-repeat 0 0;}
.list_content li:nth-child(6) a{background: url(/common/image/portal/privacy/proc/img_destruction_20.png)no-repeat 0 0;}
.list_content li:nth-child(7) a{background: url(/common/image/portal/privacy/proc/img_court_20.png)no-repeat 0 0;}
.list_content li:nth-child(8) a{background: url(/common/image/portal/privacy/proc/img_safe_20.png)no-repeat 0 0;}
.list_content li:nth-child(9) a{background: url(/common/image/portal/privacy/proc/img_prvt_icon_new_03.png)no-repeat 0 0;}
.list_content li:nth-child(10) a{background: url(/common/image/portal/privacy/proc/img_prvt_icon_new_04.png)no-repeat 0 0;}
.list_content li:nth-child(11) a{background: url(/common/image/portal/privacy/proc/img_cpo_20.png)no-repeat 0 0;}
.list_content li:nth-child(12) a{background: url(/common/image/portal/privacy/proc/img_browse_20.png)no-repeat 0 0;}
.list_content li:nth-child(13) a{background: url(/common/image/portal/privacy/proc/img_help_20.png)no-repeat 0 0;}
.list_content li:nth-child(14) a{background: url(/common/image/portal/privacy/proc/img_prvt_icon_new_06.png)no-repeat 0 0;}
.list_content li:nth-child(15) a{background: url(/common/image/portal/privacy/proc/img_prvt_icon_new_07.png)no-repeat 0 0;}
.list_content li:nth-child(16) a{background: url(/common/image/portal/privacy/proc/img_change_20.png)no-repeat 0 0;}