/*-----------------------------------------------------------------*/
/* 목록
/*-----------------------------------------------------------------*/
h2.subtitle {display:none;}
.reivew_tabs_bg {margin-bottom:100px;}
ul.rw_tabs li {width:auto;}
ul.rw_tabs li a {padding:10px 60px; text-align:center; line-height:67px; font-size:25px; color:#888;}
#boardlist {width:100%;}
#boardlist .category {display:table; width:100%; height:50px; margin-bottom:20px; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; text-align:center;}
#boardlist .category > ul {display:table-row;}
#boardlist .category > ul > li {display:table-cell; width:10%; vertical-align:top;}
#boardlist .category > ul > li > a {display:block; position:relative; height:48px; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; color:#888; line-height:48px;}
#boardlist .category > ul > li.cate_all > a,
#boardlist .category > ul > li.selected > a {border-bottom:1px solid #fff; color:#333; font-weight:bold;}
#boardlist table {table-layout:fixed; width:100%;}
#boardlist table tr > td {padding-bottom:40px; text-align:left; vertical-align:top;}
#boardlist table tr > td .box {width:260px; margin:0 auto; text-align:center;}
#boardlist table tr > td .box .img {width:262px; border:1px solid #dcdcdc;}
#boardlist table tr > td .box .img img {width:100%; height:auto;}
#boardlist table tr > td .subject {padding:20px 0 10px;}
#boardlist table tr > td .date {color:#888; font-size:11px;}
#boardlist table tr > td.notice {position:relative; padding:0 70px 15px 0;}
#boardlist table tr > td.notice > .date {position:absolute; right:0; top:0;}
#boardlist .page_write {position:relative; min-height:34px; margin-top:30px;}
#boardlist .page_write .write {position:absolute; right:0; top:0;}
#boardlist .board_search {clear:both; text-align:center;}
#boardlist .board_search form {display:inline-block; margin:30px auto 0; padding:5px; border:1px solid #dcdcdc; text-align:center;}
#boardlist .board_search select {border:0;}
#boardlist .board_search input.form_input.search {width:300px; border-width:0 1px;}
#boardlist .board_search .btn_search {display:inline-block; width:34px; height:34px; border:0; background:url('/board/_skin/gallery_general/img/btn_search.png') no-repeat center; vertical-align:top; text-indent:-9999px; cursor:pointer;}


/*-----------------------------------------------------------------*/
/* 열람
/*-----------------------------------------------------------------*/

#boardview .board_row {table-layout:fixed; width:100%; border-top:1px solid #e0e0e0;}
#boardview .board_row tr > th {padding:15px 0 15px 30px; border-bottom:1px solid #e0e0e0; font-weight:normal; text-align:left; vertical-align:middle;}
#boardview .board_row tr > td {padding:15px 10px; border-bottom:1px solid #e0e0e0; text-align:left; vertical-align:middle;}
#boardview .board_row tr > td,
#boardview .board_row tr > td * {color:#666;}
#boardview .boxview {padding:30px; border-bottom:1px solid #e0e0e0; text-align:left;}
#boardview .boxview > div {word-break:break-all; word-wrap:break-word;}
#boardview .boxview > div * {font-family:inherit; font-size:inherit; text-align:inherit; line-height:inherit;}
#boardview .boxview > div img {max-width:100%;}
#boardview .btn {padding:20px 0; text-align:right;}
#boardview .btn .modelete {float:left;}


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

#boardwrite {width:100%; background:#f5f5f5; text-align:center;}
#boardwrite form {display:inline-block; width:72%; margin:0 auto; padding:40px 0; text-align:left;}
#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:3px;}
#boardwrite fieldset > div.contents {background:#fff;}
#boardwrite fieldset select {width:100%;}
#boardwrite .btn {padding:20px 0; text-align:center;}


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

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

/* 기존에 사이트 맞춤 css */
.rw_total {display:inline-block; line-height:50px; font-size:18px;}
.rw_total strong {color:#db0032; font-weight:600; font-size:18px;}
.rw_inf_wrap { width: 1340px; margin: 100px auto 30px auto; }
.rw_form { float: right; }
.rw_form .rw_sel { border-radius: 10px; height: 50px; border: solid 1px #dddddd; padding-left: 15px; color: #000; font-size: 16px; cursor: pointer; display: inline-block; vertical-align: middle; background: url('https://thebrandhannah.wisacdn.com/_asset/pc/images/icon/select.png') no-repeat 90% 50%; }
.wh120 { width: 120px; }
.wh180 { width: 180px; }
.rw_form .search_wrap { position: relative; display: inline-block; font-size: 0; vertical-align: middle; }
.search_wrap .form_input { width: 290px; border-radius: 10px; height: 50px; border: solid 1px #d3d3d3; padding: 0 50px 0 15px; font-size: 18px; }
.search_wrap .btn_search { display: inline-block; position: absolute; top: 50%; right: 10px; width: 40px; height: 40px; margin-top: -20px; border: none; font-size: 0; background: url('https://www.thebrandhannah.co.kr/_asset/pc/images/common/top_search.png') no-repeat center/23px; }
.rw_form .rw_sec_btn a { display: inline-block; width: 100%; height: 100%; }
.rw_form .rw_sec_btn > a > img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 23px; }
ul.rw_tabs { margin: 0px auto; width: 560px; list-style: none; font-size: 0; }
ul.rw_tabs li { background: none; display: inline-block; cursor: pointer; width: 33.3%; text-align: center; padding: 10px 0; }
ul.rw_tabs li > a { font-size: 25px; line-height: 67px; color: #888; }
ul.rw_tabs li:nth-child(2)::after, ul.rw_tabs li:nth-child(3)::after { content: ''; display: block; width: 1px; margin: -40px 0; height: 20px; background: #e4e4e4; }
a.current { font-weight: 600; color: #111 !important; }
.rw_tab_content { display: none; background: #fff; }
.rw_tab_content.current { display: inherit; }
#tab-1 .tab-1-wrap, #tab-2 .tab-2-wrap, #tab-3 .tab-3-wrap, #tab-4 .tab-4-wrap, #tab-4 .tab-5-wrap, #tab-4 .tab-6-wrap, #tab-4 .tab-7-wrap { width: 100%; margin: 0 auto; }
.black_bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: none; background: black; opacity: 0.5; }
.rw_popup_bg, .rw_popup_bg_2 { z-index: 99; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: none; }
.rw_popup_bg .rw_popup_cont, .rw_popup_bg_2 .rw_popup_cont_2 { position: fixed; left: 50%; top: 50%; z-index: 101; transform: translate(-50%, -50%); width: 1280px; height: 600px; background: #fff; display: none; }
.rw_pop_close { position: absolute; top: -55px; right: 0; }
#rw_pop_slider { position: relative; overflow: hidden; float: left; }
#rw_pop_slider ul { position: relative; margin: 0; padding: 0; height: 600px; list-style: none; }
#rw_pop_slider ul li { position: relative; display: block; float: left; margin: 0; padding: 0; width: 640px; height: 600px; background: #f1f2f3; text-align: center; line-height: 600px; }
#rw_pop_slider ul li > img { max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
a.rwsd_control_prev, a.rwsd_control_next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 999; display: block; padding: 15px 20px; border-radius: 50%; background: #2a2a2a; color: #fff; text-decoration: none; font-weight: 600; font-size: 18px; opacity: 0.8; cursor: pointer; }
a.rwsd_control_prev:hover, a.rwsd_control_next:hover { opacity: 1; }
a.rwsd_control_prev { left: 10px; }
a.rwsd_control_next { right: 10px; }
.slider_option { position: relative; margin: 10px auto; width: 160px; font-size: 18px; }
.wh640 { width: 640px; }
.wh100p { width: 100%; }
.rw_sd_text { float: right; background: #fff; padding: 35px; box-sizing: border-box; }
.rw_text_scbox { width: 100%; height: 240px; padding-top: 15px; margin: 0 auto; overflow-y: scroll; }
.rw_sd_title { font-size: 24px; font-weight: 600; }

.eventbox_cont { width: 1340px; border-top: 1px solid #000; margin: 30px auto 0 auto; }
.eventbox_wrap { width: 1370px; font-size: 0; height: auto; padding-top: 40px; }
.eventbox, .end_eventbox { display: inline-block; width: 426.6px; border-bottom: 1px solid #dddddd; margin-right: 30px; margin-bottom: 50px; overflow: hidden; position: relative; vertical-align:top;}
.eventbox_img_wrap, .end_eventbox_img_wrap { position: relative; overflow: hidden; }
.eventbox_img_wrap, .eventbox_img_wrap > img, .end_eventbox_img_wrap, .end_eventbox_img_wrap > img { position: relative; width: 426.6px; height: 256px; }
.eventbox_img_wrap a, .end_eventbox_img_wrap > div.overlay_end_event { position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: #fff; opacity: 0; background: #000; }
.eventbox_img_wrap a { transition: all .6s linear; }
.end_eventbox_img_wrap > div.overlay_end_event { opacity: 0.5; }
.end_eventbox_img_wrap > div.overlay_end_event span { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); }
.end_eventbox_img_wrap > span.overlay_end_text { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 20px; }
.event_img_frame { position: relative; width: 426.6px; height: 256px; }
.event_img_wrapper { width: 426.6px; height: 256px; position: absolute; cursor: pointer; }
.event_img_wrapper > img { width: inherit; height: inherit; }
.event_img_wrapper > .event_darkness { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000000; opacity: 0; transition: all .6s linear; }
.event_btn_plus { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; transition: all .3s linear; opacity: 0; }
.event_img_wrapper:hover .event_darkness { opacity: 0.4; }
.event_img_wrapper:hover .event_btn_plus { opacity: 1; }
.eventbox_img_wrap:hover { transition: all .5s; -webkit-transform: scale(1.06); transform: scale(1.06); }
.eventbox_img_wrap:hover a { opacity: 0.5; z-index: 990; }
.eventbox::after { content: ''; display: block; width: 0; height: 1.5px; background: #000; position: absolute; bottom: 0; -webkit-transition: all .4s linear; transition: all .4s linear; }
.eventbox:hover::after { width: 100%; -webkit-transition: all .4s linear; transition: all .4s linear; }
.eventbox_text_wrap { width: 100%; min-height: 102px; padding: 20px; box-sizing: border-box; }
.eventbox_text_wrap > h2 a { font-size: 20px; font-weight: 500; color: #000; padding-bottom: 10px; line-height: 27px; letter-spacing: -0.045em; box-sizing: border-box; }
.eventbox_text_wrap > p { font-size: 16px; font-weight: 300; color: #777; }
.cb_hg { height: auto; }
.event_oneline { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }


/*----------- contents_press 페이지   ------------*/
/* 뉴스, 한나패드 종류 알림 */
.eventbox_text_wrap > .news_pg_btn {padding: 4px 8px; font-size: 16px; line-height: 50px; border: 1px solid #000; border-radius:17.5px; margin:20px 0;}