@charset "utf-8";#bo_gall #gall_ul .sec_ca { width: 100%; display: flex; margin-bottom: 1vw; flex-wrap: wrap; } 
#bo_gall #gall_ul .sec_ca ul { cursor: pointer; width: calc(97% / 3); margin: 0 0.5%; display: none;}
#bo_gall #gall_ul .sec_ca ul h1 { width: 100%; /* height: 18.726vw; */
 display: flex; flex-direction: column; border-radius: 0.8vw 0.8vw 0 0; font-size: 1vw; font-weight: 700; position: relative; margin-bottom: 60px; } 
#bo_gall #gall_ul .sec_ca ul h1 figure { width: 100%; border-radius: 0.8vw 0.8vw 0 0; overflow: hidden; } 
#bo_gall #gall_ul .sec_ca ul h1 figure img { width: 100%; object-fit: cover; /* display: none; */}
#bo_gall #gall_ul .sec_ca ul h1 figure img.on { display: block; } 
#bo_gall #gall_ul .sec_ca ul h1 .text { display: flex; flex-direction: column; margin-left: 0.5vw; } 
#bo_gall #gall_ul .sec_ca ul h1 .text > span { margin-bottom: 0.5vw; margin-top: 0.7vw; } 
#bo_gall #gall_ul .sec_ca ul h1 .text .cost { margin-bottom: 0.5vw; color: #f78240; font-size: 1.3vw; } 
#bo_gall #gall_ul .sec_ca ul h1 .text .cost span:last-child { font-size: 1vw; } 
#bo_gall #gall_ul .sec_ca ul h1 .text p { position: absolute; bottom: -40px; left: 0; width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; border: 2px solid #dfdfdf; } 
#bo_gall #gall_ul .sec_ca ul h1 .text p span:last-child { display: inline-block; transform: rotate(90deg); margin-left: 10px; transition: 0.5s; } 
#bo_gall #gall_ul .sec_ca ul h1 .text p span:nth-child(2) { display: none; } 
#bo_gall #gall_ul .sec_ca ul h1 .text p.on span:nth-child(1) { display: none; } 
#bo_gall #gall_ul .sec_ca ul h1 .text p.on span:nth-child(2) { display: inline-block; } 
#bo_gall #gall_ul .sec_ca ul h1 .text p.on span:last-child { transform: rotate(-90deg); transition: 0.5s; } 
#bo_gall #gall_ul .sec_ca ul .in { padding-top: 0; width: 100%; height: 0; overflow-y: scroll; transition: 0.5s; } 
#bo_gall #gall_ul .sec_ca ul .in.on { height: 35vw; transition: 0.5s; padding-bottom: 1vw; } 




::-webkit-scrollbar { width: 10px; } 
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); box-shadow: inset 0 0 6px rgba(0,0,0,0.1); border-radius: 5px; background-color: rgba(220, 220, 220, 0.3); } 
::-webkit-scrollbar-thumb { background-clip: padding-box; border-radius: 5px; background: #be764e; border: 2px solid transparent; } 


/* 카테고리별 상품 보더 색 구분 */
.gall_row .col-gn-1.on2 { } 
.gall_row .col-gn-1.on3 { } 
.gall_row .col-gn-1.on4 { } 
.gall_row .col-gn-1.on5 { } 
.gall_row .col-gn-1.on6 { } 
.gall_row .col-gn-1.on7 { } 
.gall_row .col-gn-1.on8 { } 
.gall_row .col-gn-1.on9 { } 
.gall_row .col-gn-1.on10 { } 
/* 카테고리별 상품 보더 색 구분 */


.btn_admin.btn2 { padding: 5px 10px; background-color: green; color: #fff; border-radius: 10px; } 
.sct_ori.hidden { display: none; } 
/* input[type="checkbox" i] { background-color: #be764e; cursor: pointer; } */


.chkbox_wrap { position: relative; width: 100%; height: 22px; cursor: default; z-index: 2; } 

input[type="checkbox" i] { appearance: none; /* 기본 스타일 제거 */
 -webkit-appearance: none; -moz-appearance: none;
 position: relative; display: block; width: 15px; height: 15px; background-color: #fff; border: 1px solid #d0d4df; border-radius: 3px; accent-color: #000; cursor: pointer; z-index: 3; } 

/* input[type="checkbox" i]::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 15px; background-color: #fff; z-index: 2; cursor: default; } */

/* 체크 시 스타일 */
input[type="checkbox" i]:checked { background: url(./img/chk.png) no-repeat 50% 50% #000; border-color: #000; border-radius: 3px; } 

.event_sticky { display: none; } 
.btn_bo_sch { display: none; } 
.mobile_bottom { display: none; } 
.bo_sch_wrap .close { display: none; } 
.quick { display: none; } 


.pg_wrap {text-align: center;margin: 3vw 0;font-size: 1vw; } 
.pg_wrap .pg_page {margin-right: 1.5vw; } 
.pg_wrap .pg_page:nth-last-child(2) {margin-right: 0; } 
.pg_wrap .pg_current:nth-last-child(2) {margin-right: 0; } 

.pg_wrap .pg_current {color: #be764e;margin-right: 1.5vw; } 

.pg_wrap .pg_end {display: none; } 
.pg_wrap .pg_start {display: none; } 



.fa-search:before { display: none; } 
.hd_sch_wr { font-family: "SUIT"; padding: 0 !important; width: 26.04vw !important; height: 100% !important; margin-left: 0 !important; position: relative !important; } 
.search_box { background: #eee8e1; padding: 1vw 0; width: 100%; margin: 0 auto; height: max-content !important; position: relative; display: flex; justify-content: center; align-items: center; } 
.search_box .link { font-family: "SUIT";
 display: flex; height: 100%; } 
.search_box .link a { border-radius: 0.78vw; display: flex; align-items: center; justify-content: center; font-weight: 700; width: 8.48vw; height: 3.48vw; font-size: 1.24vw; background-color: #000; color: #fff; } 
.search_box .link a:nth-child(1) { position: relative; margin-right: 1vw; } 
.search_box .link a:nth-child(1) figure { position: absolute; top: -3vw; left: 50%; transform: translateX(-50%); width: 6.32vw; animation: text ease-in-out 2s infinite; } 
@keyframes text { 
 0% { top: -3vw; } 
 50% { top: -4vw; } 
 1050% { top: -3vw; } 
 }
.search_box .link a:nth-child(1) figure img { width: 100%; object-fit: cover; } 
.search_box .link a:nth-child(2) { background-color: #be764e; } 


.search_box .inner { position: relative; margin-right: 5vw; } 
.search_box .inner #sch_submit { border: none !important; position:absolute; top:50%; right: 1vw; transform:translateY(-50%); background:transparent !important;}
.search_box .inner #sch_submit img { width: 20px; height: 18px; object-fit: cover;}
.search_box .inner #sch_str { color:#bbbbbb !important; display:block; width:100% !important; height:2.60vw !important; border:none !important; border-radius: 0.78vw !important; padding-left:1vw !important; background:#f3f3f3!important; font-size: 0.93vw !important; } 
.search_box .inner #sch_str::placeholder { color:#bbbbbb; } 


/* 탭 강조 */

.promotion_db { display: block; padding: 10px; width: max-content; font-size: 40rem; color: #ffffff; background-color: #68c5cb; } 
.sound_only { display: none; } 
.promotion_db.on { display: none; } 
.sub_Btn { border:1px solid var(--pointcolor); margin-top: 1vw; display: block; font-weight: 400; letter-spacing: 2px; animation: fade-up 2.5s both; background-color: var(--pointcolor); color:transparent; padding: 7rem 20rem; text-shadow: -50px 0 0 transparent, 0 0 0 #fff; position: relative; white-space: nowrap; transition-property: all; transition-duration: 0.6s; z-index: 5; overflow: hidden; transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); } 
/* .sub_Btn:before { width: 100%; height: 100%; top: 0; left: 0; background-color: #f56720; transform: translate(-100%, 0); content: ""; position: absolute; z-index: -3; transition-property: inherit; transition-duration: inherit; transition-timing-function: inherit; } 
.sub_Btn:hover { text-shadow: 0 0 0 var(--pointcolor), 50px 0 0 transparent; } 
.sub_Btn:hover:before { transform: translate(0, 0); }  */


#fboardlist { width: 60%; margin: 0 auto; } 
/* 게시판 목록 */
#bo_cate { font-family: "SUIT"; border-top: 10px solid #eee8e1; border-bottom: 10px solid #eee8e1; position: relative; height: 4.08vw; } 

#bo_cate h2 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#bo_cate ul { margin: 0 auto; width: 90%; zoom: 1; position: relative; display: flex; flex-wrap: wrap; height: 100%; } 
.container { position: relative; } 

.td_subject img { margin-left:3px } 

.chk_box { position:relative } 
.chk_box input[type="checkbox"] + label { position:relative; padding-left:20px; color:#676e70; vertical-align:baseline } 
.chk_box input[type="checkbox"] + label:hover { color:#000 } 
.chk_box input[type="checkbox"] + label span { position:absolute; top:10px; left:10px; width:15px; height:15px; display:block; background:#fff; border:1px solid #d0d4df; border-radius:3px } 
.write_div .chk_box input[type="checkbox"] + label, .bo_vc_w .chk_box input[type="checkbox"] + label { padding-left:20px } 
.write_div .chk_box input[type="checkbox"] + label span, .bo_vc_w .chk_box input[type="checkbox"] + label span { position:absolute; top:2px; left:0; width:15px; height:15px; display:block; margin:0; background:#fff; border:1px solid #d0d4df; border-radius:3px } 
.chk_box input[type="checkbox"]:checked + label { color:#000 } 
.chk_box input[type="checkbox"]:checked + label span { background:url(./img/chk.png) no-repeat 50% 50% #000; border-color:#000; border-radius:3px } 
.all_chk.chk_box input[type="checkbox"] + label span { top:0; left:0 } 

.write_div strong { background-image: url(/img/require.png) !important; background-repeat: no-repeat !important; background-position: right top !important; text-indent: -9999px; display: inline-block; width: 15px; text-align: center; } 

/* 갤러리 목록 */
/* #bo_gall { font-family: "SUIT";
 padding: 0 0 2.08vw 0; margin: 0 auto;} */
#bo_gall h2 { margin:0; padding:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden } 
#bo_gall #gall_ul { padding-right: 40px; width: 100%; margin: 50px -10px 0; list-style:none; zoom:1; } 


/* 장바구니 시작 */
.cart_icon { font-family: "SUIT"; position: fixed; bottom: 40px; right: 40px; font-size: 20rem; cursor: pointer; z-index: 10; } 

.cart_icon:hover { transform: scale(1.1); } 




.sct_cost { display: flex; align-items: flex-end; } 
.sct_cost > a { color: #be764e; font-weight: 700; font-size: 0.5vw; } 
.sct_cost .sct_per { font-weight: 700; font-size: 0.8vw; color: #be764e; margin-right: 0.5vw; } 
.sct_cost .sct_ori { font-weight: 700; font-size: 1.15vw; margin-right: 0.5vw; } 
/* .sct_cost .sct_ori::after { content: "원"; } */
.sct_dict { text-decoration: line-through; font-size: 0.53vw; color: #b4b4b4;}




.btn_con { display: flex; justify-content: flex-end; } 
.btn_con button { width: 3.83vw; height: 1.38vw; border: none; background: transparent; border-radius: 0.26vw; font-size: 0.83vw; display: flex; align-items: center; justify-content: center; } 
.btn_con .btn_info { display: none; cursor: pointer; border: 1px solid #b3b3b3; color: #b3b3b3; margin-right: 0.4vw; } 
.btn_con .btn_cart { cursor: pointer; background-color: #b3b3b3; color: #fff; font-size: 0.7vw; } 
.btn_con .btn_cart span:nth-child(2) { display: none; } 
.btn_con .btn_cart.on { background-color: #be764e; } 
.btn_con .btn_cart.on span:nth-child(1) { display: none; } 
.btn_con .btn_cart.on span:nth-child(2) { display: block; } 














#bo_gall #gall_ul:after { display:block; visibility:hidden; clear:both; content:"" } 
/* #bo_gall .item { width: 21.09vw; padding: 0; } 
#bo_gall .item .gall_chk { position:absolute; top:0; left:0; padding:5px; z-index:100 } 
#bo_gall .gall_box { position:relative; margin:0 0 50px 0; border-radius:0 0 2px 2px } 
#bo_gall { position:relative; margin-bottom: 3vw; } */
#bo_gall #gall_ul .layer_close { font-size: 24rem; font-weight: 600; } 
.gall_row .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3,.gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9,.gall_row .col-gn-10 { position:relative; min-height:1px; padding-left:10px; *padding-left:0; padding-right:10px; *padding-right:0; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-left:0 } 
#bo_gall #gall_ul .item { } 
#bo_gall #gall_ul .item.on { background-color: #ebebeb; } 
#bo_gall #gall_ul .item:last-child { margin-bottom: 0; } 
.gall_row .col-gn-0,.gall_row .col-gn-1 { width:100%; border-bottom: 1px solid #d1d1d1; } 
.gall_con { padding-top: 0.5vw; display: flex; justify-content: space-between; flex-direction: column; } 
.gall_text_href { width: 100%; } 
.inner_box { display: flex; justify-content: space-between; padding-bottom: 0.5vw; } 
.gall_text_href .bo_tit { display: flex; flex-direction: column; align-content: space-between; } 
.gall_text_href .bo_tit span:nth-child(1) { font-size: 0.73vw; font-weight: 500; color:#ef5a02; } 
.gall_text_href .bo_tit span:nth-child(2) { font-size: 1vw; line-height: 1.3; margin: 0.2vw 0; } 
.gall_text_href .bo_tit span:nth-child(3) { font-size: 0.73vw; color: #5f5f5f; } 









.gall_row .col-gn-2 { width:50% } 
.gall_row .col-gn-3 { width:33.33333333% } 
.gall_row .col-gn-4 { width:25% } 
.gall_row .col-gn-5 { width:20% } 
.gall_row .col-gn-6 { width:16.66666667% } 
.gall_row .col-gn-7 { width:14.28571428% } 
.gall_row .col-gn-8 { width:12.5% } 
.gall_row .col-gn-9 { width:11.11111111% } 
.gall_row .col-gn-10 { width:10% } 

/* 갤러리 모바일버전 추가문 */
@media(min-width:768px) and (max-width:1024px) {.gall_row .col-gn-4 { width:50% } 
 }
@media (max-width: 768px) {.gall_row .col-gn-4 { width:100% } 
 }

#bo_gall .gall_now .gall_text_href a { color:#ff3061 } 

#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover { text-decoration:none } 
#bo_gall .gall_img { width: 100%; height: 21.09vw; border-bottom:1px solid #eee; text-align:center; overflow:hidden; position: relative; } 
#bo_gall .gall_img a,#bo_gall .gall_img .no_image,#bo_gall .gall_img .is_notice { display:block } 
#bo_gall .gall_img img, #bo_gall .gall_img video { width: 100%; height: 21.09vw !important; object-fit: cover; max-width:100%; } 
#bo_gall .gall_img span { display:inline-block; background:#eaeaea; text-align:center; text-transform:uppercase; font-weight:bold; font-size:1.25em; color:#777 } 

#bo_gall .gall_text_href { display: block; text-align: left; } 
#bo_gall .gall_text_href span {}
#bo_gall .gall_text_href .icon { position:absolute; top:0; right:-25px; } 
#bo_gall .gall_text_href a {}
#bo_gall .gall_text_href img { margin:0 0 0 4px } 
#bo_gall .gall_text_href .date { text-align: center; font-size: 20rem; margin-top:5px; color:#333; } 
#bo_gall .bo_tit .cnt_cmt { background:#e9eff5; color:#3a8afd; font-size:11px; height:16px; line-height:16px; padding:0 5px; border-radius:3px; vertical-align:middle } 

#bo_gall .bo_cnt { color:#acacac; line-height:18px } 
#bo_gall .profile_img img { border-radius:50% } 
#bo_gall .bo_tit .fa-download { width:16px; height:16px; line-height:16px; background:#e89f31; color:#fff; text-align:center; font-size:10px; border-radius:2px; margin-right:2px; vertical-align:middle } 
#bo_gall .bo_tit .fa-link { width:16px; height:16px; line-height:16px; background:#ad68d8; color:#fff; text-align:center; font-size:10px; border-radius:2px; margin-right:2px; vertical-align:middle; font-weight:normal } 
#bo_gall .bo_tit .fa-link { width:16px; height:16px; line-height:16px; background:#ad68d8; color:#fff; text-align:center; font-size:10px; border-radius:2px; margin-right:2px; vertical-align:middle; margin-right:2px } 
#bo_gall .bo_tit .new_icon { display:inline-block; width:16px; line-height:16px; font-size:0.825em; color:#23db79; background:#b9ffda; text-align:center; border-radius:2px; margin-left:2px; font-weight:bold; vertical-align:baseline } 
#bo_gall .bo_tit .hot_icon { display:inline-block; width:16px; line-height:16px; font-size:0.833em; color:#fff; background:#e52955; text-align:center; border-radius:2px; vertical-align:middle; margin-right:2px } 
#bo_gall .bo_tit .fa-lock { display:inline-block; line-height:16px; color:#999; text-align:center; vertical-align:middle } 

#bo_gall .gall_info { line-height:1.5em; line-height:20px } 
#bo_gall .gall_info strong { display:inline-block; margin:0 } 
#bo_gall .gall_info i { font-size:12px } 
#bo_gall .gall_info .gall_date,
#bo_gall .gall_info .gall_view { display:inline-block; margin-left:10px; color:#777 } 

#bo_gall .gall_option { position:absolute; top:10px; right:10px } 
#bo_gall .gall_option strong { background:#fff; padding:5px 10px; border-radius:30px; -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) } 

/* 게시판 목록 공통 */
#bo_btn_top { margin:10px 0 } 
#bo_btn_top:after { display:block; visibility:hidden; clear:both; content:"" } 
.bo_fx { margin-bottom:5px; float:right; zoom:1 } 
.bo_fx:after { display:block; visibility:hidden; clear:both; content:"" } 
.bo_fx ul { margin:0; padding:0; list-style:none } 
#bo_list_total { display: none; float:left; line-height:34px; font-size:0.92em; color:#4e546f } 

.btn_bo_user { float:right; margin:0; padding:0; list-style:none } 
.btn_bo_user li { float:left; width:40px; text-align:center; margin-left:5px; background:#fff } 
.btn_bo_user > li { position:relative } 
.btn_bo_user > li a i::before { font-size: 20rem; } 
.btn_bo_user > li button i::before { font-size: 20rem; } 
.btn_bo_user { } 
.btn_bo_adm { float:left } 
.btn_bo_adm li { float:left; margin-right:5px } 
.btn_bo_adm input { padding:0 8px; border:0; background:#d4d4d4; color:#666; text-decoration:none; vertical-align:middle } 
.bo_notice td { background:#fff6fa !important; border-bottom:1px solid #f8e6ee } 
.bo_notice td a { font-weight:bold } 
.bo_notice .notice_icon { display:inline-block; line-height:25px; border-radius:5px; font-weight:bold; color:#f9267f } 

.more_opt { display:none; position:absolute; top:45px; right:0; background:#fff; border:1px solid #b8bfc4; z-index:999 } 
.more_opt:before { content:""; position:absolute; top:-8px; right:13px; width:0; height:0; border-style:solid; border-width:0 6px 8px 6px; border-color:transparent transparent #b8bfc4 transparent } 
.more_opt:after { content:""; position:absolute; top:-6px; right:13px; width:0; height:0; border-style:solid; border-width:0 6px 8px 6px; border-color:transparent transparent transparent transparent } 
.more_opt li { border-bottom:1px solid #f1f1f1; padding:10px; float:inherit; width:90px; margin:0; color:#6b757c; text-align:left } 
.more_opt li:last-child { border-bottom:0 } 
.more_opt li button, .more_opt li a { width:100%; border:0; background:#fff; color:#6b757c } 
.more_opt li:hover a,
.more_opt li:hover button { color:#000 } 
.more_opt li i { float:right; line-height:20px } 

.td_num strong { color:#000 } 
.bo_cate_link { display:inline-block; background:#e2eaf6; color:#3a8afd; font-weight:normal !important; height:20px; line-height:10px; padding:5px 8px; border-radius:5px; font-size:0.95em } /* 글제목줄 분류스타일 */
.bo_cate_link:hover { text-decoration:none } 
.bo_current { color:#e8180c } 
#bo_list .profile_img { display:inline-block; margin-right:5px } 
#bo_list .profile_img img { border-radius:50% } 
#bo_list .cnt_cmt { display:inline-block; margin:0 0 0 3px; font-weight:bold; color:#ed6478; font-size:0.86em } 

#bo_gall li.empty_list { padding:85px 0; text-align:center } 

.bo_sch_wrap { width: 26.04vw; height: 3.48vw; } 
.bo_sch { height: 100%; text-align:left; border-radius:5px; border-radius:3px; } 
.bo_sch:after { display:block; visibility:hidden; clear:both; content:"" } 
.bo_sch h3 { padding:15px; border-bottom:1px solid #e8e8e8 } 
.bo_sch legend { background:red } 
.bo_sch form { height: 100%; display:block}
.bo_sch select { display: none; border:0; width:100%; height:40px; border:1px solid #d0d3db; border-radius:2px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075) } 
.bo_sch .sch_bar { padding: 0 1.5vw; display: flex; justify-content: space-between; align-items: center; height: 100%; width: 100%; clear: both; background-color: #fff; border-radius: 0.78vw; border: 2px solid #be764e; } 
.bo_sch .sch_input { width: 13.01vw; height:100%; border:0; padding:0; background-color:transparent; float:left } 
.bo_sch .sch_input::placeholder { color: #000; font-size: 0.93vw; font-weight: 600; } 
.bo_sch .sch_btn { height:38px; float:right; color:#656565; background:none; border:0; width:40px; font-size:15px } 
.bo_sch .bo_sch_cls { position:absolute; right:0; top:0; color:#b5b8bb; border:0; padding:12px 15px; font-size:16px; background:#fff } 
.bo_sch_bg { background:#000; background:rgba(0,0,0,0.1); width:100%; height:100% } 


/* 게시판 쓰기 */

#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_v { padding: 0 0 2.08vw 0; width: 69.27vw; margin: 100px auto; font-size: 16rem; }
#bo_v .title { font-family: "Philosopher"; font-size: 40rem; padding-top: 5.20vw; margin-bottom: 5.20vw;}
#bo_v .title span { font-weight: 600; color: #be764e; } 
#bo_v .flex-wrap { display: flex; height: 21.09vw; font-size: 16rem; } 
#bo_v .flex-wrap .width40.img { width: 21.09vw; height:100%}
#bo_v .flex-wrap .width40.img img { width: 21.09vw; height: 21.09vw; object-fit: cover; } 
#bo_v .mt-100.width100 { display: none; } 
#bo_v { margin-bottom:20px; background:#fff; box-sizing:border-box } 
#bo_v .cont_box { display: none; } 
#bo_v_table { position:absolute; top:0; right:16px; margin:0; padding:0 5px; height:25px; background:#ff3061; color:#fff; font-weight:bold; line-height:2.2em } 

#bo_v_title { } 
#bo_v_title .bo_v_cate { display:inline-block; line-height:21px; background:#595959; color:#fff; padding:0 10px; border-radius:13px; } 
#bo_v_title .bo_v_tit { display:block; font-size:2em; margin:5px 0 0; word-break:break-all } 

#bo_v_info { margin:0; border-bottom:1px solid #f1f1f1; color:#666 } 
#bo_v_info:after { display:block; visibility:hidden; clear:both; content:"" } 
#bo_v_info h2 { position:absolute; font-size:0; line-height:0; overflow:hidden } 

#bo_v_info .profile_info { margin:20px 0 10px; display:inline-block; float:left } 
#bo_v_info .profile_info .pf_img { float:left; margin-right:10px } 
#bo_v_info .profile_info .pf_img img { border-radius:50%; width:50px; height:50px } 
#bo_v_info .profile_info .profile_info_ct { padding:5px 0; line-height:18px; display: flex; } 

#bo_v_info strong { display:inline-block; margin:0 10px 0 0; font-weight:normal } 
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest { font-weight:bold } 
#bo_v_info .profile_img { display:none } 
#bo_v_info .sv_member { color:#000 } 
#bo_v_info .if_date { margin:0; color:#888 } 

#bo_v_file h2 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#bo_v_file ul { margin:0; list-style:none } 
#bo_v_file li { padding:15px; position:relative; margin:10px 0; border:1px solid #dfdfdf; border-radius:5px;-webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);-moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%) } 
#bo_v_file li i { float:left; color:#b2b2b2; font-size:2.35em; margin-right:20px } 
#bo_v_file a { float:left; display:block; text-decoration:none; word-wrap:break-word; color:#000 } 
#bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active { text-decoration:underline; color:#3a8afd } 
#bo_v_file img { float:left; margin:0 10px 0 0 } 
#bo_v_file .bo_v_file_cnt { color:#b2b2b2; font-size:0.92em } 
#bo_v_file li:hover { border-color:#bed4f4; color:#bed4f4 } 
#bo_v_file li:hover i { color:#3a8afd } 
#bo_v_file li:hover .bo_v_file_cnt { color:#99c2fc } 


#bo_v_link h2 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#bo_v_file ul { margin:0; list-style:none } 
#bo_v_link li { padding:15px; position:relative; margin:10px 0; border:1px solid #dfdfdf; border-radius:5px;-webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);-moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%) } 
#bo_v_link li i { float:left; color:#b2b2b2; font-size:2.35em; margin-right:20px } 
#bo_v_link a { float:left; display:block; text-decoration:none; word-wrap:break-word; color:#000 } 
#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active { text-decoration:underline; color:#3a8afd } 
#bo_v_link .bo_v_link_cnt { color:#b2b2b2; font-size:0.92em } 
#bo_v_link li:hover { border-color:#bed4f4; color:#bed4f4 } 
#bo_v_link li:hover i { color:#3a8afd } 
#bo_v_link li:hover .bo_v_link_cnt { color:#99c2fc } 


#bo_v_top { zoom:1 } 
#bo_v_top:after { display:block; visibility:hidden; clear:both; content:"" } 
#bo_v_top h2 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#bo_v_top ul { padding:0; list-style:none; word-break:break-all } 

#bo_v_bot { zoom:1 } 
#bo_v_bot:after { display:block; visibility:hidden; clear:both; content:"" } 
#bo_v_bot h2 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#bo_v_bot ul { padding:0; list-style:none } 

.bo_v_com { margin:20px 0; float:right } 
.bo_v_com > li { position:relative; float:left; margin-left:5px } 

.bo_v_nb { margin:20px 0; position:relative; clear:both; text-align:left } 
.bo_v_nb:after { display:block; visibility:hidden; clear:both; content:"" } 
.bo_v_nb li { border-top:1px solid #595959; padding:13px } 
.bo_v_nb li:last-child { border-bottom:1px solid #595959 } 
.bo_v_nb li:hover { background:#f6f6f6 } 
.bo_v_nb li i { font-size:13px; color:#595959 } 
.bo_v_nb li .nb_tit { display:inline-block; padding-right:20px; color:#595959 } 
.bo_v_nb li .nb_date { float:right; color:#595959 } 

#bo_v_atc { min-height:200px; height:auto !important; height:200px } 
#bo_v_atc_title { position:absolute; font-size:0; line-height:0; overflow:hidden } 

#bo_v_img { width:100%; overflow:hidden; zoom:1; text-align:center; } 
#bo_v_img:after { display:block; visibility:hidden; clear:both; content:"" } 
#bo_v_img a.view_image { display:block } 
#bo_v_img img { /*margin-bottom:20px; */max-width:100%; height:auto } 

#bo_v_con { margin:10px 0 30px; width:100%; line-height:1.7em; min-height:200px; word-break:break-all; overflow:hidden } 
#bo_v_con a { color:#000; text-decoration:underline } 
#bo_v_con img { max-width:100%; height:auto } 

#bo_v_act { margin-bottom:30px; text-align:center } 
#bo_v_act .bo_v_act_gng { position:relative } 
#bo_v_act a { margin-right:5px; vertical-align:middle; color:#4a5158 } 
#bo_v_act a:hover { background-color:#fff; color:#ff484f; border-color:#ff484f } 
#bo_v_act i { font-size:1.4em; margin-right:5px } 
#bo_v_act_good, #bo_v_act_nogood { display:none; position:absolute; top:30px; left:0; z-index:9999; padding:10px 0; width:165px; background:#ff3061; color:#fff; text-align:center } 
#bo_v_act .bo_v_good { display:inline-block; border:1px solid #dedede; width:70px; line-height:46px; border-radius:30px } 
#bo_v_act .bo_v_nogood { display:inline-block; border:1px solid #dedede; width:70px; line-height:46px; border-radius:30px } 

#bo_v_sns { padding:0; list-style:none; zoom:1; float:left; display:inline-block } 
#bo_v_sns:after { display:block; visibility:hidden; clear:both; content:"" } 
#bo_v_sns li { float:left; width:135px; margin-right:5px; text-align:left } 
#bo_v_sns li a { height:35px; line-height:35px; text-align:center; border-radius:5px; color:#fff; font-size:0.95em } 
#bo_v_sns li img { vertical-align:middle; margin-right:5px } 
#bo_v_sns li .sns_f { display:block; background:#3b5997 } 
#bo_v_sns li .sns_t { display:block; background:#09aeee } 
#bo_v_sns li .sns_g { display:block; background:#ea4026 } 
#bo_v_sns li .sns_k { display:block; background:#fbe300 } 

#bo_v_share { position:relative; padding:20px 0 } 
#bo_v_share:after { display:block; visibility:hidden; clear:both; content:"" } 
#bo_v_share .btn { padding:0 10px; color:#555; font-weight:normal; font-size:1em; width:80px; line-height:35px; height:35px; border-color:#d5d5d5; border-radius:5px } 
#bo_v_share .btn:hover { background:#fff } 
#bo_v_share .btn i { margin-right:5px; color:#4b5259; vertical-align:middle } 


/* 게시판 댓글 */
.cmt_btn { width:100%; text-align:left; border:0; border-bottom:1px solid #f0f0f0; background:#fff; font-weight:bold; margin:30px 0 0px; padding:0 0 15px } 
.cmt_btn span.total { position:relative; display:inline-block; margin-right:5px; font-size:1em; color:var(--pointcolor) } 
.cmt_btn span.cmt_more { float:right; display:inline-block; width:15px; height:10px; background:url(./img/btn_cmt.png) no-repeat right 2px; margin-top:5px } 
.cmt_btn_op span.cmt_more { background-position:right -8px } 
.cmt_btn b { font-size:1.2em; color:#000 } 
.cmt_btn span.total:after { position:absolute; bottom:-17px; left:0; display:inline-block; background:var(--pointcolor); content:""; width:100%; height:2px } 
#bo_vc { } 
#bo_vc h2 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#bo_vc article { margin:20px 0; position:relative; border-bottom:1px solid #f0f0f0 } 
#bo_vc article:after { display:block; visibility:hidden; clear:both; content:"" } 
#bo_vc article .profile_img img { border-radius:50% } 
#bo_vc article .pf_img { float:left; margin-right:10px } 
#bo_vc article .pf_img img { border-radius:50%; width:50px; height:50px } 
#bo_vc article .cm_wrap { float:left; max-width:870px; width:90% } 
#bo_vc header { position:relative; width:100% } 
#bo_vc header:after { display:block; visibility:hidden; clear:both; content:"" } 
#bo_vc header .profile_img { display:none } 
#bo_vc header .icon_reply { position:absolute; top:15px; left:-20px } 
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest { font-weight:bold } 
.bo_vc_hdinfo { color:#777 } 
#bo_vc h1 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#bo_vc .cmt_contents { line-height:1.8em; padding:0 0 20px } 
#bo_vc p a { text-decoration:underline } 
#bo_vc p a.s_cmt { text-decoration:underline; color:#ed6479 } 
#bo_vc_empty { margin:0; padding:80px 0 !important; color:#777; text-align:center } 
#bo_vc #bo_vc_winfo { float:left } 
#bo_vc .bo_vl_opt { position:absolute; top:0; right:0 } 

.bo_vc_act { display:none; position:absolute; right:0; top:40px; width:58px; text-align:right; border:1px solid #b8bfc4; margin:0; list-style:none; background:#fff; zoom:1; z-index:9999 } 
.bo_vc_act:before { content:""; position:absolute; top:-8px; right:5px; width:0; height:0; border-style:solid; border-width:0 6px 8px 6px; border-color:transparent transparent #b8bfc4 transparent } 
.bo_vc_act:after { content:""; position:absolute; top:-6px; right:5px; width:0; height:0; border-style:solid; border-width:0 6px 8px 6px; border-color:transparent transparent #fff transparent } 
.bo_vc_act li { border-bottom:1px solid #f0f0f0 } 
.bo_vc_act li:last-child { border-bottom:0 } 
.bo_vc_act li a { display:inline-block; padding:10px 15px } 
.bo_vc_act li a:hover { color:#3a8afd } 

.bo_vc_w { position:relative; margin:10px 0; display:block } 
.bo_vc_w:after { display:block; visibility:hidden; clear:both; content:"" } 
.bo_vc_w h2 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
.bo_vc_w #char_cnt { display:block; margin:0 0 5px } 
.bo_vc_w textarea { border:1px solid #ccc; background:#fff; color:#000; vertical-align:middle; border-radius:3px; padding:5px; width:100%; height:120px;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1) } 
#wr_secret { } 
.bo_vc_w_info { margin:10px 0; float:left } 
.bo_vc_w_info:after { display:block; visibility:hidden; clear:both; content:"" } 
.bo_vc_w_info .frm_input { float:left; margin-right:5px } 
.bo_vc_w_info #captcha { padding-top:10px; display:block; clear:both } 
.bo_vc_w .btn_confirm { clear:both; margin-top:10px } 
.bo_vc_w .btn_confirm label { display:inline-block; margin-right:10px; border-radius:3px; font-size:1.5em; text-align:center } 
.bo_vc_w .btn_submit { height:45px; padding:0 20px; border-radius:0; font-weight:400; font-size:1.083em } 
.bo_vc_w .btn_confirm .secret_cm label { font-size:1em !important } 
.bo_vc_w_wr:after { display:block; visibility:hidden; clear:both; content:"" } 
.secret_cm { display:inline-block; float:left } 

#bo_vc_send_sns { display:inline-block; float:left } 
#bo_vc_sns { display:inline-block; margin:0; padding:0; list-style:none; zoom:1 } 
#bo_vc_sns:after { display:block; visibility:hidden; clear:both; content:"" } 
#bo_vc_sns li { float:left; margin:0 5px 0 0 } 
#bo_vc_sns .sns_li_f { border-radius:3px; background:#3a589b; height:40px; line-height:40px; padding:0 0 0 10px } 
#bo_vc_sns .sns_li_t { border-radius:3px; background:#00aced; height:40px; line-height:40px; padding:0 0 0 10px } 
#bo_vc_sns .sns_li_off { background:#bbb } 
#bo_vc_sns a { display:inline-block; padding:0 15px 0 5px } 
#bo_vc_sns input { margin:0 5px 0 0 } 

/*글쓰기*/
#bo_w { padding-top: 60px; padding: 0 0 2.08vw 0; width: 69.27vw; margin: 100px auto; } 
#bo_w .title { font-family: "Philosopher";
 font-size: 40rem; padding-top: 5.20vw; margin-bottom: 5.20vw;}
#bo_w .title span { font-weight: 600; color: #be764e; } 
#bo_w .frm_input { width:100%; } 
#bo_w .bo_v_option li { display:inline-block; float:left; text-align:left; margin:0 5px 0 0 } 
#bo_w .bo_v_option li label { vertical-align:baseline } 
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span { margin-left:0; margin-right:5px } 
#bo_w .write_div { font-size: 16rem; margin:10px 0; position:relative } 

/* #bo_w .write_div:after { display:block; visibility:hidden; clear:both; content:"" } 
#bo_w .bo_w_info:after { display:block; visibility:hidden; clear:both; content:"" } */
#bo_w .bo_w_info .frm_input { float:left; margin-bottom:1%; } 
#bo_w #wr_password, #bo_w #wr_homepage { margin-left:1% } 
#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; font-size:1.2em; text-align:center; color:#b2b2b2 } 
#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; font-size:1.2em; text-align:center; color:#b2b2b2 } 
#bo_w .bo_w_flie .frm_file { padding-left:50px; margin-top:3px } 
#bo_w .bo_w_flie .file_wr { position:relative; 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; bottom:12px; right:10px; font-size:0.92em; color:#7d7d7d } 


#bo_w .bo_w_select select { font-family: 'Pretendard'; border:1px solid #d0d3db; width:100%; height:40px; border-radius:0 } 
#bo_w .btn_submit { color: #fff; font-family: 'Pretendard'; border-radius:5px; padding:0 18px; font-size:18rem; font-weight: 500; background-color: #be764e; } 
#bo_w .btn_cancel { border-radius:5px; font-size:18rem; font-weight: 500; } 


.write_dates { display:flex; align-items:center; justify-content: space-between; } 
.write_dates .half { width:49.5%; } 
.write_dates .half input { width:100%; } 
#bo_w .write_dates:After { display:none; } 

/* 게시판 커스텀 */
#bo_gall .dim { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: 40; display: none; } 
#bo_gall .gall_img img { transition:all 1s ease } 
#bo_gall .gall_con:hover .dim { display: block; } 
#bo_gall .gall_con:hover .inner .subject { display: block; border-bottom: 2px solid var(--pointcolorHover); background:transparent; color:#fff; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
#bo_gall .gall_con:hover .inner .period { display: block; font-size: 14px; margin-top: 5px; background:transparent; color:#fff; text-align: center; } 
#bo_gall .gall_con:hover .gall_img img { transform: scale(1.1); } 

#bo_gall .gall_img, #bo_gall .gall_box { border-bottom: 0; } 

/* view */
#bo_v #bo_v_title { padding: 0; display: block; border-bottom: 0; } 
#bo_v #bo_v_title .bo_v_tit { margin-left: 0; margin-top: 15px; padding-right: 0; } 
#bo_v_con { margin-top: 20rem; min-height: auto; } 
#bo_v .txt { padding-left: 5%; padding-top:3% } 

#bo_v .txt .cont_box .sub_Btn { font-family: 'Pretendard'; background-color: #00bdcc;}
#bo_v .txt .cont_box .sub_Btn:hover { text-shadow: 0 0 0 #00bdcc, 50px 0 0 transparent; } 


#bo_v .period { margin-top:10px; } 

#bo_v .more_btn { display: inline-flex; position:relative; justify-content:center; background-color:var(--pointcolor); color:#fff; padding:5px 20px; border-radius:20px; text-align: center; } 
#bo_v .more_btn:before { content: attr(data-text); position: absolute; width: 100%; left: 0; transition: 0.5s cubic-bezier(0.5, -1, 0.5, 2); text-transform: uppercase; /* letter-spacing: 3.5px; */opacity: 1; transform: translate(0, 0px); } 

#bo_v .more_btn span { display: inline-block; min-width: 0.3em; text-transform: uppercase; transition: 0.5s cubic-bezier(0.5, -1, 0.5, 2); opacity: 0; transform: translate(0, -20px); } 
#bo_v .more_btn:hover:before, #bo_v .more_btn:focus:before { opacity: 0; transform: translate(0, 20px); } 
#bo_v .more_btn:hover span, #bo_v .more_btn:focus span { opacity: 1; transform: translate(0, 0); } 
#bo_v .more_btn:hover span:nth-child(1), #bo_v .more_btn:focus span:nth-child(1) { transition-delay: 0.025s; } 
#bo_v .more_btn:hover span:nth-child(2), #bo_v .more_btn:focus span:nth-child(2) { transition-delay: 0.05s; } 
#bo_v .more_btn:hover span:nth-child(3), #bo_v .more_btn:focus span:nth-child(3) { transition-delay: 0.075s; } 
#bo_v .more_btn:hover span:nth-child(4), #bo_v .more_btn:focus span:nth-child(4) { transition-delay: 0.1s; } 
#bo_v .more_btn:hover span:nth-child(5), #bo_v .more_btn:focus span:nth-child(5) { transition-delay: 0.125s; } 
#bo_v .more_btn:hover span:nth-child(6), #bo_v .more_btn:focus span:nth-child(6) { transition-delay: 0.15s; } 
#bo_v .more_btn:hover span:nth-child(7), #bo_v .more_btn:focus span:nth-child(7) { transition-delay: 0.175s; } 
#bo_v .more_btn:hover span:nth-child(8), #bo_v .more_btn:focus span:nth-child(8) { transition-delay: 0.2s; } 
#bo_v .more_btn:hover span:nth-child(9), #bo_v .more_btn:focus span:nth-child(9) { transition-delay: 0.225s; } 

#bo_v .more_btn .pluse { color: #fff; position:relative; top:0; left:0; width:15px; height: 15px; transform: none; opacity: 1; margin-left: 10px; } 
#bo_v .more_btn .pluse:after, #bo_v .more_btn .pluse:before { display: block; content:""; clear:both; position:absolute; background-color:#fff } 
#bo_v .more_btn .pluse:after { width:100%; height:1px; top:50%; margin-top:-0.5px; right:0 } 
#bo_v .more_btn .pluse:before { width:1px; height:100%; top:0; right:50%; margin-right: -0.5px; } 


#bo_v .more_btn:hover .pluse { animation:3.5s animation infinite; opacity:1; } 

@keyframes animation { 
 0% { transform:rotate(0deg); } 
 20% { transform:rotate(0deg); } 
 50% { transform:rotate(360deg); } 
 80% { transform:rotate(360deg); } 
 100% { transform:rotate(720deg); } 
 }


#bo_v section#bo_v_info { border-bottom: 1px solid rgba(0,0,0,0.3); } 
#bo_v #bo_v_img .view_image img { width:auto } 



#bo_gall .bo_cate_link { font-size: 10rem; } 

#bo_gall .bo_cate_link.end, #bo_v #bo_v_title .bo_v_cate.end { background-color: #000!important; } 

.width40 a { pointer-events: none; } 
.width40 img { width: 100%; /*object-fit: cover; */ } 
#bo_gall .gall_img .closed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.7); color: #fff; font-size: 11.25rem; z-index: 1; } 

@media (max-width:990px) {.gall_row .box_clear { clear: none; } 
#bo_gall .item:nth-child(2n+1) { clear: both; } 

#bo_v .img { width: 100%; order:2 } 
#bo_v .txt { width: 100%; order:1; padding:0; margin-bottom:20rem } 
 }
@media (max-width:550px) {.promotion_pop { width:90%; } 
 }





/* 내가 추가한 css */
html { font-size: min(0.155vw, 1px) !important; } 
header, .side, .nav_bar, footer { display: none !important; } 
main { margin-top: 0 !important; }
main .m_inner { width: 100% !important; background-color: #F6F7F9; }

#bo_gall { max-width: 500px; width: 100%; min-height: 100vh; min-height: 100dvh; margin: 0 auto; background-color: #fff; } 

@media (max-width: 500px) { 
  html { font-size: min(0.2vw, 1px) !important; } 
}


/* 여기서부터 cart css */
/* 하단부 버튼 */
.cpc_nav { position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); display: flex; align-items: center; max-width: 500px; width: 100%; height: 70rem; background-color: #fff; z-index: 9999; }
.cpc_nav .cart_btn { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 100%; padding: 0 15rem; background-color: #f56720; cursor: pointer; }
.cpc_nav .cart_btn .cart_img { position: relative; display: flex; flex-direction: column; gap: 10rem; justify-content: center; align-items: center; width: 50rem; height: 50rem; }
.cpc_nav .cart_btn .cart_img span { font-size: 35rem; color: #fff; text-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.5); }
.cpc_nav .cart_btn .cart_img #cpc_cart_count { position: absolute; top: 3rem; right: -3rem; display: none; justify-content: center; align-items: center; width: 20rem; height: 20rem; padding-bottom: 2rem; font-size: 12rem; font-weight: 900; color: #fff; border-radius: 50%; background-color: #000; }
.cpc_nav .cart_btn .cart_img #cpc_cart_count.show { display: flex; }
.cpc_nav .cart_btn p { font-size: 20rem; font-weight: 500; color: #fff; text-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.5); }
/* .cpc_nav .call_btn { position: relative; width: calc(100% / 5); height: 100%; background-color: #9eedbf; }
.cpc_nav .kakao_btn { position: relative; width: calc(100% / 5); height: 100%; background-color: #FEE800; }
.cpc_nav .nav_btn p { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 18rem; font-weight: 500; color: #000; }
.cpc_nav .nav_btn .cpc_box { position: absolute; bottom: 100%; left: 0; display: none; width: 100%; background-color: #fff; }
.cpc_nav .nav_btn.on .cpc_box { display: block; }
.cpc_nav .nav_btn .cpc_box li { border: 1px solid #ddd; border-bottom: none; }
.cpc_nav .nav_btn .cpc_box li:last-child { border-bottom: 1px solid #ddd; }
.cpc_nav .nav_btn .cpc_box li a { display: block; padding: 10rem; font-size: 16rem; text-align: center; } */




/* 카트 */
.cart_bg { display: none; position: fixed; top: 0; left: 50%; transform: translate(-50%); max-width: 500px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); backdrop-filter: blur(3px); z-index: 999; } 
.cart_inner { font-family: "SUIT"; position: fixed; bottom: 0; right: 50%; transform: translateX(50%); display: none; max-width: 500px; width: 100%; height: auto; border: 1px solid #ddd; border-radius: 25rem 25rem 0 0; overflow: hidden; background-color: #fff; z-index: 999999; } 
.cart_inner #cart { width: 100%; background-color: #f4f4f4; } 
.cart_inner #cart .close { display: none; position: absolute; top: 15rem; right: 15rem; font-size: 25px; font-weight: 600; color: black; cursor: pointer; } 
.cart_inner #cart .info { max-height: 320rem; height: 100%; border-bottom: 1px solid #ddd; overflow-y: auto; } 
.cart_inner #cart .info::-webkit-scrollbar { width: 4rem !important; }
.cart_inner #cart .info li { display: flex; justify-content: space-between; align-items: center; height: 80rem; padding: 0 20rem; border-bottom: 1px dashed #dcdcdc; } 
.cart_inner #cart .info li:last-child { border-bottom: none; }
.cart_inner #cart .info li > div { display: flex; flex-direction: column; gap: 10rem; } 
.cart_inner #cart .info li .left { width: 70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.cart_inner #cart .info li .left .item_category { font-size: 13rem; color: #b3b3b3; } 
.cart_inner #cart .info li .left .item_name { font-size: 18rem; } 
.cart_inner #cart .info li .right { width: 30%; align-items: flex-end; } 
.cart_inner #cart .info li .right .remove_item { display: block; font-size: 13rem; color: #b3b3b3; border: none; background-color: transparent; cursor: pointer; } 
.cart_inner #cart .info li .right span { font-size: 18rem; color: #be764e; } 

.cart_inner #total-price { padding: 20rem; } 
.cart_inner #total-price .pri { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15rem; } 
.cart_inner #total-price .pri > span:nth-child(1) { font-size: 18rem; color: #b4b4b4; } 
.cart_inner #total-price .pri p { font-size: 26rem; font-weight: 700; color: #be764e; } 
.cart_inner #total-price .pri p span:nth-child(2) { font-size: 18rem; font-weight: 400; } 
.cart_inner #total-price .event button { width: 100%; border-radius: 30rem; padding: 15rem 0; background-color: #b9b9b9; color: #fff; display: flex; align-items: center; justify-content: center; border: none; background-color: #F56720; cursor: pointer; } 
.cart_inner #total-price .event button p { font-size: 19rem; font-weight: 700; } 

.cart_inner .no_cart { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 999; } 
.cart_inner .no_cart.on { display: block; } 
.cart_inner .no_cart .alert { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 250rem; height: auto; background-color: #fff; border-radius: 15rem; } 
.cart_inner .no_cart .alert p { padding: 25rem 0; font-size: 18rem; font-weight: bold; text-align: center; line-height: 1.5; border-bottom: 1px solid #ddd; } 
.cart_inner .no_cart .alert p span { display: block; font-size: 15rem; font-weight: normal; color: gray; } 
.cart_inner .no_cart .alert strong { display: block; padding: 15rem 0; font-size: 18rem; color: #00aced; text-align: center; cursor: pointer; } 




/* 예약페이지 */
.promotion_pop { position: fixed; top: 0; left: 50%; transform: translateX(-50%); display: none; max-width: 500px; width: 100%; font-family: "SUIT"; background-color: #fff; z-index: 999999; } 
.promotion_pop.open { display: block; } 
.promotion_pop .inner { width: 100%; height: 100%; } 
.promotion_pop .inner #frm { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } 
.promotion_pop .inner #frm .content { display: flex; flex-direction: column; gap: 25rem; height: calc(100vh - 60rem); height: calc(100dvh - 60rem); padding: 40rem 20rem; background-color: #f5f5f5; overflow-y: auto; } 
.promotion_pop .inner #frm .content::-webkit-scrollbar { width: 3rem; }
.promotion_pop .inner #frm .content > div .titles { margin-bottom: 10rem; font-size: 18rem; font-weight: 500; color: #b4b4b4; } 
.promotion_pop .inner #frm .content > div .titles > span { display: block; margin-top: 5rem; font-size: 15rem; font-weight: 500; color: red; } 
.promotion_pop .inner #frm .content .selects select,
.promotion_pop .inner #frm .content .inputs input { width: 100%; height: auto; padding: 15rem 10rem; font-size: 16rem; border: 1px solid #ececec; border-radius: 10rem; cursor: pointer; } 
.promotion_pop .inner #frm .content .inputs input::placeholder { color: #969696; } 

.promotion_pop .inner #frm .content .info { border: 1px solid #ececec; border-radius: 10rem; background-color: #fff; }
.promotion_pop .inner #frm .content .info li { display: flex; justify-content: space-between; align-items: center; gap: 10rem; padding: 15rem 10rem; border-bottom: 1px dashed #e1e2e8; } 
.promotion_pop .inner #frm .content .info li:last-child { border-bottom: none; }
.promotion_pop .inner #frm .content .info li .left { display: flex; flex-direction: column; gap: 10rem; }
.promotion_pop .inner #frm .content .info li .left .item_category { font-size: 14rem; color: #b3b3b3; } 
.promotion_pop .inner #frm .content .info li .left .item_name { font-size: 16rem; } 
.promotion_pop .inner #frm .content .info li .right { display: flex; flex-direction: column; align-items: flex-end; gap: 10rem; }
.promotion_pop .inner #frm .content .info li .right .remove_item { display: block; font-size: 14rem; color: #b3b3b3; border: none; background-color: transparent; cursor: pointer; } 
.promotion_pop .inner #frm .content .info li .right span { font-size: 16rem; color: #be764e; }

.promotion_pop .inner #frm .content .aggres { display: flex; flex-direction: column; gap: 10rem; }
.promotion_pop .inner #frm .content .aggres > div { display: flex; align-items: center; gap: 10rem; } 
.promotion_pop .inner #frm .content .aggres > div label { font-size: 16rem; } 
.promotion_pop .inner #frm .content .aggres .warning { display: flex; flex-direction: column; align-items: flex-start; } 
.promotion_pop .inner #frm .content .aggres .warning li { padding-left: 11rem; text-indent: -11rem; font-size: 14rem; line-height: 1.3; color: red; } 

.promotion_pop .inner #frm .submit { display: block; width: 100%; height: 60rem; border: none; background-color: #be764e; cursor: pointer; } 
.promotion_pop .inner #frm .submit p { font-size: 20rem; font-weight: 600; color: #fff; } 


/* datdtimepicker css */
.xdsoft_datetimepicker,
.xdsoft_calendar,
.xdsoft_timepicker { touch-action: pan-y !important; -webkit-overflow-scrolling: touch !important; overflow-y: auto !important; } 
.xdsoft_datetimepicker.xdsoft_inline { display: flex !important; justify-content: space-between; align-items: center; padding: 15rem 10rem; border: 1px solid #ececec; border-radius: 10rem; z-index: 2; } 
.xdsoft_datetimepicker .xdsoft_datepicker { width: 60% !important; margin: unset !important; } 

.xdsoft_monthpicker .xdsoft_today_button { display: none !important; } 
.xdsoft_monthpicker .xdsoft_year { pointer-events: none !important; order: -1 }
.xdsoft_monthpicker .xdsoft_month { pointer-events: none !important; } 
.xdsoft_datetimepicker .xdsoft_label { display: flex !important; justify-content: center; align-items: center; width: auto !important; margin: 0 !important; padding: 0 5rem !important; background-color: transparent !important; line-height: 1 !important; } 
.xdsoft_datetimepicker .xdsoft_label > span { font-size: 22rem; } 
.xdsoft_datetimepicker .xdsoft_label i { display: none !important; }
.xdsoft_datetimepicker .xdsoft_year::after { content: "."; font-size: 25rem; color: #000; } 
.xdsoft_datetimepicker .xdsoft_monthpicker { display: flex; justify-content: center; align-items: center; margin-bottom: 5rem; } 
.xdsoft_datetimepicker .xdsoft_prev { order: -2; } 
.xdsoft_datetimepicker .xdsoft_calendar th { height: 35.14rem !important; font-size: 20rem !important; color: #333 !important; background: transparent !important; border: none !important; } 
.xdsoft_datetimepicker .xdsoft_calendar td { height: auto !important; background: transparent !important; border: none !important; border-radius: 50%; } 
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled { opacity: 0.2 !important; } 
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current { background: #be764e !important; box-shadow: none !important; }
.xdsoft_datetimepicker .xdsoft_calendar td > div { display: flex; justify-content: center; align-items: center; width: 100%; aspect-ratio: 1 / 1; padding-right: 0 !important; font-size: 18rem; font-weight: bold; } 
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled > div { font-weight: normal; } 


.xdsoft_datetimepicker .xdsoft_timepicker.active { display: flex !important; } 
.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker { flex-direction: column; align-items: center; width: 140rem !important; height: auto; aspect-ratio: 1 / 2; margin: unset !important; } 
.xdsoft_datetimepicker .xdsoft_timepicker button { display: none !important; } 
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { width: 100% !important; height: 100% !important; } 
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div { display: flex; justify-content: center; align-items: center; height: 40rem !important; font-size: 18rem !important; line-height: 1 !important; } 
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background-color: #be764e !important; box-shadow: none !important; } 




/* 여기서부터 list.skin css */
#bo_gall { position: relative; } 


/* 상단 배너 */
#bo_gall .top_banner { position: relative; width: 100%; height: auto; aspect-ratio: 1 / 1; } 
#bo_gall .top_banner .cpc_slide { position: relative; width: 100%; height: 100%; }
#bo_gall .top_banner .cpc_slide .swiper-pagination { top: unset; bottom: 10rem; left: unset; right: 10rem; display: inline-flex; justify-content: center; align-items: center; gap: 5rem; width: auto; min-width: 55rem; padding: 5rem 10rem; font-size: 14rem; color: #fff; background-color: rgba(0, 0, 0, 0.5); border-radius: 15rem; }


/* 사이드 버튼 */
#bo_gall .page_up { position: fixed; bottom: 90rem; left: 50%; transform: translateX(200rem); display: none; justify-content: center; align-items: center; width: 40rem; height: 40rem; background-color: #000; cursor: pointer; z-index: 99; } 
#bo_gall .page_up.show { display: flex; } 
#bo_gall .page_up i { font-size: 30rem; color: #fff; } 


/* 설정, 글쓰기, 선택삭제 */
#bo_gall #fboardlist { width: 100%; padding: 20rem 20rem 100rem; } 
#bo_gall #fboardlist #bo_btn_top { display: flex; justify-content: flex-end; align-items: center; margin: unset; } 
#bo_gall #fboardlist #bo_btn_top .btn_bo_user { display: flex; justify-content: space-between; align-items: center; gap: 15rem; float: unset; } 
#bo_gall #fboardlist #bo_btn_top .btn_bo_user li { float: unset; width: 25rem; height: 25rem; margin: unset; } 
#bo_gall #fboardlist #bo_btn_top .btn_bo_user li a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } 
#bo_gall #fboardlist #bo_btn_top .btn_bo_user li button { all: unset; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; cursor: pointer; } 
#bo_gall #fboardlist #bo_btn_top .btn_bo_user li .more_opt { top: 45rem; right: 6rem; width: 105rem; } 
#bo_gall #fboardlist #bo_btn_top .btn_bo_user li .more_opt li { width: 100%; height: auto; } 
#bo_gall #fboardlist #bo_btn_top .btn_bo_user li .more_opt li button { justify-content: space-between; font-size: 16rem; } 
#bo_gall #fboardlist #bo_btn_top .btn_bo_user li .more_opt li button i::before { font-size: 16rem; } 
#bo_gall #fboardlist #bo_btn_top .btn_bo_user li .more_opt:before { top: unset; bottom: 100%; right: -1rem; } 


/* 모두선택 */
#bo_gall #gall_allchk { display: flex; align-items: center; gap: 10rem; } 
#bo_gall #gall_allchk input[type="checkbox"] + label { padding: unset; vertical-align: unset; } 


/* 리스트 내용물 */
#bo_gall .list_wrap { display: flex; flex-direction: column; gap: 15rem; flex-wrap: wrap; row-gap: 50rem; padding: 20rem 0 40rem; } 
.list_wrap .sub_list { width: 100%; border: 1px solid #ddd; border-radius: 10rem 10rem 0 0; box-shadow: 0 2rem 20rem rgba(0, 0, 0, 0.2); overflow: hidden; } 
.list_wrap .sub_list .sub_tit { padding: 15rem 10rem; border-bottom: 1px solid #ddd; background-color: #f56720;color: white; } 
.list_wrap .sub_list .sub_tit h3 { margin-bottom: 6rem; font-size: 18rem; font-weight: bold; } 
.list_wrap .sub_list .sub_tit p { font-size: 14rem; font-weight: normal; line-height: 1.3; color: #9b9b9b; }

.list_wrap .sub_list .item_list { display: flex; flex-direction: column; width: 100%; } 
.list_wrap .sub_list .item_list .item { display: block; position: relative; padding: 15rem; font-family: 'Pretendard Variable'; background-color: #f8f8f8; } 

/* .list_wrap .sub_list .item_list .item:nth-child(even) { background-color: #f0f0f0; }  */
.list_wrap .sub_list .item_list .item+li { border-top: 1px solid #e7e7e7; } 

.list_wrap .sub_list .item_list .item .chk_box { display: flex; justify-content: space-between; align-items: center; padding-right: 7rem; } 
.list_wrap .sub_list .item_list .item .chk_box > a { font-size: 15rem; order: 1; } 


.list_wrap .sub_list .item_list .item .cont_wrap { display: flex; justify-content: space-between; align-items: center; } 
.list_wrap .sub_list .item_list .item .cont_wrap .left { width: calc(100% - 60rem); } 
.list_wrap .sub_list .item_list .item .cont_wrap .left .con_category { display: none; font-size: 14rem; font-weight: 500; color: #f56720; } 
.list_wrap .sub_list .item_list .item .cont_wrap .left .con_tit { display: block; font-size: 16rem; font-weight: 500; line-height: 1.5; letter-spacing: -0.3px; } 
.list_wrap .sub_list .item_list .item .cont_wrap .left .con_info { margin-bottom: 8rem; font-size: 13rem; font-weight: 300; color: #898989; line-height: 1.5; } 
.list_wrap .sub_list .item_list .item .cont_wrap .left .sct_cost { display: flex; align-items: flex-end; gap: 10rem; } 
.list_wrap .sub_list .item_list .item .cont_wrap .left .sct_cost .sct_per { font-size: 15rem; font-weight: bold; color: #f56720; margin-right: 0; } 
.list_wrap .sub_list .item_list .item .cont_wrap .left .sct_cost .sct_price { font-size: 18rem; font-weight: 600; color: #202123; } 
.list_wrap .sub_list .item_list .item .cont_wrap .left .sct_cost .sct_dict { font-size: 13rem; font-weight: 300; color: #b9b9b9; } 

.list_wrap .sub_list .item_list .item .cont_wrap .right .btn_cart { all: unset; display: flex; justify-content: center; align-items: center; width: 35rem; height: 35rem; margin-top: 10rem; border: none; border-radius: 8rem; background-color: #b9b9b9; cursor: pointer; } 
.list_wrap .sub_list .item_list .item .cont_wrap .right .btn_cart.on { background-color: #f56720; } 
.list_wrap .sub_list .item_list .item .cont_wrap .right .btn_cart p { font-size: 28rem; font-weight: 400; color: #fff; } 

.list_wrap .sub_list .item_list .item .cont_wrap .right .btn_cart p:first-child { display: block; } 
.list_wrap .sub_list .item_list .item .cont_wrap .right .btn_cart p:last-child { display: none; } 

.list_wrap .sub_list .item_list .item .cont_wrap .right .btn_cart.on p:first-child { display: none; } 
.list_wrap .sub_list .item_list .item .cont_wrap .right .btn_cart.on p:last-child { display: block; } 

.list_wrap .sub_list .more_btn { display: block; padding: 15rem 0; border-top: 1px solid #d1d1d1; cursor: pointer; } 
.list_wrap .sub_list .more_btn span { justify-content: center; align-items: center; gap: 5rem; font-size: 16rem; font-weight: 300; } 
.list_wrap .sub_list .more_btn span:first-child { display: flex; } 
.list_wrap .sub_list .more_btn span:last-child { display: none; } 
.list_wrap .sub_list .more_btn span:last-child i { transform: rotate(180deg); } 




/* 여기서부터 write.skin css */
.max_contents:has(> #bo_w) { background-color: #fff; }
#bo_w { all: unset; display: block; width: 60%; margin: 0 auto; padding: 30rem; } 
#bo_w .title { padding-top: 50rem; margin-bottom: 50rem; font-size: 40rem; text-align: center; } 

#bo_w #fwrite .write_div { font-size: 18rem; margin: 30rem 0; } 
#bo_w #fwrite .content_box { display: none; }
#bo_w #fwrite .write_div > label { display: block; margin-bottom: 10rem; } 

#bo_w #fwrite .write_div .bo_v_option { display: flex; justify-content: flex-end; gap: 15rem; } 
#bo_w #fwrite .write_div .bo_v_option li { all: unset; display: flex; gap: 5rem; } 
#bo_w #fwrite .write_div .bo_v_option li label { padding-left: 0 !important; } 

#bo_w #fwrite .bo_w_select .category_wrap { display: flex; align-items: center; gap: 30rem; margin-top: 10rem; } 
#bo_w #fwrite .bo_w_select .category_wrap .category_item { display: flex; align-items: center; gap: 5rem; } 
#bo_w .bo_w_select select { height: auto; padding: 10rem 0; font-size: 18rem; } 
#bo_w .bo_w_tit .frm_input { height: auto; padding: 10rem 5rem; font-size: 18rem; } 
#wr_content { padding: 10rem 5rem; font-size: 18rem; line-height: 1.3; font-family: inherit; } 

#bo_w #fwrite .btn_confirm { display: flex; justify-content: center; align-items: center; gap: 15rem; } 
#bo_w #fwrite .btn_confirm .btn_cancel { padding: 10rem 15rem; border: 2px solid #000; } 
#bo_w #fwrite .btn_confirm .btn_submit { padding: 10rem 15rem; line-height: 1; cursor: pointer; } 




/* 여기서부터 view.skin css */
#bo_v { all: unset; display: block; padding: 30rem; }