/*-----------------------------------------------------------------*/
/* 목록
/*-----------------------------------------------------------------*/
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;}

#boardlist {padding:0 20px;}
.category2 {width:100vw; height:12.963vw; text-align:center; border-bottom:0.278vw solid #eee; background:#f8f8f8;}
.category2 > ul{font-size: 0; text-align:center;}
.category2 > ul > li{position: relative;display: inline-block;padding: 0 3.704vw;}
.category2 > ul > li:after{content: '';position: absolute;top: 50%;left: 0;width: 0.278vw;height: 3.704vw;margin-top: -1.852vw;background: #ddd;}
.category2 > ul > li:first-child:after{display: none;}
.category2 > ul > li > a{display: block;color: #888;font-size: 3.889vw;line-height: 12.963vw;font-weight: 300;}
.category2 > ul > li.cate_all a,
.category2 > ul > li.selected a{color: #000;font-weight: 600;}
.category2:after {display:block; clear:both; content:'';}
#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 .list{display: block;width: 100%;margin: 7.407vw 0 0;border-top: 0.278vw solid #222;}
#boardlist .list li{display: inline-block;width: 100%;margin: 7.407vw 0 0;padding-bottom: 4.630vw;border-bottom: 0.278vw solid #ddd;}
#boardlist .list li .box .img{width: 100%;height: 49.537vw;border: 1px solid #ddd;overflow: hidden;}
#boardlist .list li .box .img a{position: relative;display: block;width: 100%;height: 100%;}
#boardlist .list li .box .img img{width: 100%;height: 100%;}
#boardlist .list li .box .img a .classify{position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;line-height: 49.537vw;background: rgba(0,0,0,.5);color: #fff;font-size: 3.889vw;text-align: center;}
#boardlist .list li .box .info_box{padding: 3.704vw 2.963vw 0;}
#boardlist .list li .box .subject{line-height: 1;font-size: 0;}
#boardlist .list li .box .subject a{display: inline-block;width: 100%;font-size: 4.444vw;line-height: 1;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#boardlist .list li .box .subject img{height: 16px;vertical-align: top;}
#boardlist .list li .box .date{margin-top: 3.426vw;color: #777;font-size: 3.611vw;line-height: 1;font-weight: 300;}
#boardlist .list li.notice{position: relative;width: 100%;padding: 0 80px 10px 0;text-align: left;}
#boardlist .list li.notice .date{position: absolute;right: 0;top: 0;}
#boardlist .list: after{display: block;clear: both;content: '';}

#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 {padding: 4.68% 0;}
#boardview .wrap_inner {border-bottom: 1px solid #e0e0e0;}
#boardview .related_prd_view {border-bottom: 0;}
#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;}

#boardview .related_prd_view .swiper-wrapper {height:1000px;}
#boardview .related_prd_view .swiper-slide {text-align:center; width:100%; background:#fff; height:calc((100% - 30px) / 2) !important; display:flex; justify-content:center; padding:0 5px;}
/*-----------------------------------------------------------------*/
/* 쓰기
/*-----------------------------------------------------------------*/

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