@charset "UTF-8";

@import url(/font/webfonts_NotoSansKR.css);
@import url(/font/dingbat_xeicon.css);

.sr-only, .hidden, .blind, .IR { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

/*페이징 정보*/
.board_info { position: relative; margin-bottom: .5rem; }/* 2019-04-24 SY,CHo */
.board_info::after { content: ""; clear: both; display: table; }
.board_info .page_info { float: left; margin-top: 8px; }
.board_info .page_info strong, .board_info .page_info b { color: #333; }
.board_info .page_info .current_page { position: relative; padding-left: .5rem; margin-left: .4rem; }
.board_info .page_info .current_page::before { content: ''; display: block; background-color: #ddd; width: 1px; height: 0.7rem; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

/*검색*/
.board_info .Search_rss { float: right; text-align: right; position: relative; font-size: .75rem; }
.board_info .Search_rss a.icon_rss { display: none; }

.board_info fieldset { clear: both; display: table; width: 100%; position: relative; overflow: hidden; }
.board_info fieldset select, .board_info fieldset input, .board_info fieldset button { border: 1px solid #ddd; display: block; width: 100%; height: 100%; padding: 0 .5rem; }
.board_info fieldset span { display: inline-block; vertical-align: middle; height: 2rem; }
.board_info fieldset span:first-of-type { margin-left: 0; }
.board_info fieldset span.form-select { min-width: 7.5rem; position: relative; }
.board_info fieldset span.form-select::after { content: '\e936'; color: #333; position: absolute; right: 0.5rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: "xeicon"; }
.board_info fieldset span.form-select select { background-color: transparent; -webkit-appearance: none; position: relative; }
.board_info fieldset span.form-select select::-ms-expand { display: none; }
.board_info fieldset span.form-input { width: 13rem; }
.board_info fieldset span.form-input input { padding-right: 3rem; }
.board_info fieldset span.form-input input::placeholder { color:black }
.board_info fieldset span.form-btn { min-width: 2rem; margin-left: -3rem; }
.board_info fieldset span.form-btn button { background-color: #333; color: #fff; padding: 0 .9rem; outline:0; }
.board_info fieldset span.form-btn button:focus-visible{ border: 2px solid blue !important;}

div.tstyle_list, div.tstyle_view, .galleryList, .writeForm, .listFaq, .fc .fc-view { border-top: 2px solid #555; }
div.tstyle_list, .galleryList, .list_board, .writeForm, .listFaq { position: relative; }
div.tstyle_list::after, .galleryList::after, .list_board::after, .writeForm::after, .listFaq::after { content: ''; width: 100%; height: 1px; background-color: #aaa; position: absolute; bottom: 0; left: 0; }

/*목록*/
div.tstyle_list > div > ul { display: table; table-layout: fixed; width: 100%; clear: both; overflow: hidden; margin: 0; }
div.tstyle_list > div > ul > li { display: table-cell; /*min-height:44px;*/ padding: .7rem .25rem; text-align: center; text-overflow: ellipsis; /*white-space:nowrap;*/ width: 10%; vertical-align: middle; word-break: break-all; }
div.tstyle_list > div > ul > li::before { display: none; }
div.tstyle_list > div > ul > li:first-child { border-left: 0; }
div.tstyle_list > div.dhead { border-bottom: 1px solid #aaa; }
div.tstyle_list > div.dbody > ul { border-bottom: 1px solid #ddd; font-size: .75rem; }
div.tstyle_list > div.dhead > ul li { color: #222; font-weight: bold; }
div.tstyle_list > div.dbody > ul:last-child { border-bottom: 0; }
div.tstyle_list > div.dbody > ul.notice .icon-notice { color: #fff; display: inline-block; border-radius: 50%; width: 1.8rem; height: 1.8rem; text-align: center; background-color: #333; padding-top: .35rem; font-size: .65rem; }
div.tstyle_list > div.dbody > ul.notice li:first-child { color: #000; font-weight: 500; }
div.tstyle_list > div.dhead > ul li.title { width: auto; text-align: center; }
div.tstyle_list > div.dbody > ul > li.title { width: auto; text-align: left; }
div.tstyle_list > div.dbody > ul > li.title.cssfcenter{text-align:center}
div.tstyle_list > div.dbody > ul > li a { display: inline-block; vertical-align: middle; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; width:100%; font-size: .8rem; }
div.tstyle_list > div.dbody > ul > li a.icoHomepage{text-align:center; color:#3a53a7}
div.tstyle_list > div.dbody > ul > li strong a{font-weight:500}
.xi-subdirectory-arrow { color: #999; font-size: 1rem; display: inline-block; vertical-align: middle; margin-left: 1rem; margin-right: .2rem; }
.xi-lock { color: #222; font-size: 1rem; display: inline-block; vertical-align: middle; margin-right: .2rem; }
div.tstyle_list > div.dbody > ul > li.file a { text-align: center; width: 100%; }
div.tstyle_list > div.dbody > ul > li.file .xi-save { display: inline-block; width: .8rem; height: .85rem; background: url("/upload/skin/board/plani/icon_save.png") 0 0/cover no-repeat; }
div.tstyle_list > div.dbody > ul > li.file .xi-save::before { display: none; }
div.tstyle_list > div.dbody > ul > li span.re-num { color: #d85430; }
div.tstyle_list > div.dbody > ul > li a:hover,div.tstyle_list > div.dbody > ul > li a:focus { text-decoration: underline; }
div.tstyle_list > div.dbody > ul > li a.btn-line { display: inline-block; width: auto; }
div.tstyle_list > div.dbody > ul > li a.btn-line:hover,div.tstyle_list > div.dbody > ul > li a.btn-line:focus { color: #fff; text-decoration: none; }
div.tstyle_list > div.dbody .xi-new { color: #126fb4; font-size: 1.1rem; display: inline-block; vertical-align: middle; margin-right: .2rem; }
div.tstyle_list > div.dbody .state { font-size: .75rem; display: inline-block; vertical-align: middle; margin-left: .4rem; border-radius: 2px; padding: .1rem .45rem; }
div.tstyle_list > div.dbody .state.ing { background-color: #126fb4; color: #fff; }
div.tstyle_list > div.dbody .state.end { background-color: #555; color: #fff; }
div.tstyle_list > div.dbody .state.ready { background-color: #eee; color: #333; }

div.tstyle_list .W5 {width:5% !important;}
div.tstyle_list .W8 {width:8% !important;}
div.tstyle_list .W10 {width:10% !important;}
div.tstyle_list .W13 {width:13% !important;}
div.tstyle_list .W18 {width:18% !important;}
div.tstyle_list .W22 {width:22% !important;}
div.tstyle_list .W20 {width:20% !important;}

/* 갤러리 리스트 */
.galleryList { overflow: hidden; }
.galleryList > ul { margin: 0 -1.3%; }
.galleryList > ul > li { float: left; padding: 2rem 1.3%; border-bottom: 1px solid #ddd; position: relative; }
.galleryList > ul > li > a { display: block; position: relative; }
.galleryList > ul > li .thumb { display: block; overflow: hidden; position: relative; width: 100%;height: 0; padding-bottom: 58%; margin: 0 auto 1rem; text-align: center; background: #000; border: 1px solid #ddd; }
.galleryList > ul > li .thumb::before { content: "\e9c5"; font-family: "xeicon"; font-size: 1.8rem; line-height: 1; font-weight: bold; color: #fff; vertical-align: middle; position: absolute; left: 50%; top: 30%; -webkit-transform: translateX(-50%) scale(2); transform: translateX(-50%) scale(2); opacity: 0; visibility: hidden; -webkit-transition: all .25s; transition: all .25s; }
.galleryList > ul > li .thumb::after { content: '  자세히 보기'; color: #fff; position: absolute; left: 50%; top: 45%; opacity: 0; visibility: hidden; -webkit-transform: translate(-50%, 20%); transform: translate(-50%, 20%); }
.galleryList > ul > li .thumb img { width: 100%;/*height:12rem;*/ -webkit-transition: all .25s; transition: all .25s;}
.galleryList > ul > li .txt { display: block; height: auto; position: relative; }
.galleryList > ul > li .title { color: #000; display: inline-block; font-size: .9rem; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: keep-all; width: 100%; -webkit-transition: all .4s; transition: all .4s; margin-bottom: 1rem;}
.galleryList > ul > li .date, .galleryList > ul > li .hit { display: inline-block; margin: .3rem 0 0 0; color: #777; }
.galleryList > ul > li .date b, .galleryList > ul > li .hit b { font-weight: normal; color: #000; display: inline-block; margin-right: .2rem; }
.galleryList > ul > li .desc { display: -webkit-box; -webkit-line-clamp: 2; max-height: 2.3rem; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 1rem; }
.galleryList > ul > li .hit { position: relative; padding-left: .5rem; margin-left: .4rem; }
.galleryList > ul > li .hit::before { content: ''; display: block; background-color: #ddd; width: 1px; height: 0.7rem; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.galleryList > ul > li > a:hover .thumb::before, .galleryList > ul > li > a:hover .thumb::after,
.galleryList > ul > li > a:focus .thumb::before, .galleryList > ul > li > a:focus .thumb::after  { opacity: 1; visibility: visible; -webkit-transition: all .25s; transition: all .25s; }
.galleryList > ul > li > a:hover .thumb::before,.galleryList > ul > li > a:focus .thumb::before { font-weight: normal; -webkit-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); }
.galleryList > ul > li > a:hover .thumb::after,.galleryList > ul > li > a:focus .thumb::after { -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); -webkit-transition-delay: .2s; transition-delay: .2s; opacity:1}
.galleryList > ul > li > .thumb:hover img,.galleryList > ul > li > .thumb:focus img { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .4;  filter:brightness(0.95)}
.galleryList.col3 > ul > li { width: 33.33333333%; }
.galleryList.col4 > ul > li { width: 25%; }

/*홍보 > 브로슈어*/
.brochure .galleryList > ul > li .thumb:before {display:none}
.brochure .galleryList > ul > li .thumb:after{display:none}

.galleryList.thumbnail {border-top:0;margin-top:1rem}
.galleryList.thumbnail:after,.galleryList.type2:after {display:none}
.galleryList.thumbnail > ul {margin:0;}
.galleryList.thumbnail > ul > li {float:none;border:0;padding:0}
.galleryList.thumbnail > ul > li .thumb::before,.galleryList.thumbnail > ul > li .thumb::after {display:none}
.galleryList.thumbnail > ul > li + li {margin-top:1rem}
.galleryList.thumbnail > ul > li a {display:block;border:1px solid #ddd;padding:2rem 2.5rem;overflow:hidden;transition:border-color .4s}
.galleryList.thumbnail > ul > li a:hover,.galleryList.thumbnail > ul > li a:focus {border-color:#333}
.galleryList.thumbnail > ul li .thumb {padding-bottom:0;position:static;height:9rem;margin-bottom:0;border:0;float:left;width:16rem}
.galleryList.thumbnail > ul li .txt {float:left;margin-left:2.5rem;width:calc(100% - 18.5rem);padding-top:.45rem}
.galleryList.thumbnail > ul > li .title {font-size:1.1rem;margin:.8rem 0 0}
.galleryList.thumbnail > ul li .date > * {display:inline-block;vertical-align:middle;}
.galleryList.thumbnail > ul li .date strong {color:#000;font-weight:300;margin-right:.3rem;padding-right:.5rem;position:relative}
.galleryList.thumbnail > ul li .date strong:after {position:absolute;right:0;top:.3rem;width:1px;height:.75rem;background:#ddd;content:''}
.galleryList.thumbnail .state {display:inline-block;width:3rem;height:1.5rem;line-height:1.5rem;font-size:.75rem;color:#fff;background:#7e8092;text-align:center}
.galleryList.thumbnail .state.ing {background:#2f3c91}
.galleryList.thumbnail .state.end {background:#a4334f}
.galleryList.thumbnail .state + .charge {margin-left:.25rem}
.galleryList.thumbnail .charge {display:inline-block;padding:0 .5rem;height:1.5rem;line-height:1.5rem;font-size:.75rem;color:#333;background:#eff0f4}
.galleryList.thumbnail > ul li .txt p:last-of-type {margin-top:.8rem;padding-top:.9rem;border-top:1px solid #eee;display:block;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:keep-all;}
.galleryList.thumbnail > ul > li a:hover .title,.galleryList.thumbnail > ul > li a:focus .title {text-decoration:underline}

.galleryList.book_style1 > ul { margin: 0 -2%; }
.galleryList.book_style1 > ul li { width: 50%; padding-left: 2%; padding-right: 2%; position: relative; min-height: 14rem; }/* 2019-04-24 SY,CHo */
.galleryList.book_style1 > ul li::after { content: ""; clear: both; display: table; }
.galleryList.book_style1 > ul > li > a { position: static; }
.galleryList.book_style1 > ul li .title { font-size: 1rem; margin-bottom: 1rem; }
.galleryList.book_style1 > ul li .thumb { width: 23%; padding-bottom: 30%; position: absolute; right: 1.3rem; }
.galleryList.book_style1 > ul li .txt { padding-right: 30%; }
.galleryList.book_style1 > ul li .txt .desc { -webkit-line-clamp: 3; max-height: 4rem; }
.galleryList.book_style1 .date, .galleryList.book_style1 .hit { display: none; }
.galleryList.book_style2 > ul { margin: 0 -2%; }
.galleryList.book_style2 > ul li {width: 25%; padding-left: 2%; padding-right: 2%; }
.galleryList.book_style2 > ul li > div {position:relative}
.galleryList.book_style2 > ul li .category {position:absolute;left:1px;top:1px;z-index:1;color:#fff;display:block;text-align:center;padding:.425rem 0;width:100px;font-size:.75rem;background:rgba(0,0,0,.6)}
.galleryList.book_style2 > ul li .thumb {padding-bottom: 0;min-height:290px;margin-bottom:1.3rem}
.galleryList.book_style2 > ul > li .title {margin-bottom:.5rem}
.galleryList.book_style2 > ul > li .thumb::before {display:none}
.galleryList.book_style2 > ul > li .thumb::after {content:'';left:0;top:0;opacity:0;width:100%;height:0;background:linear-gradient(-45deg,#a4334f,#3c478c);transform:translate(0,0);transition:all .4s}
.galleryList.book_style2 > ul > li > a:focus .thumb::after,.galleryList.book_style2 > ul > li > a:hover .thumb::after,.galleryList.book_style2 > ul > li.on .thumb::after,.galleryList.book_style2 > ul > li.active .thumb::after{display:block;opacity:.95;height:100%;visibility:visible}
.galleryList.book_style2 > ul li .desc { display: none; }
.galleryList.book_style2 > ul li .date {display: block;overflow:hidden}
.galleryList.book_style2 > ul li .date > * {display:inline-block;vertical-align:middle;}
.galleryList.book_style2 > ul li .date strong {color:#000;font-weight:300;margin-right:.3rem}
.galleryList.book_style2 > ul li .btn-wrap {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:100%;text-align:center;opacity:0;transition:opacity .4s}
.galleryList.book_style2 > ul li .btn-wrap:after {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);content:'';width:1px;height:2rem;background:#fff;opacity:.2}
.galleryList.book_style2 > ul li .btn-wrap a {color:#fff;display:inline-block;padding:0 1rem}
.galleryList.book_style2 > ul li .btn-wrap i {font-size:1.1rem}
.galleryList.book_style2 > ul li .btn-wrap span {display:block;font-size:.75rem;margin-top:.2rem}
.galleryList.book_style2 > ul > li:focus .btn-wrap,.galleryList.book_style2 > ul > li:hover .btn-wrap,.galleryList.book_style2 > ul > li.active .btn-wrap ,.galleryList.book_style2 > ul > li.active .btn-wrap  {opacity:1}
.galleryList.book_style2 .btn-wrap a:focus i,.galleryList.book_style2 .btn-wrap a:hover i,.galleryList.book_style2 .btn-wrap a:focus i {animation:bouns .6s infinite}
.galleryList.book_style2 .date, .galleryList.book_style2 .hit { display: none; }
.galleryList .btn { display: block; margin-top: 1rem; }

.galleryList.type2 li {border:0}
.galleryList.type2 li a {display:block;border:1px solid #ddd;position:relative}
.galleryList.type2 > ul > li a:before {position:absolute;z-index:1;content:'';left:0;top:0;opacity:0;width:100%;height:0;background:linear-gradient(-45deg,#a4334f,#3c478c);transform:translate(0,0);transition:all .4s}
.galleryList.type2 > ul > li a:hover:before,.galleryList.type2 > ul > li a:focus:before {opacity:.95;height:11.8rem}
.galleryList.type2 > ul > li .thumb {padding:0;margin:0;height:11.8rem;border:0}
.galleryList.type2 > ul > li .thumb::before {transform:translateX(-50%) scale(2);top:4.35rem;z-index:1;font-size:1.6rem}
.galleryList.type2 > ul > li .thumb::after {top:6.6rem;z-index:1}
.galleryList.type2 .txt {border-top:1px solid #eee;background:#fafafb;padding-bottom:1rem}
.galleryList.type2 .txt .title {padding:1.2rem 1.4rem .5rem;font-size:1rem;margin-bottom:0;font-weight:500}
.galleryList.type2 .txt .info {padding:0 1.4rem 1.2rem;border-bottom:1px solid #eee;}
.galleryList.type2 .txt .info li {overflow:hidden}
.galleryList.type2 .txt .info strong {float:left;display:block;font-weight:300;color:#333;padding-right:.4rem;margin-right:.3rem;position:relative}
.galleryList.type2 .txt .info strong:before {position:absolute;right:0;top:.25rem;content:'';width:1px;height:.75rem;background:#ddd}
.galleryList.type2 .txt .info span {color:#666;display:block;float:left;width:calc(100% - 60px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.galleryList.type2 .txt .desc {margin:1rem 1.4rem 0;color:#666;margin-bottom:0;max-height:5rem}

/*페이징*/
.board_pager { margin: 30px auto; text-align: center; }
.board_pager .inner { display: table; margin: 0 auto; }
.board_pager a { border-radius: 50%; width: 2rem; height: 2rem; text-align: center; background-color: transparent; color: black; border: 1px solid #ddd; display: inline-block; vertical-align: middle; font-size: .8rem; padding-top: .25rem; margin: 0 2px; text-decoration: none; }
.board_pager a:hover,.board_pager a:focus { background-color: #f5f6fa; -webkit-transition: all .25s; transition: all .25s; }
.board_pager .pageNone { border-color: transparent; }
.board_pager .pageNone:hover,.board_pager .pageNone:focus { border-color: #ddd; -webkit-transition: all .2s; transition: all .2s; }
.board_pager .pageNow { background-color: #333; border-color: #333; }
.board_pager .pageNow strong { color: #fff; }
.board_pager + .survey { margin-top: 100px; }
.board_pager i { font-size: 1rem; margin-top: .25rem; color: #777; }
.board_pager .pageFirst i::after { content: "\e93c"; font-family: "xeicon"; margin-left: -.8rem; }
.board_pager .pageLast i::after { content: "\e93f"; font-family: "xeicon"; margin-left: -.8rem; }
.board_pager .pagePrev { margin-right: 1rem; }
.board_pager .pageNext { margin-left: 1rem; }
.board_pager .pagePrevMbl, .board_pager .pageNextMbl {display:none}

/* button */
/* .btn { float: left; } */
.btn-line { display: inline-block; min-width: 6.8rem; /* width: 49%;  */border: 1px solid #999; background-color: #fff; padding: .35rem .75rem; position: relative; -webkit-transition: all .25s; transition: all .25s; }
.btn-line.btn-down i::after { content: '\eb7c'; font-family: "xeicon"; }
.btn-line.btn-view i::after { content: '\e97a'; font-family: "xeicon"; }
.btn-line i { position: absolute; right: 0.6rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #333; }
.btn-line:hover,.btn-line:focus { background-color: #333; color: #fff; }
.btn-line:hover i,.btn-line:focus i { color: #fff; }
.btn-line.type2 { border: 1px solid #333; background-color: #333; color: #fff; }

/*상세뷰*/
div.tstyle_view { margin-bottom: 1rem; }
div.tstyle_view div.title { color: #333; font-size: 1rem; font-weight: bold; padding: 1.2rem 0; text-align: center; }
div.tstyle_view ul.head { padding: .9rem 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; background-color: #f8f9fa; }
div.tstyle_view ul.head > li { display: inline-block; }
div.tstyle_view ul.head > li ~ li { position: relative; padding-left: .5rem; margin-left: .4rem; }
div.tstyle_view ul.head > li ~ li::before { content: ''; display: block; background-color: #ddd; width: 1px; height: 0.6rem; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
div.tstyle_view ul.head li strong { color: #000; font-weight: normal; padding-right: 5px; }
div.tstyle_view ul.head li span { color: #777; }
div.tstyle_view ul.head li .btn span {color:inherit}
div.tstyle_view div.tb_contents { padding: 2rem; border-bottom: 1px solid #d3d8dd;}
div.tstyle_view div.tb_contents strong {font-weight:600 !important}
/* 썸네일이 들어가는 상세뷰 */
div.tstyle_view.thumbview ul.head {background:#fff;padding:2rem 2.5rem;border:1px solid #ddd;border-top:0;text-align:left}
div.tstyle_view.thumbview ul.head > li {vertical-align:middle}
div.tstyle_view.thumbview ul.head .img {width:16rem;height:10rem;overflow:hidden}
div.tstyle_view.thumbview ul.head > li ~ li::before {display:none}
div.tstyle_view.thumbview ul.head .txt {width:calc(100% - 19rem);margin-left:2.5rem}
div.tstyle_view.thumbview ul.head .title {font-size:1.1rem;margin:.8rem 0 .6rem;display:block;}
div.tstyle_view.thumbview ul.head .bul {padding-top:1rem;border-top:1px solid #eee}
div.tstyle_view.thumbview ul.head .bul.square > li:before {top:.55rem}
div.tstyle_view.thumbview ul.head .bul.square > li {overflow:hidden;text-align:left !important}
div.tstyle_view.thumbview ul.head .bul.square > li strong {min-width:5rem;display:block;float:left}
div.tstyle_view.thumbview ul.head .bul.square > li > span {display:block;float:left;width:calc(100% - 5rem)}
div.tstyle_view.thumbview ul.head .date {margin-top:2rem}
div.tstyle_view.thumbview ul.head .date > * {display:inline-block;vertical-align:middle;}
div.tstyle_view.thumbview ul.head .date strong {color:#000;font-weight:300;margin-right:.3rem;padding-right:.5rem;position:relative}
div.tstyle_view.thumbview ul.head .date strong:after {position:absolute;right:0;top:.3rem;width:1px;height:.75rem;background:#ddd;content:''}
div.tstyle_view.thumbview ul.head .state {display:inline-block;width:3rem;height:1.5rem;line-height:1.5rem;font-size:.75rem;color:#fff;background:#7e8092;text-align:center}
div.tstyle_view.thumbview ul.head .state.ing {background:#2f3c91}
div.tstyle_view.thumbview ul.head .state.end {background:#a4334f}
div.tstyle_view.thumbview ul.head .state + .charge {margin-left:.25rem}
div.tstyle_view.thumbview ul.head .charge {display:inline-block;padding:0 .5rem;height:1.5rem;line-height:1.5rem;font-size:.75rem;color:#333;background:#eff0f4}
div.tstyle_view .table-wrap th {background:#f6f7f9}
div.tstyle_view .bul.num > li {padding-left:2.25rem}
div.tstyle_view .bul.num > li:before {top:-.3rem;width:1.85rem;height:1.85rem;line-height:1.85rem;text-align:center;background:#2f3c91;color:#fff}
div.tstyle_view .bul.num > li + li {margin-top:1rem}
div.tstyle_view .file-wrap {background:#f6f7f9;padding:1.2rem 1.5rem;}
div.tstyle_view .file-wrap .file {padding-left:1.75rem;position:relative;margin:.25rem 0}
div.tstyle_view .file-wrap .file:before {position:absolute;left:0;content:'';width:1.25rem;height:1.2rem;background-repeat:no-repeat;background-size:contain}
div.tstyle_view .file-wrap .file.doc:before {background-image:url('/upload/skin/board/plani/doc.png')}
div.tstyle_view .file-wrap .file.docx:before {background-image:url('/upload/skin/board/plani/docx.png')}
div.tstyle_view .file-wrap .file.file:before {background-image:url('/upload/skin/board/plani/file.png')}
div.tstyle_view .file-wrap .file.gif:before {background-image:url('/upload/skin/board/plani/gif.png')}
div.tstyle_view .file-wrap .file.hwp:before {background-image:url('/upload/skin/board/plani/hwp.png')}
div.tstyle_view .file-wrap .file.img:before {background-image:url('/upload/skin/board/plani/img.png')}
div.tstyle_view .file-wrap .file.jpg:before {background-image:url('/upload/skin/board/plani/jpg.png')}
div.tstyle_view .file-wrap .file.pdf:before {background-image:url('/upload/skin/board/plani/pdf.png')}
div.tstyle_view .file-wrap .file.png:before {background-image:url('/upload/skin/board/plani/png.png')}
div.tstyle_view .file-wrap .file.ppt:before {background-image:url('/upload/skin/board/plani/ppt.png')}
div.tstyle_view .file-wrap .file.pptx:before {background-image:url('/upload/skin/board/plani/pptx.png')}
div.tstyle_view .file-wrap .file.xls:before {background-image:url('/upload/skin/board/plani/xls.png')}
div.tstyle_view .file-wrap .file.xlsx:before {background-image:url('/upload/skin/board/plani/xlsx.png')}
div.tstyle_view .file-wrap .file.zip:before {background-image:url('/upload/skin/board/plani/zip.png')}

/*첨부파일*/
div.tstyle_view .add_file_list { display: table; width: 100%; border-bottom: 1px solid #d3d8dd; }
div.tstyle_view .add_file_list .title { display: table-cell; width: 10%; color: #333; padding: 1rem; }
div.tstyle_view .add_file_list .add_file { display: table-cell; padding: 1rem 0; }
ul.add_file li::after { content: ""; clear: both; display: table; }
ul.add_file li::before { display: none; }
ul.add_file li .file_down { margin-left: .3rem; }
ul.add_file li .file_down:hover,ul.add_file li .file_down:focus { color: #126fb4; }
ul.add_file li .fileSize { color: #999; font-size: .8em; margin-left: .2rem; }
ul.add_file li .link { float: right; }
ul.add_file li .link .btn-line { font-size: .7rem; width: auto; min-width: 5rem; padding: .1rem 1.1rem .1rem .5rem; }
ul.add_file li .link .btn-line i { right: .35rem; }
ul.add_file li ~ li { margin-top: .5rem; }
ul.add_file li .xi-close-circle { display: inline-block; vertical-align: middle; font-size: 1rem; color: #888; margin-left: .5rem; -webkit-transition: all .25s; transition: all .25s; }
ul.add_file li .xi-close-circle:hover,ul.add_file li .xi-close-circle:focus { color: #126fb4; }
ul.add_file li .input_file { display: inline-block; padding: .3rem .6rem; border: 1px solid #999; -webkit-transition: all .25s; transition: all .25s; }
ul.add_file li .input_file:hover,ul.add_file li .input_file:focus { background-color: #999; color: #fff; }

/*개인정보 수집 동의*/
.privacy_agree .title_depth01 { color: #333; font-size: 18px; font-weight: 500; margin: 20px 0 10px; }
.privacy_agree .group { border: 1px solid #ddd; border-top: 1px solid #666; margin-bottom: 15px; padding: 20px 25px; }
.privacy_agree .group .title_depth02 { color: #333; font-size: 15px; font-weight: 500; }
.privacy_agree .group .bul_dot strong, .privacy_agree .group .bul_dot div { font-size: 14px; padding-left: 8px; position: relative; }
.privacy_agree .group .bul_dot strong:before { content: ''; position: absolute; top: 9px; left: 0; width: 3px; height: 3px; border-radius: 100px; background: #666; }

/*이전글/다음글*/
.list_board { margin: 50px 0; }
.list_board li { border-top: 1px solid #e2e3e6; padding: .75rem 1rem; position: relative; }
.list_board li::after { content: ""; clear: both; display: table; }
.list_board li span { display: block; float: left; position: relative; vertical-align: top; padding-left: 1.5rem; }
.list_board li span:before { content: '\e943'; font-family: "xeicon"; position: absolute; left: 0; }
.list_board li:first-child span:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.list_board li a { color: #333; display: block; padding-left: 6rem; }
.list_board li a:hover,.list_board li a:focus { text-decoration: underline; }

/*댓글*/
div.CommentWrap { margin: 2rem 0; }
div.CommentWrap > .cmtForm h4 { font-size: 18px; font-weight: normal; font-weight: 500; margin-bottom: 15px; }
div.CommentWrap > .cmtForm h4 span.re-num { color: #d85430; vertical-align: 0; }
div.CommentWrap div.commentList .title { border-bottom: 1px solid #aaa; padding-bottom: 1rem; margin-top: 2.5rem; }
div.CommentWrap div.commentList .title b { color: #126fb4; }
div.CommentWrap div.commentList ul li { border-bottom: 1px solid #e8e8e8; padding: 1rem .8rem; position: relative; }
div.CommentWrap div.commentList ul li .comment { display: block; margin-bottom: .1rem; }
div.CommentWrap div.commentList ul li .name { color: #333; }
div.CommentWrap div.commentList ul li > span.date { display: block; color: #aaa; font-size: .7rem; margin: 0 3px; }
div.CommentWrap div.commentList ul li span.cmtBtnGroup { position: absolute; right: .5rem; top: 1rem; display: block; }
div.CommentWrap div.commentList ul li span.cmtBtnGroup > span { display: inline-block; font-size: .7rem; cursor: pointer; }
div.CommentWrap div.commentList ul li span.cmtBtnGroup > span:hover,div.CommentWrap div.commentList ul li span.cmtBtnGroup > span:focus { color: #126fb4; }
div.CommentWrap div.commentList ul li span.cmtBtnGroup > span.cmtDel { position: relative; padding-left: .5rem; margin-left: .4rem; }
div.CommentWrap div.commentList ul li span.cmtBtnGroup > span.cmtDel::before { content: ''; display: block; background-color: #ddd; width: 1px; height: 0.65rem; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
div.CommentWrap div.commentList ul li .btn-recomment { display: inline-block; padding: .2rem .5rem; border: 1px solid #ddd; margin: .5rem 0 1rem; font-size: .7rem; }
div.CommentWrap div.commentList ul li .btn-recomment:hover,div.CommentWrap div.commentList ul li .btn-recomment:focus { -webkit-transition: all .25s; transition: all .25s; background-color: #ddd; }
div.CommentWrap div.commentList ul li > ul { opacity: 0; visibility: hidden; overflow: hidden; max-height: 0; }
div.CommentWrap div.commentList ul li.active > ul { opacity: 1; visibility: visible; -webkit-transition: all .25s; transition: all .25s; transition: all .25s; max-height: inherit; }
div.CommentWrap div.commentList ul li.re_comment { padding-left: 1rem; padding-right: 1rem; }
div.CommentWrap div.commentList ul li.re_comment::before { content: '\e97e'; font-family: "xeicon"; position: absolute; margin-left: -1rem; }
div.CommentWrap div.commentList ul li ul { border-top: 1px solid #e8e8e8; }
div.CommentWrap div.commentList ul li.re_comment:last-child { border-bottom: 0; }
div.CommentWrap div.commentList ul li > span.new { background: #51b69f; border-radius: 50px; display: block; width: 7px; height: 7px; position: absolute; top: 21px; left: 0; }
div.CommentWrap div.commentList ul li.re_comment > span.new { background: #51b69f; border-radius: 50px; display: block; width: 7px; height: 7px; position: absolute; top: 21px; left: -10px; }
/*댓글-답변*/
div.CommentWrap div.cmtForm fieldset { width: 100%; padding: 0; }
div.CommentWrap div.cmtForm div.memo { background: #fff; border: 1px solid #ddd; height: 6.5rem; position: relative; }
div.CommentWrap div.cmtForm div.memo span.num { color: #999; background-color: #f8f9fa; font-size: 12px; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 2.3rem; padding: .7rem; }
div.CommentWrap div.cmtForm div.memo span.num > span#opinionLength { color: #999; }
div.CommentWrap div.cmtForm div.memo textarea { border: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -webkit-border-radius: 0; float: left; font-size: 14px; padding: 10px 10px 0 10px; width: 100%; height: 4.1rem; color: #999; }
div.CommentWrap div.cmtForm div.memo button { background: #555; color: #fff; height: 2.3rem; position: absolute; bottom: 0; right: 0; padding: 0 1rem; }
/*댓글-수정*/
div.spread_box { background: #fff; border: 1px solid #D9D9D9; clear: both; position: relative; overflow: hidden; }
div.spread_box textarea { border: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -webkit-border-radius: 0; float: left; font-size: 14px; padding: 10px 10px 0 10px; width: 81%; height: 43px; }
div.spread_box button { background: #2c3354; background-size: 20px; border-radius: 0; border: 0; color: #fff; float: right; height: 65px; width: 19%; font-size: 14px; }

/*수정/삭제 비밀번호입력*/
#questPW { clear: both; height:250px; overflow: hidden; }
#questPW .txtBox { background: url("/upload/skin/board/plani/icon-lock.png") no-repeat center top; padding-top: 120px; position: relative; text-align: center; }
#questPW .txtBox .title { color: #666; font-size: 16px; margin-bottom: 10px; }
#questPW .txtBox .pw_div { display: inline-block; }
#questPW .txtBox .pw_div input { border: 1px solid #ddd; padding: 5px; width: 140px; height: 37px; }
#questPW .txtBox .font_red { color: #cc3300; display: block; word-break: keep-all; position: absolute; bottom: -30px; }
#questPW .txtBox .btnWrap { display: inline-block; vertical-align: bottom; }
#questPW .txtBox .btnWrap button { background: #6d7c90; border: 1px solid #6d7c90; color: #fff; padding: 0 24px; line-height: 36px; display: block; float: left; margin-left: 1px; -webkit-transition: all .2s; transition: all .2s; }
#questPW .txtBox .btnWrap button:hover,#questPW .txtBox .btnWrap button:focus { background: #fff; color: #6d7c90; }

/*BtnArea*/
.BtnArea { text-align: center; margin-bottom: 1.5rem; }
.BtnArea button { min-width: 5rem; border: 1px solid #ddd; background: #fff; color: #555; padding: .6rem; }
.BtnArea button:hover,.BtnArea button:focus { border-color: #333; -webkit-transition: all .2s; transition: all .2s; }
.BtnArea .btn_list, .BtnArea .btn_submit { background: #333; color: #fff; border-color: #333; }
.BtnArea .btn_list:hover, .BtnArea .btn_submit:hover,.BtnArea .btn_list:focus, .BtnArea .btn_submit:focus { background: #fff; color: #555; border: 1px solid #333; }
.BtnArea .btn_md { min-width: 4.4rem; padding: .5rem 1.5rem; font-size: .75rem; }
.BtnArea .btn_sm { min-width: 3.7rem; padding: .4rem 1.2rem; font-size: .75rem; }

.content_body input { border: 1px solid #ddd; padding: .4rem .7rem; }
.content_body input[type="file"] { border: none; }/* 2019-04-24 SY,CHo */
.content_body input:focus, .content_body select:focus, .content_body textarea:focus { border-color: #555; outline: 0; border: 2px solid black !important;}
.content_body input::-moz-placeholder { color: #999; opacity: 1; }
.content_body input:-ms-input-placeholder { color: #999; }
.content_body input::-webkit-input-placeholder { color: #999; }
.content_body input[disabled], .content_body input[readonly] { background-color: #eee; opacity: 1; }
.content_body input[disabled] { cursor: not-allowed; }

/*등록폼*/
.terms-txt {padding:1.5rem;border:1px solid #ddd;height:14rem;margin-bottom:.7rem}
.terms-txt .scroll-y {height:100%;overflow:hidden}
.terms-txt > * {font-size:.9rem}
.terms-txt strong {display:block;font-weight:400}
.terms-txt p + strong {margin-top:1.5rem}
.form-control + .tstyle_write {margin-top:2.5rem}
.writeForm { margin-bottom: 1.5rem; }
.tstyle_write { width: 100%; border-collapse: separate; letter-spacing: 0; position: relative;border-top:2px solid #555}
.tstyle_write th, .tstyle_write td { font-size: .8rem; padding: .5rem 1rem; border-bottom: 1px solid #e8ebee; word-break: keep-all;vertical-align:middle}
.tstyle_write tbody th {text-align:center !important;color: #424242;font-weight:500;text-align: left;background:#f8f9fa;border-right:1px solid #e8ebee}
.tstyle_write tbody th label { position: relative; }
.tstyle_write tbody th label .star { color: #fa4d09; margin-left: .2rem; position: absolute; right: -.5rem; top: 0; }
.tstyle_write tbody tr td { font-size: .75rem; }
.tstyle_write tbody tr td input#title { width: 100%; }
.tstyle_write tbody tr td input[type="text"],.tstyle_write tbody tr td input[type="number"] {width:100%;padding:0 .75rem;height:2.1rem;line-height:2.1rem}
.tstyle_write tbody tr td input::placeholder {color:#999;font-size:.75rem;font-weight:300}
.tstyle_write tbody tr td select {height:2.1rem;min-height:2.1rem;font-weight:300;padding:0 .75rem;min-width:20rem}
.tstyle_write tbody tr td textarea { border: 1px solid #ddd; padding: .4rem .7rem; min-height: 200px; width: 100%; resize:none}
.tstyle_write tbody tr td.th_add span { font-weight: normal; font-size: 11px; color: #777; letter-spacing: -1px; }
.tstyle_write tbody tr td.add_file th { background-color: #fff; }
.tstyle_write tbody tr td.add_file td { background: url(/upload/skin/board/plani/line_bar.gif) no-repeat left center; border-left: 0; }
.tstyle_write tbody tr td.add_file th span { font-size: 11px; font-weight: normal; color: #717171; }
.tstyle_write tbody tr.file_info td { border-left: none; font-size: 11px; font-weight: normal; color: #717171; }
.tstyle_write tbody tr.file_info th, .tstyle_write tr.file_info td { background: #FCFCFC; padding: 3px 0 3px 70px; }
.tstyle_write tbody td:first-child { border-left: 0; }
.tstyle_write tbody tr.add_file td input { border: none;}
.tstyle_write tbody tr td input.line-no { border: none !important; }
.tstyle_write .ui-datepicker-trigger { padding: 0; vertical-align: top; }
.tstyle_write .xi-calendar-check { font-size: 1.2rem; margin: .4rem 0 0 -1.8rem; }
.tstyle_write .date_term { display: inline-block; margin: 0 .5rem; }
.tstyle_write .gallery_help { display: inline-block; font-size: .7rem; margin-left: .5rem; }
.tstyle_write .verti-top {vertical-align:top}
.BtnArea {margin-top:2rem}
.BtnArea button {background-color:#5b5b5b;color:#fff;}
.BtnArea button:hover,.BtnArea button:focus {background:#fff;color:#5b5b5b}
.BtnArea button.save {background-color:#0ea5e2;color:#fff}
.BtnArea button.save:hover,.BtnArea button.save:focus {border-color:#0ea5e2;color:#0ea5e2;background:#fff}

#ui-datepicker-div { width: 11.1rem; padding: 0; margin-top: .2em; border: 1px solid #333; background-color: #fff; z-index: 3; }
#ui-datepicker-div.ui-datepicker table { width: 89.5%; margin: .8em; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-header { background-color: #000; color: #fff; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-title { margin: 0; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev { color: #fff; top: 7px; text-align: center; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before { content: '\e93d'; font-family: "xeicon"; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-next { color: #fff; top: 7px; text-align: center; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-next::before { content: '\e940'; font-family: "xeicon"; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar th, #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td { font-size: .6rem; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td span, #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td a { text-align: center; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar th:first-child, #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td:first-child { color: #cb152b; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar th:last-child, #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td:last-child { color: #116eb4; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today { background-color: #eee; border-radius: 3px; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar .ui-state-active { background-color: #333; color: #fff; border-radius: 3px; }

/*FAQ목록*/
.listFaq ul li { clear: both; display: block; overflow: hidden; content: ""; }
.listFaq ul li:hover,.listFaq ul li:focus { background: #fafafa; }
.listFaq ul li span.question { display: block; position: relative; }
.listFaq ul li div.answer { border-top: 1px solid #ddd; border-bottom: none; position: relative; }
.listFaq { margin-bottom: 1.5rem; }
.listFaq ul li { border-bottom: 1px solid #ddd; }
.listFaq ul li .category { display: block; border-radius: 50%; width: 1.8rem; height: 1.8rem; text-align: center; background-color: #333; color: #fff; padding-top: .2rem; position: absolute; left: 1rem; top: .6rem; }
.listFaq ul li .question a { display: block; padding: .85rem 0 .85rem 3.5rem; }
.listFaq ul li .question .title { font-weight: bold; }
.listFaq ul li .question::after { content: '\e943'; font-family: "xeicon"; font-size: 1.1rem; color: #999; position: absolute; right: 1rem; top: .7rem; }
.listFaq ul li .answer { display: block; opacity: 0; visibility: hidden; max-height: 0; overflow: hidden; background: #f4f5f6; }
.listFaq ul li .answer::before { content: '\e981'; font-family: "xeicon"; font-size: 1rem; color: #999; position: absolute; left: 2rem; top: .7rem; }
.listFaq ul li .answer .answer_box { padding: .85rem .85rem .85rem 6rem; }
.listFaq ul li .answer .category { left: 3.5rem; background-color: #fff; color: inherit; }
.listFaq ul li.active .question .category { background-color: #126fb4; }
.listFaq ul li.active .question::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all .25s; transition: all .25s; color: #333; }
.listFaq ul li.active .answer { opacity: 1; visibility: visible; -webkit-transition: all .25s; transition: all .25s; max-height: 2000px; -webkit-transition: all .5s ease; transition: all .5s ease; }

/*캘린더형*/
.fc .fc-toolbar > * > :not(:first-child) { margin-left: .75rem; }
.fc .fc-toolbar h2 { display: inline-block; vertical-align: middle; }
.fc .fc-button-primary { background-color: transparent; border: none; color: #c6c6c6; -webkit-transition: all .25s; transition: all .25s; }
.fc .fc-widget-header { border-bottom: 1px solid #aaa; }
/* .fc td { background-color: transparent; } */
.fc th:first-child, .fc td:first-child { border-left: 0; }
.fc th:last-child, .fc td:last-child { border-right: 0; }
.fc .fc-view { border-bottom: 1px solid #aaa; }
.fc .fc-view .fc-sun { color: #cb152b; }
.fc .fc-view .fc-sat { color: #116eb4; }
.fc .fc-view .fc-day-grid .fc-day.fc-today { background-color: #e5f6ff; position: relative; z-index: -1; }
.fc .fc-view .fc-day-grid .fc-day-top { padding: .5rem; }
.fc .fc-view .fc-day-grid .fc-day-grid-event { margin-left: 0; margin-right: 0; padding: 2px 4px; }
.fc .fc-view .fc-day-grid .fc-event { border-radius: 0; }
.fc .fc-view .fc-day-header { padding: .9rem; text-transform: uppercase; }
.fc .fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number { float: none; }
.fc .fc-day-top.fc-other-month { opacity: 0.3; }
.fc .fc-day.fc-other-month { background-color: #f6f7fa; }
.fc .fc-event { background-color: #4a6ab1; border-color: #4a6ab1; }
.fc .fc-scroller { height: auto !important; overflow: visible !important; }

.schedule_layer { position: absolute; left: 50%; top: 49%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; background-color: #fff; border: 1px solid #999; padding: 2rem; }
.schedule_layer .title { font-size: 1.1rem; color: #333; padding-bottom: 1.5rem; }
.schedule_layer .info { font-size: .75rem; color: #333; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: .5rem; }
.schedule_layer .cont { font-size: .75rem; padding: .5rem; border-bottom: 1px solid #ddd; margin-bottom: 1rem; }
.schedule_layer .close { display: block; font-size: 1.5rem; position: absolute; right: 2rem; top: 2rem; }
.schedule_layer .BtnArea { margin-bottom: 0; }

/*영상자료게시판 상세보기*/
.media_cont { text-align: center; position: relative; height: 0; padding-bottom: 56.25%; margin-bottom: 1rem; }
.media_cont iframe { position: absolute; width: 100%; height: 100%; left: 0; background-color: #000; }

.media_textarea { height: 15rem; overflow-y: auto; background-color: #f5f6fa; border: 1px solid #e1e6eb; padding: 1.5rem 1rem; }
.media_textarea::-webkit-scrollbar { width: 14px; }
.media_textarea::-webkit-scrollbar-thumb { background-color: #d3d8dd; border: 3px solid #fff; border-radius: 6px; }
.media_textarea::-webkit-scrollbar-track { background-color: #fff; }

/*공공누리*/
.codeView01 { background-color: #f5f6fa; border: 1px solid #e1e6eb; padding: .8rem 1rem; }
.codeView01 img { margin: 0 1rem 0 0; display: inline-block; vertical-align: middle; }

div.tstyle_list > ul, div.tstyle_view > ul { margin: 0; }
div.tstyle_list > ul > li::before, div.tstyle_view > ul > li::before { display: none; }

.custom-input { position: relative; margin: 2rem 0; }
.custom-input input:focus + label {border: 2px solid blue}
.custom-input input[type="checkbox"], .custom-input input[type="radio"] { position: absolute; left: 0; top: 0; opacity: 0; }
.custom-input input[type="checkbox"] + label, .custom-input input[type="radio"] + label { display: inline-block; position: relative; padding-left: 1.6rem; margin-right: 1rem; }
.custom-input input[type="checkbox"] + label::before, .custom-input input[type="radio"] + label::before { content: ""; position: absolute; left: 0; top: 3px; width: 19px; height: 19px; border: 1px solid #c7c7c7; cursor: pointer; }
.custom-input input[type="radio"] + label::before { border-radius: 50%; }
.custom-input input[type="radio"] + label::after { content: ""; display: block; opacity: 0; width: 9px; height: 9px; background-color: #333; border-radius: 50%; position: absolute; left: 5px; top: 8px; z-index: 2; }
.custom-input input[type="checkbox"] + label::after { content: "\e929"; width: 19px; height: 19px; text-align: center; background-color: #333; border: 1px solid #333; color: #fff; font: normal 16px "xeicon"; position: absolute; left: 0; top: 3px; z-index: 2; cursor: pointer; opacity: 0; }
/* .custom-input input[type="checkbox"]:focus + label::before, .custom-input input[type="radio"]:focus + label::before { border-color: #333; } */
.custom-input input[type="checkbox"]:checked + label::after, .custom-input input[type="radio"]:checked + label::after { opacity: 1; }
.formLine.hasDatepicker { margin-bottom: .2rem; }

.satisfy-choice li { display: inline-block; }

/* 레이어 팝업 */
[id^="layerPopup"] .popup_close,
.popup_layer .popup_close { background-color: #333; color: #fff; padding: .5rem .75rem; }
[id^="layerPopup"] .popup_close .custom-input input[type="checkbox"] + label::before,
[id^="layerPopup"] .popup_close .custom-input input[type="radio"] + label::before,
.popup_layer .popup_close .custom-input input[type="checkbox"] + label::before, .popup_layer .popup_close .custom-input input[type="radio"] + label::before { border-color: #fff; background-color: #fff; }
[id^="layerPopup"] .popup_close .custom-input input[type="checkbox"] + label::after,
.popup_layer .popup_close .custom-input input[type="checkbox"] + label::after { background-color: #fff; border-color: #fff; color: #333; }
[id^="layerPopup"] .popup_close label,
.popup_layer .popup_close label { font-size: .75rem; }
[id^="layerPopup"] .popup_close a,
.popup_layer .popup_close a { float: right; }
.popup_layer .popup_close a i,
.popup_layer .popup_close a i { margin-right: .2rem; }

.nodata {padding: 20px; text-align: center;}

/*PDF뷰어스타일*/
.pdfobject-container {
    width: 100%;
    max-width: 1000px;
    height:700px;
    margin: 0.5em 0;
}

.pdfobject { border: solid 1px #666; }
#results { padding: 1rem; }
.hidden { display: none; }
/*PDF뷰어스타일*/

/*연락처*/
.form-select > select {padding:.34rem .7rem}
#tel2{width:5rem}
#tel3{width:5rem}


/* 예전오송재단 게시판 테이블 css */
.tb_cms {width:100%; border-collapse:collapse; margin-bottom:10px;}
.tb_cms caption {visibility:hidden; overflow:hidden; height:0px; width:0px; display:none;}
.tb_cms th {padding:10px 0; background:#f8fcff; border:1px solid #89b6de; text-align:center; font-weight:bold; color:#4f8fc5;}
.tb_cms td {padding:10px 5px; border:1px solid #89b6de; color:#666; text-align:center;}

@media screen and (max-width: 1280px) {
	/*html { font-size: 18px; }
	#contentWrap { padding: .5rem; }
	.galleryList.thumbnail > ul > li { min-height: inherit; }
	.galleryList.thumbnail > ul > li .txt { padding-top: 0; padding-bottom: 1rem; }*/
	.galleryList .btn-line { width: 100%; margin-bottom: .2rem; }

	.galleryList.book_style1 > ul li { min-height: 0; }/* 20190423 SY,CHo */

}
@media screen and (max-width: 768px) {
	/*html { font-size: 16px; }*/
	.basicTabWrap .depth4 li { display: block; width: 33.33%; white-space: nowrap; float: left; }
	/* 게시판 검색*/
	.board_info .Search_rss { background: #f9f9f9; border: 1px solid #ddd; padding: .5rem; text-align: center; width: 100%; }
	.board_info .page_info { margin-top: 15px; }
	.board_info fieldset span { margin-left: 0; display: block; width: 100% !important; }
	.board_info fieldset span.form-input input { padding-right: 0; }
	.board_info fieldset span.form-btn { margin-left: 0; }
	/*listDown 리스트 ex-수상내역 */
	.listDown .answer ul { column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; }

	/* Board list */
	div.tstyle_list > div.dhead { display: none; }
	div.tstyle_list > div.dbody > ul { padding: .6rem 0; position: relative; }
	div.tstyle_list > div.dbody > ul li.m-hidden:first-child { display: none; }
	div.tstyle_list > div.dbody > ul > li:first-child { float: left; }
	div.tstyle_list > div.dbody > ul > li { display: inline-block; vertical-align: middle; width: auto !important; padding: 0 .25rem; margin-right:5px ; line-height:1.4rem}
	div.tstyle_list > div.dbody > ul > li.title { font-weight: 400; display: block; width: 93%;  font-size:.9rem}
	div.tstyle_list > div.dbody > ul > li.title a {font-size:.9rem}
	div.tstyle_list > div.dbody > ul > li.title.cssfcenter{text-align:left}
	.xi-subdirectory-arrow { margin-left: 0; }
	div.tstyle_list > div.dbody .state { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
	div.tstyle_list > div.dbody > ul > li.file { padding: 0; }
	div.tstyle_list > div.dbody > ul > li.file i { margin: 0 .25rem; }
	div.tstyle_list > div.dbody > ul > li.file a {width:75%}

	/*갤러리 리스트*/
	.galleryList.col3 > ul > li,.galleryList.book_style2 > ul li {width:50%}

	/*상세뷰*/
	div.tstyle_view .add_file_list .title { display: block; width: auto; padding: .5rem 0; }
	div.tstyle_view .add_file_list .add_file { display: block; padding: 0 0 .5rem 0; }
	div.tstyle_view ul.add_file li > span.link { margin-top: .5rem; }
	div.tstyle_view ul.add_file li > strong { width: 100%; float: none; }
	div.tstyle_view div.tb_contents { padding: 1rem; }
	.tstyle_write th, .tstyle_write td { padding: .5rem;display:block }
	.tstyle_write tbody tr td select {width:100%}
	.galleryList.thumbnail > ul li .thumb, div.tstyle_view.thumbview ul.head .img {display:block;margin:0 auto 1rem}
	.galleryList.thumbnail > ul > li .txt, div.tstyle_view.thumbview ul.head .txt {width:100%;margin:0}
	.galleryList.thumbnail > ul li .thumb, .galleryList.thumbnail > ul li .txt {float:none}

	/* FAQ 리스트 */
	.listFaq ul li .answer::before { display: none; }
	.listFaq ul li .answer .answer_box { padding-left: 3.5rem; }
	.listFaq ul li .answer .category { left: 1rem; }
	.schedule_layer { width: 90%; padding: 1rem; }
	.schedule_layer .close { right: 1rem; top: 1rem; }
	[id^="layerPopup"],
	.popup_layer { left: 0 !important; top: 50px !important; max-width: 100%; }
	[id^="layerPopup"] .popup_cont,
	.popup_layer .popup_cont{width:auto !important;height:auto !important}
	[id^="layerPopup"] .popup_cont img,
	.popup_layer .popup_cont img{width:auto !important;height:auto !important}

	.board_pager a:hover,.board_pager a:focus { background: none; }
	.board_pager .pageNone { display: none; border: none; }
	.board_pager .pageNone:nth-last-of-type(3) { display: inline-block; }
	.board_pager .pageNone:nth-last-of-type(3)::before { content: "/"; display: inline-block; -webkit-transform: translateX(-15px); transform: translateX(-15px); }
	.board_pager .pageFirst, .board_pager .pagePrev, .board_pager .pageNext, .board_pager .pageLast, .board_pager .pageNow { display: inline-block; }
	.board_pager .pageNow { background: none; border: none; }
	.board_pager .pageNow strong { color: #333; }
	.board_pager .pageFirst, .board_pager .pageLast, .board_pager .pagePrev, .board_pager .pageNext {display:inline-block}
	.board_pager .pagePrevMbl, .board_pager .pageNextMbl {display:inline-block}
	.galleryList.book_style2 > ul li .thumb {min-height:9rem}
}
@media screen and (max-width: 600px){
	.terms_text {padding:1.5rem 1rem}
	.galleryList.thumbnail > ul > li a,div.tstyle_view.thumbview ul.head {padding:1rem 1.5rem}
}
@media screen and (max-width:430px){
	.galleryList.thumbnail > ul li, div.tstyle_view.thumbview ul.head {text-align:center}
	.galleryList.thumbnail > ul li .thumb, div.tstyle_view.thumbview ul.head .img {width:100%}
	.galleryList.col3 > ul > li {width:100%}
	.tstyle_write tbody tr td select {min-width:inherit;width:100%}
	.galleryList.book_style2 > ul li .btn-wrap a {padding:0 .75rem}
}

.ck-editor__editable_inline {
    min-height: 200px;
}
/* 20241217 웹 접근성 적용
.h {display: none;}
*/
.h {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip-path: polygon(0 0, 0 0, 0 0);
}