@charset "utf-8";

/**************************************************
* sub07-11 (시술후주의사항)
**************************************************/
#bo_list { padding:3% 0 10%; }
#bo_list .container { max-width:1200px; }
.sub07-11-visual { position:relative; height:45vh; }
.sub07-11-visual .sub-visual-view { display:flex; align-items:center; justify-content:center; background:url("/img/sub07-11-visual01.jpg") no-repeat center top/ 100% auto; }
.sub07-11-visual .titlebox h3 { font-family:'Noto Serif KR', serif !important; color:#fff; }
.sub07-11-visual .sub-visual-view .titlebox { top:50%; }

/**************************************************
* sub07-11-cont01
**************************************************/
.sub07-11-cont01 { padding:3% 0 10%; }
.sub07-11-cont01 .container { max-width:1200px; }


/* 분류 */
#bo_cate ul { display:flex; flex-wrap:wrap; max-width:inherit; margin:0 auto 2.5rem; justify-content:center; }
#bo_cate li { display:inline-block; float:none; width:calc(16.66666% - 6px); max-width:200px; height:3.125rem; line-height:3.125rem; margin:0 3px 10px; text-align:center; }
#bo_cate a { position:relative; display:block; color:#939393; font-weight:400; background-color:#f3f3f3; border-radius:5px; }
#bo_cate #bo_cate_on { font-weight:bold; color:#fff; background-color:#b1c117; }

/**************************************************
* 게시판 list 공통 영역
**************************************************/
#fboardlist { clear:both; float:none; }
.tb-list td { color:#565656; }
.tb-list td.td_subject { padding-left:30px; text-align:left; }
.branch-name { color:#b1c117; font-weight:500; }
.bo_tit { color:#565656; font-weight:400; }

.tb-list .btn.hover-effect01 { padding:0 1rem; }
.tb-list .btn .btn-txt { font-size:14px; }

.tb-list .imgbox { display:inline-block; width:200px; aspect-ratio:16/9; overflow:hidden; }

/* 글쓰기 버튼 */
.bo_fx { margin-top:30px; }
.btn_bo_user.right { float:right; }

/**************************************************
* 게시판 view 공통 영역
**************************************************/
/* contents */
#bo_v { position:relative; margin-top:30px; padding-top:0; text-align:center; background-color:#fff; font-size:16px; line-height:1.5; }
.bo_title { position:relative; padding:23px 10px; border-top:2px solid #d3d3d3; border-bottom:1px solid #d3d3d3; font-size:21px; font-weight:400; }
#bo_v_con { padding:40px 15px; margin-bottom:4.375rem; font-size:1.125rem; font-weight:300; border-bottom:1px solid #d3d3d3; }
#bo_v_con .content { margin-top:20px; }
#bo_v_con img { max-width:100%; }
#bo_v_con b { font-weight:bold; }
#bo_v_con i { font-style:italic; }

/* 공유 */
.bo_bottom { display:flex; justify-content:flex-end; align-items:end; overflow:hidden; }
.bo_bottom .bo_info { font-size:1.125rem; color:#bbbbbb; }
.bo_bottom #bo_v_share li { float:left; width:4.375rem; text-align:center; }
.bo_bottom #bo_v_share .img { width:auto; max-width:100%; height:auto; }
.bo_bottom #bo_v_share span { display:block; margin-top:0.3125rem; font-size:0.938rem; color:#888; }

@media (max-width:1299px) {
	#bo_v_con { margin:0 -15px; }
}
@media (max-width:639px) {
	.bo_bottom { flex-direction:column; align-items:flex-start; padding:0 15px; }
	.bo_bottom .bo_info { margin-bottom:0.938rem; }
}
@media (max-width:479px) {
	#bo_v_con { margin:0 -1.66rem; }
}

/* 이전글/다음글 */
.view_btn { position:relative; text-align:center; }
.view_btn [class^="btn-"] { display:inline-block; height:2.25rem; line-height:2.0625rem; padding:0 1.25rem; min-width:5rem; vertical-align:middle; border-radius:2rem; color:#888; }
.view_btn .btn-list { border:1px solid #aaa; font-size:1.125rem; }
.view_btn .btn-prev { position:absolute; left:0; background-color:#f8f8f8; border:1px solid #edf0f6; font-size:1rem; }
.view_btn .btn-next { position:absolute; right:0; background-color:#f8f8f8; border:1px solid #edf0f6; font-size:1rem; }




/* 230524 추가 - k */
.video_box_wrap{max-width:1000px; margin:0 auto; padding:56.25% 0 0 0;position:relative;}
.video_box_wrap > iframe{position:absolute;top:0;left:0;width:100%;height:100%;}


/**************************************************
* sub-sect-cau
**************************************************/
.sub-sect-cau .reveal { position:absolute; }
.sub-sect-cau .reveal01 { top:7%; right:25%; font-family:'Sorts Mill Goudy', serif; font-size:10.625rem; color:#b0b0b0; font-weight:400; }
.sub-sect-cau .reveal02 { top:20%; right:18%; font-family:'Sorts Mill Goudy', serif; font-size:10.625rem; color:#b0b0b0; font-weight:400; }
.sub-sect-cau .titlebox { margin-bottom:5rem; }
.sub-sect-cau .container-xs { max-width:740px; }
.sub-sect-cau .panel { margin-bottom:8px; }
.sub-sect-cau .panel-title { padding:16px 40px; border:1px solid #b1c117; border-radius:0rem; background-color: #b1c117;border-radius: 5px;}
.sub-sect-cau .panel-title .tit { font-size:22px; color:#fff; font-weight:400; letter-spacing:-0.02em; }
.sub-sect-cau .panel-content { padding:0 10px; }
.sub-sect-cau .panel-content .txtbox { margin-top:10px; padding:25px 60px; background-color:#fbffe3; border-top:1px solid #b1c117; border-bottom:1px solid #dedfd0; }
.sub-sect-cau .panel-content .txt01 { font-size:20px; letter-spacing:-0.02em; }

.sub-sect-cau .panel-wrap li {
    position: relative;
    padding: 15px 0 15px 0px;
    height: auto;
    line-height: 1.4;
    font-size: 20px;
    letter-spacing: -0.01em;
}

.sub-sect-cau .panel-wrap li:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: -25px;
    top: 21px;
    width: 13px;
    height: 13px;
    background-color: #b4c31c;
	font-size: 20px;
}