/*
 Theme Name: Astra Child
 Template: astra
 Version: 1.0.0
*/


@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css"); /*default*/
.has-large-font-size { font-size: 32px; font-weight: 600; } 

body { font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; } 
::selection { color: #044C57; background-color: #00D6A0; } 
p.search-box {
    margin: 0 !important;
}
h2, .entry-content :where(h2) { font-size: 40px !important; font-weight: bold !important; line-height: 55px !important; } 
body, html { margin: 0; padding: 0; height: auto; min-height: 100%; overflow-x: hidden; } 
ul { list-style: none; margin: 0; } 

li { list-style-type: none; } 
#wrap, .site-wrapper, .container { margin: 0; padding: 0; min-height: auto !important; } 
input,
input:focus,
input:focus-visible,
input:active { outline: none !important; box-shadow: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; } 

/* 크롬 OS 포커스 링 완전 제거 */
input::-webkit-focus-inner { border: 0 !important; padding: 0 !important; } 
input::-webkit-focus-ring-color { outline: none !important; } 

/* Safari, Edge 등 모든 포커스 시각화 제거 */
*:focus { outline: none !important; box-shadow: none !important; } 
*:focus-visible { outline: none !important; box-shadow: none !important; } 
input:focus,
textarea:focus,textarea:focus-visible,
select,
select:focus,
button,
button:focus { outline: none !important; /* 외곽선 제거 */
 box-shadow: none !important; /* 포커스 그림자 제거 */ border: 1px solid transparent; } 
 input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type=reset]:focus,input[type="tel"]:focus,input[type="date"]:focus,select:focus,textarea:focus { border-color: transparent;}
.kboard-search input:focus {border:none !important;}
textarea#reservation_no:focus {
    border: 1px solid #ccc;
}
.kboard-attr-row.kboard-attr-html.meta-key-reservation_check_btn .reservation-btn:hover {
    border: 1px solid transparent;
}
 .img_pc { display: block; } 
.img_mo { display: none !important; } 
/*셀렉트 커스텀*/
#kboard-ask-one-editor .custom-select,
#kboard-ask-one-document .custom-select { position: relative; display: inline-block; width: 180px; font-size: 14px; overflow: visible !important; } 

/* 숨긴 select */
#kboard-ask-one-editor .custom-select select,
#kboard-ask-one-document .custom-select select { opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; } 

/* 표시 영역 (검정 배경 셀렉트 박스) */
#kboard-ask-one-editor .custom-select .display,
#kboard-ask-one-document .custom-select .display { background: #fff; color: #111; padding: 10px 36px 10px 12px; border-radius: 8px; position: relative; cursor: pointer; font-weight: 600; letter-spacing: -0.3px; border: 1px solid #d1d5db; } 

/* ▼ 화살표 */
#kboard-ask-one-editor .custom-select .display::after,
#kboard-ask-one-document .custom-select .display::after { content: ""; position: absolute; right: 12px; top: 50%; width: 8px; height: 8px; border-right: 2px solid #111; border-bottom: 2px solid #111; transform: translateY(-50%) rotate(45deg); transition: transform 0.3s ease; } 

/* 열린 상태 */
#kboard-ask-one-editor .custom-select.open .display::after,
#kboard-ask-one-document .custom-select.open .display::after { transform: translateY(-50%) rotate(-135deg); } 

/* 드롭다운 리스트 */
#kboard-ask-one-editor .custom-select ul,
#kboard-ask-one-document .custom-select ul { display: none; position: absolute; top: calc(100% + -5px); left: 0; background: #fff; border-radius: 8px; width: 100%; overflow: hidden; z-index: 10; padding: 6px 0; } 


#kboard-ask-one-editor .custom-select.open ul,
#kboard-ask-one-document .custom-select.open ul { display: block; animation: fadeIn 0.2s ease; border: 1px solid #d1d5db; } 

/* 리스트 항목 */
#kboard-ask-one-editor .custom-select ul li,
#kboard-ask-one-document .custom-select ul li { padding: 10px 14px; color: #333; cursor: pointer; font-weight: 500; transition: all 0.2s ease; } 

/* hover 시 */
#kboard-ask-one-editor .custom-select ul li:hover,
#kboard-ask-one-document .custom-select ul li:hover { background: #f6f6f6; } 

/* 활성화된 항목 */
#kboard-ask-one-editor .custom-select ul li.active,
#kboard-ask-one-document .custom-select ul li.active { color: #00D9A3; font-weight: 600; } 

/* 드롭다운 애니메이션 */
@keyframes fadeIn { 
 from { opacity: 0; transform: translateY(-6px); } 
 to { opacity: 1; transform: translateY(0); } 
 }
/* 드롭다운 열렸을 때만 overflow visible */
#kboard-ask-one-document .kboard-detail:has(.custom-select.open),
#kboard-ask-one-document .kboard-document-wrap:has(.custom-select.open),
#kboard-ask-one-document .detail-attr.detail-category2:has(.custom-select.open) { overflow: visible !important; position: relative; z-index: 2; } 
#kboard-ask-one-document .kboard-detail:has(.custom-select.open) { padding-bottom: 75px; } 
/* 드롭다운 자체 */
#kboard-ask-one-document .custom-select.open { z-index: 50; } 

/* 드롭다운 리스트는 항상 떠 있는(floating) 레이어로 고정 */
#kboard-ask-one-document .custom-select.open ul { position: absolute; /* 💡 이게 핵심 — layout 차지 안 함 */
 top: calc(100% + 4px); /* 버튼 바로 아래 */
 left: 0; width: 100%; background: #fff; border-radius: 8px; border: 1px solid #d1d5db; box-shadow: 0 2px 8px rgba(0,0,0,0.08); z-index: 999; animation: fadeIn 0.2s ease; } 

/* 드롭다운 내부 항목 스타일 유지 */
#kboard-ask-one-document .custom-select.open ul li { padding: 10px 14px; color: #333; font-weight: 500; transition: all 0.2s ease; } 
#kboard-ask-one-document .custom-select.open ul li:hover { background: #f6f6f6; } 
#kboard-ask-one-document .custom-select.open ul li.active { color: #00D9A3; font-weight: 600; } 
/*menu*/
.main-header-menu a { background: #F2F2F4; padding: 6px 16px 6px 16px !important; border-radius: 20px; font-size: 14px; font-weight: 600; } 
.main-header-menu a img { width: 14px; margin-left: 3px; } 

.menu-link::after { content: ""; display: inline-block; width: 18px; height: 18px; background: url("/wp-content/uploads/2025/10/Icon.png") no-repeat center/contain; margin-left: 6px; transition: background 0.3s ease; } 

/* hover 시 아이콘 교체 */
.menu-link:hover::after { background: url("/wp-content/uploads/2025/10/hover_icon.png") no-repeat center/contain; } 
/*main_banner*/
span.title_point { background: #FF1DDD; color: #fff; padding: 0px 16px; border-radius: 30px; display: inline-block; transform: rotate(-10deg) translateY(-15px); font-size: 20px; } 

.img_circle { display: inline-block; animation: spin 5s 
 linear infinite; transform-origin: 50% 50%; position: absolute; right: 20%; top: 290px; width: 150px; background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 150px; } 


/**/
.fixed_icon { position: fixed; right: 10%; bottom: 28%; z-index: 9999; } 
/*footer*/
.footer_right { color: #fff; padding: 40px 0; font-size: 14px; line-height: 1.8; } 

.footer-inner { max-width: 1200px; margin: 0 auto; padding: 0 20px; } 

.footer-links { display: flex; gap: 30px; margin-bottom: 20px; font-size: 16px; } 

.footer-links a { color: #fff; text-decoration: none; } 

.footer-links a:hover { text-decoration: underline; } 

.footer-info { display: flex; flex-wrap: wrap; gap: 10px; color: #8E8E8E; } 

.footer-info strong { color: #fff; font-weight: 500; margin-left: 16px; } 

.footer-info strong:first-child { margin-left: 0; } 
.footer-info .business-num { color: #8E8E8E; } 

.footer-line { border: none; border-top: 1px solid #555; margin: 20px 0; } 

.footer-copy { color: #aaa; } 



/***************************kboard******************************/


/* 에러메세지 */
.swal2-popup { border-radius: 16px !important; background: #fff !important; padding: 2.5em 2em !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25); } 

/* 텍스트 */
.swal2-title,
.swal2-html-container { color: #333 !important; font-family: 'Pretendard', sans-serif; font-size: 18px !important; font-weight: 500 !important; text-align: center; padding-top: 5px; } 

/* ✅ 확인 버튼 (네 버튼) pill형으로 */
.swal2-confirm { background-color: #F2F2F4 !important; border: none !important; border-radius: 999px !important; padding: 12px 26px !important; min-width: 120px !important; font-size: 16px !important; color: #044C57 !important; font-weight: 600 !important; display: inline-block; margin-top: 20px !important; } 

/* hover 효과 */
.swal2-confirm:hover { } 

/* ✅ 아니오 버튼 (취소) */
.swal2-cancel { background-color: #F2F2F4 !important; color: #044C57 !important; border-radius: 999px !important; padding: 12px 26px !important; min-width: 120px !important; font-size: 16px !important; font-weight: 600 !important; margin-top: 20px !important; } 

/* ✅ 버튼 순서 고정 (항상 왼쪽: 아니오 / 오른쪽: 네) */
div.swal2-actions { display: flex !important; justify-content: center !important; gap: 12px !important; /* 버튼 사이 여백 */ } 

/* 버튼 focus 효과 제거 (브라우저 기본 스타일 방지용) */
.swal2-actions button:focus { outline: none !important; box-shadow: none !important; } 

.swal2-actions .swal2-confirm { background: #00D6A0 !important; } 


/******************************모바일************************/

@media (max-width: 900px)
 {
 h2, .entry-content :where(h2) { font-size: 22px !important; font-weight: bold !important; line-height: 32px !important; } 
.img_pc { display: none !important; } 
.img_mo { display: block!important; } 
.ast-header-html-1 a { color: #111111; background: #F2F2F4; padding: 6px 10px 6px 10px !important; border-radius: 20px; } 
.wp-block-columns.are-vertically-aligned-bottom.has-background.is-layout-flex.wp-container-core-columns-is-layout-5af56c29.wp-block-columns-is-layout-flex { padding-top: 50px !important; max-height: 370px; overflow: hidden; } 
.ast-page-builder-template .entry-content[data-ast-blocks-layout] > * { padding-top: 50px !important; } 
.fixed_icon { right: 5%; bottom: 28%; } 
li#menu-item-3
 a { background: #F2F2F4; padding: 6px 10px 6px 10px !important; border-radius: 20px; font-weight: 600; } 
 .menu-link::after { width: 12px; height: 12px; position: relative; top: 2px; } 

.mainbanner { padding: 0px 40px; } 
.img_circle { width: 65px; left: 32%; top: 346px; } 

/*footer*/
.footer-widget-area img { width: 50%; } 
.footer-inner { padding: 0px; } 
.footer_right { font-size: 12px; line-height: 26px; padding: 10px 0; } 
.footer-copy { font-size: 13px; } 
.footer-links { gap: 15px; font-size: 13px; } 
.footer-info { display: block; } 
.footer-info strong { margin-left: 0px; } 
/*케이보드*/
.kboard-search .kboard-custom-select .selected-option { font-size: 12px; } 
.kboard-search .kboard-custom-select { width: 96px !important; } 
 .kboard-search input { font-size: 12px; } 
.kboard-search { width: 360px; top: 190px; } 
 }