/*-----------------------------------------------------------------*/
/* 목록
/*-----------------------------------------------------------------*/
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 .board_search{position: relative;margin-top: 9.259vw;}
#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 .list {margin:15px 0; border-top:1px solid #dbdbdb;}
#boardlist .list li {padding:10px 0; border-bottom:1px solid #dbdbdb;}
#boardlist .list li .no {float:left; width:50px; text-align:center;}
#boardlist .list li .subject {padding-left:50px; text-align:left;}
#boardlist .list li .subject .title {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#boardlist .list li .subject .title img {width:auto; height:10px; margin-top:2px; vertical-align:top;}
#boardlist .list li .subject .stat {padding-top:5px; font-size:0.917rem;}
#boardlist .list li .subject .stat * {font-size:0.917rem;}
#boardlist .list li .subject .stat img {width:auto; height:10px; vertical-align:top;}
*/
#boardlist #boardlist_body {margin:6.944vw auto; border-top:0.278vw solid #000;}
#boardlist #boardlist_body li {padding:5.556vw 3.704vw; border-bottom: 1px solid #ddd;}
#boardlist #boardlist_body li p.text_cont {width:70%; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
#boardlist #boardlist_body li.noti p.text_cont {font-weight:500;}
#boardlist #boardlist_body li p.text_cont > span {display:inline-block;}
#boardlist #boardlist_body li p.text_cont a {color:#444; font-size:3.889vw;}
#boardlist #boardlist_body li.fixed_title > a > p, #cs_notice .notice_wrap ul.notice > li.fixed_title > a >  p > span{font-weight:500; color:#000 !important;}
#boardlist #boardlist_body li p, #cs_notice .notice_wrap ul.notice > li > a >  p > span{font-size: 3.889vw; color:#444; display: inline-block;}
#boardlist #boardlist_body li p.date {float:right; margin-top:1px; font-weight:300; color:#777; font-size: 3.333vw !important;}
#boardlist #boardlist_body li p.text_cont img {width:auto; height:16px; vertical-align: middle; margin-left:2.315vw;}
#boardlist #boardlist_body li p.text_cont .new_img img {width:28px; height:auto;}


#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 적용
/*-----------------------------------------------------------------*/