/* board */
.pagenum_box{ display:flex; justify-content:center; margin:54px 0 100px 0;}
.pagenum_box span{ min-width:24px; line-height:36px; display:flex; justify-content: center; align-items: center;}
.pagenum_box .on,
.pagenum_box .off{ font-size:13px; min-width:24px; }
.pagenum_box .arrow + .arrow{ margin-left:10px}
.pagenum_box .arrow + span:not(.arrow){ margin-left:16px}
.pagenum_box span:not(.arrow) + span:not(.arrow){ margin-left:20px}
.pagenum_box span:not(.arrow) + .arrow{ margin-left:16px}
.pagenum_box .arrow i{ font-size:24px; color:#B1B1B1; }

@media (max-width:1023px){

  /* board */
  .pagenum_box{ display:flex; justify-content:center; margin:54px 0 100px 0;}
  .pagenum_box span{ min-width:24px; line-height:36px; display:flex; justify-content: center; align-items: center;}
  .pagenum_box .on,
  .pagenum_box .off{ font-size:13px; min-width:24px; }
  .pagenum_box .arrow + .arrow{ margin-left:10px}
  .pagenum_box .arrow + span:not(.arrow){ margin-left:16px}
  .pagenum_box span:not(.arrow) + span:not(.arrow){ margin-left:20px}
  .pagenum_box span:not(.arrow) + .arrow{ margin-left:16px}
  .pagenum_box .arrow i{ font-size:24px; color:#B1B1B1; }


}

.board_layout{ width:1280px; margin:146px auto 0;}
.board_layout.noPage{ margin-bottom:100px }

.sub_titleoutbox{ padding-top:54px}
.sub_titleoutbox *{ font-family: "Noto Serif", serif; }
.sub_titleoutbox .sub_titleinbox{ display:flex; flex-direction: column; align-items: flex-start;}
.sub_titleoutbox h2.subTitle{ font-size:50px; color:#020202;  font-weight:600; letter-spacing:-0.2rem}
.sub_titleoutbox p.subtext{ font-size:26px; color:#939292; font-weight:500; margin-top:10px; line-height:1.34; }

@media (max-width:1023px){
 
  .board_layout{ width:calc(100% - 4rem); margin:7rem auto 0;}
  .board_layout.noPage{ margin-bottom:5rem;  }

  .sub_titleoutbox{ padding-top:4rem; }
  .sub_titleoutbox h2.subTitle{ font-size:2.5rem; }
  .sub_titleoutbox p.subtext{ font-size:1.4rem; margin-top:1rem; }



}

/*tab*/
.boardTab_wr{ display:flex; width:100%; max-width:1280px; margin:25px auto 50px auto}
.boardTab_wr a{ flex:1; width:100%; height:90px; font-size:28px; font-weight:600; color:#b5b5b5; display:flex; justify-content: center; align-items: center; border-bottom:2px solid #B5B5B5; transition:color 0.2s linear}
.boardTab_wr a:hover,
.boardTab_wr a.is_active{ color:#000; border-bottom:2px solid #000; }


.boardTab2_wr{ display:flex; flex-direction: column; width:100%; max-width:1280px; margin:25px auto 0 auto}
.boardTab2_wr .boardTab_box{ display:flex; width:100%; }
.boardTab2_wr .boardTab_box li{ flex:1; }
.boardTab2_wr li a{ flex:1; width:100%; height:90px; font-size:28px; font-weight:600; color:#b5b5b5; display:flex; justify-content: center; align-items: center; border-bottom:2px solid #B5B5B5; transition:color 0.2s linear}
.boardTab2_wr li:hover a,
.boardTab2_wr li.is_active a{ color:#000; border-bottom:2px solid #000; }
.boardTab2_wr .boardSubTab_wr{ display:flex; justify-content:center; align-items: center; margin:42px 0 0 0; gap:0 26px; }
.boardTab2_wr .boardSubTab_wr a{ min-width:158px; height:42px; border:1px solid #c3c3c3; display:flex; justify-content: center; align-items: center; font-size:16px; color:#b5b5b5; transition:border 0.4s linear}
.boardTab2_wr .boardSubTab_wr a:hover,
.boardTab2_wr .boardSubTab_wr a.is_active{ color:#000; border-color:#000; } 

.admin_tabbox{ display:flex; justify-content: flex-start;}
.admin_tabbox p.is_active{ font-weight:900; }

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

@media (max-width:1023px){

/*tab*/
.boardTab_wr{ max-width:100%; margin:1.5rem auto 3.2rem auto}
.boardTab_wr a{ height:4rem; font-size:1.4rem; }

.boardTab2_wr{ max-width:100%; margin:1.5rem auto 0 auto}
.boardTab2_wr li a{ height:4rem; font-size:1.4rem}
.boardTab2_wr .boardSubTab_wr{ margin:1.6rem 0 0 0; gap:0; }

.boardTab2_wr .boardSubTab_wr select{ width:calc(100% - 2.8rem); height:3.5rem; border:1px solid #000;  } 

.admin_tabbox{ display:flex; justify-content: flex-start;}
.admin_tabbox p.is_active{ font-weight:900; }

}

/*검색*/
.board_layout select::-ms-expand { display: none;}
.board_layout select {  -o-appearance: none;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;}
.board_layout select {  font-size:16px; padding:0 32px 0 12px; height:32px; color:#272727; border:1px solid #b3b3b3; background:#F4F4F4 url(/renew2/img/sub_2025/icon_arrow_select.svg) no-repeat calc(100% - 12px) center / 12px auto; }


.board_search_wr{ display:flex; justify-content: flex-end; align-items: center; margin-top:54px; }
.board_search_wr form{ display:flex; justify-content: flex-end; align-items: center; gap:0 6px; }
.board_search_wr h3{ font-size:0; }
.board_search_wr input{ height:32px; padding:0 12px; border:1px solid #b3b3b3; background:#F4F4F4; font-size:16px; color:#272727; }
.board_search_wr select{ width:120px;}
.board_search_wr label{ display:none; }
.board_search_wr input{ width:200px;}
.board_search_wr .sch_btn{ background:#393939; color:#fff; font-size:16px; height:32px; width:86px; border:0; display:flex; justify-content: center; align-items: center; }

@media (max-width:1023px){

  .board_search_wr { margin-top:2.8rem; }

  .board_layout select {  font-size:1.4rem; padding:0 2.4rem 0 1rem; height:2.6rem; background:#F4F4F4 url(/renew2/img/sub_2025/icon_arrow_select.svg) no-repeat calc(100% - 1rem) center / 1rem auto; }  
  
  .board_search_wr form{ justify-content: flex-start; gap:0 0.4rem; }
  .board_search_wr input{ height:2.6rem; padding:0 1rem; font-size:1.4rem; }
  .board_search_wr select{ width:30%;}
  .board_search_wr input{ width:46%;}
  .board_search_wr .sch_btn{ font-size:1.2rem; height:2.6rem; width:20%; flex-shrink: 1;}

}

/* 알럿 팝업 */
DIV.alert_popup { position: relative; background: #fff;display: none; width:80%}
DIV.alert_popup > DIV.formbox {  width: 100%;  padding: 18px 18px;  text-align: center; }

DIV.alert_popup > DIV.formbox > h3 {
  letter-spacing: -1px;
}

DIV.alert_popup > DIV.formbox > p.inputbox {
  margin: 18px auto 8px auto;
  text-align: left;
}

DIV.alert_popup > DIV.formbox > p.inputbox > input {
  width: 100%;
  height: 36px;
  line-height: 36px;
  padding-left: 6px;
}

DIV.alert_popup > DIV.formbox > p.okbtn {
  width: 100%;
  height: 52px;
  line-height: 52px;
  font-size: 17px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: #40bbcc;
  vertical-align: top;
  border-bottom: 2px solid #3badbd;
  cursor: pointer;
}

DIV.alert_popup > DIV.formbox > p.okbtn:hover {
  background: #3badbd;
  border-top: 2px solid #38a5b4;
  border-bottom: 2px solid #3badbd;
}

DIV.alert_popup > DIV.popup_closebox {
  width: 36px;
  height: 36px;
  position: absolute;
  top: 0px;
  right: -36px;
  background: #f1f1f1;
}

DIV.alert_popup > DIV.popup_closebox > p.popup_close {
  width: 30px;
  height: 30px;
  position: relative;
  margin: 3px auto;
  text-align: center;
  background: url('/permanent/img/close_xb.png');
  cursor: pointer;
}

/*서브*/
.board_layout_box{ width:100%; display:block; }

#board_cont_header{ width:100%; border-bottom:2px solid #000000; padding-bottom:32px; display:flex; flex-direction: column; align-items: center; margin-top:54px}
#board_cont_header .header_small{ display:flex; justify-content: center; color:#A6A6A6; font-size:14px; font-weight:500; }
#board_cont_header .header_small span + span{ position:relative; padding-left:8px; margin-left:8px; }
#board_cont_header .header_small span + span:before{ content:""; width:1px; height:14px; display:block; background:#D5D5D5; position:absolute; left:0; top:2px;}
#board_cont_header .header_title{ margin-top:18px; font-size:30px; letter-spacing:-0.04rem; color:#000; line-height:1.2; text-align: center;}
.board_layout_box .view_contents{ padding:26px 20px; }

.board_list_ul{ width:100%; display:flex; justify-content: flex-start; align-items: center; border-bottom:1px solid #C7C6C6;}
.board_list_ul li{ width:100%; display:flex; justify-content: center; align-items: center; text-align: center; }
.board_list_ul li.num{ width:5.4%; font-size:18px; font-weight:500; color:#333; }
.board_list_ul li.subject{ width:70%; }
.board_list_ul.board_bd li.subject{ padding:14px 0; }
.board_list_ul li.subject a{ width:100%; display:flex; justify-content: flex-start; align-items: center; gap:0 50px; }
.board_list_ul li.subject .subject_title{ display:flex; flex-direction: column; align-items:flex-start; color:#333; line-height:1.3; text-align: left;}
.board_list_ul li.subject .subject_title p{ font-size:18px; font-weight:500; }
.board_list_ul li.subject .subject_title span{ margin-top:6px; font-size:18px; font-weight:300; }
.board_list_ul li.subject .subject_img{ width:172px; }
.board_list_ul li.subject .subject_img .img_box{ position:relative; width:100%; padding-bottom:66.86%; background:#888888 url(/renew2/img/sub_2025/noImg.png) no-repeat center / auto 62%; }
.board_list_ul li.subject .subject_img .img_box img{ position:absolute; width:100%; height:100%; display:block; }
.board_list_ul li.writer{ width:10%; font-size:16px; font-weight:500; }
.board_list_ul li.date{ width:10%; font-size:16px; font-weight:500; }
.board_list_ul li.hit{ width:4.6%; font-size:16px; font-weight:500; }
.board_list_ul.board_bd li.writer{ color:#A6A6A6; }
.board_list_ul.board_bd li.date{ color:#A6A6A6; }
.board_list_ul.board_bd li.hit{ color:#A6A6A6; }

.board_list_ul.board_hd{ margin-top:20px; border:2px solid #000000; border-width:2px 0; padding:12px 0; font-size:18px; font-weight:500; color:#333; }
.board_list_ul.board_bd{ }

@media (max-width:1023px){

/*서브*/

#board_cont_header{ padding-bottom:1.6rem; margin-top:2rem}
#board_cont_header .header_small{ font-size:1.4rem; }
#board_cont_header .header_small span + span{ padding-left:0.8rem; margin-left:0.8rem; }
#board_cont_header .header_small span + span:before{ content:""; width:1px; height:1.4rem; }
#board_cont_header .header_title{ margin-top:0.8rem; font-size:2rem}
.board_layout_box .view_contents{ padding:1.6rem 1rem; font-size:1.4rem; }
.board_layout_box .view_contents img{ max-width:100%; }

.board_list_ul{ width:100%; display:flex; justify-content: flex-start; align-items: center; border-bottom:1px solid #C7C6C6;}
.board_list_ul li{ width:100%; display:flex; justify-content: center; align-items: center; text-align: center; }
.board_list_ul li.num{ display:none; }
.board_list_ul li.subject{ width:55%; }
.board_list_ul.board_bd li.subject{ padding:1.4rem 0; }
.board_list_ul li.subject a{ gap:0 1rem; }
.board_list_ul li.subject .subject_title p{ font-size:1.2rem; }
.board_list_ul li.subject .subject_title span{ margin-top:0; font-size:1.2rem }
.board_list_ul li.subject .subject_img{ width:5.2rem; }
.board_list_ul li.writer{ width:15%; font-size:1.2rem; font-weight:500; }
.board_list_ul li.date{ width:20%; font-size:1.2rem; font-weight:500; }
.board_list_ul li.hit{ width:15%; font-size:1.2rem; font-weight:500; }

.board_list_ul.board_hd{ margin-top:3.2rem; padding:1rem 0; font-size:1.2rem; }
.board_list_ul.board_bd{ }

}

.view_btnbox { display:flex; justify-content: flex-start; gap:0 6px; border-top:2px solid #000; padding:28px 0 0 0; }
.view_btnbox.between { justify-content: space-between;}
.view_btnbox.no_br { border-top:0; }
.view_btnbox.align_right { justify-content: flex-end;}
.view_btnbox .btn_board{ background:#474747; color:#fff; font-size:14px; font-weight:400; padding:8px 24px; min-width:104px; display:flex; justify-content: center; align-items: center; }
.view_btnbox .btn_board.black{ background:#000; }
.view_btnbox .btn_board.cencel{ background:#fff; color:#474747; border:1px solid #474747; }

@media (max-width:1023px){

  .view_btnbox { gap:0 0.4rem; padding:2rem 0 0 0; }
  .view_btnbox .btn_board{ font-size:1.2rem; padding:0.4rem 0.8rem; min-width:6rem}

}


/*event*/
.board_event_ul { display:grid; grid-template-columns: repeat(4, 1fr); gap:62px 24px; margin-top:40px; }
.board_event_ul li{ width:100%; display:flex; align-items: center; flex-direction: column;}
.board_event_ul li .thumb{ width:100%; overflow: hidden; padding-bottom:101%; position:relative; cursor: pointer;}
.board_event_ul li .endEvt{ position:absolute; z-index:3; width:100%; height:100%; display:block; background:rgba(0,0,0,0.8) url(/renew2/img/sub_2025/noImg.png) no-repeat center / auto 32%; font-size:0; }
.board_event_ul li .thumb_img{ position:absolute; width:100%; height:100%; display:block; z-index:2; }
.board_event_ul li .endBg{ position:absolute; width:100%; height:100%; display:block; background:#000 url(/renew2/img/sub_2025/noImg.png) no-repeat center / auto 32%; }
.board_event_ul li .event_text{ margin-top:16px; display:flex; flex-direction: column; align-items: center;}
.board_event_ul li .event_text .title{ font-size:18px; font-weight:500; color:#333; text-align: center;}
.board_event_ul li .event_text .date{ font-size:16px; font-weight:500; color:#A6A6A6; margin-top:12px; }

@media (max-width:1023px){

  .board_event_ul { grid-template-columns: repeat(2, 1fr); gap:2rem 1.4rem; margin-top:2.8rem; }
  .board_event_ul li .event_text{ margin-top:1rem; display:flex; flex-direction: column; align-items: center;}
  .board_event_ul li .event_text .title{ font-size:1.2rem; }
  .board_event_ul li .event_text .date{ font-size:1.2rem; font-weight:500; color:#A6A6A6; margin-top:0; }
  

}


/*before and after*/
.beafter_wr{ display:grid; grid-template-columns: repeat(2, 1fr); gap:24px; margin-top:40px; }
.beafter_wr li{ display:flex; flex-direction: column; align-items: center; cursor: pointer;}
.beafter_wr li .thumb{ width:100%; position:relative; height:0; padding-bottom:30.46%; overflow: hidden;}
.beafter_wr li .thumb img.th{ position:absolute; width:100%; height:100%; display:block; }
.beafter_wr li .thumb .noMem{ width:50%; height:100%; position:absolute; right:0; top:0; z-index:3; background:rgba(0,0,0,0.9); display:flex; justify-content: center; align-items: center;}
.beafter_wr li .thumb .noMem img.lo{ width:auto; height:51.83%;}
.beafter_wr li .beafter_bd{ width:100%; padding:16px 30px 0 20px; display:grid; grid-template-columns: 70% 1fr;}
.beafter_wr li .beafter_bd span{ font-size:16px; color:#333; font-weight:600; }
.beafter_wr li .beafter_bd span + span{ color:#8a8a8a; font-weight:400; text-align: right;}
.beafter_wr li.empty{ grid-column:1 / span 2; }

@media (max-width:1023px){
  

/*before and after*/
.beafter_wr{ grid-template-columns: 1fr; gap:1.8rem 0; margin-top:3.2rem; }
.beafter_wr li .beafter_bd{ padding:0.6rem 1.6rem 0 1.6rem; display:grid; grid-template-columns: 70% 1fr;}
.beafter_wr li .beafter_bd span{ font-size:1.2rem; }

}

/*후기작성*/
.board_layout_box.write_box{ border-top:2px solid #000; margin:54px 0 100px 0; }
#write_ul{ display:grid; grid-template-columns: 15% 1fr 15% 1fr;}
#write_ul li:not(.provi_box li){ border-bottom:1px solid #A5A5A5;}
#write_ul li.label{ background:#F8F8F8; padding:18px 18px 18px 20px; font-size:14px; font-weight:600; color:#000; border-radius: 0;}
#write_ul li.label span{ display:inline-flex; color:#FF0000; margin-left:6px }
#write_ul li.label span:before{ content:"*"; }
#write_ul li.input{ padding:12px 18px; }
#write_ul li.input input[type="text"],
#write_ul li.input select{ border:1px solid #E3E3E3; height:32px; padding:0 12px; font-size:16px; }
#write_ul li.input select{ padding:0 30px 0 12px }
#write_ul li.input #wr_subject{ width:100% }
#write_ul li.input textarea{ width:100%; height:200px; border-color:#E3E3E3; }
#write_ul li.wide3{ grid-column: 2 / span 3;}
#write_ul li.wide4{ grid-column: 1 / span 4;}
#write_ul .filebox p{font-size:14px; margin:4px 0 0 0; }
#write_ul .provi_box{ display:flex;}
#write_ul .provi_box ul{ display:flex; flex-direction: column; align-items: flex-start; gap:6px 0; width:auto; }
#write_ul .provi_box li{ padding:0; display:flex; align-items: center; justify-content: flex-start;}
#write_ul .provi_box li label{ margin-bottom:0; }
#write_ul .provi_box li label input[type="checkbox"]{ margin-top:0; }


@media (max-width:1023px){

/*후기작성*/
.board_layout_box.write_box{ margin:5.4rem 0 5rem 0; }
#write_ul{ display:grid; grid-template-columns: 30% 70%; overflow: hidden;}
#write_ul li.label{ padding:1.4rem 1.4rem 1.4rem 1.4rem; font-size:1.4rem; text-align: left;}
#write_ul li.label span{ margin-left:0.6rem }
#write_ul li.input{ padding:1rem; }
#write_ul li.input input[type="text"],
#write_ul li.input select{ height:3.2rem; padding:0 1rem; font-size:1.4rem; }
#write_ul li.input select{ padding:0 2.4rem 0 1rem; }
#write_ul li.input textarea{ width:100%; height:200px; }
#write_ul li.wide3{ grid-column: unset;}
#write_ul li.wide4{ grid-column: 1 / span 2;}
#write_ul li.wide4.input{ padding:1rem 0; font-size:1.4rem; }
#write_ul .file_up { width:100%; }
#write_ul  p{font-size:1.2rem; width:100%; }
#write_ul .provi_box{ display:flex; width:100%; }
#write_ul .provi_box{ display:flex; width:100%; }
#write_ul .provi_box ul{ width:100%; font-size:1.4rem;}
#write_ul .provi_box li{ flex-direction: column; align-items: flex-start; }
#write_ul .provi_box li label span{ display:block }


}

.login-blind-layer{ width:100%; height:100%; position:fixed; left:0; top:0; background-color:rgb(0, 0, 0, 0.8); z-index:200; display:flex; justify-content: center; align-items: center;}
.login-blind-layer .login_wr{ display:flex; flex-direction: column; align-items: center; background:#fff; padding:40px 90px 76px; }
.login-blind-layer .login_wr .subTitle{ text-align: center; font-size:18px; font-weight:500; color:#808080; }
.login-blind-layer .login_wr .login_box{ margin-top:34px; width:900px; display:flex; flex-direction: column; border:1px solid #ACACAC; }
.login-blind-layer .login_wr .tabs{ width:100%; display:flex; align-items: stretch;}
.login-blind-layer .login_wr .tabs li{ flex:1; display:flex; justify-content: center; align-items: center; padding:18px 0; font-size:16px; font-weight:500; color:#5F5F5F; cursor: pointer;}
.login-blind-layer .login_wr .tabs li.tabsJoin{ background:#F3F3F3; }
.login-blind-layer .login_wr h3{ font-size:30px; margin:38px 0 0 0; font-weight:500; color:#5f5f5f; text-align:center; }
.login-blind-layer .login_wr .login_list{width:460px; margin:0 auto; padding-bottom:60px; }
.login-blind-layer .login_wr .login_ul{ margin-top:36px; width: 100%; gap:6px 0; display:flex; flex-direction: column; align-items: center;}
.login-blind-layer .login_wr .login_ul li{ width:100%; }
.login-blind-layer .login_wr .login_ul li input{ border-radius:0; height:50px; font-size:16px; padding:0 25px; color:#989898; font-weight:500; border:1px solid #C7C7C7; box-shadow: unset; -wekit-box-shadow:unset; }
.login-blind-layer .login_wr .btn_box_login{ margin-top:12px; width:100%; background:#101010; color:#fff; font-size:20px; font-weight:500; padding:16px 0; display:flex; justify-content: center; align-items: center;}
.login-blind-layer .login_wr .find_ul{ margin:8px 0 0 0; width:100%; display:flex; justify-content: space-between; align-items: center;}
.login-blind-layer .login_wr .find_ul .idsave{ font-size:16px; color:#989898; font-weight:500; display:flex; align-items: center; gap:0 8px; }
.login-blind-layer .login_wr .find_ul .idsave input[type="checkbox"]{ margin:0; }
.login-blind-layer .login_wr .find_ul .fondidpw_btn a{ display:flex; font-size:16px; color:#7C7C7C; font-weight:500; padding:3px 6px; border:1px solid #7C7C7C; }
.login-blind-layer .login_wr .oauth_ul { margin:30px 0 0 0; padding-top:24px; border-top:1px solid #acacac; display:flex; align-items: center; gap:0 12px }
.login-blind-layer .login_wr .oauth_ul li{ flex:1; }



@media (max-width:1023px){
.login-blind-layer .login_wr{ width:calc(100% - 4rem); padding:2.8rem 1.6rem 1.6rem; margin:0 auto }
.login-blind-layer .login_wr .subTitle{ font-size:1.4rem}
.login-blind-layer .login_wr .login_box{ margin-top:2rem; width:100%; }
.login-blind-layer .login_wr .tabs li{ padding:1.4rem 0; font-size:1.6rem;}
.login-blind-layer .login_wr h3{ font-size:2.4rem; margin:2.4rem 0 0 0}
.login-blind-layer .login_wr .login_list{width:calc(100% - 4.8rem);  padding-bottom:2.2rem; }
.login-blind-layer .login_wr .login_ul{ margin-top:3.6rem; gap:0.8rem 0; }
.login-blind-layer .login_wr .login_ul li input{ height:4.6rem; font-size:1.6rem; padding:0 1.2rem; }
.login-blind-layer .login_wr .btn_box_login{ margin-top:1.2rem; font-size:2rem; font-weight:500; padding:1.3rem 0}
.login-blind-layer .login_wr .find_ul{ margin:0.8rem 0 0 0}
.login-blind-layer .login_wr .find_ul .idsave{ font-size:1.6rem; }
.login-blind-layer .login_wr .find_ul .fondidpw_btn a{ font-size:1.6rem; padding:0.4rem 1rem; }
.login-blind-layer .login_wr .oauth_ul { margin:2rem 0 0 0; padding-top:2rem; gap:0 0.6rem }
.login-blind-layer .login_wr .oauth_ul img{ width:100%; }
}