@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/mobile/sub07-11-visual01.jpg") center top / 100% auto no-repeat; background-attachment:fixed; }
.sub07-11-visual .titlebox h4 { font-family:'Noto Serif KR', serif !important; }
.sub07-11-visual .sub-visual-view .titlebox { top:50%; }

/* 분류 */
#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; }

@media (max-width:991px) {
	/* 분류 */
	#bo_cate li { width:calc(50% - 6px); }
}
/**************************************************
* 게시판 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;padding: 3% 0 0; }
.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; }

/* 공지사항 list */
.gall_img a { position:relative; display:inline-block; width:100%; height:150px; overflow:hidden; border-radius:0.625rem; }
.gall_img a img { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }

.gall_text_href { margin-top:1.562rem; text-align:left; }
.gall_text_href .text-primary { font-size:0.938rem; font-weight:500; }
.gall_text_href .bo_tit { display:inline-block; width:100%; max-height:4.562rem; overflow:hidden; white-space:wrap; margin-top:0.125rem; margin-bottom:0.625rem; font-size:1.5rem; color:#131313; font-weight:500; }
.gall_text_href .gall_name { color:#888; }
.gall_text_href .gall_name .notoserif { font-weight:100; color:#ccc; }
.gall_text_href .gall_date { color:#888; }

/* gallery-wrap */
.notice-view-bottom { position:relative; background-color:#fff; }
.gallery-wrap { display:flex; flex-wrap:wrap; }
.gallery-wrap li { width:calc(33.333% - 1rem); margin:0 0.5rem 1.5rem; }
.gallery-wrap li .imgbox { position:relative; width:100%; height:240px; border-radius:1.25rem; overflow:hidden; }
.gallery-wrap li .txtbox { margin-top:1.25rem; }
.gallery-wrap li .txtbox small { font-size:0.938rem; color:#c79678; }
.gallery-wrap li .txtbox h4 { font-size:1.25rem; color:#131313; }
.gallery-wrap li .txtbox p { font-size:0.938rem; color:#ababab; }
.gallery-wrap .wr_content { height:2.8em; line-height:1.4; margin-bottom:5px; overflow:hidden; text-overflow:ellipsis; white-space:normal; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.gallery-wrap .wr_content * { color:#595959 !important; text-align:left !important; font-size:0.938rem !important; font-family:'Noto Sans KR', sans-serif !important; font-weight:300 !important; background:none !important; }
.gallery-wrap .wr_content img { display:none; }


@media (max-width:799px) {
	.notice-view-bottom .container-sm { padding:0; }
	.gallery-wrap li { position:relative; width:100%; margin:0; }
	.gallery-wrap li .imgbox { height:10rem; border-radius:0; }
	.gallery-wrap li .imgbox:after { content:""; display:inline-block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1; }
	.gallery-wrap li .txtbox { position:absolute; left:10%; top:50%; transform:translate(0, -50%); margin:0; z-index:2; }
	.gallery-wrap li .txtbox small { color:#fff; }
	.gallery-wrap li .txtbox h4 { font-size:18px; color:#fff; font-size:300; }
	.gallery-wrap .wr_content { display:none; }
}
@media (max-width:479px) {
	#bo_cate ul { margin:0 0 1.25rem; }
}

/**************************************************
* 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:5px; }
.sub-sect-cau .panel-title { padding:5px 20px; border:1px solid #b1c117; border-radius:0rem; background-color: #b1c117;border-radius: 5px;}
.sub-sect-cau .panel-title .tit { font-size:1.1rem; 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 20px; 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: 1rem;
    letter-spacing: -0.01em;
	margin-left:15px;
}

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