@charset "utf-8";

.board_wrap{max-width:1440px;margin:0 auto 150px}

/* 메뉴 */
#boardSnb{overflow:hidden;flex-shrink:0;margin-bottom:80px;text-align:center}
#boardSnb p{padding-bottom:20px;font-size:42px;font-weight:700;color:#111}
#boardSnb ul{display:flex;justify-content:center}
#boardSnb ul li+li{margin-left:15px}
#boardSnb ul li a{display:inline-block;font-size:18px;font-weight:600;padding:5px 20px;border-radius:50px;line-height:1.9;color:#999;background:#f2f2f2}
#boardSnb ul li.on a{color:#fff;background:#111}

/* 리스트 */
#boardList{flex-grow:1;min-height:550px;background:#fff}
#boardList .tit{margin-bottom:10px;font-size:20px;font-weight:700;color:#111}
#boardList .tabs_wrap{display:flex;align-items:center;margin:20px 0}
#boardList .tabs{order:-1;display:flex}
#boardList .tabs li+li{margin-left:20px}
#boardList .tabs li a{position:relative;font-size:16px;color:#aaa}
#boardList .tabs li a.on{color:#111}
#boardList .list_tbl li{display:flex;align-items:center;width:100%;border-bottom:1px solid #e1e1e1}
#boardList .list_tbl li .w70{width:70%}
#boardList .list_tbl li .w85{width:85%}
#boardList .list_tbl li .w15{width:15%}
#boardList .list_tbl li.thead{padding:15px 0;border-top:2px solid #111;border-bottom:1px solid #111;font-weight:700;color:#111;text-align:center}
#boardList .list_tbl li.tbody{padding:15px 0}
#boardList .list_tbl li.tbody .num{color:#111;text-align:center}
#boardList .list_tbl li.tbody .subj{padding-right:15px;word-break:keep-all;line-height:1.4}
#boardList .list_tbl li.tbody .subj a{color:#111}
#boardList .list_tbl li.tbody .date{font-size:14px;font-weight:500;color:#777;text-align:center}
#boardList .list_tbl li.empty{justify-content:center;height:auto;padding:50px 0;font-weight:500;text-align:center;color:#999}

/*이용약관, 개인정보취급방침*/
#boardList .faq_wrap{border-bottom:1px solid #e1e1e1}
#boardList .cont_faq{overflow:hidden;border-top:1px solid #e1e1e1}
#boardList .cont_q{display:block;position:relative;width:100%;padding:0 20px;background:none;border:none;text-align:left}
#boardList .cont_q:after{display:block;content:"\f107";position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:20px;color:#222;font-family:'fontawesome'}
#boardList .cont_q.open:after{content:"\f106";color:#aaa}
#boardList .cont_q p{display:inline-block;padding:16px 0;font-weight:600;color:#222;font-family:'Pretendard'}
#boardList .cont_a{display:none;padding:25px;background-color:#f5f6f8;font-weight:400}
#boardList .cont_faq:first-child .cont_a{display:block}
#boardList .cont_a .ps{margin-bottom:10px;color:#ff567f}
#boardList .cont_a img{max-width:100%}
#boardList .empty_table{border-top:1px solid #e1e1e1}

/* 뷰 */
#boardView{flex-grow:1;padding:15px 0 0 4%;background:#fff}
#boardView .subj{display:flex;padding:10px;border-top:2px solid #111;border-bottom:1px solid #e5e5e5;font-size:16px;color:#111;background:#f5f5f5}
#boardView .subj span{min-width:60px;height:28px;padding:0 6px;margin-right:10px;border:1px solid #e1e1e1;border-radius:4px;text-align:center;font-size:13px;line-height:26px;color:#999;background:#fff}
#boardView .date{padding:10px;font-size:14px;font-weight:500;color:#999;text-align:right}
#boardView .cont{min-height:300px;padding:15px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;font-weight:500;color:#777}
#boardView .btns{display:flex;justify-content:flex-end;margin:20px 0}
#boardView .btns a{height:30px;padding:0 12px;border:1px solid #e1e1e1;border-radius:4px;text-align:center;font-size:13px;line-height:28px;color:#999;background:#fff}

@media (max-width:1024px){
.board_wrap {margin-top:-100px;padding:40px 12px 100px}
#boardSnb p{font-size:35px}
#boardSnb ul li a{font-size:16px}
#boardList{padding-left:15px}
#boardView{padding-left:15px}
#sh_faq{padding:20px 0;font-size:14px}	
#boardList .cont_q p{font-size:14px}
#boardList .cont_a{font-size:13px}
}
@media(max-width:768px){
.board_wrap{padding:10px 0}
#boardSnb{display:none}
#boardList{min-height:200px;padding:12px}
#boardList .tit{font-size:16px;text-align:center}
#boardList .tabs_wrap{display:block;margin:0 0 12px}
#boardList .tabs li+li{margin-left:15px}
#boardList .tabs li a{font-size:14px}
#boardList .list_tbl{font-size:13px}
#boardList .list_tbl li.thead{padding:10px 0;font-size:13px}
#boardList .list_tbl li.tbody .date{font-size:12px}
#boardList .list_tbl li .date{width:70px}
#boardList .cont_q{padding:0 35px 0 15px}
#boardList .cont_q p{line-height:1.45;word-break:keep-all}
#boardList .cont_q:after{right:15px}
#boardList .cont_a{padding:15px}
#boardView{padding:0}
#boardView .cont_wrap{margin-bottom:0}
#boardView .subj{border-top:none;font-size:14px;background:#fff}
#boardView .subj span{min-width:50px;height:24px;font-size:12px;line-height:22px}
#boardView .date{font-size:13px}
#boardView .cont{min-height:200px;border-bottom:none;font-size:14px}
#boardView .btns{padding:10px 12px;margin:0;border-bottom:1px solid #e5e5e5;background:#fff}
#boardView .btns a{height:26px;font-size:12px;line-height:24px}
}
@media(max-width:480px){
.board_wrap{padding-top:50px}
}