/*-----------------------------------------------------------------*/
/* 목록
/*-----------------------------------------------------------------*/
h2.subtitle {font-size: 5.833vw; font-weight:700;}
h2.subtitle em {font-size: 5.833vw; font-style: normal; position: relative; top: -1px; padding-right: 0.556vw;}
.reivew_tabs_bg{position:relative;}
.reivew_tabs_bg a.current{position:relative;display:block;height:12.963vw;line-height:12.963vw;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:0 5.556vw;font-size:4.722vw;color:#000;font-weight:600;background:#f8f8f8;}
.reivew_tabs_bg a.current:before {position:absolute; right:5.556vw; top:32%; width:4.815vw; height:4.907vw; background:url('https://thebrandhannah.wisacdn.com/_asset/m/images/icon/m_order_arrow_off_black.png') no-repeat 0 0 / 4.815vw;  content:''; -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg); transition:all .3s ease;}
.reivew_tabs_bg .rw_tabs{display:none;position:absolute; z-index:5; width:100%;left:0;-webkit-box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.2);
box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.2);}
.reivew_tabs_bg .rw_tabs li{border-bottom:1px solid #eee;}
.reivew_tabs_bg .rw_tabs li a{display:block;height:12.315vw;line-height:12.315vw;padding:0 5.556vw;font-size:4.167vw;color:#555;background:#fff;}
#boardlist {padding:0 20px;}
#boardlist h2.qna_title {width:100%; margin:9.259vw 0 0; text-align:left; font-size:4.444vw; padding-bottom:4.63vw;}
#boardlist .find_box{padding:3.704vw; background:#f4f4f4; border-radius: 2.778vw; margin:4.630vw auto 9.259vw auto; }
#boardlist .find_box > span{font-size:3.611vw; font-style: italic;}
#boardlist .find_box > a {float:right; color:#db0032; font-weight:500; font-size: 3.333vw;}
#boardlist .find_box > a > img {vertical-align: middle;}
.qna_tab{border-bottom:1px solid #ddd; margin: 0 -3.556vw;  overflow:auto;white-space:nowrap; position: relative}
#boardlist .board_search{position: relative; }
#boardlist .board_search form{font-size: 0;}
#boardlist .board_search select{width: 27.778vw;height: 9.167vw;margin-right: 2.778vw;padding: 0 2.778vw;border: 0.278vw solid #ddd;border-radius: 2.778vw;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;color: #444;font-size: 3.333vw;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url('https://m.thebrandhannah.co.kr/_asset/m/images/icon/select_open_icon.png') no-repeat 88% 50% / 3.148vw 2.037vw;}
#boardlist .board_search select::-ms-expand{display: none;}
#boardlist .board_search .bd_search_box{display: inline-block;width: 58.333vw;height: 9.167vw;border: 0.278vw solid #ddd;border-radius: 2.778vw;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;vertical-align: top;}
#boardlist .board_search input.form_input.search{width: 100%;height: 100%;border: none;border-radius: 2.778vw;padding: 0 10.185vw 0 1.852vw;font-size: 3.333vw;}
#boardlist .board_search .btn_search{position: absolute;right: 3.704vw;top: 50%;display: inline-block;width: 4.630vw;height: 4.630vw;margin-top: -2.315vw;border: 0;background: url('https://m.thebrandhannah.co.kr//_asset/m/images/common/search_m_icon.png') no-repeat center / 100%;vertical-align: top;text-indent: -9999px;cursor: pointer;}
#boardlist .category {width:100%; margin:15px 0; text-align:center;}
#boardlist .category > ul {border-top:1px solid #e0e0e0;}
#boardlist .category > ul > li {float:left; width:33.33%;}
#boardlist .category > ul > li > a {display:block; position:relative; height:34px; border:1px solid #e0e0e0; border-width:0 1px 1px 0; color:#888; line-height:34px;}
#boardlist .category > ul > li:nth-child(3n-2) > a {border-width:0 1px 1px 1px;}
#boardlist .category > ul > li.cate_all > a,
#boardlist .category > ul > li.selected > a {background:#fafafa; color:#333; font-weight:bold;}
#boardlist .category:after {display:block; clear:both; content:'';}
#boardlist #boardlist_body {margin:9.259vw 0 0; border-top:0.278vw solid #000;}
#boardlist .qna_accordion_head {position: relative;padding: 3.704vw 2.778vw;color: #52616b;cursor: pointer;border-bottom: 1px solid lightgray;}
#boardlist .qna_accordion_head .at_t, .qna_accordionTitle .at_day{color:#000; margin-right:1.852vw;}
#boardlist .at_t{float: left;font-size:3.611vw;font-weight:600;}
#boardlist .at_cont{font-size:3.611vw;color:#000; display:block;}
#boardlist .at_day{width:100%;margin-top:0.926vw;}
#boardlist .at_day > span{text-align: left;color:#555;  font-size: 3.056vw;}
#boardlist .at_day > span.name{position: relative;margin-right:2.778vw;}
#boardlist .at_day > span.name::after{content: '';position: absolute;top: 50%;right: -6.389px;width: 2px;height: 26px;margin-top: -13px;background: #dddddd;}
/* 게시판 내용 */
#boardlist .qna_accordion_body {background: #f8f8f8;height: auto;padding:5.556vw; border-bottom: 1px solid lightgray;letter-spacing: 0.5px;display: none;}
#boardlist .qna_img_text {min-height:22px; margin-bottom: 1.852vw}
#boardlist .qna_img_text .qna_img_icon {display:inline-block; width:6.481vw; margin-right:1.389vw; vertical-align:top;}
#boardlist .qna_img_icon> img{width:100%;}
#boardlist .qna_text{display:inline-block; width:88%;}

#boardlist .qna_text p{font-size:3.333vw;color:#777;background: none !important;}
#boardlist .qna_text *{color:#777;}
/* 수정, 삭제버튼  */
#boardlist .qna_cont_chg_rm {display: block;width: 100%;margin:2.778vw 0;}
#boardlist .chg_btn,.rmv_btn {display:inline-block; border-radius: 2.778vw;}
#boardlist .chg_btn > a,
#boardlist .rmv_btn > a {padding: 1.578vw 2.778vw !important;outline: none;font-size: 3.056vw;
text-align: center;vertical-align: middle;line-height: 1.4;border-radius: 2.778vw;
display:block;}
#boardlist .chg_btn{margin-right: 0.926vw;  border: 1px solid #222;}
#boardlist .rmv_btn {border: 1px solid #db0032;}
#boardlist .rmv_btn > a {color: #db0032;}
@media (max-width: 740px){
#boardlist .at_day > span.name::after{height: 16px; margin-top:-8px; right: -6.389px; }
}
@media (max-width: 540px) {
#boardlist .at_day > span.name::after{height: 13px; margin-top:-6.5px; right: -5.389px; }
}
#boardlist .bd_box_btn {margin-top:7.407vw;}
#boardlist .bd_box_btn > * {padding:0; border:none; border-radius:2.778vw; background:#f4f4f4; color:#666 !important; font-size:3.333vw; line-height: 11.574vw;}
/*-----------------------------------------------------------------*/
/* 열람
/*-----------------------------------------------------------------*/

#boardview > .info {border:1px solid #e0e0e0; border-width:1px 0;}
#boardview > .info .subject {padding:15px;}
#boardview > .info .subject p {padding-top:5px;}
#boardview > .info .subject p:first-child {padding-top:0;}
#boardview > .info .subject .title {width:100%;}
#boardview > .info .subject .title img {width:auto; height:10px; vertical-align:middle;}
#boardview > .info .subject .stat,
#boardview > .info .subject .stat a,
#boardview > .info .subject .file,
#boardview > .info .subject .file a,
#boardview > .info .subject .add {font-size:0.917rem;}
#boardview > .info .subject .stat img {width:auto; height:10px; vertical-align:middle;}
#boardview > .boxview {padding:15px; border-bottom:1px solid #e0e0e0; text-align:left;}
#boardview > .boxview .content {word-break:break-all; word-wrap:break-word;}
#boardview > .boxview .content * {font-family:inherit; font-size:inherit; text-align:inherit; line-height:inherit;}
#boardview > .boxview .content img {max-width:100%; height:auto;}
#boardview > .btn {padding-top:15px; text-align:right;}


/*-----------------------------------------------------------------*/
/* 쓰기
/*-----------------------------------------------------------------*/

#boardwrite fieldset > div {position:relative; margin-bottom:10px;}
#boardwrite fieldset > div:last-child {margin-bottom:0;}
#boardwrite fieldset > div > label {display:none;}
#boardwrite fieldset > div.name {min-height:34px; padding-right:180px; line-height:34px; font-weight:bold;}
#boardwrite fieldset > div.name .form_input {width:90%;}
#boardwrite fieldset > div.name .check {position:absolute; right:0; top:10px;}
#boardwrite fieldset > div.contents {background:#fff;}
#boardwrite fieldset select {width:100%;}
#boardwrite .btn {padding-top:15px;}


/*-----------------------------------------------------------------*/
/* 비밀번호 확인
/*-----------------------------------------------------------------*/

#boardpw {margin:15px; border:1px solid #e0e0e0; background:#fafafa; text-align:center !important;}
#boardpw h3 {padding-bottom:15px;}
#boardpw p {margin-bottom:10px; color:#888;}
#boardpw .form_input {margin-bottom:10px;}


/*-----------------------------------------------------------------*/
/* 댓글목록, 댓글쓰기 - 스킨공통css 적용
/*-----------------------------------------------------------------*/