@charset "utf-8"; /*공통*/
.board_wrap { } 
.board_cate { float:left; width:230px; } 
.board_wrap.type2 .list,
.board_wrap.type2 .view { float:right; width:960px; } 
.board_wrap .list .notice { padding:0 0 10px 10px; font-weight: bold; } 
.board_wrap .list .notice i { display: inline-block; background:var(--point); border-radius: 100px; width:30px; height: 30px; line-height: 30px; margin-right:5px; text-align: center; } 


.board_cate ul li { margin-bottom:13px; } 
.board_cate ul li a { font-size:20px; color:#afafaf; } 
.board_cate ul li.on a { font-size:25px; color:#333; border-bottom:2px solid #333; padding-bottom:3px; } 
.board_cate ul li.tit a { font-size:22px; color:#333; } 
.board_cate ul li.tit { margin-bottom:23px; } 

/*페이징*/
#paging { text-align:center; padding-top:20px; clear:both; display: flex; justify-content: center; align-items: center; } 
#paging a { border:1px solid #e6e6e6; color:#383838; text-align:center; margin:0 1px; height:35px; line-height:35px; min-width:35px; padding:0 5px; box-sizing:border-box; font-size:14px; border-radius:2px; } 
#paging a.active { color:var(--point); background:#fff; border-color:var(--point); } 
#paging a img { vertical-align:-1px; } 
#paging .btn_prev { margin-right:6px; } 
#paging .btn_next { margin-left:6px; } 

/*공지사항*/
.board_notice .notice_list li,
.board_notice .notice_view .area_tit { display: flex; align-items: center; justify-content: space-between; } 
.board_notice .notice_list li a { vertical-align: middle; } 
.board_notice .notice_list li a{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: 14px; font-weight: 700; letter-spacing: -0.7px; text-align: left; color: #222; } 
.board_notice .notice_list li,
.board_notice .notice_view .area_tit { border:1px solid #ddd; border-radius:10px; margin-bottom:8px; background:#fff; padding:15px 16px; box-sizing:border-box; overflow:hidden; } 
.board_notice .notice_list li .field_tit{display: flex; align-items: center; max-width: calc(100% - 70px);}
.board_notice .notice_list li .field_tit,
.board_notice .notice_view .area_tit .field_tit { margin-right:auto; } 
.board_notice .notice_list li.top .field_tit{max-width: calc(100% - 105px);}

.board_notice .notice_list .top,
.board_notice .notice_view .area_tit { padding-block:15px; background-color: #f7f9f9; } 
.board_notice .notice_list .nodata { justify-content: center; } 
.board_notice .notice_list .top .badge,
.board_notice .notice_view .area_tit .badge { display:inline-block; width:30px; min-width: 30px; height:30px; border-radius:100%; margin-right:10px; vertical-align:-7px; background-color: var(--bg); font-size: 11px; letter-spacing: -0.55px; text-align: center; color: var(--point); text-align: center; display: inline-flex; align-items: center; justify-content: center; } 
.board_notice .notice_list .top .badge:before,
.board_notice .notice_view .area_tit .badge:before { content:'공지'; } 
.board_notice .notice_list li p.field_date,
.board_notice .notice_view .area_tit .field_date { font-size: 12px; letter-spacing: normal; color: #888; } 
.board_notice .notice_view .area_tit { color:#222; font-size:14px; font-weight:900; } 
.board_notice .notice_view .area_tit .field_date { padding-top:15px; } 
.board_notice .notice_list li p.field_date i,
.board_notice .notice_view .area_tit li p.field_date i { background:url(../img/sub/ico_time.png) no-repeat center; width:17px; height:17px; display:inline-block; margin-right:10px; vertical-align:middle; } 

.board_notice .notice_view .area_tit .field_tit {max-width:calc(100% - 110px); word-break: break-all;}
.board_notice .notice_view .box { margin-bottom:30px; } 
.board_notice .notice_view .box .area_img { margin-bottom:20px; } 
.board_notice .notice_view .box .area_img img { max-width:100%; } 
.board_notice .notice_view .box .area_con img { max-width:100%; } 
.board_notice .notice_view .box .area_con .video iframe{aspect-ratio: 560 / 315 !important;}
.board_notice .notice_view .area_btn { text-align:center; } 

/* list */
.board_list .search_area { margin-bottom:15px; } 
.board_list .search_area .tit_wrap { display: flex; align-items: center; justify-content: space-between; margin-bottom:15px; } 
.board_list .search_area .tit_wrap .tit { color:var(--point); font-size: 14px; font-weight: 700; letter-spacing: -0.7px; } 
.board_list .search_area .tit_wrap .btn_reset { font-size: 13px; font-weight: 700; letter-spacing: -0.33px; color: var(--point); } 
.board_list .search_area .tit_wrap .btn_reset .icon { margin-right: 5.6px; } 
.board_list .search_area .tit_wrap .btn_reset .icon img { width:14px; vertical-align: -2px; } 
.board_list .search_area .date_input_wrap { display: flex; align-items: center; } 
.board_list .search_area .date_input_wrap .btn { margin-left:10px; min-width: 60px; } 
.board_list .search_area .date_input_wrap .tofrom { padding-inline: 5px; } 

.board_list .table { overflow: hidden; } 
.board_list .table thead { background:var(--bg); font-weight:700; color:var(--point); border-radius:15px; overflow: hidden; } 
.board_list .table th { padding:18px 30px; } 
.board_list .table th:first-child { border-radius: 15px 0 0 15px; } 
.board_list .table th:last-child { border-radius: 0 15px 15px 0; } 
.board_list .table td { padding:19px 8px; text-align:center; font-size: 15px; line-height: 1.6; letter-spacing: -0.75px; text-align: center; border-bottom:1px solid var(--c-border); background:#fff; } 
.board_list .table .area_tit { text-align:left; } 
.board_list .table .area_price { text-align:right } 
.board_list .table .tit_txt { font-size: 16px; font-weight: bold; letter-spacing: -0.8px; color: var(--point); } 
.board_list .table .state_txt { padding-bottom:5px; } 
.board_list .table .product_info { font-size:14px; } 
.board_list .table td .btn { vertical-align: middle; } 
.board_list .table td .btn+.btn { margin-left:5px; } 
.board_list .area_btn { text-align:center; } 
.board_list .area_btn .btn { width:auto; min-width:300px; } 
.board_list .date_txt { padding: 9px 20px; background-color: #f7f9f9; font-size: 14px; font-weight: 700; letter-spacing: normal; text-align: center; color: var(--point); display: inline-block; border-radius: 30px; } 
.board_list .date_txt.end { color:#abcbc4; } 

.board_list.reserve { background: #f7f9f9; width:calc(100% + (var(--pd-inline) * 2)); margin-left:calc(0px - var(--pd-inline)); padding:23px var(--pd-inline) 40px; margin-bottom:-40px; } 

.board_list.reserve .item { border:1px solid var(--c-border); border-radius: 10px; overflow: hidden; margin-bottom:10px; } 

.board_list.reserve .item .tit_area { background-color: #fff; padding:15px 23px; font-size: 14px; font-weight: 700; letter-spacing: -0.7px; text-align: left; color: var(--point); display: flex; align-items: center; justify-content: space-between; width:100%; } 
.board_list.reserve .item .tit_area:after { content: ''; display: inline-block; width:16px; height: 16px; background: url(../img/icon_drop.png) no-repeat center; background-size: contain; } 
.board_list.reserve .item .info_area { padding:20px; border-top:1px solid var(--c-border); display: none; } 
.board_list.reserve .item .info_area ul li { margin-bottom:15px; display: flex; } 
.board_list.reserve .item .info_area ul li:last-child { margin-bottom:0; } 
.board_list.reserve .item .info_area ul .tit_field { font-size: 13px; letter-spacing: -0.65px; color: #888; width:81px; padding-left: 5px; padding-top:2px; } 
.board_list.reserve .item .info_area ul .tit_field:before { content:''; width:2px; height:2px; display: inline-block; background-color: #888; margin-right: 3px; margin-left: -5px; vertical-align: 3px; } 
.board_list.reserve .item .info_area ul .info_field { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; width:calc(100% - 81px) } 
.board_list.reserve .item .info_area ul .info_field .product_name { display: block; color:var(--point); font-weight: 700; font-size:14px; width:100%; } 
.board_list.reserve .item .info_area ul .info_field .txt { margin-right: auto; } 
.board_list.reserve .item .info_area ul .info_field .btn_area { display: flex; justify-content: space-between; align-items: center; gap:5px; margin-left:auto; margin-top:-14px; } 
.board_list.reserve .item .info_area ul .info_field .btn_area .btn { min-width: 50px; } 

.board_list.reserve .item.active .info_area { display: block; } 
.board_list.reserve .item.active .tit_area:after { transform: rotate(180deg); } 
.board_list.reserve .item.no_data{height:50px; text-align: center; display: flex; justify-content: center; align-items: center;}

/*박스형(의사소개)
.list_box { overflow:hidden; } 
.list_box li { float:left; width:32%; margin-right:2%; margin-bottom:2%; border-radius:10px; background:#fff; border:1px solid #ddd; box-sizing:border-box; padding:30px; text-align:center; color:#333; font-size:16px; } 
.list_box li img { width:100%; } 
.list_box li .field_name { font-size:30px; margin-top:20px; color:#010101; display:block; } 
.list_box li:nth-child(3n) { margin-right:0; } 20211022*/
.list_box { overflow:hidden; } 
.list_box li { margin-bottom:2%; border-radius:10px; background:#fff; border:1px solid #ddd; box-sizing:border-box; padding:30px; color:#333; font-size:16px; text-align:center } 
.list_box li img { width:100%; } 
.list_box li .field_img { margin-bottom:15px; } 
.list_box li .field_txt { margin-left:5%; } 
.list_box li .field_name { font-size:30px; margin-top:20px; color:#010101; display:block; } 
.list_box li .field_txt .info { margin-bottom:15px; } 

.view_box { border-radius:10px; background:#fff; border:1px solid #ddd; box-sizing:border-box; padding:30px; overflow:hidden; } 
.view_box.doctor .field_img { float:left; width:45%; margin-right:5% } 
.view_box.doctor .field_img img { width:100%; height:auto; } 
.view_box.doctor .contents { float:right; width:50%; } 
.view_box.doctor .contents .field_name { font-size:20px; color:#333; margin-bottom:40px; margin-top:40px; } 
.view_box.doctor .contents .field_name b { font-size:45px; color:#010101 } 
.view_box.doctor .contents .info { font-size:18px; font-weight:100; } 
.view_box.doctor .contents .info li { padding-left:13px; margin-bottom:8px; } 
.view_box.doctor .contents .info li:before { content:' '; width:4px; height:4px; background:#aaa; display:inline-block; margin-right:10px; margin-left:-13px; vertical-align:middle; } 
.view_box.doctor+.area_btn { text-align:center; margin-top:40px; } 

/*시술예약*/
.board_reserve { padding-top:0 !important; } 
.board_reserve .sec_tit { padding-inline: var(--pd-inline); font-size: 16px; font-weight: 700; line-height: 1.88; letter-spacing: -0.8px; color: var(--point); margin-block:25px 10px; } 
.board_reserve .center_wrap .sec_tit { padding-inline: 0; } 

.board_reserve .time { margin-top:0px; font-size:13px;  overflow: hidden; } 
.board_reserve .time li { float:left; width:calc((100% - 4px) / 4); margin-right:1px; margin-bottom:1px; } 
.board_reserve .time li:nth-child(4n) { margin-right: 0; } 
.board_reserve .time a { height:50px; background:var(--bg); width:100%; color:var(--point); border-radius:10px; text-align:center; line-height:50px; box-sizing:border-box; font-size:14px; } 
.board_reserve .time a.active { background:var(--point); color:#fff } 
.board_reserve .time .end a { background:#f6f6f6; color:#c5c5c5; box-sizing:border-box; line-height: 1.12; display: inline-flex; justify-content: center; align-items: center; } 
.board_reserve .time .end a:hover { pointer-events:none; } 

.board_reserve .table1 { border-radius: 10px; background:#f7f9f9; padding:10px; margin-inline: 10px;} 
.board_reserve .table1 th,
.board_reserve .table1 td { text-align:left; font-size:13px; color:#333; vertical-align:middle; padding:5px 0; font-weight: normal; } 
.board_reserve .table1 th { font-size: 13px; letter-spacing: -0.65px; color: #222; margin-bottom:10px; } 
.board_reserve .table1 .area_btn { text-align:right; } 
.board_reserve .table1.type2 th,
.board_reserve .table1.type2 td { vertical-align:top; } 

.board_reserve .list_product { display: flex; flex-direction: column; background: #f7f9f9; padding:0 var(--pd-inline) 15px; } 
.board_reserve .list_product .sec_tit { padding-inline: 0; } 
.board_reserve .list_product .contents { height:100%; display: flex; flex-direction: column; justify-content: space-between; } 
.board_reserve .list_product .contents > .info { font-size: 13px; line-height: 1.38; letter-spacing: -0.65px; color: #777; margin-bottom:20px; padding-left:15px; text-align: left; } 
.board_reserve .list_product .contents > .info i { margin-left:-15px; margin-right: 5px; } 
.board_reserve .list_product .contents > .area_btn { margin-top:auto; margin-bottom:20px; display: flex; justify-content: space-between; align-items: center; gap:10px } 
.board_reserve .list_product .contents > .area_btn .btn { flex:1; } 
.board_reserve .list_product.type2 .contents > .area_btn .btn { float:right; min-width:120px; margin-left:10px; width:auto; } 

.board_reserve .list_product .list { border-radius: 10px; border:1px solid var(--c-border); background: #fff; margin-bottom:16px; } 
.board_reserve .list_product .list > ul { width:100%; position:relative; border-bottom:1px solid var(--c-border); padding:19px; } 
.board_reserve .list_product .list > ul:last-child { border-bottom:none; } 
.board_reserve .list_product .list .area_price { display: flex; align-items: center; line-height: 19px; } 
.board_reserve .list_product .list .area_price .price_x { margin-right: 10px; } 
.board_reserve .list_product .list li { overflow:hidden; } 
.board_reserve .list_product .list li .tit { font-size:13px; font-weight:400; } 
.board_reserve .list_product .list li .info { color:var(--point); font-size:14px; } 
.board_reserve .list_product .list li .btn_del { background:url(../img/btn-delete3.png) no-repeat center; width:15px; height:15px; background-size: contain; display:block; position:absolute; right:16px; top:16px; } 


.board_reserve .list_product .list li.area_price,
.pop_add_product .product_container .product .list .detail ul li.area_price { text-align:right; } 
.board_reserve .list_product .list li.area_price .price_x,
.pop_add_product .product_container .product .list .detail ul li.area_price .price_x { font-size:13px; } 
.pop_add_product .product_container .product .list .detail ul li.area_price .price i { font-style:normal; font-weight:500; } 

.board_reserve .customer { margin-top:20px; } 

.board_reserve .total_price { background: var(--bg); padding: 20px; border-radius: 10px; margin-inline: var(--pd-inline); display: flex; justify-content: space-between; align-items: center; } 
.board_reserve .total_price .tit { font-size: 14px; font-weight: 700; letter-spacing: -0.7px; color: var(--point); } 
.board_reserve .total_price .price { text-align: right; justify-content: flex-end; padding-right:0; } 
.board_reserve .total_price+.info { font-size: 13px; font-weight: 700; line-height: 1.38; letter-spacing: -0.65px; text-align: right; color: var(--point); padding: 12px var(--pd-inline) 0; } 

.board_reserve .com_btn_wrap { padding-inline: var(--pd-inline); } 

/*약관 동의*/
.com_agree_sec .all { margin-bottom:12px; } 
.com_agree_sec .item { margin-bottom:12px; display: flex; justify-content: space-between; align-items: flex-start; } 
.com_agree_sec .item .btn_txt { margin-left:auto; } 


/*썸네일게시판*전후 사진*/
.com_picture .item { border:1px solid var(--c-border); padding:11px; border-radius: 10px; } 
.com_picture .img_area { display: flex; align-items: center; justify-content: center; } 
.com_picture .img_area .img { width:calc(50% - 1px); background-color: #f7f9f9; font-size: 12px; letter-spacing: normal; text-align: center; color: #888; } 
.com_picture .img_area .img+.img { margin-left:1px; } 
.com_picture .img_area .img .txt { padding-block: 6px; } 
.com_picture .item .tip { font-size: 12px; line-height: 1.42; letter-spacing: -0.6px; text-align: center; color: #777; margin-top:12px; } 
.com_picture .item .tit { text-align: center; font-size: 13px; font-weight: 700; letter-spacing: -0.85px; margin-top:12px; } 
.com_picture .nodata{border:1px solid var(--c-border); padding:11px; border-radius: 10px; text-align: center; width:100%}

/*전후 사진 슬라이드*/
.picture_slide_wrap { border:1px solid #ddd; border-radius: 20px; padding:10px 15px; margin-block:15px 0; } 

.thumb_slide_wrap { position: relative; } 
.thumb_slide { margin:20px auto 0; position:relative; overflow: hidden; margin-inline:40px;} 
.thumb_slide .swiper-slide { aspect-ratio: 72 / 55; overflow: hidden; display: flex; align-items: center; justify-content: center; object-fit: contain; cursor: pointer; } 
.thumb_slide .swiper-slide img { object-fit: cover; min-height: 100%; min-width: 100%; max-height: 100%; max-width: none; } 
.thumb_slide_wrap .swiper-button-next,
.thumb_slide_wrap .swiper-button-prev { background-color: #e5ebea; border-radius: 100%; background-image: url(../../img/sub/icon_arrow.png); background-size: 15px auto; width: 30px; height: 30px; margin-top:-15px} 
.thumb_slide_wrap .swiper-button-prev { transform: rotate(180deg); left: 0}
.thumb_slide_wrap .swiper-button-next { right: 0}

.img-comp-container { position: absolute; left: -200%; width: 100%; width:300px; overflow: hidden; margin: 0 auto; } 
.img-comp-container.active { position: relative; left: auto; } 
.img-comp-img { width: 300px; height: 100%; overflow: hidden; height: 500px; overflow-y:auto; overflow-x: hidden !important;} 
.img-comp-img.before { position: absolute; z-index: 2; top: 0; left: 0; width:50%; -ms-overflow-style: none;  /* IE, Edge */
scrollbar-width: none;     /* Firefox */} 
.img-comp-img.before::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}
.img-comp-img.after { position: relative; z-index: 1; } 
.img-comp-img img { display: block; vertical-align: middle; max-width: none;  width:300px !important;} 
.img-comp-img .txt { font-size: 12px; width: 50px; height: 25px; position: sticky; background-color: rgba(0, 0, 0, .5); bottom: 0; text-align: center; color: #fff; line-height: 25px; text-transform: capitalize; /* z-index: 3; */ display: inline-block;}
.img-comp-img.before .txt { left: 0}
.img-comp-img.after .txt { left: 100%; transform: translateX(-30%); } 
.img-comp-slider { position: absolute; z-index: 9; width: 30px; height: 30px; background-color: #fff; background-image: url(../../img/sub/icon_comparison.png); background-repeat: no-repeat; background-position: center; background-size: 25px auto; /* opacity: 0.7; */
 border-radius: 50%; } 
 .img-comp-container .img-comp-slider{top:50%; left:50%; transform: translate(-50% , -50%);}

.scroll {
  scrollbar-face-color: #d5d3d7;
  /*스크롤*/
  scrollbar-highlight-color: #d5d3d7;
  /*하이라이트*/
  scrollbar-3dlight-color: #d5d3d7;
  /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: #d5d3d7;
  /*오른쪽외곽음영*/
  scrollbar-shadow-color: #d5d3d7;
  /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: #d5d3d7;
  /*화살*/
  scrollbar-track-color: rgba(255, 255, 255, 0);
  /*스크롤영역*/
  overflow: auto;
  /*스크롤바*/
  /*스크롤바 버튼(아래 위 화살표)*/
  /*스크롤바 핸들*/
  /*스크롤바 진행줄*/
  /*진행줄에서 핸들로 덮이지 않은 영역 */
  /*상하 좌우 스크롤이 만나는 공간*/
}
.scroll::-webkit-scrollbar {
  opacity: 0;
  width: 15px;
  height: 15px;
}
.scroll::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}
.scroll::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  border: 4px solid transparent;
  border-radius: 10px;
}
.scroll::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0);
}
.scroll::-webkit-scrollbar-track-piece {
  background-color: rgba(255, 255, 255, 0);
}
.scroll::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.08);
}
/*&상세*/
.atpicure_view { overflow: hidden; background: #f7f9f9; width:calc(100% + (var(--pd-inline) * 2)); margin-left:calc(0px - var(--pd-inline)); padding-inline:var(--pd-inline); margin-top:21px;  padding-bottom:20px; } 
.atpicure_view .top_area { display: flex; justify-content: space-between; align-items: center; padding-block:25px 15px; } 
.atpicure_view .top_area .tit { font-size: 16px; font-weight: 700; line-height: 1.5; letter-spacing: -0.8px; color:var(--point); } 
.atpicure_view .top_area .date { font-size: 12px; letter-spacing: normal; color: #888; } 
.atpicure_view .com_picture .img_area .img { background-color: #fff; } 
.atpicure_view .view_body .tip { margin-top:20px; font-size: 12px; line-height: 1.5; letter-spacing: -0.6px; text-align: center; color: #888; } 
.atpicure_view .com_picture .img_area .img img { width:100%; /*aspect-ratio: 1 / 1*/;} 
.atpicure_view .com_picture .txt { display: flex; justify-content: space-between; align-items: center; padding-inline: 9px; } 
.atpicure_view .com_picture .txt b { font-size: 13px; font-weight: 700; line-height: 1.54; letter-spacing: -0.65px; color: var(--point); } 
.atpicure_view .com_picture .txt .date { font-size:12px; } 
.atpicure_view .com_btn_wrap .btn { width:auto; flex:inherit } 

/*이벤트*/
.board_thumb_list2 > ul { background:#fff; border:1px solid #ddd; border-radius:10px; padding:15px; box-sizing:border-box; margin-bottom:10px; overflow:hidden; position:relative; } 
.board_thumb_list2 > ul li { font-size: 13px; line-height: 1.38; letter-spacing: -0.65px; color: #222; } 
.board_thumb_list2 > ul .thumb { float:left; padding-right:40px; } 
.board_thumb_list2 > ul .thumb img { width:100%; } 
.board_thumb_list2 > ul .tit { font-size: 16px; font-weight: 700; line-height: 1.5; letter-spacing: -0.8px; color:var(--point); margin-bottom:5px; } 
.board_thumb_list2 > ul .tit a { color:var(--point); } 
.board_thumb_list2 > ul .field_price { margin-top:12px; display: flex; align-items: center; } 
.board_thumb_list2 > ul .field_price .price_x { padding-right:9px; font-size:12px; } 
.board_thumb_list2 > ul .field_price .price { font-size:18px; font-weight: 700; } 
.board_thumb_list2 > ul .field_price .price b { font-size:18px; } 
.board_thumb_list2 .no_data { text-align:center; } 

.board_thumb_list2 .btn_more { background-color: var(--bg); border-radius: 100%; width:30px; height: 30px; position:absolute; bottom:16px; right:16px; } 
.board_thumb_list2 .btn_more:before { content:''; display: inline-block; background-image: url(../img/icon_arrow.png); background-repeat: no-repeat; background-size: 13px auto; width:100%; height:100%; background-position: center; } 


.popPreView .view { overflow-x: hidden; } 
.board_thumb_view { left:-200em } 
.board_thumb_view.active { left:0 } 
.board_thumb_view { position:fixed; top:0; z-index:999; width:100%; height:100%; background :rgba(0, 0, 0, 0.6); } 
.board_thumb_view .view { position:absolute; width:1050px; height:80%; left:50%; margin-left:-525px; top:10%; background:#fff; border-radius:10px; padding:50px; box-sizing:border-box; overflow-y:auto; } 

.board_thumb_view .view > .btn_close { width:16px; height:16px; margin-right:-25px; margin-top:-25px; background:url(../img/sub/btn_close.png) no-repeat center; float:right; } 

.board_thumb_view .view .slide_item .tit,
.board_thumb_view .view > .tit { padding-top:30px; text-align:center; } 
.board_thumb_view .view .slide_item .tit a { color:#000 } 
.board_thumb_view .view .slide_item .tit,
.board_thumb_view .view .tit > p { font-size:30px; padding-bottom:10px; } 
.board_thumb_view .view .tit .date { font-size:16px; letter-spacing: -0.01em; margin-top: 5px; } 
.board_thumb_view .view .tit .date p { background:#ddd; border-radius:100px; padding:10px 20px; display:inline-block; } 
.board_thumb_view .view .contents { border-top:1px solid #ddd; margin-top:25px; font-size:16px; padding:30px; color:#666; clear:both; } 
.board_thumb_view .view .contents .tit { color:#333; font-size:22px; margin-bottom:25px; } 
.board_thumb_view .btn_area { text-align:center; } 
.board_thumb_view .btn_area .btn { box-shadow:-1px 2px 3px rgba(0,0,0,0.3); height:40px; line-height:40px; min-width:120px } 

.board_thumb_view .view .img:after { content:' '; width:100%; height:1px; display:block; clear:both; } 
.board_thumb_view .view .img img { width:100%; position:relative } 
.board_thumb_view .view .img .btn_prev,
.board_thumb_view .view .img .btn_next { width:50px; height:50px; background:#fff; border-radius:100%; position:absolute; background-repeat:no-repeat; background-position:center; z-index:999; border:none; box-shadow: 1px 3px 6px rgba(0,0,0,.16); } 
.board_thumb_view .view .img .btn_prev { background-image:url(../img/sub/btn_prev2.png); left:-25px; top:50%; margin-top:-25px; box-shadow:-2px 2px 7px rgba(0,0,0,0.2); } 
.board_thumb_view .view .img .btn_next { background-image:url(../img/sub/btn_next2.png); right:-25px; top:50%; margin-top:-25px; box-shadow:2px 2px 7px rgba(0,0,0,0.2); } 
/*#gallery { position:relative; } 
#slideshow { float:left; width:100%; height:544px; position:relative; background:#fff; overflow:hidden; } 
#slides { position:relative; width:100%; height:544px; list-style:none; overflow:hidden; } 
#slides li { width:100%; z-index:1; height:544px; } 
#slides li img { width:100%; } 삭제20211012 bm*/ 

#gallery { position:relative; } 
#gallery .bx-wrapper { box-shadow:none; border:none; margin-bottom:0; } 
#gallery .area_btn .css3button { display:inline-block; width:50px; height:50px; background-color:#fff; color:#460078; border-radius:100%; line-height:50px; text-align:center; margin:0 10px; box-sizing:border-box; font-weight:500; font-size:17px; position:absolute; top:50%; margin-top:-25px; z-index:999; } 
#gallery .area_btn .bxslider_next { right:0; } 
#gallery .area_btn .bx-prev { background:url(../img/sub/btn_prev2.png) no-repeat center; width:50px; height:50px; display:block; } 
#gallery .area_btn .bx-next { background:url(../img/sub/btn_next2.png) no-repeat center; width:50px; height:50px; display:block; } 
#gallery .area_btn .bxslider_prev a,
#gallery .area_btn .bxslider_next a { font-size:0; } 



/*시술예약>팝업*/
#add_product { display:none; } 
.pop_add_product .pop_tit { background-color: #f7f9f9; } 
.pop_add_product .view { padding:0; overflow-y: hidden; background-color: #fff; } 
.pop_add_product .view > .btn_close { position:absolute; margin:0; right:15px; top:20px; } 
.pop_add_product .section { height:100%; background: none; border:none; border-radius: 0; padding:0; margin-bottom:0; } 
.pop_add_product .section.cate_container { margin-bottom:20px; } 
.pop_add_product .tit1 { font-size: 22px; font-weight: 700; line-height: 1.36; letter-spacing: -1.1px; text-align: left; color: var(--point); margin-bottom:20px; } 
.pop_add_product .cate_container .cate { display: flex; gap:5px; flex-wrap: wrap; } 
.pop_add_product .cate_container .cate li { width:calc((100% - 10px) / 3); min-height: 40px; } 
.pop_add_product .cate_container .cate a { display: flex; justify-content: center; align-items: center; padding-inline:5px; border-radius: 10px; font-size: 13px; font-weight: 700; letter-spacing: -0.8px; color: var(--point); background-color: #f7f9f9; text-align: center; height: 100%; } 
.pop_add_product .cate_container .cate .active { background-color: var(--point); color:#fff; } 
.pop_add_product .product_container { } 
.pop_add_product .product_container .product { box-sizing:border-box; } 
.pop_add_product .product_container .product .list { background:#fff; border-radius:15px; border:1px solid var(--c-border); margin-bottom: 10px; } 
.pop_add_product .product_container .product .list .item { padding:17px 15px; width:100%; box-sizing:border-box; position:relative } 
.pop_add_product .product_container .product .list .item ul { } 
.pop_add_product .product_container .product .list .item li { } 
.pop_add_product .product_container .product .list .item li .tit { font-size: 14px; font-weight: 700; line-height: 1.43; letter-spacing: -0.7px; color: var(--point); } 
.pop_add_product .product_container .product .list .item li .info { font-size: 12px; line-height: 1.5; letter-spacing: -0.6px; color: #222; margin-top:6px } 
.pop_add_product .product_container .product .list .item li.area_price { font-size: 16px; font-weight: 700; line-height: 1.5; letter-spacing: -0.8px; color: var(--point); margin-top:10px; } 

/*버튼*/
.pop_add_product .product_container .product .list .item li:last-child { width:50px; text-align:right; } 
.pop_add_product .product_container .product .btn_close,
.pop_add_product .product_container .product .btn_open { width:16px; height:16px; background-position:center; background-repeat:no-repeat; background-image: url(../img/icon_drop.png); background-size: contain; position:absolute; right:var(--pd-inline); top:50%; transform: translate(0, -50%); } 
.pop_add_product .product_container .product .btn_close { display:none; } 
.pop_add_product .product_container .product .btn_open { display:inline-block; } 
/*총금액*/
.pop_add_product .total { margin-top:20px; text-align: center; } 
.pop_add_product .total .tit { font-size: 14px; line-height: 1.43; letter-spacing: -0.7px; color: #222; padding-right:18px; } 
.pop_add_product .total .price { font-size: 22px; font-weight: 900; line-height: 1.68; letter-spacing: -1.1px; color: var(--point); } 

.pop_add_product .product_container .product .list.open .item li.area_price { color:var(--point); } 

.pop_add_product .product_container .product .list .detail { display: none; border-top:1px solid var(--c-border); padding:0 15px; } 
.pop_add_product .product_container .product .list .detail_item { display: flex; align-items: center; flex-wrap: wrap; margin-block: 15px; } 
.pop_add_product .product_container .product .list .detail_item .com_chk+label { width:100%; } 
.pop_add_product .product_container .product .list .detail .price_x { margin-left:30px; margin-right: 10px; } 
.pop_add_product .product_container .product .list .detail .price,
.pop_add_product .product_container .product .list .detail .price_x { line-height: 18px; } 

.pop_add_product .product_container .product .list.open .detail { display:block; } 
.pop_add_product .product_container .product .list.open .btn_close { display:inline-block; transform: rotate(180deg); } 
.pop_add_product .product_container .product .list.open .btn_open { display:none; } 
.pop_add_product .product_container .product .area_btn { margin-top:25px; } 

/*남은시술권 선택 팝업*/
.pop_add .view { overflow-y:hidden; /*margin-left:-195px; */ } 
.pop_add .view .pop_tit { margin-bottom:20px; } 
.pop_add .area_btn { padding:0 30px; margin:20px 0; } 
.pop_add .cate { /*height: 100%; */ max-height:calc(90vh - 170px); margin-bottom:20px; background-color: #fff; padding:0 15px; } 
.pop_add .cate .scroll { max-height:calc(90vh - 200px); } 
.pop_add .cate li { padding-bottom:10px; } 
.pop_add .cate .com_chk.circle + label { border:1px solid var(--c-border); width:100%; padding-block: 8px; padding-left:43px; border-radius: 5px; } 


/*칭찬/불만접수*/
.board_cs { } 
.board_cs .notice_tit { font-size: 14px; line-height: 1.43; letter-spacing: -0.7px; text-align: center; color: #222; } 
.board_cs .notice_txt { font-size: 13px; line-height: 1.38; letter-spacing: -0.65px; text-align: center; color: #666; margin-top:10px; } 
.board_cs .notice_txt +.kakao{margin-top:20px;}
.board_cs .type_area { font-size:13px; margin-top:13px; } 
.board_cs .type_area input { padding-right:5px; } 
.board_cs .certify_wrap { display: flex; justify-content: space-between; margin-top:20px; } 
.board_cs .certify_wrap .kakao { width:calc((100% - 10px) / 2); display: flex; flex-direction: column;  } 
.board_cs .certify_wrap + ul,
.board_cs .certify_wrap + .com_btn_wrap{margin-top:20px}
.board_cs .kakao { background:#f7f9f9; border-radius:10px; padding:30px; text-align:center; font-size:13px; text-align: center; } 
.board_cs .kakao > p{margin-bottom:18px;}
.board_cs .kakao .img { margin-bottom:13px; text-align: center; } 
.board_cs .kakao .img img { margin: 0 auto; width:60px; height: 60px; } 
.board_cs .kakao .btn { margin-top:auto; font-size:13px; } 
.board_cs .agree { margin:0; } 
.board_cs .agree input { margin-right:10px; } 
.board_cs .agree .btn_txt { margin-left:30px; margin-top:15px } 
.board_cs > ul { width:calc(100% + (var(--pd-inline) * 2)); margin-left:calc(0px - var(--pd-inline)); background: #f7f9f9; padding:30px var(--pd-inline); } 
.board_cs > ul > .tit { font-size: 14px; font-weight: bold; line-height: 1.43; letter-spacing: -0.7px; color: var(--point); margin-bottom:12px; } 
.board_cs > ul li { margin-bottom:20px } 
.board_cs > ul li:last-child { margin-bottom: 0; } 
.board_cs > ul li input+.btn { height:43px; white-space: nowrap; } 
.board_cs > ul li.btn_area { margin-top:30px; } 
.board_cs > ul li.btn_area .btn { width:100%; font-size:22px; box-shadow:-1px 2px 5px rgba(0,0,0,0.3); height:60px; line-height:60px; box-sizing:border-box; font-weight:900; } 
.board_cs > ul .input_wrap { display: flex; align-items: center; } 
.board_cs > ul .tip_txt { color:#f52d2d; margin-top:10px; } 
.board_cs > ul input+.btn { margin-left:10px; } 
.board_cs > ul .tofrom { padding-inline: 5px; } 
.board_cs > ul .select { width:100%; } 
.board_cs .com_btn_wrap { background:#f7f9f9; margin-top:0; padding:0 var(--pd-inline) 40px; width:calc(100% + (var(--pd-inline) * 2)); margin-left:calc(0px - var(--pd-inline)); margin-bottom:-40px; } 

.cs_end { background-color: #f7f9f9; text-align: center; padding:30px 0 80px; width:calc(100% + (var(--pd-inline) * 2)); margin-left:calc(0px - var(--pd-inline)); margin-bottom:-40px; } 
.cs_end > .icon { width:120px; height: 120px; margin: 0 auto 20px; } 
.cs_end .info { font-size: 13px; line-height: 1.38; letter-spacing: -0.65px; text-align: center; color: #222; } 
.cs_end .info p { display:block; width:100%; } 
.cs_end .info img { margin-bottom:30px; } 
.cs_end .info .tit { font-size: 18px; font-weight: bold; line-height: 1.33; letter-spacing: -0.9px; text-align: center; color: var(--point); margin-bottom: 15px; } 
.cs_end .area_btn { margin-top:20px; }