@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#20372d;--paper:#f7f5ef;--line:#dedfd6;--muted:#737a6f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR','Malgun Gothic',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #64824a;outline-offset:6px}.page{max-width:1280px;padding:0 64px;margin:auto}.site-header{height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:800 21px/1 Arial,sans-serif;letter-spacing:-.8px;display:flex;align-items:center;gap:11px}.brand-mark{font-size:40px;font-weight:400}.brand-dot{font-size:8px;color:#a4af7a;margin:0 0 15px -5px}.header-link{font-size:13px;font-weight:500}.header-link span{margin-left:20px;font-size:19px}.intro{min-height:420px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:48px 0 45px}.eyebrow{font-size:12px;letter-spacing:1px;display:flex;align-items:center;gap:9px;margin:0 0 23px;font-weight:600}.eyebrow span{height:6px;width:6px;border-radius:50%;background:#6f8d52}h1{font-size:70px;line-height:1.22;letter-spacing:-4px;font-weight:800;margin:0;position:relative;width:max-content}h1 em{font-style:normal;color:#789451}.title-star{position:absolute;font:80px/1 Arial,sans-serif;color:#c0c99b;right:-115px;top:55px;transform:rotate(10deg)}.intro-note{font-size:14px;color:var(--muted);line-height:1.9;margin:24px 0 0}.last-game{display:inline-flex;gap:25px;margin-top:19px;border-bottom:1px solid #6c8056;padding-bottom:5px;font-size:13px;font-weight:600}.last-game[hidden]{display:none}.intro-art{height:300px;position:relative;isolation:isolate;max-width:430px;width:100%;justify-self:end}.orbit{position:absolute;border:1px solid #dddcd1;border-radius:50%;width:270px;height:270px;left:80px;top:8px}.orbit-two{width:355px;height:170px;transform:rotate(-32deg);left:35px;top:62px}.floating-piece{position:absolute;left:96px;top:33px;font:180px/1 Georgia,serif;color:#294235;transform:rotate(-13deg);text-shadow:3px 9px 0 #182d2010}.floating-stone{position:absolute;left:270px;top:30px;width:53px;height:53px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fffef7,#dedccf 78%);box-shadow:2px 6px 8px #24362b17}.floating-card{position:absolute;left:237px;top:110px;background:#fffef8;border:1px solid #e3e1d3;width:88px;height:121px;border-radius:8px;padding:10px;font:24px/1 Georgia,serif;transform:rotate(17deg);box-shadow:5px 8px 0 #24362b0a}.floating-card span{display:block;text-align:center;font-size:58px;margin-top:10px}.floating-ball{position:absolute;left:82px;top:206px;height:56px;width:56px;border-radius:50%;background:repeating-conic-gradient(from 30deg,#d0a667 0deg 17deg,#f5e6c4 18deg 118deg);border:2px solid #d8c191;box-shadow:3px 5px 8px #24362b12}.art-spark{position:absolute;color:#a1ae75}.art-spark.one{font-size:29px;left:338px;top:100px}.art-spark.two{font-size:34px;left:35px;top:94px}.art-label{position:absolute;bottom:2px;left:195px;font:10px/1.5 Arial,sans-serif;letter-spacing:2px;transform:rotate(-8deg);color:#7f8777}.section-label{display:flex;justify-content:space-between;align-items:center;margin:7px 0 22px}.section-label h2{font-size:17px;letter-spacing:-.5px;margin:0;font-weight:700}.section-label>span{font:10px Arial,sans-serif;letter-spacing:1.5px;color:#888d80}.games{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.game-card{background:#fffef9;border:1px solid #e0e0d6;border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}.game-card:hover{transform:translateY(-6px);box-shadow:0 10px 24px #20372d10}.game-art{height:215px;position:relative;overflow:hidden}.art-index{position:absolute;left:17px;top:17px;font:9px Arial,sans-serif;letter-spacing:1.2px;z-index:2;opacity:.65}.art-caption{position:absolute;left:17px;bottom:14px;font:8px Arial,sans-serif;letter-spacing:1.4px;z-index:2;opacity:.65}.chess .game-art{background:#dce4d5}.chess-board{position:absolute;top:80px;left:19px;width:240px;height:190px;transform:rotate(-12deg) skewX(15deg);background:conic-gradient(#71856b 25%,#c3ccae 0 50%,#71856b 0 75%,#c3ccae 0) 0 0/60px 60px;border:6px solid #9baa88;opacity:.55}.chess-piece{position:absolute;font-family:Georgia,serif;line-height:1;filter:drop-shadow(3px 8px 2px #20372d22)}.king{font-size:133px;top:37px;left:35px;color:#fffdf1;transform:rotate(-8deg);-webkit-text-stroke:1px #b7bea1}.knight{font-size:119px;top:70px;right:24px;color:#294235;transform:rotate(8deg)}.omok .game-art{background:#eddfc6}.omok-board{position:absolute;inset:49px 26px 26px;background:repeating-linear-gradient(0deg,transparent 0 28px,#bca78088 28px 29px),repeating-linear-gradient(90deg,transparent 0 28px,#bca78088 28px 29px);transform:rotate(-11deg);background-position:5px 4px}.stone{height:26px;width:26px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#565950,#1e2723 80%);position:absolute;box-shadow:2px 4px 4px #463d2a30;left:21px;top:20px}.stone.white{background:radial-gradient(circle at 35% 25%,#fffef8,#ded9c8 80%)}.s2{left:50px;top:20px}.s3{left:50px;top:49px}.s4{left:79px;top:20px}.s5{left:79px;top:78px}.s6{left:108px;top:49px}.s7{left:108px;top:107px}.volley .game-art{background:#c7dcd8}.volley-scene{width:100%;height:100%;position:absolute;bottom:0;left:0}.poker .game-art{background:#293f36;color:#f0f1df}.poker-table{position:absolute;width:270px;height:155px;border-radius:50%;border:1px solid #b6c29650;left:10px;top:65px;transform:rotate(-15deg)}.playing-card{position:absolute;background:#faf7e9;color:#233b32;border-radius:5px;width:73px;height:108px;font:20px Georgia,serif;padding:8px;top:55px;left:69px;box-shadow:2px 4px 6px #0002}.playing-card small{display:block;font-size:17px}.playing-card b{display:block;text-align:center;font-size:37px;line-height:1}.card-back{transform:rotate(-17deg);color:#b26d55;left:51px;top:56px}.card-front{transform:rotate(12deg);left:110px;top:68px}.chip{position:absolute;border:4px dashed #e6dfbc;height:34px;width:34px;border-radius:50%;background:#81916b;box-shadow:0 4px 0 #48583b,0 6px 0 #d1cba8;left:192px;top:139px}.chip-two{left:177px;top:166px;height:26px;width:26px;background:#ad7c62}.card-body{padding:21px 18px 22px}.card-title{display:flex;align-items:center;justify-content:space-between}.card-title h3{font-size:23px;line-height:1.3;letter-spacing:-1px;margin:0}.card-title h3 span{display:block;font:9px/1.4 Arial,sans-serif;letter-spacing:1.5px;color:#8a8f81;margin-top:6px}.arrow{width:31px;height:31px;display:grid;place-items:center;border:1px solid #dce1d2;border-radius:50%;font-size:20px;font-family:Arial,sans-serif;transition:background .2s}.game-card:hover .arrow{background:#e5edda}.card-body p{font-size:12px;letter-spacing:-.3px;color:#7b8075;margin:18px 0}.tags{display:flex;gap:5px;flex-wrap:wrap}.tags span{font-size:9px;border:1px solid #e5e7de;padding:4px 7px;border-radius:4px;color:#737f69}.closing-note{display:flex;gap:13px;align-items:center;padding:28px 0 39px;margin-top:13px;color:#8a8e80}.closing-note>span:first-child{font-size:24px;color:#829461}.closing-note p{font-size:12px;margin:0}.closing-en{font:9px Arial,sans-serif;letter-spacing:1.5px;margin-left:auto}footer{border-top:1px solid var(--line);padding:26px 0 35px;display:flex;align-items:center;gap:24px;font-size:10px;color:#92968a}.footer-brand{font:bold 11px Arial,sans-serif;letter-spacing:.4px;color:#56664e}footer>a:last-child{margin-left:auto;color:#5e7053}@media(min-width:1400px){.intro{min-height:450px}.game-art{height:235px}}@media(max-width:1050px){.page{padding:0 32px}.games{gap:14px}.game-art{height:195px}.card-body{padding:18px 12px}.card-body p{font-size:11px}.tags span{font-size:8px;padding:4px}h1{font-size:64px}.title-star{right:-85px;font-size:60px}.intro-art{transform:scale(.9);transform-origin:right center}.chess-piece.king{left:13px}.chess-piece.knight{right:8px}.playing-card{left:75px}.card-back{left:32px}.card-front{left:86px}.chip{left:160px}.chip-two{left:146px}}@media(max-width:780px){.games{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.game-art{height:225px}.card-body{padding:22px}.card-body p{font-size:13px}.tags span{font-size:10px;padding:4px 8px}.intro{min-height:380px}.intro-art{transform:scale(.75);margin-left:-50px}.intro{grid-template-columns:1.1fr .9fr}h1{font-size:59px}.title-star{display:none}.eyebrow{font-size:10px}.chess-piece.king{left:40px}.chess-piece.knight{right:35px}.omok-board{left:45px}.playing-card{width:85px;height:125px}.card-back{left:60px;top:50px}.card-front{left:120px;top:65px}.chip{left:210px;top:150px}.chip-two{left:195px;top:180px}.closing-en{display:none}}@media(max-width:520px){.page{padding:0 20px}.site-header{height:78px}.brand{font-size:16px;gap:7px}.brand-mark{font-size:30px}.header-link{font-size:11px}.header-link span{margin-left:6px}.intro{min-height:345px;padding:36px 0;grid-template-columns:1fr .6fr;overflow:hidden}.intro-copy{z-index:1}.intro h1{font-size:52px;letter-spacing:-3px}.intro-note{font-size:11px;margin-top:20px;white-space:nowrap}.eyebrow{font-size:9px;letter-spacing:0;margin-bottom:19px}.intro-art{transform:scale(.55);width:320px;justify-self:center;margin-left:-70px;margin-right:-90px}.section-label h2{font-size:15px}.section-label>span{font-size:7px;letter-spacing:.6px}.section-label{margin-top:0}.games{gap:12px}.game-art{height:163px}.art-index{left:12px;top:13px;font-size:7px;letter-spacing:.6px}.art-caption{left:12px;bottom:11px;font-size:6px}.card-body{padding:17px 12px}.card-title h3{font-size:21px}.card-title h3 span{font-size:8px}.arrow{width:26px;height:26px;font-size:17px}.card-body p{font-size:10px;margin:15px 0;min-height:28px;line-height:1.6}.tags{gap:3px;min-height:43px;align-content:start}.tags span{font-size:8px;padding:3px 4px}.king{font-size:98px;top:38px;left:8px!important}.knight{font-size:85px;top:57px;right:6px!important}.chess-board{top:60px;left:0;width:185px;height:130px;background-size:44px 44px}.omok-board{transform:scale(.77) rotate(-11deg);inset:30px 0 0 8px;transform-origin:top left}.playing-card{width:57px;height:82px;font-size:16px;padding:6px}.playing-card small{font-size:12px}.playing-card b{font-size:28px}.card-back{left:25px;top:42px}.card-front{left:66px;top:53px}.chip{left:120px;top:112px;height:26px;width:26px;border-width:3px}.chip-two{left:104px;top:132px;height:21px;width:21px}.closing-note{padding:20px 0 25px;gap:8px}.closing-note p{font-size:10px}footer{padding:21px 0 28px;gap:12px;flex-wrap:wrap;font-size:9px}footer>span{display:none}.footer-brand{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.game-card,.arrow{transition:none}}
