/* BASIC css start */
#faqWrap .pd10 {margin:10px 0;}
#faqWrap .search-wrap {background-color: #eaeaea; padding:10px;}
#faqWrap .search-wrap .item-search {margin-bottom:10px;}
#faqWrap .search-wrap .item-search select {width: 30%; display: inline-block;}
#faqWrap .search-wrap .item-search .wrap {width: 40%; display: inline-block;}
#faqWrap .search-wrap .item-search .wrap input {width:99%;}
#faqWrap .search-wrap .item-search .btn_Red {width:24%; display: inline-block; margin-left: 8px;}
#faqWrap .keywords {zoom:1; position:relative; overflow:hidden;}
#faqWrap .search-wrap .keywords h5 {font-weight:bold; margin-bottom:5px;}
#faqWrap .search-wrap .keywords li {float:left; margin-right:10px;}
#faqWrap .search-wrap .keywords li a {color:#707070;}
#faqWrap .faq-menu {border-top:2px solid #464646; text-align: center; padding-top:10px;}
#faqWrap .faq-menu a {display: block; width: 33.3%; float: left; border-left: 1px solid #d6d6d6; margin-bottom: 10px; margin-left: -1px;}
#faqWrap #faqTable {width:100%; }
#faqWrap #faqTable tr { border-bottom:1px solid rgba(51,51,51,.5); }
#faqWrap #faqTable tr th, #faqWrap #faqTable tr td { padding:20px 0; font-size: 14px; }
#faqWrap #faqTable tr td.strong { position:relative; font-weight: 600;}
#faqWrap #faqTable tr td.strong img { position:absolute; top:23px; right:0; width:20px; height:20px; }
#faqWrap #faqTable tr td .q {margin-bottom: 10px; background-color: #1e85dc; color:#fff; padding: 0 3px; margin-right: 10px;}
#faqWrap #faqTable tr td .a {background-color: #f30733; color:#fff; padding: 0 3px; margin-right: 10px;}
body #faqWrap #faqTable tr.slide-hide td, body #faqWrap #faqTable tr.slide-show td { background-color: transparent; }

/* 2023.08.02.custom */
main { padding:20px 20px 80px; }
.h-title { margin-bottom: 2px; font-weight: 600; font-size:18px; }
.board-title { padding: 0 0 30px; text-align: center; }
.board-title h2 { font-family: 'HS'; font-size: 36px; color: #1c5633; }
.tab-cate { overflow:hidden;  border:2px solid #333; border-width: 2px 0 0 2px; }
.tab-cate a {
    float:left; width:33.3333%; box-sizing:border-box; border:2px solid #333; border-width: 0 2px 2px 0;
    background-color :#fff; font-weight: 600; font-size: 15px; line-height: 40px; text-align: center;
}
.tab-cate a.now { background-color: #1c5633; color: #fff; }

.piece-toggle-board ul li { font-size: 14px; }
.piece-toggle-board ul li .tit { position: relative; padding:20px 0; border-bottom: 1px solid rgba(51,51,51,.5); font-weight: 600; }
.piece-toggle-board ul li .tit::after {
    content: ''; position:absolute; top: calc(50% - 10px); right:0;
    width: 20px; height: 20px;
    background: url("https://antomignon.img8.kr/antomignon/images/icon/x2(56px)/mypage/arrow_bottom_x2(40).png") no-repeat 0 0; background-size: contain;
}
.piece-toggle-board ul li.active .tit::after {
    background-image: url("https://antomignon.img8.kr/antomignon/images/icon/x2(56px)/mypage/arrow_top_x2(40).png");
}
.piece-toggle-board ul li .cont { display: none; padding:20px 0; border-bottom: 1px solid rgba(51,51,51,.5); }
.piece-toggle-board ul li.active .cont { display: block; }

.piece-search { position: relative; margin:40px 0 30px; } 
.piece-search .input-box input { width: 100%; height: 50px; border: 1px solid #333; border-radius: 15px; background-color: transparent; font-size: 14px; }
.piece-search .btn-search { position: absolute; top: 12px; right: 14px; width: 24px; }

/* BASIC css end */