@charset "utf-8";
/* CSS Document */
#faq-wrap{padding-bottom:6.25rem;}
#faq-wrap > .inner-wrap{width:calc(100% - 40px); max-width:1200px; margin:0 auto;}
#faq-wrap .inner-wrap > .search-wrap{width:calc(100% - 40px); padding:20px; background-color:#e8e8e8;}
#faq-wrap .inner-wrap > .search-wrap > .inner-wrap{display:flex; align-items: center; background-color: #fff;}
#faq-wrap .inner-wrap > .search-wrap .board-search-select{background-color: #fff; width:205px; height: 60px; color:#000; font-size:1.125rem;}
#faq-wrap .inner-wrap > .search-wrap .hv{width:1px; height: 25px; background-color: #e8e8e8;}
#faq-wrap .inner-wrap > .search-wrap .search-input{background-color:#fff; border-radius: 0; color:#858585; width:calc(100% - 266px); height: 60px;}
#faq-wrap .inner-wrap > .search-wrap .search-input:focus{background-color: #e8e8e8; color:#000;}
#faq-wrap .inner-wrap > .search-wrap  button{width:60px; height: 60px; background-color: #445CB4; display:flex; justify-content: center; align-items: center;}
p.emptyMessage{text-align: center; margin:50px auto; font-size:1.25rem;}




.pn-wrap{width:calc(100% - 30px); padding:15px; border-top:1px solid #d6d6d6; display:flex; align-items: center; transition:all .5s;}
.pn-wrap:hover{background-color:#e8e8e8; transition:all .5s;}
.pn-wrap:last-of-type{border-bottom:1px solid #d6d6d6;}
.pn-wrap > svg{margin:0 15px;}

.board-list-wrap{margin-top:1.25rem;}
.board-list-wrap .list-head{width:100%; border-top:5px solid #000; background-color:#f4f4f4; border-bottom:1px solid #d6d6d6; padding:15px 0; display:flex;}
.board-list-wrap .list-head > li{text-align: center; color:#000; padding:0 10px;}
.board-list-wrap ul > li.number{width:100px;}
.board-list-wrap ul > li.file{width:100px;}
.board-list-wrap ul > li.date{width:200px;}

.board-list-wrap .cont-list{display:flex; padding:20px 0; border-bottom:1px solid #d6d6d6; transition: all .5s; cursor: pointer; overflow: hidden; height: 25px;}
.board-list-wrap li p{font-family: "Roboto", 'Noto Sans KR', sans-serif;}
.board-list-wrap .cont-list:nth-child(1){border-top:5px solid #445CB4;}
.board-list-wrap .cont-list:hover{background-color:#f4f4f4;}
.board-list-wrap .cont-list.on{background-color:#f4f4f4;}
.board-list-wrap .cont-list > li{text-align: center; color:#000; padding:0 10px;}
.board-list-wrap .cont-list > li.number{font-weight: 800; font-size:1.5625rem;}
.board-list-wrap .cont-list > li.flexWidth{text-align: left; font-size:1.5625rem;}
.board-list-wrap .cont-list > li.flexWidth > .title{width:100%; font-size:1.25rem;}
.board-list-wrap .cont-list > li.flexWidth > .answer{margin-top:20px; color:#858585; font-size:1rem; width:100%; line-height: 150%; white-space: pre-line; font-family: "Roboto", 'Noto Sans KR', sans-serif;}
.board-list-wrap .cont-list > li.flexWidth > .answer img{max-width:100%;}
.board-list-wrap .cont-list > li.date{line-height: 30px;}


.category-list{display:flex; align-items: center; margin-top:3.125rem;  justify-content: center;}
.category-list > li > a{color:#868686; font-size:1rem; border-radius: 25px; border:1px solid #d6d6d6; padding:10px 20px; display:block}
.category-list > li.on > a{color:#fff; background-color:#445CB4;}

.category-list > li:nth-child(even){width:15px;}

@media only screen and (max-width:580px){
	#faq-wrap .inner-wrap > .search-wrap .board-search-select{width:130px;}
	#faq-wrap .inner-wrap > .search-wrap .search-input{width:calc(100% - 130px);}
	.board-list-wrap ul > li.disappear{display:none;}
	#faq-wrap.read-wrap .file-wrap{width:100%; margin-top:15px;}
}