/* twixlio.com gallery + local guide. All assets are served from this domain. */
:root{--ink:#191919;--muted:#666;--line:#e7e7e7;--pale:#f7f7f7;--yellow:#fee500;--ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:400 15px/1.6 'Noto Sans KR',Arial,sans-serif;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.35;word-break:keep-all}.container{width:min(1400px,calc(100% - 48px));margin-inline:auto}.skip{position:absolute;z-index:900;top:-50px;left:10px;background:#191919;color:white;padding:8px}.skip:focus{top:10px}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #7e719e;outline-offset:3px}
.site-head{height:148px;background:#fff;border-bottom:1px solid #f0f0f0}.head-inner{height:100%;max-width:1400px;width:calc(100% - 48px);margin:auto;position:relative;display:flex;align-items:center;justify-content:space-between}.social-links{display:flex;gap:9px;align-items:center}.social-links a{display:grid;place-items:center;width:29px;height:29px;border:1px solid #ddd;border-radius:50%;font:700 11px/1 Arial,sans-serif;color:#555;transition:background .15s,color .15s}.social-links a:hover{background:#191919;color:#fff}.brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);line-height:0}.brand img{width:170px;max-height:86px;object-fit:contain}.head-cta{font-size:13px;letter-spacing:.01em;border-bottom:1px solid #191919;padding:5px 2px}.head-cta:hover{color:#777}
.section-heading{text-align:center;margin:0 0 26px}.section-heading h1,.section-heading h2{font:700 30px/1.3 Arial,'Noto Sans KR',sans-serif;letter-spacing:.015em;margin:0 0 8px}.section-heading p{font-size:16px;color:#6b6b6b;margin:0}.gallery{padding:62px 0 82px}.category-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:3px 15px;margin:0 auto 28px}.category-nav a{font-size:14px;color:#777;padding:7px 2px;white-space:nowrap;border-bottom:2px solid transparent}.category-nav a:hover,.category-nav a.active{color:#191919;border-color:#191919}.post-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:20px;row-gap:20px;min-height:250px}.post-card{display:block;min-width:0}.post-card .photo{aspect-ratio:5/3;overflow:hidden;background:#f2f2f2}.post-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .24s var(--ease)}.post-card:hover img{transform:scale(1.035)}.post-card .breed-label{font-size:16px;font-weight:700;line-height:1.4;display:block;text-align:center;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-card .post-title{font-size:14px;font-weight:600;color:#777;line-height:1.5;display:block;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:38px}.pagination a,.pagination span{display:grid;place-items:center;min-width:38px;min-height:38px;font-size:14px;border:1px solid transparent}.pagination a:hover,.pagination a.active{border-color:#222;color:#111}.pagination .disabled{color:#aaa;pointer-events:none}.gallery-note{margin:26px 0 0;text-align:center;color:#888;font-size:12px}.loading,.empty{text-align:center;padding:65px 15px;color:#777;grid-column:1/-1}.empty strong{display:block;color:#222;font-size:18px;margin-bottom:9px}
.local-section{padding:92px 0;background:#fbfbfb;border-top:1px solid #f3f3f3;border-bottom:1px solid #eee}.local-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:clamp(45px,7vw,112px);align-items:center}.eyebrow{font:bold 12px/1.4 Arial,'Noto Sans KR',sans-serif;letter-spacing:.18em;color:#777;margin-bottom:18px}.local-copy h2{font-size:clamp(31px,3.6vw,52px);letter-spacing:-.05em;margin:0 0 22px;font-weight:700}.section-description{font-size:16px;line-height:1.9;color:#595959;max-width:535px;word-break:keep-all;margin-bottom:35px}.region-chips{display:flex;flex-wrap:wrap;gap:9px;max-width:600px}.region-chips button{display:flex;align-items:center;gap:6px;padding:8px 13px;min-height:41px;background:#fff;border:1px solid #e0e0e0;border-radius:3px;font-size:13px;transition:background .16s,border-color .16s}.region-chips button:hover,.region-chips button.active{background:#191919;color:#fff;border-color:#191919}.region-chips small{font:500 12px Arial,sans-serif;color:#888}.region-chips .active small,.region-chips button:hover small{color:#ddd}.local-source{font-size:12px;color:#999;margin:20px 0 0}.local-form{padding:38px 40px 41px;background:#fff;border:1px solid #e4e4e4;box-shadow:0 16px 45px rgba(0,0,0,.035);border-radius:5px;display:flex;flex-direction:column}.local-icon{font-size:28px;border:1px solid #e5e5e5;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;margin-bottom:25px}.local-form .eyebrow{margin:0 0 9px}.local-form h3{font-size:27px;font-weight:700;letter-spacing:-.04em;margin:0 0 11px}.local-form>p:not(.eyebrow){color:#777;line-height:1.7;font-size:14px;margin:0 0 26px;word-break:keep-all}.local-form label{font-size:13px;font-weight:700;margin:0 0 7px}.local-form select{height:49px;width:100%;border:1px solid #ddd;background:#fafafa;color:#333;padding:0 14px;border-radius:2px;margin-bottom:19px;appearance:auto}.local-form select:disabled{color:#aaa}.dark-button,.outline-button{border:1px solid #191919;min-height:52px;padding:12px 20px;border-radius:2px;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-align:center;font-size:14px;font-weight:700;transition:transform .16s var(--ease),background .16s,color .16s}.dark-button{color:#fff;background:#191919}.dark-button:hover{background:#3c3c3c}.dark-button:active,.outline-button:active{transform:scale(.97)}.outline-button{background:#fff;color:#191919}.outline-button:hover{background:#f7f7f7}.local-form .dark-button{justify-content:space-between;margin-top:5px}
.branches{padding:84px 0 95px}.branch-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.branch-card{display:block;min-width:0}.branch-card .branch-image{aspect-ratio:1.12;overflow:hidden;background:#f5f5f5}.branch-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .24s var(--ease)}.branch-card:hover img{transform:scale(1.04)}.branch-card h3{text-align:center;font-weight:600;font-size:16px;margin:11px 0 0}.branch-card.is-unknown{color:#777}.branch-card.is-unknown .branch-image{opacity:.7}.branch-card small{display:block;text-align:center;color:#999;font-size:11px}
.footer{background:#f8f8f8;border-top:1px solid #eee;padding:54px 0 44px;color:#777;font-size:13px}.footer-inner{line-height:1.9}.footer img{height:42px;width:auto;object-fit:contain;margin-bottom:18px}.footer p{margin-bottom:11px}.footer small{color:#999}
.breadcrumb{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:13px;color:#888;margin:32px 0 45px}.breadcrumb a:hover{color:#191919;text-decoration:underline}.detail-page,.region-page{padding-bottom:94px;min-height:60vh}.detail-page #detail-body{max-width:1050px;margin:0 auto}.detail-page .source-detail{width:100%}.source-detail table{border-collapse:collapse;width:100%;table-layout:fixed}.source-detail table td{padding:0;border:0;vertical-align:top}.source-detail table .sub{font-size:27px;font-weight:700;line-height:1.5;text-align:center;padding-bottom:28px}.source-detail .img_wrap{text-align:center;max-width:850px;margin:auto}.source-detail .img_wrap img{max-height:860px;object-fit:contain}.source-detail .desc_img_wrap{max-width:850px;margin:35px auto 55px}.source-detail .desc_img_wrap>.info{text-align:center;font:bold 28px Arial,sans-serif;margin-bottom:18px}.source-detail .desc_img_list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.source-detail .desc_img_list .col100,.source-detail .desc_img_list .col50{height:400px;background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid #eee}.source-detail .desc_img_list .col100{grid-column:span 2;height:550px}.source-detail .miyu-guide{max-width:850px;margin:40px auto}.source-detail .desc_btn_wrap,.source-detail .desc_btn{display:none!important}.detail-actions,.region-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:44px}.detail-actions>a,.detail-actions>button,.region-actions>a,.region-actions>button{min-width:170px}.text-button{padding:12px;font-size:14px;text-decoration:underline;text-underline-offset:4px}.error-panel{padding:60px 25px;text-align:center;border:1px solid #eee;background:#fafafa}
.region-hero{padding:15px 0 30px;display:grid;grid-template-columns:1.12fr .88fr;gap:40px;align-items:center;border-bottom:1px solid #eee}.region-hero h1{font-size:clamp(31px,3.7vw,50px);letter-spacing:-.05em;margin-bottom:18px}.region-hero p:not(.eyebrow){color:#777;line-height:1.9;font-size:16px}.region-hero .illustration{min-height:275px;background:#f4f4f4 url('/images/logo_black.png') center / 180px auto no-repeat;display:grid;place-items:end start;padding:23px}.region-hero .illustration small{background:white;color:#555;padding:6px 10px}.region-panel{padding:48px 0;border-bottom:1px solid #eee}.region-panel h2{font-size:28px;margin:0 0 12px;letter-spacing:-.03em}.region-panel p{color:#555;line-height:1.85}.region-panel .note{font-size:12px;color:#888}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:23px 0}.metric-card{border:1px solid #e7e7e7;padding:23px;background:#fff;min-height:135px}.metric-card span{display:block;color:#777;font-size:13px}.metric-card strong{display:block;color:#191919;font-size:29px;line-height:1.45;margin:7px 0}.metric-card small{font-size:11px;color:#888}.region-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.region-step{padding:24px;border:1px solid #eee;min-height:170px}.region-step b{font-size:12px;color:#888}.region-step h3{font-size:19px;margin:10px 0}.region-step p{font-size:13px;color:#666;margin:0}.region-breed-links{display:flex;overflow:auto;gap:15px;padding:16px 0}.region-breed-links a{min-width:155px;max-width:155px;border:1px solid #eee;padding-bottom:11px;text-align:center;font-size:13px}.region-breed-links img{width:100%;aspect-ratio:1;object-fit:cover}.region-breed-links strong{display:block;padding:8px 8px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.region-faq details{border-bottom:1px solid #ddd;padding:16px 0}.region-faq summary{cursor:pointer;font-weight:600}.region-faq details p{font-size:14px;margin:12px 0}.region-cta{padding:34px 0;background:#f7f7f7;text-align:center}
.kakao-wrap{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:270px;z-index:200}.kakao-card{background:#fee500;border-radius:9px;padding:22px;box-shadow:0 14px 35px rgba(0,0,0,.13);position:relative;color:#191919}.kakao-card p{font-size:12px;line-height:1.6;margin:8px 0 16px}.kakao-card .eyebrow{font-size:10px;margin:0 0 7px;color:#4e4400}.kakao-card h2{font-size:19px;margin:0;font-weight:800}.kakao-card .kakao-action{width:100%;min-height:45px;border:1px solid #191919;font-size:12px;font-weight:700;margin-top:8px;border-radius:3px;background:#191919;color:white;transition:transform .16s var(--ease)}.kakao-card .kakao-action.alt{background:#fff7bb;color:#191919}.kakao-card .kakao-action:active{transform:scale(.97)}.kakao-collapse{position:absolute;right:10px;top:8px;border:0;background:transparent;font-size:20px;line-height:1;min-width:32px;min-height:32px}.kakao-reopen{display:none;min-height:50px;padding:10px 18px;background:#fee500;border:1px solid #cfb800;border-radius:25px;box-shadow:0 8px 24px rgba(0,0,0,.15);font-size:13px;font-weight:800}.kakao-wrap.is-collapsed{width:auto}.kakao-wrap.is-collapsed .kakao-card{display:none}.kakao-wrap.is-collapsed .kakao-reopen{display:block}
@media(max-width:1024px){.post-grid,.branch-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.local-layout{gap:38px}.local-form{padding:30px}}
@media(max-width:760px){.container{width:calc(100% - 34px)}.site-head{height:84px}.head-inner{width:calc(100% - 34px)}.social-links{gap:4px}.social-links a{width:22px;height:22px;font-size:9px}.brand img{width:130px;max-height:55px}.head-cta{font-size:11px}.gallery{padding:42px 0 58px}.section-heading h1,.section-heading h2{font-size:23px}.section-heading p{font-size:13px}.category-nav{justify-content:flex-start;flex-wrap:nowrap;overflow:auto;gap:11px;padding-bottom:7px;margin-bottom:19px;scrollbar-width:thin}.category-nav a{font-size:13px}.post-grid,.branch-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:11px;row-gap:18px}.post-card .breed-label{font-size:14px}.post-card .post-title{font-size:12px}.local-section{padding:60px 0}.local-layout{grid-template-columns:1fr;gap:33px}.local-copy h2{font-size:35px}.section-description{font-size:14px}.local-form{padding:27px 23px}.branches{padding:57px 0}.branch-card h3{font-size:14px}.breadcrumb{margin:19px 0 30px}.source-detail table .sub{font-size:22px}.source-detail .desc_img_list .col100{height:360px}.source-detail .desc_img_list .col50{height:220px}.region-hero{grid-template-columns:1fr}.region-hero .illustration{min-height:185px}.region-step-grid{grid-template-columns:1fr}.region-step{min-height:auto}.region-panel{padding:35px 0}.region-panel h2{font-size:23px}.metric-card{padding:17px}.metric-card strong{font-size:23px}.detail-actions,.region-actions{align-items:stretch}.detail-actions>a,.detail-actions>button,.region-actions>a,.region-actions>button{flex:1 1 150px;min-width:0}.footer{padding-bottom:95px}}
@media(max-width:520px){.site-head{height:70px}.social-links a:nth-child(n+3){display:none}.head-cta{font-size:10px}.brand img{width:120px}.kakao-wrap{right:15px;bottom:max(16px,env(safe-area-inset-bottom));width:auto}.kakao-wrap .kakao-card{display:none}.kakao-wrap .kakao-reopen{display:block}.kakao-wrap:not(.is-collapsed) .kakao-card{display:block}.kakao-wrap:not(.is-collapsed) .kakao-reopen{display:none}.kakao-card{width:min(290px,calc(100vw - 30px))}.post-card .photo{aspect-ratio:1.12}.metric-grid{gap:9px}.metric-card strong{font-size:21px}.region-hero h1{font-size:31px}.local-copy h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}