/*
Theme Name: 해운대고구려 (Haeundae Goguryeo)
Theme URI: https://더해운대고구려.com/
Author: 해운대고구려 디자인팀
Author URI: https://더해운대고구려.com/
Description: 해운대룸싸롱 · 부산룸싸롱 감각적인 에디토리얼 무드의 프라이빗 나이트라이프 가이드 및 3,000건 Q&A 견적문의 게시판 통합 워드프레스 테마
Version: 1.1.0
Requires at least: 5.8
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: haeundae-goguryeo
Tags: one-column, custom-menu, full-width-template, dark-mode, landing-page, translation-ready
*/
@font-face{font-family:Paperlogy;src:url('assets/Paperlogy-4Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Paperlogy;src:url('assets/Paperlogy-7Bold.woff2') format('woff2');font-weight:700;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#171717;color:#f4f1ed;font-family:Paperlogy,sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}figure,p,h1,h2,h3{margin:0}h1,h2,h3{line-height:1.35;word-break:keep-all}p{word-break:keep-all}h2{font-size:clamp(30px,3.5vw,50px);letter-spacing:-.045em;font-weight:700}h3{font-size:22px}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #f17f74;outline-offset:5px}.skip{position:fixed;top:-70px;left:20px;z-index:20;background:#fff;color:#000;padding:12px}.skip:focus{top:10px}.header{height:96px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #393232;background:#171717;gap:24px}.brand{font-size:35px;line-height:1;letter-spacing:-2px;font-weight:700}.brand span{display:block;font-size:10px;letter-spacing:3px;margin-top:10px;font-weight:400}.header nav{display:flex;gap:32px;font-size:14px}.header nav a:hover{color:#ee8d85}.header-cta{font-size:14px;padding:10px 0;border-bottom:1px solid #aa4d4d}.header-cta span{margin-left:20px}.menu-toggle{display:none}.hero{height:760px;position:relative;isolation:isolate;overflow:hidden;background:#b9b9b7;color:#111}.hero-grid{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#1118,transparent 20%,transparent 80%,#1118),repeating-linear-gradient(0deg,transparent 0 74px,#3336 75px 77px),repeating-linear-gradient(90deg,#a7a7a5 0 110px,#565655 112px 115px,#c5c5c2 117px 156px);transform:skewY(-10deg) scale(1.25);opacity:.8}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0009,transparent 30%,#fff2)}.hero-meta{position:absolute;top:22px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px}.hero-red{position:absolute;background:#9b080e;left:32%;right:5%;top:87px;bottom:69px;color:#eee}.hero-red>span{position:absolute;right:24px;top:34px;font-size:125px;line-height:1;font-weight:400;letter-spacing:-10px;opacity:.9}.hero-paper{position:absolute;z-index:3;left:7%;top:170px;width:53%;max-width:690px;background:#f3f2ee;padding:42px 44px 22px;box-shadow:12px 15px 28px #0003}.eyebrow{font-size:12px;letter-spacing:2.4px;text-transform:uppercase;display:block;font-weight:400;color:#dfc8c5}.eyebrow.dark{color:#5e4c4c}.hero h1{font-size:clamp(38px,4.5vw,67px);letter-spacing:-.065em;line-height:1.22;margin:18px 0 22px}.hero h1>span{display:block;color:#93080e;font-size:18px;letter-spacing:-.025em;margin-bottom:14px}.hero-paper p{font-size:15px;line-height:1.9;color:#4b4643}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;padding:15px 24px;border:1px solid transparent;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.red{background:#980e14;color:#fff}.red:hover{background:#bb1720}.hero-paper .button{margin-top:25px}.paper-line{margin-top:30px;padding-top:13px;border-top:1px solid #bcb7b3;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.hero-photo{position:absolute;right:8%;top:115px;width:36%;height:580px;z-index:4;box-shadow:10px 12px 24px #0006;transform:rotate(3deg)}.hero-photo img{object-position:50% 25%}.hero-photo figcaption{position:absolute;bottom:12px;left:20px;color:white;font-size:34px;font-style:italic;letter-spacing:-2px;text-shadow:0 2px 10px #000}.mini-cover{position:absolute;right:7%;top:32px;background:#f3f2ee;padding:16px 22px;width:210px;display:flex;justify-content:space-between;line-height:1.3;z-index:5;transform:rotate(-5deg);box-shadow:0 3px 10px #0003;font-size:10px}.mini-cover b{font-size:28px}.mini-rule{align-self:end;font-size:9px}.hero-bottom{position:absolute;bottom:23px;left:5%;right:5%;display:flex;justify-content:space-between;color:#fff;font-size:12px}.hero-bottom a{font-size:10px;letter-spacing:2px}.barcode{position:absolute;z-index:5;right:4%;bottom:62px;width:145px;height:43px;background:repeating-linear-gradient(90deg,#eee 0 2px,#111 2px 4px,#eee 4px 7px,#111 7px 8px,#eee 8px 12px);transform:rotate(3deg);border:4px solid #eee}.ticker{display:flex;gap:34px;overflow:hidden;white-space:nowrap;background:#93080e;padding:17px 0;color:#fff;font-size:16px;letter-spacing:3px;justify-content:center}.ticker i{font-style:normal}.section{padding:100px max(5%,calc((100% - 1200px)/2));position:relative}.section-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff27;padding-bottom:19px;margin-bottom:55px}.small{font-size:12px;color:#b0aaa8}.intro{background:radial-gradient(ellipse at 15% 50%,#4a33312a,transparent 65%),#171717}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%}.script{font-size:clamp(32px,4vw,55px);font-style:italic;letter-spacing:-2px;font-weight:400;color:#c38c83;line-height:1.2;display:block}.intro .script{margin:0 0 25px}.intro-copy p{color:#b9b5b2;font-size:15px;margin-bottom:20px}.intro-copy .lead{font-size:21px;color:#eee;line-height:1.6;margin-bottom:26px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font-size:14px;border-bottom:1px solid #805d59;padding:9px 0}.text-link:hover{color:#e8998c}.values{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid #ffffff26;padding-top:35px;gap:36px}.values>div{padding-right:25px;border-right:1px solid #ffffff26}.values>div:last-child{border:0}.values span{font-size:12px;color:#ce726b}.values h3{margin:12px 0 12px}.values p{font-size:14px;color:#a9a6a3}.feature{overflow:hidden;background:linear-gradient(136deg,transparent 0 30%,#570c0f 30% 58%,transparent 58%),radial-gradient(ellipse at 20% 10%,#888 0,transparent 45%),#202020;padding-top:110px;padding-bottom:60px}.feature-frame{position:relative;display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(125deg,#200404,#790910);box-shadow:0 20px 45px #0009;padding:32px;gap:28px;z-index:1}.feature-copy{padding:25px}.feature-copy h2{font-size:35px;margin:24px 0}.feature-copy p{font-size:15px;color:#e5cbc7}.feature-copy .text-link{margin-top:18px}.feature-frame figure{border:9px solid #100d0c;position:relative;min-height:340px}.feature-frame figcaption{position:absolute;bottom:0;left:0;right:0;background:#0009;color:#ddd;padding:8px 13px;font-size:9px;letter-spacing:1.5px}.feature-caption{text-align:center;margin-top:23px;font-size:13px;color:#d4c7c5}.oversized{font-size:clamp(64px,9vw,130px);line-height:1;letter-spacing:-8px;text-align:right;margin-top:50px;color:#e3dedb}.oversized em{font-weight:400;color:#ad7771}.spaces{background:#151515}.heading-row{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:45px}.heading-row p{font-size:14px;color:#aaa5a2;line-height:1.9}.space-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.space-image{height:360px;position:relative;overflow:hidden}.space-image img{transition:transform .6s}.space-card:hover img{transform:scale(1.04)}.space-image>span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000d);padding:40px 20px 15px;font-size:11px;letter-spacing:2px}.space-image.noir img{filter:grayscale(1);object-position:15%}.space-image.glow img{filter:sepia(.4) brightness(1.2);object-position:85%}.space-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:23px 0 15px}.space-title h3{font-size:21px}.space-title span{font-size:9px;color:#b4837d;letter-spacing:1px}.space-card p{font-size:14px;color:#a9a5a2;line-height:1.9;margin-bottom:20px}.tag{display:inline-block;font-size:11px;padding:4px 9px;border:1px solid #51413f;margin-right:5px;color:#d3b5af}.image-note{font-size:12px;color:#918c88;margin-top:32px}.quote-banner{text-align:center;padding:75px 5%;background:#84090f;position:relative;overflow:hidden}.quote-banner h2{font-size:clamp(35px,5vw,66px);margin:20px 0}.quote-banner .script{color:#d7968d;font-size:39px}.occasion{background:#1c1b1b}.occasion-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%}.occasion-layout>div>p:not(.eyebrow){color:#ada7a4;margin:24px 0;font-size:15px}.occasion-tabs{margin-top:40px}.occasion-tabs button{display:flex;justify-content:space-between;width:100%;padding:17px 0;border:0;border-bottom:1px solid #ffffff25;background:none;color:#b0aaa7;text-align:left;font-size:16px}.occasion-tabs button[aria-selected=true]{color:#fff;border-bottom-color:#cf5b54}.occasion-tabs span{color:#c95c54}.occasion-panel{padding:45px;background:#480d10;position:relative;align-self:stretch;min-height:490px}.occasion-number{font-size:86px;line-height:1;color:#a25553;display:block;margin-bottom:20px;font-weight:400}.occasion-panel h3{font-size:33px;margin:15px 0}.occasion-panel ul{padding-left:18px;color:#d7bbb6;font-size:13px;line-height:2.2;margin:24px 0}.occasion-panel p#occasion-copy{color:#d4b8b4}.guide{background:#e8e4df;color:#24201e}.guide .eyebrow,.guide .small{color:#7b5650}.guide .section-top{border-color:#bfb5ad}.guide .heading-row p{color:#746964}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:60px}.steps article{border-top:2px solid #8c1117;padding-top:22px}.steps article>span{font-size:43px;line-height:1;color:#961017}.steps h3{font-size:19px;margin:23px 0 14px}.steps p{font-size:14px;color:#726761;line-height:1.9}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#221e1d}.checklist h2{margin:23px 0}.checklist h2 span{color:#bd8278}.checklist-title>p{font-size:14px;color:#aaa09b}.outline{border-color:#78534d;color:#e9d5cf;background:transparent;margin-top:30px}.check-items article{display:flex;gap:20px;border-bottom:1px solid #ffffff21;padding:22px 0}.check-items article:first-child{padding-top:0}.check-items article>span{color:#ce7f70;font-size:22px}.check-items h3{font-size:17px;margin-bottom:9px}.check-items p{font-size:14px;color:#a79b96}.night-story{display:grid;grid-template-columns:.85fr 1fr;gap:12%;align-items:center;overflow:hidden;background:linear-gradient(135deg,#171717 40%,#450c10 40% 58%,#171717 58%)}.night-photo{height:520px;transform:rotate(-4deg);border:12px solid #d7d3cc;position:relative;box-shadow:20px 25px 40px #0008}.night-photo img{filter:grayscale(1);object-position:50% 25%}.night-photo span{position:absolute;bottom:20px;left:20px;font-size:34px;letter-spacing:-2px;line-height:1.05}.night-story h2{margin:25px 0}.night-story p{font-size:15px;color:#b4aaa6;margin-bottom:22px}.night-story .script{font-size:40px;margin-top:35px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;background:#151515}.faq h2{margin:22px 0}.faq>div>p{font-size:14px;color:#aaa39e}.faq-list{border-top:1px solid #6a4f49}details{border-bottom:1px solid #ffffff25}summary{list-style:none;cursor:pointer;font-size:15px;padding:23px 0;display:flex;justify-content:space-between;gap:20px;line-height:1.6}summary::-webkit-details-marker{display:none}summary span{color:#bc7068;font-size:22px;line-height:1}details[open] summary span{transform:rotate(45deg)}details p{padding:0 24px 24px 0;color:#a9a19c;font-size:14px}.reservation{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#710b10}.reservation h2{font-size:clamp(45px,5vw,68px);margin:25px 0}.reservation>div>p{font-size:15px;color:#e7c7c3}.reservation .script{font-size:38px;color:#c17870;margin:35px 0}.contact-note{margin-top:38px;border-top:1px solid #ffffff40;padding-top:22px}.contact-note>span{font-size:13px}.contact-note>p{font-size:12px;color:#cda8a3;margin-top:8px}.reservation form{background:#3b080b;padding:34px}.reservation form>p{font-size:13px;color:#c6a29d;margin:10px 0 23px}.reservation label{display:block;font-size:13px;margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}input,select,textarea{display:block;width:100%;background:#ffffff08;color:#f4e9e6;border:1px solid #925258;border-radius:0;padding:12px;font-size:14px;margin-top:8px;min-width:0;color-scheme:dark}select option{background:#330b0d}textarea{resize:vertical}textarea::placeholder{color:#b28d88;font-size:12px}.optional{color:#b38f8a;font-size:11px;margin-left:4px}.light{background:#ece7e0;color:#4c090c;width:100%}.reservation form>.form-note{font-size:11px;margin:14px 0 0;color:#bea19b}.footer{display:flex;align-items:center;gap:50px;justify-content:space-between;padding:45px 5%;background:#111;font-size:12px}.footer>div>p{color:#b1a29d}.footer-note{font-size:10px;line-height:1.9;margin-top:10px;color:#817874!important}.footer>a:last-child{font-size:10px;white-space:nowrap;letter-spacing:1px}.mobile-bar{display:none}dialog{background:#eee9e3;color:#251d1a;border:0;padding:40px;width:560px;max-width:calc(100% - 28px)}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}dialog .eyebrow{color:#8e3331}dialog h2{font-size:28px;margin:18px 0}dialog p{font-size:14px;color:#78645d}.dialog-close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:30px;color:#5b2929}pre{font:14px/1.9 Paperlogy,sans-serif;white-space:pre-wrap;background:#ddd3ca;padding:20px;margin:22px 0;overflow-wrap:anywhere}#copy-status{margin-top:10px;font-size:12px}body:has(dialog[open]){overflow:hidden}@media(min-width:1600px){.hero{height:850px}.hero-paper{left:calc((100% - 1280px)/2);top:210px}.hero-photo{right:calc((100% - 1180px)/2);height:650px;width:440px}.hero-red{right:calc((100% - 1300px)/2)}.mini-cover{right:calc((100% - 1270px)/2)}}@media(max-width:1050px){.header nav{gap:18px;font-size:12px}.header-cta{font-size:12px}.hero-paper{left:5%;padding:32px;width:57%}.hero-photo{right:5%;width:37%}.hero h1{font-size:48px}.hero-red>span{font-size:100px}.hero{height:720px}.hero-photo{height:535px}.section{padding:75px 6%}.space-image{height:290px}.space-title{display:block}.space-title span{display:block;margin-top:5px}.feature-copy{padding:10px}.feature-copy h2{font-size:30px}.occasion-panel{padding:30px}.steps{gap:20px}.steps h3{font-size:17px}.footer{gap:30px}.footer .brand{font-size:29px}}@media(max-width:760px){html{scroll-padding-top:75px}.header{height:76px;padding:0 5%;position:relative;z-index:10}.brand{font-size:27px}.brand span{font-size:8px;letter-spacing:2px;margin-top:7px}.header nav{display:none;position:absolute;top:76px;left:0;right:0;padding:24px;background:#211717;box-shadow:0 12px 20px #0007}.header nav.open{display:flex;flex-direction:column;gap:22px;font-size:16px}.header-cta{margin-left:auto;font-size:11px}.header-cta span{margin-left:6px}.menu-toggle{display:block;border:0;background:none;color:#eee;font-size:22px;padding:8px}.hero{height:870px}.hero-meta{font-size:8px;letter-spacing:1px;top:18px}.hero-red{left:13%;right:5%;top:68px;bottom:56px}.hero-red>span{font-size:90px;right:16px;top:10px;letter-spacing:-6px}.hero-paper{left:5%;top:93px;z-index:5;width:81%;padding:27px 25px 18px}.hero-paper .eyebrow{font-size:8px;letter-spacing:1.7px}.hero h1{font-size:40px;margin:16px 0}.hero h1>span{font-size:15px;margin-bottom:10px}.hero-paper p{font-size:12px}.hero-paper .button{font-size:12px;padding:12px 15px;margin-top:20px}.paper-line{margin-top:18px;padding-top:10px;font-size:7px;letter-spacing:.6px}.hero-photo{top:425px;right:10%;width:55%;height:360px;transform:rotate(5deg)}.hero-photo figcaption{font-size:24px;left:10px;bottom:10px;letter-spacing:-1px}.mini-cover{top:480px;left:6%;right:auto;width:135px;padding:12px;z-index:6;font-size:8px;transform:rotate(-8deg)}.mini-cover b{font-size:22px}.mini-rule{font-size:7px}.hero-bottom{bottom:16px;display:block;font-size:10px}.hero-bottom a{font-size:8px;display:block;margin-top:4px}.barcode{bottom:53px;right:7%;width:110px;height:34px}.ticker{font-size:11px;padding:13px 0;gap:24px;letter-spacing:2px}.section{padding:62px 6%}.section-top{margin-bottom:32px;padding-bottom:15px}.eyebrow{font-size:10px;letter-spacing:1.5px}.small{font-size:10px}.intro-grid,.occasion-layout,.checklist,.night-story,.faq,.reservation{grid-template-columns:1fr;gap:35px}.intro h2{font-size:32px}.intro .script{font-size:35px;margin-bottom:18px}.intro-copy .lead{font-size:18px}.intro-copy p{font-size:14px}.values{margin-top:35px;gap:12px;padding-top:23px}.values>div{padding-right:10px}.values h3{font-size:15px}.values p{font-size:11px}.values span{font-size:10px}.feature-frame{grid-template-columns:1fr;padding:20px;gap:24px}.feature-copy{padding:8px}.feature-copy h2{font-size:29px;margin:18px 0}.feature-frame figure{min-height:230px;height:250px}.feature-copy p{font-size:14px}.feature-caption{font-size:11px}.oversized{font-size:69px;letter-spacing:-5px;margin-top:38px}.heading-row{display:block;margin-bottom:32px}.heading-row p{font-size:13px;margin-top:20px}.space-grid{grid-template-columns:1fr;gap:38px}.space-image{height:360px}.space-image img{object-position:center}.space-title{display:flex;margin-top:18px}.space-title span{margin:0}.space-card p{font-size:14px}.image-note{font-size:11px}.quote-banner{padding:55px 6%}.quote-banner h2{font-size:37px}.quote-banner .script{font-size:29px}.occasion-layout>div>p:not(.eyebrow){font-size:14px}.occasion-panel{min-height:440px}.occasion-tabs{margin-top:25px}.occasion-panel h3{font-size:30px}.steps{grid-template-columns:1fr 1fr;gap:34px 22px;margin-top:35px}.steps h3{font-size:17px;margin:17px 0 12px}.steps p{font-size:13px}.steps article>span{font-size:36px}.check-items h3{font-size:16px}.check-items p{font-size:13px}.night-photo{height:420px;width:85%;margin:0 auto 20px}.night-story .script{font-size:34px}.night-story p{font-size:14px}.faq{gap:24px}summary{font-size:14px;padding:20px 0}.reservation h2{font-size:49px}.reservation .script{font-size:32px;margin:25px 0}.contact-note{margin-top:25px}.reservation form{padding:25px}.form-row{gap:12px}.footer{display:block;padding:35px 6% 90px}.footer>div{margin:25px 0}.footer-note{font-size:10px}.mobile-bar{position:fixed;z-index:9;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1.4fr;background:#171717;border-top:1px solid #59423d;padding-bottom:env(safe-area-inset-bottom)}.mobile-bar a{text-align:center;padding:15px 8px;font-size:13px}.mobile-bar a:last-child{background:#990c13}.form-row{grid-template-columns:1fr 1fr}dialog{padding:30px 23px}dialog h2{font-size:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}@media(max-width:360px){.hero h1{font-size:34px}.header-cta{display:none}.hero-paper{width:88%}.values{grid-template-columns:1fr}.values>div{border-right:0;border-bottom:1px solid #ffffff26;padding-bottom:15px}.values p{font-size:13px}.steps{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.small{display:none}}


/* WordPress Core Classes */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #201a1a; border: 1px solid #332626; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; color: #a9a5a2; }
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }

/* WP Admin Bar adjustments */
body.admin-bar .header { top: 32px; }
body.admin-bar .skip:focus { top: 42px; }
@media screen and (max-width: 782px) {
  body.admin-bar .header { top: 46px; }
  body.admin-bar .skip:focus { top: 56px; }
}

/* Standard WP Page / Post Content Styling */
.wp-content-section {
  padding: 80px max(5%, calc((100% - 900px) / 2));
  background: #171717;
  color: #f4f1ed;
  min-height: 60vh;
}
.wp-content-section h1.entry-title {
  font-size: clamp(32px, 4vw, 52px);
  margin-bottom: 24px;
  color: #f4f1ed;
  letter-spacing: -0.04em;
}
.wp-content-section .entry-meta {
  font-size: 13px;
  color: #a89f9c;
  margin-bottom: 35px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.wp-content-section .entry-content {
  font-size: 16px;
  line-height: 1.9;
  color: #d1c8c5;
}
.wp-content-section .entry-content p {
  margin-bottom: 1.6em;
}
.wp-content-section .entry-content h2,
.wp-content-section .entry-content h3 {
  color: #fff;
  margin-top: 2em;
  margin-bottom: 0.8em;
}
.wp-content-section .entry-content a {
  color: #e5857c;
  text-decoration: underline;
}
.wp-content-section .entry-content ul,
.wp-content-section .entry-content ol {
  padding-left: 24px;
  margin-bottom: 1.6em;
}
.wp-content-section .entry-content li {
  margin-bottom: 0.5em;
}
.wp-content-section .entry-content blockquote {
  border-left: 3px solid #9b080e;
  padding: 12px 20px;
  margin: 24px 0;
  background: #221a1b;
  color: #e5cbc7;
  font-style: italic;
}


/* ==========================================================================
   Q&A Board Styles (해운대고구려 실시간 견적문의 게시판)
   ========================================================================== */
.qna-hero {
  padding: 80px 5% 45px;
  background: radial-gradient(ellipse at 70% 30%, #5a0a0f, #191414 70%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  text-align: center;
}
.qna-hero .eyebrow {
  color: #d88982;
  margin-bottom: 14px;
}
.qna-hero h1 {
  font-size: clamp(32px, 4.5vw, 54px);
  margin-bottom: 18px;
  letter-spacing: -0.04em;
  color: #fff;
}
.qna-hero p {
  color: #b7adaa;
  max-width: 680px;
  margin: 0 auto 28px;
  font-size: 15px;
  line-height: 1.8;
}
.qna-stats-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: rgba(147, 8, 14, 0.35);
  border: 1px solid #8e2b2f;
  padding: 8px 20px;
  font-size: 13px;
  color: #f1dfdc;
  border-radius: 4px;
}
.qna-stats-badge b {
  color: #ff9b94;
  font-size: 16px;
}

.qna-container {
  padding: 50px max(5%, calc((100% - 1200px) / 2)) 100px;
  background: #171717;
  min-height: 60vh;
}

.qna-controls-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px;
  margin-bottom: 24px;
}

.qna-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.qna-tab-btn {
  background: #231f1e;
  border: 1px solid #443736;
  color: #b7b0ad;
  padding: 9px 18px;
  font-size: 13px;
  transition: all 0.2s;
}
.qna-tab-btn:hover {
  border-color: #8c2a2e;
  color: #fff;
}
.qna-tab-btn.active {
  background: #8e1017;
  border-color: #ba1922;
  color: #fff;
  font-weight: 700;
}

.qna-search-box {
  display: flex;
  gap: 8px;
  align-items: center;
}
.qna-search-box input {
  background: #221c1c;
  border: 1px solid #4f3b39;
  color: #f5f0ed;
  padding: 9px 14px;
  font-size: 13px;
  min-width: 220px;
  margin-top: 0;
}
.qna-search-box input:focus {
  border-color: #c95c54;
  outline: none;
}
.qna-search-box button {
  background: #392b2a;
  border: 1px solid #5d4442;
  color: #eee;
  padding: 9px 18px;
  font-size: 13px;
  font-weight: 700;
  transition: all 0.2s;
}
.qna-search-box button:hover {
  background: #503938;
}

.qna-btn-write {
  background: #980e14;
  border: 1px solid #b71921;
  color: #fff;
  padding: 9px 20px;
  font-size: 13px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.2s;
}
.qna-btn-write:hover {
  background: #ba161e;
  transform: translateY(-1px);
}

.qna-board-wrapper {
  background: #1c1919;
  border: 1px solid #362c2b;
  overflow-x: auto;
  box-shadow: 0 10px 30px rgba(0,0,0,0.4);
}

.qna-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-size: 14px;
  min-width: 720px;
}
.qna-table thead th {
  background: #231c1c;
  color: #bfaea9;
  font-weight: 700;
  padding: 16px 14px;
  border-bottom: 1px solid #433331;
  font-size: 13px;
  letter-spacing: 0.5px;
}
.qna-table tbody tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  transition: background 0.15s;
  cursor: pointer;
}
.qna-table tbody tr:hover {
  background: rgba(142, 16, 23, 0.18);
}
.qna-table td {
  padding: 16px 14px;
  color: #d1c8c5;
  vertical-align: middle;
}

.col-num {
  width: 75px;
  text-align: center;
  color: #8c827f;
  font-size: 12px;
}
.col-group {
  width: 85px;
  text-align: center;
}
.col-title {
  min-width: 280px;
}
.col-author {
  width: 110px;
  text-align: center;
  color: #ad9f9b;
}
.col-date {
  width: 110px;
  text-align: center;
  color: #8e8380;
  font-size: 12px;
}
.col-status {
  width: 95px;
  text-align: center;
}

.qna-title-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #f1edeb;
  font-weight: 500;
}
.qna-title-link:hover .qna-title-text {
  color: #e5857c;
  text-decoration: underline;
}
.qna-lock-icon {
  font-size: 13px;
  opacity: 0.85;
}
.qna-reply-count {
  font-size: 11px;
  color: #d3736c;
  font-weight: 700;
}

.qna-tag {
  display: inline-block;
  font-size: 11px;
  padding: 3px 8px;
  border-radius: 2px;
  border: 1px solid #4f3b39;
  color: #cfb9b5;
  background: #282020;
}
.qna-tag.tag-single { border-color: #724b38; color: #e5b699; }
.qna-tag.tag-double { border-color: #89383c; color: #f3a9ad; }
.qna-tag.tag-triple { border-color: #644a77; color: #d6bcee; }
.qna-tag.tag-quad { border-color: #3b5d72; color: #a5d3f1; }
.qna-tag.tag-group { border-color: #7d6b38; color: #edd693; }

.qna-status-badge {
  display: inline-block;
  font-size: 11px;
  padding: 3px 8px;
  background: rgba(142, 16, 23, 0.3);
  border: 1px solid #7c2227;
  color: #e89b94;
  border-radius: 2px;
}

/* Pagination */
.qna-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin-top: 36px;
  flex-wrap: wrap;
}
.qna-pagination button {
  background: #231d1d;
  border: 1px solid #3d3130;
  color: #b7adaa;
  min-width: 38px;
  height: 38px;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}
.qna-pagination button:hover:not(.disabled) {
  border-color: #8c2a2e;
  color: #fff;
}
.qna-pagination button.active {
  background: #900f16;
  border-color: #b5171f;
  color: #fff;
  font-weight: 700;
}
.qna-pagination button.disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

/* Password & View Dialogs */
.qna-dialog {
  background: #1e1919;
  color: #ede7e3;
  border: 1px solid #4a3433;
  box-shadow: 0 25px 60px rgba(0,0,0,0.7);
  width: 600px;
  max-width: calc(100% - 32px);
  padding: 36px 32px;
}
.qna-dialog::backdrop {
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(8px);
}
.qna-dialog .dialog-close {
  color: #a89490;
}
.qna-dialog .dialog-close:hover {
  color: #fff;
}
.qna-dialog h2 {
  font-size: 24px;
  margin-bottom: 12px;
  color: #fff;
}
.qna-dialog .dialog-desc {
  font-size: 13px;
  color: #b5aaa7;
  margin-bottom: 24px;
  line-height: 1.7;
}

.password-input-row {
  margin: 20px 0;
}
.password-input-row label {
  display: block;
  font-size: 13px;
  color: #e5cbc7;
  margin-bottom: 8px;
}
.password-input-row input {
  background: #141111;
  border: 1px solid #6b4142;
  color: #fff;
  padding: 12px 14px;
  font-size: 16px;
  letter-spacing: 2px;
  width: 100%;
}
.password-input-row input:focus {
  border-color: #c95c54;
  outline: none;
}
.password-hint {
  font-size: 12px;
  color: #c48b85;
  margin-top: 10px;
  line-height: 1.6;
}
.password-error-msg {
  font-size: 13px;
  color: #ff6e6b;
  margin-top: 8px;
  font-weight: 700;
}

.dialog-actions {
  display: flex;
  gap: 12px;
  margin-top: 24px;
}
.dialog-actions button {
  flex: 1;
  padding: 12px 0;
  font-weight: 700;
  font-size: 14px;
  border: 1px solid transparent;
}
.dialog-actions .btn-confirm {
  background: #9b080e;
  color: #fff;
}
.dialog-actions .btn-confirm:hover {
  background: #b9151c;
}
.dialog-actions .btn-cancel {
  background: #2d2424;
  border-color: #493b3a;
  color: #c4b9b6;
}
.dialog-actions .btn-cancel:hover {
  background: #3c2f2f;
  color: #fff;
}

/* View Post Dialog */
.post-meta-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  font-size: 12px;
  color: #9d918d;
  padding-bottom: 16px;
  border-bottom: 1px solid #3f3130;
  margin-bottom: 22px;
}
.post-meta-bar span b {
  color: #ddd;
}
.question-content-box {
  background: #251e1e;
  border: 1px solid #3e2d2c;
  padding: 20px;
  margin-bottom: 24px;
  font-size: 15px;
  line-height: 1.8;
  color: #f1eae6;
  white-space: pre-line;
}
.answer-content-box {
  background: linear-gradient(145deg, #2b1113, #1f0b0d);
  border: 1px solid #7d2026;
  padding: 24px;
  margin-bottom: 24px;
}
.answer-header {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #e8958f;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 10px;
}
.answer-header-badge {
  background: #900f16;
  color: #fff;
  padding: 2px 7px;
  font-size: 10px;
  border-radius: 2px;
}
.answer-body {
  font-size: 14px;
  line-height: 1.85;
  color: #e5d7d3;
  white-space: pre-line;
}
.answer-contact-cta {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px dashed rgba(255, 255, 255, 0.15);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
.answer-contact-cta p {
  font-size: 12px;
  color: #c9adab;
  margin: 0;
}
.answer-contact-cta a {
  background: #8e1017;
  color: #fff;
  padding: 8px 16px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 2px;
}
.answer-contact-cta a:hover {
  background: #b21a22;
}

@media (max-width: 760px) {
  .qna-hero { padding: 50px 5% 30px; }
  .qna-container { padding: 30px 4% 80px; }
  .qna-controls-bar { flex-direction: column; align-items: stretch; }
  .qna-search-box input { min-width: 0; flex: 1; }
  .col-num, .col-author { display: none; }
  .qna-table { min-width: 100%; }
  .qna-dialog { padding: 26px 20px; }
  .mobile-bar {
    grid-template-columns: 1fr 1fr 1.3fr !important;
  }
}