@charset "utf-8";

/* ### 기본 스타일 커스터마이징 시작 ### */

/* 기본 테이블 */
/* 읽기 내 테이블 */
#bo_v .tbl_head01 {}
#bo_v .tbl_head01 caption {}
#bo_v .tbl_head01 thead th {}
#bo_v .tbl_head01 thead a {}
#bo_v .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_v .tbl_head01 tfoot th {}
#bo_v .tbl_head01 tfoot td {}
#bo_v .tbl_head01 tbody th {}
#bo_v .tbl_head01 td {}
#bo_v .tbl_head01 a {}
#bo_v td.empty_table {}

/* 쓰기 테이블 */
#bo_w table {}
#bo_w caption {}
#bo_w .frm_info {}
#bo_w .frm_address {}
#bo_w .frm_file {}

#bo_w .tbl_frm01 {}
#bo_w .tbl_frm01 th {}
#bo_w .tbl_frm01 td {}
#bo_w .tbl_frm01 textarea, #bo_w tbl_frm01 .frm_input {}
#bo_w .tbl_frm01 textarea {}
/*
#bo_w .tbl_frm01 #captcha {}
#bo_w .tbl_frm01 #captcha input {}
*/
#bo_w .tbl_frm01 a {}

/* 필수입력 */
#bo_w .required, #bo_w textarea.required {}

#bo_w .cke_sc {}
#bo_w button.btn_cke_sc {}
#bo_w .cke_sc_def {}
#bo_w .cke_sc_def dl {}
#bo_w .cke_sc_def dl:after {}
#bo_w .cke_sc_def dt, #bo_w .cke_sc_def dd {}
#bo_w .cke_sc_def dt {}
#bo_w .cke_sc_def dd {}

/* ### 기본 스타일 커스터마이징 끝 ### */

/* 게시판 목록 */
#bo_cate {background:#fff;padding:7px;margin-bottom:10px;border:1px solid #f0f0f0}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;padding:2px}
#bo_cate a {display:block;line-height:26px;padding:0 10px;border-radius:3px;border:1px solid transparent}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#eee}
#bo_cate #bo_cate_on {z-index:2;background:#6387ff;color:#fff;font-weight:bold}
.td_subject img {margin-left:5px}

/* 갤러리 목록 */


/* 게시판 쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
#autosave_pop:before {content:"";position:absolute;top:-8px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #000 transparent}
#autosave_pop:after {content:"";position:absolute;top:-7px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important}
#autosave_pop button {margin:0;padding:0;border:0}
#autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;color:#999}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover {background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del {background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px}


/*글쓰기*/
#bo_w .write_div {margin:10px 0;position:relative}
#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info .frm_input {float:left;width:33%}
#bo_w #wr_password {margin:0 0.5%}
#bo_w .wr_content.smarteditor2 iframe {background:#fff}
#bo_w .bo_w_tit {position:relative}
#bo_w .bo_w_tit .frm_input {padding-right:120px}
#bo_w .bo_w_tit #btn_autosave {position:absolute;top:5px;right:5px;line-height:30px;height:30px}
#bo_w .bo_w_link label {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center;color:#888}
#bo_w .bo_w_link .frm_input {padding-left:50px}
#bo_w .bo_w_flie .lb_icon {position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center;color:#888}
#bo_w .bo_w_flie .frm_file {padding-left:50px}
#bo_w .bo_w_flie .file_wr {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
#bo_w .bo_w_flie .frm_input {margin:10px 0 0}
#bo_w .bo_w_flie .file_del {position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
#bo_w .bo_w_select select {border:1px solid #3497d9;height:40px;border-radius:3px}

/* 수영 */
.review-slog{max-width: 50rem; width: 100%; margin: 0 auto -10rem; font-size: 1.5rem; line-height: 1.5;}
.review-slog p{width: 25rem;}
.review-slog strong{font-weight: normal; color: var(--point-text);}
#bo_gall{max-width: 50rem; width: 100%; margin: 0 auto; padding-top: 15rem;}

/* 갤러리 리스트 */
#gall_ul{display: flex; flex-flow: wrap row; justify-content: space-between; padding-bottom: 60px; margin-bottom: 50px;}
#gall_ul .gall_li {width: 21rem; margin-bottom: 8rem;}
#gall_ul .gall_li:nth-child(even) {margin-top: -15rem;}
#gall_ul .gall_li .gall_img_area {height: 21rem; width: 100%; overflow: hidden; background: var(--content-bg);}
#gall_ul .gall_li .gall_img_area > img{width: 100%; height: 100%; object-fit: cover; transition: all 0.3s; object-position: center center;}
#gall_ul .gall_li .gall_text_href{margin-top: 1.5rem; text-align: center; display: flex; flex-direction: column; row-gap: 1rem;}
#gall_ul .gall_li .gall_text_href > h5 {text-align: left; font-weight: bold; font-size: 1.5rem; color: var(--main-color);}
#gall_ul .gall_li .gall_text_href > p {line-height: 1.5; min-height: 3.5rem; text-align: left; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
#gall_ul .gall_li .gall_text_href > .more-btn{display: flex; flex-direction: column; align-items: flex-start; row-gap: 0.5rem;}
#gall_ul .gall_li .gall_text_href > .more-btn span{transition: all 0.3s; opacity: 0.5; font-size: 0.875rem; color: var(--cont-text2); margin-bottom: -0.3rem; padding-left: 0.3rem;}
#gall_ul .gall_li .gall_text_href > .more-btn svg{transition: all 0.3s;}
#gall_ul .gall_li:hover .gall_img_area > img{filter: grayscale(1); width: 105%; height: 105%; transform: translate(-2.5%, -2.5%);}
#gall_ul .gall_li:hover .gall_text_href > .more-btn span{opacity: 1;}
#gall_ul .gall_li:hover .gall_text_href > .more-btn svg{margin-left: 1rem;}

.review-tit{max-width: 50rem; width: 100%; margin: 0 auto; display: flex; flex-direction: column; align-items: flex-start;}
.review-tit h3, .review-tit p{width: 21rem; text-align: left;}
.review-tit h3{margin-bottom: 2rem;}
.review-tit .line{display: none;}

/* 게시판 보기 */
.review-detail-body{margin-top: 112px;}
.review-detail-body .review-top {display: flex; justify-content: space-between; height: 30rem; gap: 2.5rem;}
.review-detail-body .review-top > a {width: calc(100% / 2);display: block; height: 100%;}
.review-detail-body .review-top > a > img{width: 100%; height: 100%; object-fit: contain;}
.review-detail-body .review-cont {width: calc(100% / 2 - 2.5rem); min-width: 35rem; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between;}
.review-cont #bo_v_title{font-size: 1.25rem; color: var(--main-color);}
.review-cont > div {width: 100%;}
/* 프로그램 정보 */
.review-cont .program-info > div{display: flex; justify-content: space-between;}
.review-cont .program-info > div:not(:last-child){margin-bottom: 1.125rem;}
.review-cont .program-info > div p{color: var(--cont-text2); text-align: right;}
.review-cont .program-info > div p:not(:last-child) {margin-bottom: 0.5rem;}
/* 다이어트 결과 */
.review-cont .diet-info {display: flex; justify-content: space-between;}
.review-cont .diet-info span{display: inline-block; margin-bottom: 1rem; font-size: 1.125rem;}
.review-cont .diet-info p {font-size: 2rem; color: var(--main-color);}
.review-cont .diet-info > div > div {display: flex;}
.review-cont .diet-info > div > div p:first-child{color: var(--cont-text1);}
.review-cont .diet-info > div > div p:last-child {margin-left: 2.5rem; position: relative;}
.review-cont .diet-info > div > div p:last-child::after {content: ''; display: block; width: 1.5rem; height: 1.5rem; position: absolute; top: 50%; right: calc(100% + 0.5rem); transform: translateY(-50%); background: url(../../../img/arrow.svg) center center no-repeat;}
/* 유저 정보 */
.review-cont .user-info{background-color: var(--content-bg); display: flex; justify-content: space-between; padding: 1rem 2rem;}
.review-cont .user-info > div {display: flex; column-gap: 0.5rem; width: 100%; justify-content: center;}
.review-cont .user-info .line{width: 1px; height: 100%; background-color: var(--line-color);}
/* 한줄후기 & 상세정보 */
.review-detail-body .review-mid,.review-detail-body .review-bot{border-top: 1px solid var(--line-color); margin-top: 5rem; padding-top: 2.5rem; padding-bottom: 2.5rem; }
.review-detail-body .review-bot{border-top: 0; margin-top: 0; border-bottom: 1px solid var(--line-color); margin-bottom: 5rem; padding-bottom: 5rem;}
.review-detail-body .review-mid h3, .review-detail-body .review-bot h3 {padding-bottom: 1.5rem; font-size: 1.5rem; color: var(--main-color);}
.review-detail-body .review-mid p {line-height: 1.5; font-size: 1rem;}
.review-detail-body .review-bot a {display: block; width: 100%;}
.review-detail-body .review-bot a img {max-width: 100%;}
/* 버튼 */
.bo_fx{margin-top: 2rem;}
#bo_v_top{display: flex; justify-content: space-between; column-gap: 0.5rem; flex-wrap: wrap;}
#bo_v_top > ul {height: 40px;}
#bo_btn_top, .btn_bo_user, .bo_v_com, .bo_v_left, .btn_confirm{display: flex; align-items: center; justify-content: flex-end; column-gap: 0.5rem;}
.btn{border: 1px solid var(--line-color); padding: 0.5rem 2rem;}

@media screen and (max-width: 1024px) {
    .review-detail-body{margin-top: 60px;}
    .review-tit{max-width: unset; width: unset; margin: unset; margin-bottom: 5rem; display: block;}
    .review-tit h3, .review-tit p{width: unset; text-align: center;}
    .review-tit h3{margin-bottom: unset;}
    .review-tit .line{display: inline-block;}
    .review-slog{display: none;}
    #bo_gall{padding-top: 0;}
    #gall_ul {max-width: 40rem; margin: 0 auto; row-gap: 2rem;}
    #gall_ul .gall_li{width: 100%; margin-bottom: unset;}
    #gall_ul .gall_li:nth-child(even){margin-top: unset;}
    .review-detail-body .review-top{flex-direction: column; height: auto;}
    .review-detail-body .review-top>a,.review-detail-body .review-top>.review-cont{width: 100%; min-width: unset;}
    .review-detail-body .review-top>.review-cont{row-gap: 2rem;}
    .review-cont .diet-info p{font-size: 1.75rem;}
}