@charset "UTF-8";

.content_view_tab { margin-bottom: 2.5rem; }
.content_view_tab ul { display: table; table-layout: fixed; width: 100%; }
.content_view_tab ul li { display: table-cell; vertical-align: middle; padding-left: 0; }
.content_view_tab ul li::before { display: none; }
.content_view_tab ul li a { position: relative; display: block; text-align: center; padding: 2rem 1rem; line-height: 1.35; margin: 0; font-size: 1.7rem; word-break: keep-all; background-color: #F6F6F6; border: 1px solid #e1e6eb; }
.content_view_tab ul li a:hover,
.content_view_tab ul li a:focus { background-color: #D60F1B; border-color: #D60F1B; color: #fff; -webkit-transition: all .25s; transition: all .25s; }
.content_view_tab ul li.on a,
.content_view_tab ul li.active a { background-color: #D60F1B; border-color: #D60F1B; color: #fff; }
.content_view_tab ul li a em.hidden{ display: none; }
.content_view_tab ul li.on a em.hidden,
.content_view_tab ul li.active a em.hidden{ display: inline-block;}
.content_view_tab ul li.on a:after,
.content_view_tab ul li.active a:after{ position: absolute; bottom: -1.4rem; left: 50%; margin-left: -1.35rem;  content: ""; display: inline-block; width: 2.7rem; height: 1.4rem; background: url(/main/img/sub/tab_tail.png) no-repeat; background-size: contain; }
.content_view_tab ul li:first-child a { border-radius: 0 0 0 .8rem; }
.content_view_tab ul li:last-child a { border-radius: 0 .8rem 0 0; }

.cont_tab{ position:relative;}
.cont_tab .tab-ul:after{ display:block;clear:both;overflow:hidden;content:''; }
.cont_tab .tab-ul{ display: block; width: 100%; height: auto; margin: 0 0 50px 0; } 
.cont_tab .tab-ul > li{ display:inline-block; float:left; width: 100%; height: auto; vertical-align: middle; text-align:center; margin:0; }
.cont_tab .tab-ul > li .tablink{ position: absolute; top: 0; left: 50%; width: 40rem; height: 6.2rem; line-height: 6rem; background-color: #F6F6F6; border: 1px solid #e1e6eb; border-radius: 0 .8rem 0 0;-webkit-transition: all .25s; transition: all .25s; }
.cont_tab .tab-ul > li.on .tablink{ background-color: #D60F1B; border-color: #D60F1B; color: #fff; }
.cont_tab .tab-ul > li.on .tablink:after{ position: absolute; bottom: -1.4rem; left: 50%; margin-left: -1.35rem;  content: ""; display: inline-block; width: 2.7rem; height: 1.4rem; background: url(/main/img/sub/tab_tail.png) no-repeat; background-size: contain; }
.cont_tab .tab-ul > li:first-child .tablink{ left: auto; right: 50%;border-radius: 0 0 0 .8rem; }
.cont_tab .tab-ul > li .tab_con{ position: relative; width: 100%; top:11.5rem;} 
.cont_tab .tab-ul > li .tab_con .tab_obj{ display: none; width: 100%; text-align: center;}
.cont_tab .tab-ul > li.on .tab_con .tab_obj{display:inline-block;}
.cont_tab .tab-ul > li > a .hidden{ display: none; }
.cont_tab .tab-ul > li.on > a .hidden{ display: inline-block; }
.cont_tab .tab-ul > li.on > a,
.cont_tab .tab-ul > li > a:hover,
.cont_tab .tab-ul > li > a:focus{ background-color: #D60F1B; border-color: #D60F1B; color: #fff; }
.cont_tab .tab-ul > li .tab_con .tab_obj .txt_title{ text-align: left; }

.depth4_tab{ position: relative; margin-bottom: 2rem; }
.depth4_tab ul { display: table; table-layout: fixed; width: 100%; }
.depth4_tab ul li { display: table-cell; vertical-align: middle; padding-left: 0; }
.depth4_tab ul li::before { display: none; }
.depth4_tab ul li a { position: relative; display: block; text-align: center; padding: 2rem 1rem; line-height: 1.35; margin: 0; font-size: 1.7rem; word-break: keep-all; border: 1px solid #e1e6eb; background-color: #F6F6F6; }
.depth4_tab ul li a .hidden{ display: none; }
.depth4_tab ul li.active a .hidden{ display: inline-block; }
.depth4_tab ul li a:hover,
.depth4_tab ul li a:focus { background-color: #D60F1B; border-color: #D60F1B; color: #fff; -webkit-transition: all .25s; transition: all .25s; }
.depth4_tab ul li.on a,
.depth4_tab ul li.active a{ background-color: #D60F1B; border-color: #D60F1B; color: #fff; }
.depth4_tab ul li.on a:after,
.depth4_tab ul li.active a:after{ position: absolute; bottom: -1.4rem; left: 50%; margin-left: -1.35rem;  content: ""; display: inline-block; width: 2.7rem; height: 1.4rem; background: url(/main/img/sub/tab_tail.png) no-repeat; background-size: contain; }
.depth4_tab ul li:first-child { border-radius: 0 0 0 .8rem; }
.depth4_tab ul li:last-child { border-radius: 0 .8rem 0 0; }

/* 페이지,검색영역*/
.board_info { position: relative; margin-bottom: 2.8rem; }
.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: 1rem; margin-left: .8rem; }
.board_info .page_info .current_page::before { content: ''; display: block; background-color: #ddd; width: 1px; height: 1.4rem; 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: 1.5rem; }
.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 1rem; }
.board_info fieldset select{ padding-right: 2.5rem; }
.board_info fieldset span { display: inline-block; vertical-align: middle; height: 4rem; }
.board_info fieldset span:first-of-type { margin-left: 0; }
.board_info fieldset span.form-select { min-width: 1.5rem; position: relative; }
.board_info fieldset span.form-select::after { content: '\e936'; color: #333; position: absolute; right: 1rem; 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; z-index: 1; padding-right: 2.5rem; }
.board_info fieldset span.form-select select::-ms-expand { display: none; }
.board_info fieldset span.form-input { width: 26rem; }
.board_info fieldset span.form-input input { padding-right: 6rem; }
.board_info fieldset span.form-btn { min-width: 4rem; margin-left: -6rem; }
.board_info fieldset span.form-btn button { background-color: #333; border: #333; color: #fff; font-weight: 300; padding: 0 1.8rem; }

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; }

/*Board list*/
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: 1.4rem 1rem; 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 > ul > li.W30 { width: 30%; word-break: keep-all; }
div.tstyle_list > div.dhead { border-bottom: 1px solid #aaa; background-color: #F6F6F6; }
div.tstyle_list > div.dbody > ul { border-bottom: 1px solid #ddd; font-size: 1.6rem; }
div.tstyle_list > div.dhead > ul li { color: #222; font-weight: 500; }
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: 3.6rem; height: 3.6rem; text-align: center; background-color: #333; padding-top: .7rem; font-size: 1.3rem; }
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 a { display: inline-block; vertical-align: middle; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 85%; font-size: 1.6rem; }
.xi-subdirectory-arrow { color: #999; font-size: 2rem; display: inline-block; vertical-align: middle; margin-left: 1rem; margin-right: .4rem; }
.xi-lock { color: #222; font-size: 2rem; display: inline-block; vertical-align: middle; margin-right: .4rem; }
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: 1.6rem; height: 1.7rem; background: url("../img/sub/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 { 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 { color: #fff; text-decoration: none; }
div.tstyle_list > div.dbody .xi-new { color: #126fb4; font-size: 2.2rem; display: inline-block; vertical-align: middle; margin-left: .8rem; }
div.tstyle_list > div.dbody .state { font-size: 1.5rem; display: inline-block; vertical-align: middle; margin-left: .4rem; border-radius: 2px; padding: .2rem .9rem; }
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; }

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

/* button */
.btn-line { display: inline-block; min-width: 8.6rem; width: 49%; border: 1px solid #999; background-color: #fff; padding: .7rem 1.5rem; 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: 1.2rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #333; }
.btn-line:hover { background-color: #333; color: #fff; }
.btn-line:hover i { color: #fff; }
.btn-line.type2 { border: 1px solid #333; background-color: #333; color: #fff; }

/*Board View */
div.tstyle_view { margin-bottom: 2rem; }
div.tstyle_view div.title { color: #333; font-size: 2.2rem; font-weight: 500; padding: 2.4rem 0; text-align: left; }
div.tstyle_view .head { padding: 1.8rem 0; border-bottom: 1px solid #ddd; text-align: left; background-color: #f8f9fa; }
div.tstyle_view .head span { display: inline-block; font-weight: 400; color: #363636; }
div.tstyle_view .head span ~ span { position: relative; padding-left: 1rem; margin-left: .8rem; }
div.tstyle_view .head span ~ span::before { content: ''; display: block; background-color: #ddd; width: 1px; height: 1.2rem; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
div.tstyle_view .head span strong { color: #000; font-weight: normal; padding-right: 5px; }
div.tstyle_view .head span span { color: #777; }
div.tstyle_view .sub_head { position: absolute; top: 6.1rem; left: 0; }
div.tstyle_view .sub_head .img_wrap{ width: 28.6rem; border: 1px solid #ddd; margin-bottom: 2.4rem; }
div.tstyle_view .sub_head .img_wrap img{ width: 100%; height: auto; }
div.tstyle_view .sub_head ul > li{ position: relative; float: left; display: inline-block; font-size: 1.6rem; font-weight: 400; padding-left: 2.4rem; }
div.tstyle_view .sub_head ul > li:before{ position: absolute; top: .6rem; left: 1.2rem; content: ""; display: inline-block; width: 1px; height: 1.5rem; background-color: #BFBFBF; }
div.tstyle_view .sub_head ul > li strong{ font-weight: 500; }
div.tstyle_view .sub_head ul > li span{ font-weight: 300; }
div.tstyle_view .sub_head ul > li.category{ float: none; display: block; margin-bottom: 1.6rem; padding-left: 0; }
div.tstyle_view .sub_head ul > li.date{ padding-left: 0; }
div.tstyle_view .sub_head ul > li.category:before,
div.tstyle_view .sub_head ul > li.date:before{ display: none; }
div.tstyle_view .sub_head > .writer { float: left; line-height: 3.5rem; font-weight: 400; color: #777; margin-right: 1rem; } 
div.tstyle_view .view_btn{ margin-bottom: 7.8rem; }
div.tstyle_view .view_btn > ul { }
div.tstyle_view .view_btn > ul > li { float: left; margin-left: .7rem; }
div.tstyle_view .view_btn > ul > li:first-child{ margin-left: 0; }
div.tstyle_view .view_btn > ul > li > a{ display: inline-block; padding: .5rem 2.5rem; border-radius: .4rem; border: 1px solid #58596F; font-weight: 400; font-size: 1.5rem; }
div.tstyle_view .view_btn > ul > li:nth-child(odd) > a{ background-color: #58596F; color: #fff; }
div.tstyle_view .view_btn > ul > li.clickOpen{ position: relative; }
div.tstyle_view .view_btn > ul > li.clickOpen .sns_share{ position: absolute; bottom: -5.2rem; left: 0; width: 100%; height: 0; opacity: 0; visibility: hidden; overflow: hidden; }
div.tstyle_view .view_btn > ul > li.clickOpen.on .sns_share{ height: 5rem; opacity: 1; visibility: visible; padding: 1rem 0; border: 1px solid #58596F; border-radius: .5rem; }
div.tstyle_view .view_btn > ul > li.clickOpen.on .sns_share ul{ display: inline-block; overflow: hidden; vertical-align: top; }
div.tstyle_view .view_btn > ul > li.clickOpen.on .sns_share li{ float: left; display: inline-block; margin-left: .5rem; }
div.tstyle_view .view_btn > ul > li.clickOpen.on .sns_share a { display: inline-block; overflow: hidden; width: 3rem; height: 3rem; background: url(/main/img/layout/fb.png) no-repeat; background-size: 100%; font-size: 0;}
div.tstyle_view .view_btn > ul > li.clickOpen.on .sns_share .twitter a { display: inline-block; overflow: hidden; width: 3rem; height: 3rem; background: url(/main/img/layout/tw.png) no-repeat; background-size: 100%; vertical-align: middle;}
div.tstyle_view .view_btn > ul > li.clickOpen.on .sns_share a.close{ display: inline-block; background: none; vertical-align: top; }
div.tstyle_view .view_btn > ul > li.clickOpen.on .sns_share a.close::before {content: ""; font-family: 'xeicon'; font-size: 3rem; line-height: 3rem; }
div.tstyle_view .view_btn > ul > li.clickOpen.on .sns_share a.close:hover::before, 
div.tstyle_view .view_btn > ul > li.clickOpen.on .sns_share a.close:focus::before { -webkit-transform: rotate(180deg) translateY(2px); transform: rotate(180deg) translateY(2px); }
.contents_util .util .share .item a.close::before { content: ''; }


div.tstyle_view div.tb_contents_wrap{ position: relative; padding-left: 35.6rem; min-height: 55rem; }
div.tstyle_view div.tb_contents { clear: both; padding: 6rem 0 0 0; word-break: keep-all; }
/* div.tstyle_view div.tb_contents p,
div.tstyle_view div.tb_contents p *{ font-size: 1.6rem !important; line-height: 2.5rem; }
div.tstyle_view div.tb_contents *{ font-family: "nsk" !important; } */
div.tstyle_view div.tb_contents .tb_tit { display: block; font-size: 1.6rem; color: #000; margin-bottom: 1.1rem; }
div.tstyle_view div.related_keyword { background-color: #F8F9FA; padding: 2.6rem 0; border-bottom: 1px solid #aaa; margin-top: 8rem; margin-bottom: 3.2rem; }
div.tstyle_view div.related_keyword strong{ display: inline-block; font-size: 1.6rem; color: #3C3C3C; margin-right: 1rem; vertical-align: middle; }
div.tstyle_view div.related_keyword strong:after{ content: ""; display: inline-block; width: 1.3rem; height: .2rem; margin-left: 1rem; background-color: #B9B9B9; vertical-align: middle; }

.contents_wrap { position: relative; min-height: 55rem; overflow: hidden;}
.contents_wrap .gallery_thumb {float: left; width: 28.6rem; margin: 6rem 6rem 0 0;  border: 1px solid #ddd; overflow: hidden;}
.contents_wrap .gallery_thumb img {max-width: 100%;}
.tstyle_view .contents_wrap  div.tb_contents {clear: inherit; position: relative; overflow: hidden;}
div.tstyle_view .head.info {text-align: center;}

.board_view .tb_contents li,
.tstyle_view .tb_contents li,
.board_view .contents li {
    margin-left: 1.5rem;
    list-style-type: inherit;
	}
/*첨부파일*/
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: 2rem; }
div.tstyle_view .add_file_list .add_file { display: table-cell; padding: 2rem 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: .6rem; }
ul.add_file li .file_down:hover { color: #126fb4; }
ul.add_file li .fileSize { color: #999; font-size: 1.6em; margin-left: .4rem; }
ul.add_file li .link { float: right; }
ul.add_file li .link .btn-line { font-size: 1.4rem; width: auto; min-width: 10rem; padding: .2rem 2.2rem .2rem 1rem; }
ul.add_file li .link .btn-line i { right: .7rem; }
ul.add_file li ~ li { margin-top: 1rem; }
ul.add_file li .xi-close-circle { display: inline-block; vertical-align: middle; font-size: 2rem; color: #888; margin-left: 1rem; -webkit-transition: all .25s; transition: all .25s; }
ul.add_file li .xi-close-circle:hover { color: #126fb4; }
ul.add_file li .input_file { display: inline-block; padding: .6rem 1.2rem; border: 1px solid #999; -webkit-transition: all .25s; transition: all .25s; }
ul.add_file li .input_file:hover { background-color: #999; color: #fff; }

/* 갤러리 리스트 */
.galleryList { overflow: hidden; }
.galleryList.top-border-none { border: 0; }
.galleryList.top-border-none::after{ display: none; }
.galleryList.book_style2.top-border-none > ul li{ padding-top: 2rem; border-bottom: 0; }
.galleryList > ul { margin: 0 -1.3%; }
.galleryList > ul > li { float: left; padding: 4rem 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: 61%; margin: 0 auto 2rem; text-align: center; background: #efeff1; border: 1px solid #ddd; }
.galleryList > ul > li .thumb::before { content: "\e9c5"; font-family: "xeicon"; font-size: 3.6rem; 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: 55%; opacity: 0; visibility: hidden; -webkit-transform: translate(-50%, 20%); transform: translate(-50%, 20%); }
.galleryList > ul > li .thumb img { width: 100%; -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: 1.8rem; 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: .5rem; letter-spacing: -0.09rem; }
.galleryList > ul > li .title.type2{ height: 5.6rem; white-space: normal; overflow: hidden; } 
.galleryList.book_style1 > ul > li .date, .galleryList.book_style1 > ul > li .writer, .galleryList.book_style1 > ul > li .dept, .galleryList.book_style1 > ul > li .hit, .galleryList.book_style1 > ul > li .category, .galleryList.book_style1 > ul > li .down { position: relative; display: inline-block; margin: 0; color: #000; font-size: 1.6rem; font-weight: 300; padding-left: 1rem; margin-left: .8rem; }
.galleryList.book_style2 > ul > li .date{ color: #666; letter-spacing: -0.04rem; }
.galleryList.book_style2 > ul > li .date > b{ font-weight: 500; color: #363636; }
.galleryList > ul > li .category:before{ content: ""; display: inline-block; width: .5rem; height: .5rem; border-radius: 50%; vertical-align: middle; margin-right: .7rem; background-color: #9D9D9D; }
.galleryList > ul > li .related_keyword { display: block; margin-top: 4rem; }
.galleryList > ul > li .related_keyword > span.tag{ margin-bottom: 1rem; }
.related_keyword > span.tag { display: inline-block; border: 1px solid #CBCBCB; background-color: #fff; border-radius: 2rem; padding: .3rem 1.8rem; margin-right: .5rem; font-size: 1.6rem; color: #535353; font-weight: 400; vertical-align: middle; }
.galleryList.book_style2 > ul > li .related_keyword{ text-align: center; }
.galleryList.book_style2 > ul > li .related_keyword > span.tag{ width: calc( 50% - 7px ); letter-spacing: -0.06rem; padding: .3rem 0; font-size: 1.4rem;}
.galleryList.book_style1 > ul > li .category{ padding-left: 0; margin-left: 0; }

.galleryList > ul > li .date b, .galleryList > ul > li .hit b { font-weight: normal; color: #000; display: inline-block; }
.galleryList > ul > li .desc { display: -webkit-box; -webkit-line-clamp: 2; max-height: 4.6rem; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 2rem; }
.galleryList.verticalList > ul > li .txt > span { position: relative; padding-left: 1rem; margin-left: 1rem; }
.galleryList.book_style1 > ul > li .txt > span::after,
.galleryList.verticalList > ul > li .txt > span::after { content: ''; display: block; background-color: #BFBFBF; width: 1px; height: 1.4rem; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.galleryList.verticalList > ul > li .txt > span.date{ margin-left: 0; padding-left: 0; }
.galleryList.verticalList > ul > li .txt > span.date::after { display: none; }
.galleryList > ul > li .txt > span{ color: #666; }
.sub0306 .galleryList > ul > li .txt > span{ display:block; height: 7.4rem; overflow: hidden; }

.galleryList > ul > li .txt > span > b{ font-weight: 400; color: #000; }
.galleryList > ul > li .down, .galleryList > ul > li .hit { color: #666; }
.galleryList > ul > li .down > b, .galleryList > ul > li .hit > b{ color: #000; }
.galleryList > ul > li .txt > a + span.category,
.galleryList > ul > li .txt > a .title + span{ margin-left: 0; padding-left: 0;}
.galleryList > ul > li .txt > a span{ position: relative; display: inline-block; margin: 0; color: #000; font-size: 1.6rem; font-weight: 300; padding-left: 1rem; margin-left: .8rem; }
.galleryList > ul > li .txt > a span::after, 
.galleryList > ul > li .txt > a span::after { content: ''; display: block; background-color: #BFBFBF; width: 1px; height: 1.4rem; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.galleryList.book_style1 > ul > li .txt > .category::after{ display: none; }
.galleryList > ul > li > a:hover .thumb::before, 
.galleryList > ul > li > a:focus .thumb::before, 
.galleryList > ul > li:hover .thumb::after,
.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; }
.galleryList > ul > li > a:hover .thumb img,
.galleryList > ul > li > a:focus .thumb img { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .4; }
.galleryList.col3 > ul li { width: 33.33333333%; }
.galleryList.col4 > ul li { width: 25%; }
.galleryList.thumbnail > ul { margin: 0; }
.galleryList.thumbnail > ul li { float: none; min-height: 26rem; padding-left: 0; padding-right: 0; }
.galleryList.thumbnail > ul li::after { content: ""; clear: both; display: table; }
.galleryList.thumbnail > ul li .thumb { width: 23%; padding-bottom: 14%; position: absolute; }
.galleryList.thumbnail > ul li .txt { padding: 2rem 4rem 4rem 27%; }
.galleryList.book_style1 > ul { margin: 0; }
.galleryList.book_style1 > ul li {display: flex;display: -webkit-flex;flex-flow: row wrap;align-items: center;align-content: center;float: none;width: 100%;padding: 3rem 2% 3rem 2rem;position: relative;overflow: hidden;}
.galleryList.book_style1 > ul li::after { content: ""; clear: both; display: table; }
.galleryList.book_style1 > ul > li > a,
.galleryList.book_style1 > ul > li > .thumb_wrap {position: relative;display: block;float: left;width: 19rem;height: 28rem;margin-right: 4.5rem;overflow: hidden;}
.galleryList.book_style1 > ul li .title { font-size: 2.4rem; font-weight: 500; letter-spacing: -0.14rem; color: #222; line-height: 3.6rem; margin-bottom: 3rem; }
.galleryList.book_style1 > ul li .title + .date{ margin-left: 0; padding-left: 0; }
.galleryList.book_style1 > ul li .title + .date:after{ display: none; }
.galleryList.book_style1 > ul li .title:before{ content: ""; display: block; width: 4rem; height: 2px; background-color: #ED1E2B; margin-bottom: 2.3rem; }
.galleryList.book_style1 > ul li .brief_num + .title:before { display: none; }
.galleryList.book_style1 > ul li .brief_num { display: block; font-size: 1.7rem; font-weight: 600; color: #DB0016; margin-bottom: 1rem; letter-spacing: -0.035rem; }
.galleryList.book_style1 > ul li .thumb { width: 23%; padding-bottom: 30%; position: absolute; left: 2.6rem; }
.galleryList.book_style1 > ul li .thumb_resize {
	display: block;
	position: relative;
    width: 19rem;
    height: 28rem;
    margin-right: 4.5rem;
	border: 1px solid #ddd;
	overflow: hidden;
	}
.galleryList.book_style1 > ul li .thumb_resize > a{ display: block; width: 100%; height: 100%; }
.galleryList.book_style1 > ul li .thumb_resize > a:focus{ border: 2px solid #000; }
.galleryList.book_style1 > ul li .txt {width: calc( 100% - 14rem);overflow: hidden;}
.galleryList.book_style1 > ul li .thumb_resize + .txt {width: calc( 100% - 34.5rem);}/* 연구보고서, 한옥 정책브리프 */
.galleryList.book_style1 > ul > li > .thumb_wrap + .txt {width: calc( 100% - 46rem);} /* 건축도시 정책동향 */
.galleryList.book_style1 > ul li .txt > a{}
.galleryList.book_style1 > ul li .txt a{ display: block; }
.galleryList.book_style1 > ul li .txt a:hover .title,
.galleryList.book_style1 > ul li .txt a:focus .title{ text-decoration: underline; }
.galleryList.book_style1 > ul li .txt .desc { -webkit-line-clamp: 3; max-height: 8rem; }
.galleryList.book_style1 > ul li .btn { position: absolute; top: 50%; right: 0; margin: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align: right; }
.galleryList.book_style1 > ul li .btn a { display: inline-block; min-width: 11rem; padding: 2.8rem 2.2rem 2rem; border: 1px solid #F21623; background-color: #fff; color: #F21623; font-weight: 500; text-align: center; }
.galleryList.book_style1 > ul li .btn a.btn-view { background-color: #fff; border: 1px solid #131C33; color: #131C33; }
.galleryList.book_style1 > ul li .btn a i { display: block; position: static; color: #F21623; -webkit-transform: translateY(0); transform: translateY(0); }
.galleryList.book_style1 > ul li .btn a.btn-view i { color: #131C33; }
.galleryList.book_style1 > ul li .btn a:hover,
.galleryList.book_style1 > ul li .btn a:focus{ background-color: #F21623; color: #fff; }
.galleryList.book_style1 > ul li .btn a.btn-view:hover,
.galleryList.book_style1 > ul li .btn a.btn-view:focus{ background-color: #131C33; color: #fff; }
.galleryList.book_style1 > ul li .btn a:hover i,
.galleryList.book_style1 > ul li .btn a:focus i,
.galleryList.book_style1 > ul li .btn a.btn-view:hover i,
.galleryList.book_style1 > ul li .btn a.btn-view:focus i{ color: #fff; }

.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 .thumb { height: 0; padding-bottom: 120%; }
.sub010402 .galleryList.book_style2 > ul li .thumb{ padding-bottom: 141%; }
.galleryList.book_style2 > ul li .thumb::before { top: 40%; }
.galleryList.book_style2 > ul li .desc { display: none; }
.galleryList.book_style2 > ul li .date { display: block; }
.galleryList.book_style2 > ul li .vol > b { font-weight: 500; color: #DB0016; letter-spacing: -0.03rem; }
.galleryList.book_style2 .date, .galleryList.book_style2 .hit { display: none; }


.galleryList.book_style3{ border: none; }
.galleryList.book_style3:after{ display: none; }
.galleryList.book_style3 .report_slider{  }
.galleryList.book_style3 > ul,
.galleryList.book_style3 .report_slider{ margin: 0 -1%; }
.galleryList.book_style3 .report_slider ul { margin: 0; }
.galleryList.book_style3 > ul li,
.galleryList.book_style3 .report_slider ul li{ float: left; width: 50%; padding-left: 1%; padding-right: 1%; padding-top: 0; padding-bottom: 0; border: none; margin-bottom: 1.8rem; }
.galleryList.book_style3 > ul li a,
.galleryList.book_style3 .report_slider ul li a{ display: block; border: 1px solid #D5D5D5; padding: 4rem; transition: all .2s; -webkit-transition: all .2s; }
.galleryList.book_style3 > ul li a:hover,
.galleryList.book_style3 .report_slider ul li a:hover,
.galleryList.book_style3 > ul li a:focus,
.galleryList.book_style3 .report_slider ul li a:focus{ border-color: #DB0016; }
.galleryList.book_style3 > ul li a:hover .title,
.galleryList.book_style3 .report_slider ul li a:hover .title,
.galleryList.book_style3 > ul li a:focus .title,
.galleryList.book_style3 .report_slider ul li a:focus .title{ color: #DB0016; }
.galleryList.book_style3 .report_slider ul li a .txt,
.galleryList.book_style3 .report_slider ul li a .txt .title{ display: block; width: 100%; }
.galleryList.book_style3 > ul > li .title,
.galleryList.book_style3 .report_slider ul > li .title{ font-size: 1.9rem; word-break: break-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 1rem; }
.galleryList.book_style3 ul li .desc { display: none; }
.galleryList.book_style3 ul li .date { display: block; }
.galleryList.book_style3 ul li .vol > b { font-weight: 500; color: #DB0016; letter-spacing: -0.03rem; }
.galleryList.book_style3 .date, .galleryList.book_style3 .hit { display: none; }
.galleryList.book_style3 .slick-arrow{ position: absolute; bottom: -8rem; left: 50%; width: 5.8rem; height: 5.8rem; border-radius: 50%; border: 1px solid #D5D5D5; font-size: 0; }
.galleryList.book_style3 .slick-arrow:before{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); content: ""; font-family: 'xeicon'; display: inline-block; font-size: 2.5rem; color: #6D6D6D; }
.galleryList.book_style3 .slick-next:before{ content: ""; }
.galleryList.book_style3 .slick-prev{ margin-left: -9.5rem; }
.galleryList.book_style3 .slick-next{ margin-left: 4rem; }
.galleryList.book_style3 .slick-arrow:hover,
.galleryList.book_style3 .slick-arrow:focus{ border-color: #E42E39; color: #E42E39; }
.galleryList.book_style3 .pagingInfo{ text-align: center; padding-top: 4rem; margin-bottom: 5rem; }


.galleryList .btn { float: left; display: block; width: 100%; margin-top: 2rem; }
.galleryList.book_style1 > ul li .btn,
.galleryList.book_style3 > ul li .btn{ width: auto; } 
.galleryList_title { font-size: 1.9rem; line-height: 2.8rem; color: #4D4D4D; }

.boardList.num_style > ul { margin: 0; }
.boardList.num_style > ul li { float: none; width: 100%; padding: 2.8rem 12rem 2.8rem 0; position: relative; border: 1px solid #ddd; margin-bottom: 1.4rem; transition: all .2s; -webkit-transition: all .2s; }
.boardList.num_style > ul li::after { content: ""; clear: both; display: table; }
.boardList.num_style > ul > li > a { position: static; }
.boardList.num_style > ul > li > a:hover,
.boardList.num_style > ul > li > a:focus{ text-decoration: underline; }
.boardList.num_style > ul li .title { display: block; font-size: 2rem; font-weight: 600; letter-spacing: -0.1rem; color: #222; line-height: 4rem; margin-bottom: 1.2rem; word-break: break-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.boardList.num_style > ul li .txt { display: block; height: auto; position: relative; padding-left: 9.2rem; margin-bottom: 0; }
.boardList.num_style > ul li .txt .num{ position: absolute; top: 0; left: 3.6rem; line-height: 4rem; font-size: 1.7rem; font-weight: 600; color: #DB0016; }
.boardList.num_style > ul li .txt a{ display: block; }
.boardList.num_style > ul li .txt .desc { }
/*
.boardList.num_style > ul li .txt .desc span:before{ content:""; display: inline-block; width: .3rem; height: .3rem; background-color: #ddd; vertical-align: middle; margin: 0 .8rem; }
.boardList.num_style > ul li .txt .desc span b:before{ content: ""; display: inline-block; width: 1px; height: 1.1rem; background-color: #ddd; vertical-align: middle; margin: 0 .8rem; }
*/
.boardList.num_style > ul li .txt .desc span:first-child:before{ display: none; }
.boardList.num_style > ul li .txt .desc span{ display: inline-block; font-size: 1.6rem; font-weight: 400; color: #999; }

.boardList.num_style > ul li .txt .desc span:first-child b:before{ display: none; }
.boardList.num_style > ul li .txt .desc span b{ display: inline-block; color: #555555; font-weight: 400; }
.boardList.num_style > ul li .txt .desc span.category b{ width: 10.5rem; color: #DB0016; font-weight: 500; margin-right: 1.5rem; }

/*
접근성 때문에 주석
.boardList.num_style > ul li:hover,
.boardList.num_style > ul li:focus{ border-color: #DB0016; }*/
.boardList.num_style > ul li:hover .btn a,
.boardList.num_style > ul li:focus .btn a{ background-color: #DB0016; border-color: #DB0016; }


.boardList.num_style > ul li .btn { position: absolute; top: 50%; right: 3.6rem; margin: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align: right; }
.boardList.num_style > ul li .btn span { display: inline-block; max-width: 6.6rem; min-width: 0; width: 100%; padding: 2rem 1.3rem; border: 1px solid #131C33; background-color: #131C33; color: #fff; font-weight: 400; font-size: 1.5rem; line-height: 1.8rem; text-align: center; word-break: keep-all; }
.boardList.num_style > ul li a:hover .btn span,
.boardList.num_style > ul li a:focus .btn span{ background-color: #DB0016; border-color: #DB0016; }
.boardList.num_style > ul li .btn a.btn-view { background-color: #fff; border: 1px solid #131C33; color: #131C33; }
.boardList.num_style > ul li .btn a i { display: block; position: static; color: #fff; -webkit-transform: translateY(0); transform: translateY(0); }
.boardList.num_style > ul li .btn a.btn-view i { color: #131C33; }

.board_view .board_topbox{ position: relative; padding: 6.4rem 2rem 6.4rem 37rem; border-bottom: 1px solid #D6D6D6; }
.board_view .board_topbox .img_wrap{ position: absolute; top: 5.3rem; left: 0; width: 31rem; height: 21.5rem; }
.board_view .board_topbox .img_wrap .thumb{ display: block; width: 200%; height: 100%; margin-left: -50%; text-align: center;}
.board_view .board_topbox .img_wrap .thumb img{ height: 100% !important; width: auto !important; }
.board_view .board_topbox .title{ display: block;font-size: 2.4rem; line-height: 3.6rem; letter-spacing: -0.16rem; color: #222; margin-bottom: 2.3rem; }
.board_view .board_topbox .title .state{ display: inline-block; padding: .4rem 2.3rem; background-color: #DC0916; font-size: 1.7rem; color: #fff; font-weight: 400; line-height: 2.8rem; border-radius: 3rem; vertical-align: top; margin-left: 1rem;}
.board_view .board_topbox .title .state.end{ background-color: #4b4b4b; }
.board_view .list_dot > li,
.tstyle_view .list_dot > li{ margin-bottom: 0; }
.board_view .list_dot > li:before,
.tstyle_view .list_dot > li:before{ left: 0; width: .5rem; height: .5rem; border-radius: 50%; }
.board_view .list_dot > li b,
.tstyle_view .list_dot > li b{ position: relative; display: inline-block; min-width: 12rem; margin-right: 4.3rem; font-weight: 600; }
.board_view .list_dot > li b:after,
.tstyle_view .list_dot > li b:after{ content: ""; position: absolute; top: .4rem; right: -2.15rem; content: ""; display: inline-block; width: 1px; height: 1.2rem; background-color: #BFBFBF; }
.board_view .board_contents{ }
.board_view .board_contents .txt_title{ display: block; margin-top: 4.7rem;  margin-bottom: 2.2rem; letter-spacing: -0.1rem; }
.board_view .board_contents .img_wrap{ text-align: center; }
.board_view .board_contents .img_wrap img{ display: inline-block; }
.board_view .board_contents .board_num_list{ padding: 5rem; }
.board_view .board_contents .board_num_list li{ position: relative; padding-left: 4.4rem; line-height: 2.7rem; font-size: 1.7rem; letter-spacing: -0.01rem; color: #393939; margin-bottom: 2rem; }
.board_view .board_contents .board_num_list li span{ position: absolute; top: 0; left: 0; display: inline-block; width: 3.2rem; height: 3.2rem; border-radius: 50%; background-color: #525252; color: #fff; font-size: 1.5rem; font-weight: 500; text-align: center; line-height: 3.2rem; letter-spacing: -0.09rem; }

.board_view .board_topbox .thumb_resize{ position: relative; display: block; width: 100%; height: 100%; }
.board_view .contents img{ max-width: 100%; }
.thumb_resize img{ width: 100%; max-width: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }



/*개인정보 수집 동의*/
.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: 1.5rem 2rem; 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: 3rem; }
.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: 12rem; }
.list_board li a:hover { text-decoration: underline; }

/* comment */
div.CommentWrap { margin: 4rem 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: 2rem; margin-top: 5rem; }
div.CommentWrap div.commentList .title b { color: #126fb4; }
div.CommentWrap div.commentList ul li { border-bottom: 1px solid #e8e8e8; padding: 2rem 1.6rem; position: relative; }
div.CommentWrap div.commentList ul li .comment { display: block; margin-bottom: .2rem; }
div.CommentWrap div.commentList ul li .name { color: #333; }
div.CommentWrap div.commentList ul li > span.date { display: block; color: #aaa; font-size: 1.4rem; margin: 0 3px; }
div.CommentWrap div.commentList ul li span.cmtBtnGroup { position: absolute; right: 1rem; top: 2rem; display: block; }
div.CommentWrap div.commentList ul li span.cmtBtnGroup > span { display: inline-block; font-size: 1.4rem; cursor: pointer; }
div.CommentWrap div.commentList ul li span.cmtBtnGroup > span:hover { color: #126fb4; }
div.CommentWrap div.commentList ul li span.cmtBtnGroup > span.cmtDel { position: relative; padding-left: 1rem; margin-left: .8rem; }
div.CommentWrap div.commentList ul li span.cmtBtnGroup > span.cmtDel::before { content: ''; display: block; background-color: #ddd; width: 1px; height: 1.3rem; 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: 1rem 0 2rem; font-size: 1.4rem; }
div.CommentWrap div.commentList ul li .btn-recomment:hover { -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: 2rem; padding-right: 2rem; }
div.CommentWrap div.commentList ul li.re_comment::before { content: '\e97e'; font-family: "xeicon"; position: absolute; margin-left: -2rem; }
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: 13rem; 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: 4.6rem; padding: 1.4rem; }
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: 8.2rem; color: #999; }
div.CommentWrap div.cmtForm div.memo button { background: #555; color: #fff; height: 4.6rem; position: absolute; bottom: 0; right: 0; padding: 0 2rem; }

/*수정*/
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; overflow: hidden; }
#questPW .txtBox { background: url("/upload/skin/board/basic/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 { background: #fff; color: #6d7c90; }

/*BtnArea*/
.BtnArea { text-align: center; margin-bottom: 11rem; }
.BtnArea button { min-width: 10rem; border: 1px solid #ddd; background: #fff; color: #555; padding: 1.2rem 0; }
.BtnArea button:hover { 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_list:focus, 
.BtnArea .btn_submit:hover,
.BtnArea .btn_submit:focus { background: #fff; color: #555; border: 1px solid #333; }
.BtnArea .btn_lg { min-width: 15.5rem; padding: 1.2rem 3rem; font-size: 1.5rem; }
.BtnArea .btn_md { min-width: 8.8rem; padding: 1rem 3rem; font-size: 1.5rem; }
.BtnArea .btn_sm { min-width: 7.4rem; padding: .8rem 2.4rem; font-size: 1.5rem; }

.board_btns{ text-align: center; margin-top: 5rem; }
.board_btns .btn.type2{ position: relative; display: inline-block; margin: 0 auto; padding: 1rem 2.8rem; border: 2px solid #ED0917; text-align: left; color: #ED0917; font-size: 1.7rem; font-weight: 500; transition: all .2s; -webkit-transition: all .2s; }
.board_btns .btn.type2:hover,
.board_btns .btn.type2:focus{ background-color: #ED0917; color: #fff; }
.board_btns .btn.type1{ position: relative; display: inline-block; margin: 0 auto; padding: 1rem 3.4rem; background-color: #ED0917; border: 2px solid transparent; text-align: left; color: #fff; font-size: 1.7rem; font-weight: 500; transition: all .2s; -webkit-transition: all .2s; }
.board_btns .btn.type1:hover,
.board_btns .btn.type1:focus{ background-color: #fff; color: #ED0917; border: 2px solid #ED0917; }

.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: 15rem; }

.form_mail { line-height: 4rem; }
.form_mail .form_textbox { width: 20rem; }

.form_select { display: inline-block; position: relative; height: 4rem; 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: 1rem; transform: translateY(-50%); content: ''; }
.form_select select { width: 100%; height: 4rem; padding: 0 3rem 0 1rem; 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_check { display: inline-block; position: relative; z-index: 0; margin-right: 2rem; padding-left: 2.5rem; vertical-align: top; }
.form_check label { cursor: pointer; }
.form_check label::before { position: absolute; left: 0; top: 0.5rem; z-index: -2; width: 1.5rem; height: 1.5rem; border: 1px solid #ddd; background-color: #fff; content: ''; }
.form_check label::after { position: absolute; top: auto; left: auto; right: auto; font-family: "xeicon"; left: 0; top: 0.5rem; z-index: -1; width: 1.5rem; height: 1.5em; color: #484c58; content: ''; text-align: center; line-height: 1.5rem; opacity: 0; -webkit-transition: all 0.2s; transition: all 0.2s; }
.form_check input { position: absolute; left: 0; top: 0; opacity: 0; }
.form_check input:focus + label::before { outline: 1px dotted #000; }
.form_check input:checked + label::after { opacity: 1; }
.form_check:last-child { margin-right: 0; }

.form_radio { display: inline-block; position: relative; z-index: 0; margin-right: 2rem; padding-left: 2.5rem; vertical-align: top; }
.form_radio label { cursor: pointer; }
.form_radio label::before { position: absolute; left: 0; top: 0.5rem; z-index: -2; width: 1.5rem; height: 1.5rem; border-radius: 100%; border: 1px solid #ddd; background-color: #fff; content: ''; }
.form_radio label::after { position: absolute; left: 0.5rem; top: 1rem; z-index: -1; width: 0.5rem; height: 0.5rem; border-radius: 100%; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }
.form_radio input { position: absolute; left: 0; top: 0; opacity: 0; }
.form_radio input:focus + label::before { outline: 1px dotted #000; }
.form_radio input:checked + label::after { background-color: #484c58; }
.form_radio:last-child { margin-right: 0; }

.form_file { display: block; overflow: hidden; position: relative; z-index: 0; width: 100%; height: 3.5rem; max-height: 100%; text-align: left; line-height: 3.5rem; }
.form_file input { width: 8rem; height: 7rem; margin-top: -3.5rem; 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: 8rem; height: 100%; border: 1px solid #999; font-size: 1.5rem; color: #333; content: '첨부파일'; text-align: center; cursor: pointer; transition: all 0.2s; }
.form_file .txt { overflow: hidden; float: right; width: calc(100% - 9rem); text-overflow: ellipsis; }

.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; }

.btn_line { height: 2.8rem; border: 1px solid #999; line-height: 2.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.4rem; display: inline-block; min-width: 8.5rem; padding: 0 1rem; background-color: #fff; color: #333; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; transition: all 0.2s; }
.btn_line:hover, .btn_line:focus { border-color: #333; background-color: #333; color: #fff; }
.btn_line i { font-size: 1.6rem; margin-left: 0.5rem; vertical-align: middle; }
.board_view .file .list .link .btn_line { display: block; }

.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; }


/* 갤러리 상세보기 */
.gallery_slide { text-align: center; position: relative; }
.gallery_slide .thumb_list { margin: 0 auto 3rem; }
.gallery_slide .thumb_list .slick-slide { display: inline-block; }
.gallery_slide .thumb_list .slick-slide a { display: inline-block; border: 1px solid #ddd; }
.gallery_slide .thumb_list .slick-current a { border: 3px solid #126fb4; }
.gallery_slide .thumb_list .slick-arrow { display: block; border-radius: 50%; width: 7rem; height: 7rem; text-align: center; background-color: #edeef0; -webkit-transition: all .25s; transition: all .25s; border: 1px solid #edeef0; color: #666; font-size: 0; position: absolute; top: 55%; z-index: 55; }
.gallery_slide .thumb_list .slick-arrow:hover { background-color: #fff; }
.gallery_slide .thumb_list .slick-arrow::before { content: ''; display: block; font-family: "xeicon"; font-size: 3rem; -webkit-transition: all .25s; transition: all .25s; }
.gallery_slide .thumb_list .slick-prev { left: 0; }
.gallery_slide .thumb_list .slick-prev::before { content: '\e93d'; }
.gallery_slide .thumb_list .slick-prev:hover::before { -webkit-transform: translateX(-0.4rem); transform: translateX(-0.4rem); }
.gallery_slide .thumb_list .slick-next { right: 0; }
.gallery_slide .thumb_list .slick-next::before { content: '\e940'; }
.gallery_slide .thumb_list .slick-next:hover::before { -webkit-transform: translateX(0.4rem); transform: translateX(0.4rem); }
.gallery_slide .slider-nav { overflow: hidden; width: 80%; }
.gallery_slide .slider-nav .slick-dots { margin-top: 2rem; }
.gallery_slide .slider-nav .slick-dots li { display: inline-block; margin: 0 .4rem; }
.gallery_slide .slider-nav .slick-dots li button { font-size: 0; display: block; width: 1rem; height: 1rem; background-color: #d4d5db; border-radius: 50%; }
.gallery_slide .slider-nav .slick-dots li.slick-active button { background-color: #116eb4; }
.gallery_slide .slider-nav .slick-list { position: relative; }
.gallery_slide .slider-nav .slick-list::before, .gallery_slide .slider-nav .slick-list::after { content: ''; display: block; width: 5rem; height: 100%; background-color: #fff; position: absolute; left: 0; top: 0; z-index: 55; }
.gallery_slide .slider-nav .slick-list::after { left: inherit; right: 0; }
.gallery_slide .slider-for { position: relative; z-index: -1; }
.gallery_slide .slider-for .slick-list { overflow: hidden; }
.gallery_slide .slider-for .slick-slide { float: left; /*height:100%;*/ min-height: 1px; }

.content_body input { border: 1px solid #ddd; padding: .8rem 1.4rem; }
.content_body input:focus, .content_body select:focus, .content_body textarea:focus { border-color: #555; outline: 0; }
.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; }

/*Board Write*/
.board_list{ }
.writeForm { margin-bottom: 3rem; }
.tstyle_write { width: 100%; border-collapse: collapse; letter-spacing: 0; position: relative; }
.tstyle_write th, .tstyle_write td { font-size: 1.6rem; padding: 1rem 2rem; border-bottom: 1px solid #e4e4e4; word-break: keep-all; }
.tstyle_write tbody th { color: #333; text-align: left;font-weight: 400; font-size: 1.7rem; vertical-align: top; padding-top: 1.6rem; }
.tstyle_write tbody th label { position: relative; }
.tstyle_write tbody th label .star { color: #ED0917; margin-left: .4rem; position: absolute; left: -1.5rem; top: 0; }
.tstyle_write tbody tr td { font-size: 1.6rem; text-align: left; }
.tstyle_write tbody tr td input#title { width: 100%; }
.tstyle_write tbody tr td textarea { border: 1px solid #ddd; padding: .8rem 1.4rem; min-height: 200px; width: 100%; }
.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/basic/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 !important; }
.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: 2.4rem; margin: .8rem 0 0 -3.6rem; }
.tstyle_write .date_term { display: inline-block; margin: 0 1rem; }
.tstyle_write .gallery_help { display: inline-block; font-size: 1.4rem; margin-left: 1rem; }

#ui-datepicker-div { width: 22.2rem; padding: 0; margin-top: .4em; border: 1px solid #333; background-color: #fff; z-index: 3; }
#ui-datepicker-div.ui-datepicker table { width: 89.5%; margin: 1.6em; }
#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: 1.2rem; }
#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; }


/* 게시판 페이징 */
* + .board_pager { margin-top: 4rem; }
.board_pager { font-size: 1.5rem; text-align: center; }
.board_pager a { display: inline-block; overflow: hidden; width: 4rem; height: 4rem; border-radius: 100%; text-align: center; line-height: 4rem; 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: -1.2rem; letter-spacing: -1.2rem; }
.board_pager a.active { background-color: #333; color: #fff; }
.board_pager .group { margin: 0 0.5rem; }

/*faq 리스트*/
div.listFaq ul li { clear: both; display: block; overflow: hidden; content: ""; }
div.listFaq ul li:hover { background: #fafafa; }
div.listFaq ul li span.question { display: block; position: relative; }
div.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: 3.6rem; height: 3.6rem; text-align: center; background-color: #333; color: #fff; padding-top: .4rem; position: absolute; left: 2rem; top: 1.2rem; }
.listFaq ul li .question a { display: block; padding: 1.7rem 0 1.7rem 7rem; }
.listFaq ul li .question .title { font-weight: bold; }
.listFaq ul li .question::after { content: '\e943'; font-family: "xeicon"; font-size: 2.2rem; color: #999; position: absolute; right: 2rem; top: 1.4rem; }
.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: 2rem; color: #999; position: absolute; left: 4rem; top: 1.4rem; }
.listFaq ul li .answer .answer_box { padding: 1.7rem 1.7rem 1.7rem 1.2rem; }
.listFaq ul li .answer .category { left: 7rem; 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; }

/* calendar */
.fc .fc-toolbar > * > :not(:first-child) { margin-left: 1.5rem; }
.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: 1rem; }
.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: 1.8rem; 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: 2.2rem; color: #333; padding-bottom: 3rem; }
.schedule_layer .info { font-size: 1.5rem; color: #333; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 1rem; }
.schedule_layer .cont { font-size: 1.5rem; padding: 1rem; border-bottom: 1px solid #ddd; margin-bottom: 2rem; }
.schedule_layer .close { display: block; font-size: 3rem; position: absolute; right: 4rem; top: 4rem; }
.schedule_layer .BtnArea { margin-bottom: 0; }

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

.media_textarea { height: 30rem; overflow-y: auto; background-color: #f5f6fa; border: 1px solid #e1e6eb; padding: 3rem 2rem; }
.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: 1.6rem 2rem; }
.codeView01 img { margin: 0 2rem 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: 4rem 0; }
.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: 3.2rem; margin-right: 2rem; }
.custom-input input[type="checkbox"] + label::before, .custom-input input[type="radio"] + label::before { content: ""; position: absolute; left: 0; top: 6px; 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: .4rem; }
.satisfy-choice li { display: inline-block; }

/* 레이어 팝업 */
.popup_layer .popup_close { background-color: #333; color: #fff; padding: 1rem 1.5rem; }
.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; }
.popup_layer .popup_close .custom-input input[type="checkbox"] + label::after { background-color: #fff; border-color: #fff; color: #333; }
.popup_layer .popup_close label { font-size: 1.5rem; }
.popup_layer .popup_close a { float: right; }
.popup_layer .popup_close a i { margin-right: .4rem; }

@media screen and (max-width: 1279px) { 
    #contentWrap { padding: 1rem; }
    .galleryList.thumbnail > ul > li { min-height: inherit; }
    .galleryList.thumbnail > ul > li .txt { padding-top: 0; padding-bottom: 2rem; }
    .galleryList .btn-line { width: 100%; margin-bottom: .4rem; } 
    .galleryList.book_style1 > ul li .btn, 
    .galleryList.book_style3 > ul li .btn{ max-width: 11rem; }
}

@media screen and (max-width: 1023px) { 
	div.tstyle_view div.tb_contents_wrap{ padding-left: 0; }
	div.tstyle_view .sub_head{ position: static; text-align: center; }
	div.tstyle_view .sub_head .img_wrap{ margin: 2.4rem auto; }
	div.tstyle_view .sub_head ul > li{ float: none; }
	.cont_tab .tab-ul > li .tablink{ width: 50%; }
}

@media screen and (max-width: 768px) { 
    /* ========================================================================================== //레이아웃 ============================================================================================*/
    .basicTabWrap .depth4 li { display: block; width: 33.33%; white-space: nowrap; float: left; }
    /* ========================================================================================== //이즈소프트 CMS board CSS ============================================================================================*/
    /* 게시판 검색*/
    .board_info .Search_rss { background: #f9f9f9; border: 1px solid #ddd; padding: 1rem; 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: 1rem 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; padding: 0 .5rem; }
    div.tstyle_list > div.dbody > ul > li.title { font-weight: bold; display: block; width: 93%; }
    .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 .5rem; }
    div.tstyle_view .sub_head > ul{ clear: both; float: none; display: block; }
    div.tstyle_view .sub_head > ul li a { padding: .5rem 1rem; }
    div.tstyle_view .add_file_list .title { display: block; width: auto; padding: 1rem 0; }
    div.tstyle_view .add_file_list .add_file { display: block; padding: 0 0 1rem 0; }
    div.tstyle_view ul.add_file li > span.link { margin-top: 2rem; }
    div.tstyle_view ul.add_file li > strong { width: 100%; float: none; }
    div.tstyle_view div.tb_contents { padding: 2rem; }
    div.tstyle_view div.related_keyword { padding: 2rem; }
    div.tstyle_view div.related_keyword strong { display: block; margin: 0 auto 1rem; }
    .tstyle_write th, .tstyle_write td { padding: 1rem; }

    /* 갤러리 리스트 2018-11-27 수정*/
    .galleryList > ul > li { padding-top: 2rem; padding-bottom: 2rem; }
    .galleryList > ul > li .thumb::before { top: 25%; }
    .galleryList.col3 ul li, .galleryList.col4 ul li, .galleryList.book_style2 ul li { width: 48.7%; }
    .galleryList.col3 ul li:nth-child(2n), .galleryList.col4 ul li:nth-child(2n), .galleryList.book_style2 ul li:nth-child(2n) { margin-left: 2.6%; }
    .galleryList.col3 ul li .hit, .galleryList.col4 ul li .hit, .galleryList.book_style2 ul li .hit { padding-left: 0; margin-left: 0; }
    .galleryList.col3 ul li .hit::before, .galleryList.col4 ul li .hit::before, .galleryList.book_style2 ul li .hit::before { display: none; }
    .galleryList.thumbnail > ul > li .thumb { position: relative; width: 100%; padding-bottom: 61%; }
    .galleryList.thumbnail > ul > li .txt { padding: 0; }
    .galleryList.book_style1 > ul li > a,
    .galleryList.book_style1 > ul li > .thumb_wrap {float: none; margin: 0 auto 2rem; }
    .galleryList.book_style1 > ul li .thumb { right: 0; }
    .galleryList.book_style1 > ul li .btn {position: inherit;top: inherit;right: inherit;width: 100%;max-width: inherit;transform: translate(0);-webkit-transform: translate(0);text-align: left;}
    .galleryList.book_style1 > ul li .txt{width: 100% !important;}
    .galleryList.book_style1 > ul li .title{ font-size: 2rem; }
    .galleryList.book_style1 > ul li .title:before { margin-bottom: 1rem; }
    .galleryList.book_style1 > ul li .title{ margin-bottom: 2rem; line-height: 1; }
    .galleryList.book_style1 > ul > li .date, .galleryList.book_style1 > ul > li .hit, .galleryList.book_style1 > ul > li .writer, .galleryList.book_style1 > ul > li .dept, .galleryList.book_style1 > ul > li .category, .galleryList.book_style1 > ul > li .down { display: block; margin-left: 0; padding-left: 0; }
    .galleryList.book_style1 > ul > li .txt span::after, .galleryList.book_style1 > ul > li .txt span::after{ display: none; }
    .galleryList > ul > li .txt > span::after { display: none; }
    .galleryList.book_style1 > ul { margin: 0; }
    .galleryList.book_style1 > ul li {display: block;padding: 2rem 0;}
    .galleryList.book_style1 > ul li .btn a {width: auto; padding: 1.5rem 1rem 1rem; }
   
    .galleryList > ul > li .txt > span::after { display: none; }
    .galleryList.book_style1 > ul { margin: 0; }
    .galleryList.book_style1 > ul li { width: 100%; padding: 2rem 0; }
    .galleryList.book_style1 > ul li .btn a { padding: 1.5rem 1rem 1rem; }
    .galleryList ul li a span.txt strong { height: auto; -webkit-line-clamp: 1; }
    .galleryList ul li a:before { bottom: 27.5%; }
    .galleryList.book_style3 > ul li{ width: 100%; }
    .galleryList.book_style3 > ul li a{ padding: 2rem; }
    .gallery_slide .thumb_list .slick-arrow { width: 4rem; height: 4rem; }
    .gallery_slide .thumb_list .slick-arrow::before { font-size: 2rem; }
    .gallery_slide .thumb_list .slick-prev { left: -2rem; }
    .gallery_slide .thumb_list .slick-next { right: -2rem; }
    /* FAQ 리스트 */
    .listFaq ul li .answer::before { display: none; }
    .listFaq ul li .answer .answer_box { padding-left: 7rem; }
    .listFaq ul li .answer .category { left: 2rem; }
    .board_pager a:hover { 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; }
    .schedule_layer { width: 90%; padding: 2rem; }
    .schedule_layer .close { right: 2rem; top: 2rem; }
    .popup_layer { left: 0 !important; top: 50px !important; max-width: 100%; }
	.boardList.num_style > ul li{ padding-left: 2rem; }
	.boardList.num_style > ul li .txt .num{ position: static; margin-bottom: 2rem; }
	.boardList.num_style > ul li .txt{ padding-left: 0; }
	.board_view .board_topbox,
	.board_view .board_contents .board_num_list{ padding: 2rem; }
	.board_view .board_topbox .img_wrap{ position: static; margin: 0 auto 2rem; }
}

@media screen and (max-width: 479px) { 
    .galleryList.book_style2 > ul > li .related_keyword > span.tag { width: 100%; margin: 0 auto 1rem; }
    .boardList.num_style > ul li .txt .desc span,
    .boardList.num_style > ul li .txt .desc span b{ display: block; }
}

/* 통합검색 */


.hide { clear: both; position: absolute; overflow: hidden; left: 0; top: 0; width: 1px; height: 1px; margin: 0; padding: 0; background: none; font-size: 0; line-height: 0; text-indent: -99999px; }

.search_wrap .search_box { border: .5rem solid #f3f3f3; padding: 3rem 1rem 0rem; margin-bottom: 2.5rem; }
.search_wrap .search_box .search_input { display: block; margin: 0 auto 2.5rem; width: 58rem; }
.search_wrap .search_box .search_input .search_txt { height: 5.6rem; margin: 0; padding: 1.5rem 2.5rem; width: 46rem; float: left; border: 1px solid #ddd; }
.search_wrap .search_box .search_input .search_btn { width: 12rem; height: 5.6rem; background-color: #333333; float: left; color: #fff; }
.search_wrap .search_box .search_input .bt_option { border: 1px solid #ddd; width: 6rem; display: inline-block; height: 4.4rem; margin-left: 1rem; line-height: 4.4rem; padding: 0 1rem; font-size: 1.6rem; position: relative; }
.search_wrap .search_box .search_input .bt_option:before { content: ''; font-family: 'xeicon'; width: 1.6rem; height: 4.2rem; line-height: 4.2rem; font-size: 1.6rem; position: absolute; right: 1rem; }
.search_wrap .search_box .search_input form{ overflow: hidden; }
.search_wrap .search_box .search_option_box { width: 100%; padding: 1.5rem 6rem; background-color: #f7f7f7; height: 6rem; display: none; }
.search_wrap .search_box .search_option_box ul li { float: left; }
.search_wrap .search_box .search_option_box ul li + li { margin-left: 2rem; }
.search_wrap .search_box .search_option_box ul li span { color: #000; margin: 0 1rem; font-weight: 500; }
.search_wrap .search_box .search_option_box ul li button { border: 1px solid #ddd; background-color: #fff; color: #767676; height: 3rem; line-height: 2.8rem; padding: 0 1rem; width: 8rem; }
.search_wrap .search_box .search_option_box ul li button.on { border: 1px solid #d60f1b; color: #d60f1b; }
.search_wrap .search_box .search_option_box ul:after { content: ''; display: block; clear: both; }
.search_wrap .search_box.active { padding: 3rem 1rem 1rem; }
.search_wrap .search_box.active .search_option_box { display: block; }
.search_wrap .search_box.active .search_input .bt_option:before { content: ''; }
.search_wrap .search_box .recom_wrap{ clear: both; margin-top: 1.5rem; }
.search_wrap .search_box .recom_wrap b{ display: inline-block; font-size: 1.6rem; line-height: 2.4rem; font-weight: 400; color: #D60F1B; border: 1px solid #D60F1B; border-radius: 3rem; padding: .2rem 1.6rem; vertical-align: middle; margin-right: 1rem; }
.search_wrap .search_box .recom_wrap ul{ display: inline-block; }
.search_wrap .search_box .recom_wrap li{ display: inline-block; font-size: 1.7rem; color: #171717; font-weight: 400; line-height: 2.5rem; vertical-align: middle; }
.search_wrap .search_box .recom_wrap li:before{ content: ""; display: inline-block; width: 1px; height: 1.6rem; background-color: #717171; opacity: 0.5; vertical-align: middle; margin: 0 1rem; }
.search_wrap .search_box .recom_wrap li:first-child:before{ display: none; }

.search_wrap .t_error { margin-bottom: 1rem; }
.search_wrap .t_error:before { content: ''; font-family: 'xeicon'; color: #a93a47; margin-right: .6rem; }
.search_wrap .t_error span { text-decoration: underline; }

.search_wrap .search_word_box { width: 23rem; float: right; }
.search_wrap .search_word_box .popular { padding: 3rem 2.5rem; border: 1px solid #D5D5D5; margin-bottom: 1.2rem; }
.search_wrap .search_word_box .popular #tab_wrap_sw { margin-top: 3rem; position: relative; }
.search_wrap .search_word_box .popular #tab_wrap_sw .tab li { width: calc(50% - 1px); margin-right: 1px; height: 2.7rem; line-height: 2.7rem; text-align: center; float: left; }
.search_wrap .search_word_box .popular #tab_wrap_sw .tab li a { background-color: #eaeaea; color: #555; display: block; font-size: 1.4rem; }
.search_wrap .search_word_box .popular #tab_wrap_sw .tab li a.on { background-color: #042641; color: #fff; }
.search_wrap .search_word_box .popular #tab_wrap_sw .tab:after { content: ''; display: block; clear: both; }
.search_wrap .search_word_box .popular #tab_wrap_sw .tab_contents { margin-top: 1rem; }
.search_wrap .search_word_box .popular #tab_wrap_sw .tab_contents .desc { position: absolute; top: -2.5rem; font-size: 1.4rem; color: #767676; line-height: 1.4rem; }
.search_wrap .search_word_box .popular #tab_wrap_sw .tab_contents .desc:before { content: ''; font-family: 'xeicon'; margin-right: .6rem; }
.search_wrap .search_word_box .popular #tab_wrap_sw .tab_contents ul { font-size: 1.5rem; }
.search_wrap .search_word_box .popular #tab_wrap_sw .tab_contents ul li { margin-bottom: 2px; line-height: 2rem; }
.search_wrap .search_word_box .popular #tab_wrap_sw .tab_contents ul li span { width: 2rem; height: 2rem; background-color: #4B4D5C; color: #fff; text-align: center; margin-right: 1rem; display: inline-block; line-height: 2rem; font-size: 1.3rem; float: left; }
.search_wrap .search_word_box .popular #tab_wrap_sw .tab_contents ul li:nth-child(1) span, .search_wrap .search_word_box .popular #tab_wrap_sw .tab_contents ul li:nth-child(2) span, .search_wrap .search_word_box .popular #tab_wrap_sw .tab_contents ul li:nth-child(3) span { background-color: #d60f1b; }
.search_wrap .search_word_box .popular #tab_wrap_sw .tab_contents ul li a { width: calc(100% - 3rem); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; }
.search_wrap .search_word_box .popular #tab_wrap_sw .tab_contents ul li a:hover,
.search_wrap .search_word_box .recom ul li a:hover,
.search_wrap .search_word_box .popular #tab_wrap_sw .tab_contents ul li a:focus,
.search_wrap .search_word_box .recom ul li a:focus{ text-decoration: underline; }
.search_wrap .search_word_box .recom { padding: 3rem 2.5rem; border: 1px solid #D5D5D5; }
.search_wrap .search_word_box .recom ul li { float: left; display: inline-block; width: 100%; margin-right: 0.6rem; font-size: 1.6rem; line-height: 2.7rem; }
.search_wrap .search_word_box .recom ul li span{ font-weight: 600; display: inline-block; margin-right: 1.5rem; }
.search_wrap .search_word_box .recom ul:after { content: ''; display: block; clear: both; }
.search_wrap .search_word_box .title { color: #000; font-weight: 500; }
.search_wrap .search_word_box .recom .title{ margin-bottom: 1.5rem; }

.search_wrap .search_result_box { width: 100%; margin-bottom: 16rem; border-top: 1px solid #242424; padding: 3rem 0 0 0; float: left; }
.search_wrap .search_result_box .cont { position: relative; }
.search_wrap .search_result_box .cont .t3 { font-size: 2.8rem; color: #000; font-weight: 600; letter-spacing: -0.168rem; }
.search_wrap .search_result_box .cont .tcr { color: #e11717; }
.search_wrap .search_result_box .cont .more { display: inline-block; position: absolute; right: 1rem; top: 0.4rem; font-size: 1.6rem; font-weight: 500; color:#E51D29; letter-spacing: -0.08rem; line-height: 2.4rem; text-decoration: underline; }
.search_wrap .search_result_box .cont span[style="color:red"] {color: #d60f1b !important;}
.search_wrap .search_result_box .cont .desc span[style="color:red"] {font-weight: 600;}
.search_wrap .search_result_box .cont .list li { border-bottom: 2px dotted #C3C3C3; padding: 3.75rem 0; }

.search_wrap .search_result_box .cont .divi { font-size: 2rem; line-height: 2.9rem; letter-spacing: -0.1rem; display: inline-block; color:#272727; margin-bottom: 1.4rem; }
.search_wrap .search_result_box .cont .route { display: inline-block; font-weight: 400; font-size: 1.6rem; letter-spacing: -0.05rem; color: #767676; line-height: 2.6rem; }
.search_wrap .search_result_box .cont .title { margin-top: .6rem; font-weight: 500; font-size: 1.7rem; word-break: break-all; }
.search_wrap .search_result_box .cont .date { display: none; margin-top: .4rem; }
.search_wrap .search_result_box .cont .desc { margin-top: .4rem; overflow: hidden; font-weight: 300; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 5rem; }
.search_wrap .search_result_box .cont .desc1 span { margin-right: 1.2rem; position: relative; font-weight: 300; }
.search_wrap .search_result_box .cont .desc1 span + span:before { content: ''; width: 1px; height: 1.4rem; background-color: #ddd; position: absolute; left: -.6rem; top: 5px; }
.search_wrap .search_result_box .cont .ai_quotient { text-align: right; font-size: 1.6rem; color: #dc3c3c; font-weight: 600; }
.search_wrap .search_result_box .cont .search_more { font-size: 1.5rem; display: inline-block; margin-bottom: 1rem; }
.search_wrap .search_result_box .cont .search_more::after { font-family: 'xeicon'; content: ''; }
.search_wrap .search_result_box .cont .list_more { padding-bottom: 1px; }
.search_wrap .search_result_box .cont .list_more li { float: left; width: 20%; border: 1px solid #ddd; height: 4rem; margin-bottom: -1px; line-height: 4rem; padding: 0 1.6rem; position: relative; }
.search_wrap .search_result_box .cont .list_more li a { display: inline-block; width: 100%; }
.search_wrap .search_result_box .cont .list_more li:after { content: ''; font-family: 'xeicon'; position: absolute; right: 1rem; font-size: 1.5rem; z-index: -1; }
.search_wrap .search_result_box .cont .list_more li + li { border-left: none; }
.search_wrap .search_result_box .cont .list_more li:hover { background-color: #000; border: 1px solid #000; color: #fff; }
.search_wrap .search_result_box .cont .list_more li:hover:after { color: #fff; z-index: 0; }
.search_wrap .search_result_box .cont .list_more li:nth-child(5n + 1) { border-left: 1px solid #ddd; }
.search_wrap .search_result_box .cont .list_more:after { content: ''; display: block; clear: both; }
.search_wrap .search_result_box .cont .link:after { content: ''; font-family: 'xeicon'; margin: 0 5px; font-size: 1.6rem; font-weight: 400; }
.search_wrap .search_result_box .cont .down:after { content: ''; font-family: 'xeicon'; margin: 0 5px; font-size: 1.6rem; font-weight: 400; }
.search_wrap .search_result_box .cont + .cont { margin-top: 7.3rem;}
.search_wrap .search_result_box .cont + .cont .more { top: 3.2rem; }
.search_wrap .search_result_box.no_result .no_result_box { margin-top: 1rem; background-color: #f9f9f9; border: 1px solid #ddd; padding: 8rem 1rem; }
.search_wrap .search_result_box.no_result .no_result_box:before { content: ''; width: 1.3rem; height: 1.3rem; background: url(/upload/skin/search/aivory/no_search_result.png) no-repeat center; background-size: contain; position: relative; left: 50%; display: block; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-bottom: 2rem; }
.search_wrap .search_result_box.no_result .no_result_box p { text-align: center; }
.search_wrap .search_result_box.no_result .no_result_box p strong { color: #343434; font-size: 2rem; font-weight: 400; }
.search_wrap .search_result_box .cont:last-child .list > li:last-child,
.search_wrap .search_result_box .cont:last-child .photo > li:last-child{ border-bottom: 1px solid #9A9A9A; }

.search_wrap .search_result_box .cont .photo > li { position: relative; padding: 4.45rem 4.45rem 5.8rem 22.8rem; border-bottom: 2px dotted #C3C3C3; line-height: 2.6rem; letter-spacing: -0.05rem; }
.search_wrap .search_result_box .cont .photo > li .img_wrap { position: absolute; top: 3.25rem; left: 0; width: 18.2rem; height: 23.5rem; overflow: hidden; }
.search_wrap .search_result_box .cont .photo > li .img_wrap img{ width: 100%; height: auto; }
.search_wrap .search_result_box .cont .photo > li .title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 2.6rem; margin-bottom: 0; font-size: 1.6rem; }
.search_wrap .search_result_box .cont .photo > li .desc { margin-top: 0; font-weight: 300; }
.search_wrap .search_result_box .cont .photo > li .desc li{ position: relative; padding-left: 1rem; }
.search_wrap .search_result_box .cont .photo > li .desc li:before{ position: absolute; top: 1.3rem; left: 0; content: ""; display: inline-block; width: .7rem; height: .2rem; background-color: #c3c3c3; }
.search_wrap .search_result_box .cont .photo:after { content: ''; display: block; clear: both; }
.search_wrap .search_result_box .cont .photo .divi{ margin-bottom: 2rem;  }
.search_wrap .search_result_box .cont .photo .desc { display: block; max-height: 15.5rem; }

.search_wrap .search_result_box .cont .table_box{ margin-top: 4.45rem; }

.search_wrap .category {display: inline-block; width: calc(100% + 0.2rem); margin-bottom: -0.2rem;}
.search_wrap .category li {float: left; width: 16.666%; padding: 0 0.2rem 0.2rem 0;}
.search_wrap .category a {display: block; overflow: hidden; height: 3rem; border: 1px solid #ddd; text-align: center; line-height: 2.8rem;}
.search_wrap .category .on {border-color: #042641; background-color: #042641; color: #fff;}
.search_wrap .category + .cont {margin-top: 3rem;}

.search_wrap .search_word_box .topic #tab_wrap_sw { margin-top: 1rem; }
.search_wrap .search_word_box .topic .contents { margin-top: 3rem; }

.search_wrap:after { content: ''; display: block; clear: both; }

.search_wrap.aivory .search_box { margin-bottom: 0; }
.search_wrap.aivory .search_word_box { width: 32rem; border-top: 0 none; }
.search_wrap.aivory .search_result_box { width: calc(100% - 32rem); border-top: 0 none; }

#depth4_menu_div #depth4_menu_ul > #li_aiSearch a:before { content: ''; background: url(/upload/skin/search/aivory/bi1.png) no-repeat center center / cover; width: 9rem; height: 1.8rem; display: block; position: absolute; left: 2rem; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; }
#depth4_menu_div #depth4_menu_ul > #li_aiSearch a span {padding-left: 10rem;}
#depth4_menu_div #depth4_menu_ul > #li_aiSearch.active a::before { background: url(/upload/skin/search/aivory/bi2.png) no-repeat center center / cover; }

ul.bul1 { margin: 2rem 0 0; }
ul.bul1 > li { font-size: .8rem; color: #333; font-weight: 300; position: relative; padding-left: 1.2rem; line-height: 2.6rem; text-align: left; }
ul.bul1 > li:before { content: ''; width: .5rem; height: .5rem; border-radius: 50%; background-color: #c7c7c7; position: absolute; left: 0; top: 1.1rem; }
ul.bul1 > li strong { font-weight: 500; }

.search_wrap .search_result_box .cont.type1 .t3 { display: inline-block; position: relative; vertical-align: top; }
.search_wrap .search_result_box .cont.type1 .t3::before { position: absolute; left: 0; bottom: 0; z-index: -1; width: 100%; height: 0.7rem; background-color: #fade68; content: ''; }
.search_wrap .search_result_box .cont.type1 .group { display: table; width: 100%; margin: 1rem 0 3rem; padding-bottom: 3rem; border-bottom: 1px solid #ddd; }
.search_wrap .search_result_box .cont.type1 .group > * { display: table-cell; vertical-align: middle; }
.search_wrap .search_result_box .cont.type1 .txt { padding-left: 2.5rem; font-size: 1.5rem; }

.search_wrap .search_result_box .cont .label { display: inline-block; width: 12.5rem; margin-right: 1.5rem; height: 3.4rem; margin-bottom: 1rem; border-radius: 3.4rem; background-color: #095b7d; font-size: 2rem; color: #fff; text-align: center; line-height: 2.5rem; vertical-align: middle; }
.search_wrap .search_result_box .cont .count { display: inline-block; margin-bottom: 2rem; font-size: 2rem; color: #202020; vertical-align: middle; }

.point4 { color: #d60f1b !important; }

@media (max-width: 1400px){
	#depth4_menu_div #depth4_menu_ul > #li_aiSearch a::before { display: none; }
	#depth4_menu_div #depth4_menu_ul > #li_aiSearch a span { padding-left: 0; }
}

@media (max-width: 1024px){
	.search_wrap .category li {width: 33.333%;}
}

@media (max-width: 768px){
.search_wrap .search_box .search_option_box { padding: 1.5rem 1rem; height: auto; }
.search_wrap .search_box .search_option_box ul { width: 185px; left: 0; -webkit-transform: translateX(0); transform: translateX(0); margin: 0 auto; display: block; }
.search_wrap .search_box .search_option_box ul li { float: inherit; margin-bottom: 4px; }
.search_wrap .search_box .search_option_box ul li + li { margin-left: 0; }
.search_wrap .search_word_box { width: 100% !important; padding: 1rem 0; }
.search_wrap .search_word_box .popular .title { position: relative; }
.search_wrap .search_word_box .popular .title a { display: block; width: 100%; }
.search_wrap .search_word_box .popular .title:after { content: ''; font-family: 'xeicon'; font-size: 2.4rem; position: absolute; right: 1rem; line-height: 2.4rem; top: 0; z-index: -1; }
.search_wrap .search_word_box .popular #tab_wrap_sw { display: none; }
.search_wrap .search_word_box .popular.active { padding-bottom: 2rem; }
.search_wrap .search_word_box .popular.active #tab_wrap_sw { display: block; }
.search_wrap .search_result_box { width: 100% !important; border-right: 0; padding: 2rem 0; }
.search_wrap .search_result_box .cont .list li { margin-bottom: 2rem; }
.search_wrap .search_result_box .cont .photo > li { padding: 3.4rem 0 4rem 12rem; }
.search_wrap .search_result_box .cont .photo > li .img_wrap { width: 10rem; }
.search_wrap .search_result_box .cont .more { top: 0; }
.search_wrap .search_result_box .cont + .cont { margin-top: 2rem; padding-top: 2rem; }
.search_wrap .search_result_box .cont + .cont .more { top: 2rem; }
.galleryList.book_style1 > ul li .thumb_resize {margin: 0 auto 2rem;}
}

@media (max-width: 499px) {
.search_wrap .search_box .search_input { width: 100%; }
.search_wrap .search_box .search_input .search_txt { width: calc(100% - 15.2rem); }
.search_wrap .search_box .search_input .bt_option { width: 10rem; margin-left: .4rem; }
.search_wrap .search_result_box .cont .list_more li { width: auto; padding: 0 5px; }
.search_wrap .search_result_box .cont .list_more li:after { display: none; }

.search_wrap .search_result_box .cont.type1 .group > * { display: block; }
.search_wrap .search_result_box .cont.type1 .txt { padding: 1rem 0 0; }
}