/* ==========================================================================
   우리한국학교 사이트 커스텀 스타일
   서버 배치 경로: public/css/woori.css
   연결: resources/views/components/site/default/layout.blade.php
         <link rel="stylesheet" href="{{ asset('css/woori.css') }}?v={{ filemtime(public_path('css/woori.css')) }}">

   페이지별 네임스페이스
     .wks-g  인사말 (Greeting)
     .wks-h  발자취 (History)
     .wks-r  기본생활규범 (Rules)
     .wks-o  조직도 (Organization)
     .wks-e  교육과정 (Education)
     .wks-s  우리한국학교만의 장점 (Strength)
     .wks-m  오시는 길 (Map)
     .wks-t  교사안내 (Teacher)
     .wks-c  교실안내 (Classroom)

   브랜드 컬러
     남색 #1e3a8a / #0f2557 / #2f5bc4
     오렌지 #EA9125 (진한 톤 #b96f12, #c97a10)
   ========================================================================== */

/* ---------- 발자취 (History) ---------- */
.wks-h{max-width:1120px;margin:0 auto;padding:4px 0 24px}
.wks-h .hero{background:linear-gradient(135deg,#0f2557 0%,#1e3a8a 55%,#2f5bc4 100%);border-radius:18px;padding:46px 42px;color:#fff;position:relative;overflow:hidden;box-shadow:0 18px 40px -18px rgba(15,37,87,.55)}
.wks-h .hero:after{content:"";position:absolute;right:-70px;top:-70px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(234,145,37,.38) 0%,rgba(234,145,37,0) 70%)}
.wks-h .hero h2{font-size:30px;font-weight:800;margin:0 0 10px;letter-spacing:-.02em;color:#fff}
.wks-h .hero p{margin:0;color:#c7d7f7;font-size:16px;line-height:1.8}
.wks-h .stats{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px;position:relative;z-index:1}
.wks-h .stat{flex:1 1 140px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:18px 20px}
.wks-h .stat b{display:block;font-size:26px;font-weight:800;color:#fff}
.wks-h .stat span{display:block;font-size:12.5px;color:#b9cdf2;margin-top:4px;letter-spacing:.04em}
.wks-h .era{display:flex;align-items:center;gap:14px;margin:56px 0 26px}
.wks-h .era i{font-style:normal;font-size:12px;font-weight:700;letter-spacing:.14em;color:#b96f12;background:#fdf4e8;border:1px solid #f5dfbe;border-radius:999px;padding:7px 16px}
.wks-h .era em{font-style:normal;font-size:18px;font-weight:700;color:#0f172a}
.wks-h .era hr{flex:1;border:0;border-top:1px solid #e5e9f0;margin:0}
.wks-h .tl{position:relative;padding-left:12px}
.wks-h .row{display:flex;gap:26px;align-items:flex-start;padding:0 0 14px 30px;border-left:2px solid #dbe2ee;position:relative}
.wks-h .row:last-child{border-left-color:transparent}
.wks-h .row:before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:#fff;border:2.5px solid #1e3a8a}
.wks-h .row.ms:before{background:#EA9125;border-color:#EA9125;box-shadow:0 0 0 5px rgba(234,145,37,.18)}
.wks-h .yr{flex:0 0 68px;font-size:21px;font-weight:800;color:#1e3a8a;line-height:1.15;padding-top:1px}
.wks-h .row.ms .yr{color:#c97a10}
.wks-h .bd{flex:1;background:#fff;border:1px solid #e8ecf3;border-radius:12px;padding:18px 22px;margin-bottom:16px;transition:.18s}
.wks-h .row.ms .bd{background:linear-gradient(180deg,#fffaf1 0%,#fff 100%);border-color:#f3dfbf}
.wks-h .bd:hover{border-color:#c3d2ee;box-shadow:0 8px 22px -12px rgba(30,58,138,.4);transform:translateY(-1px)}
.wks-h .bd ul{margin:0;padding-left:18px}
.wks-h .bd li{font-size:15.5px;line-height:1.85;color:#3d4b60;margin:2px 0}
.wks-h .bd li::marker{color:#9fb2d4}

/* ---------- 인사말 (Greeting) ---------- */
.wks-g{max-width:1120px;margin:0 auto;padding:4px 0 24px}
.wks-g .quote{background:linear-gradient(135deg,#0f2557 0%,#1e3a8a 55%,#2f5bc4 100%);border-radius:18px;padding:44px 44px 46px;color:#fff;position:relative;overflow:hidden;box-shadow:0 18px 40px -18px rgba(15,37,87,.55);margin-bottom:64px}
.wks-g .quote:after{content:"";position:absolute;right:-70px;top:-70px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(234,145,37,.38) 0%,rgba(234,145,37,0) 70%)}
.wks-g .quote i{font-style:normal;display:block;font-size:52px;line-height:1;color:#EA9125;margin-bottom:12px;font-weight:800}
.wks-g .quote p{margin:0;font-size:22px;line-height:1.7;font-weight:600;color:#fff;letter-spacing:-.01em;position:relative;z-index:1}
.wks-g .quote span{display:block;margin-top:18px;font-size:13px;color:#a9c2ec;letter-spacing:.06em;position:relative;z-index:1}
.wks-g .person{display:flex;flex-wrap:wrap;gap:44px;align-items:flex-start}
.wks-g .aside{flex:0 1 250px;min-width:210px}
.wks-g .aside img{width:100%;border-radius:16px;display:block;box-shadow:0 14px 34px -16px rgba(15,23,42,.5)}
.wks-g .plate{margin-top:22px;padding-left:16px;border-left:3px solid #EA9125}
.wks-g .plate b{display:block;font-size:22px;font-weight:800;color:#0f172a;letter-spacing:.05em}
.wks-g .plate span{display:block;font-size:13px;color:#64748b;margin-top:5px;letter-spacing:.03em}
.wks-g .body{flex:1 1 400px;min-width:300px}
.wks-g .body .lead{font-size:21px;line-height:1.65;font-weight:700;color:#1e3a8a;margin:0 0 28px;letter-spacing:-.01em}
.wks-g .body p{font-size:16.5px;line-height:2;color:#3d4b60;margin:0 0 20px}
.wks-g .body .end{margin:28px 0 0;font-size:17px;font-weight:700;color:#1e3a8a}
.wks-g .sep{height:1px;background:linear-gradient(90deg,transparent,#dfe5ee 15%,#dfe5ee 85%,transparent);margin:66px 0}

/* ---------- 기본생활규범 (Rules) ---------- */
.wks-r{max-width:1120px;margin:0 auto;padding:4px 0 24px}
.wks-r .note{display:flex;gap:18px;align-items:flex-start;background:linear-gradient(135deg,#fffaf1 0%,#fff 70%);border:1px solid #f3dfbf;border-left:4px solid #EA9125;border-radius:14px;padding:26px 28px;margin-bottom:44px}
.wks-r .note em{font-style:normal;flex:0 0 auto;font-size:26px;line-height:1.1;color:#EA9125}
.wks-r .note p{margin:0;font-size:17px;line-height:1.8;color:#3d4b60;font-weight:600}
.wks-r .grp{margin-bottom:44px}
.wks-r .grp>h3{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:800;letter-spacing:.1em;margin:0 0 22px;color:#0f172a}
.wks-r .grp>h3 b{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;font-size:15px;color:#fff}
.wks-r .do>h3 b{background:#1e3a8a}
.wks-r .dont>h3 b{background:#EA9125}
.wks-r .items{display:flex;flex-wrap:wrap;gap:18px}
.wks-r .item{flex:1 1 320px;background:#fff;border:1px solid #e8ecf3;border-radius:14px;padding:24px 26px;transition:.18s}
.wks-r .item:hover{border-color:#c3d2ee;box-shadow:0 10px 26px -14px rgba(30,58,138,.45);transform:translateY(-1px)}
.wks-r .dont .item{border-color:#f3dfbf}
.wks-r .dont .item:hover{border-color:#e9c89a;box-shadow:0 10px 26px -14px rgba(234,145,37,.4)}
.wks-r .item h4{margin:0 0 12px;font-size:17px;font-weight:700;line-height:1.6;color:#0f172a}
.wks-r .item p{margin:0;font-size:15.5px;line-height:1.9;color:#5a6a80}

/* ---------- 조직도 (Organization) ---------- */
.wks-o{max-width:1120px;margin:0 auto;padding:4px 0 24px}
.wks-o .intro{text-align:center;max-width:640px;margin:0 auto 52px}
.wks-o .intro p{margin:0;font-size:17px;line-height:1.9;color:#5a6a80}
.wks-o .lbl{display:flex;align-items:center;gap:14px;margin:0 0 26px}
.wks-o .lbl i{font-style:normal;font-size:12px;font-weight:700;letter-spacing:.14em;color:#b96f12;background:#fdf4e8;border:1px solid #f5dfbe;border-radius:999px;padding:7px 16px}
.wks-o .lbl hr{flex:1;border:0;border-top:1px solid #e5e9f0;margin:0}
.wks-o .grid{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:52px}
.wks-o .card{flex:1 1 290px;background:#fff;border:1px solid #e8ecf3;border-radius:16px;padding:30px 28px;text-align:center;transition:.18s}
.wks-o .card:hover{border-color:#c3d2ee;box-shadow:0 12px 30px -16px rgba(30,58,138,.45);transform:translateY(-2px)}
.wks-o .card.acc:hover{border-color:#e9c89a;box-shadow:0 12px 30px -16px rgba(234,145,37,.42)}
.wks-o .card .ph{width:92px;height:92px;margin:0 auto 20px;border-radius:50%;background-color:#f2f6fd;border:2px solid #dbe4f5;background-repeat:no-repeat;background-position:center;background-size:42px 42px;overflow:hidden}
.wks-o .card.acc .ph{background-color:#fdf4e8;border-color:#f5dfbe}
.wks-o .card .ph img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.wks-o .i-principal{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e3a8a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 9 12 4 2 9l10 5 10-5Z'/%3E%3Cpath d='M6 11.6V16c0 1.5 2.7 2.6 6 2.6s6-1.1 6-2.6v-4.4'/%3E%3Cpath d='M22 9v5.5'/%3E%3C/svg%3E")}
.wks-o .i-academic{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e3a8a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6.6S9.5 5 6 5H3v13h3c3.5 0 6 1.6 6 1.6V6.6Z'/%3E%3Cpath d='M12 6.6S14.5 5 18 5h3v13h-3c-3.5 0-6 1.6-6 1.6V6.6Z'/%3E%3C/svg%3E")}
.wks-o .i-admin{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e3a8a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='17' rx='2.2'/%3E%3Crect x='9' y='2' width='6' height='4' rx='1.2'/%3E%3Cpath d='M9 11.5h6M9 15.5h6'/%3E%3C/svg%3E")}
.wks-o .i-chair{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA9125' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.4 4.2 5.7v5.9c0 4.9 3.3 8.4 7.8 10.2 4.5-1.8 7.8-5.3 7.8-10.2V5.7L12 2.4Z'/%3E%3Cpath d='m12 8.4 1.3 2.7 3 .4-2.2 2.1.5 2.9L12 15.1l-2.6 1.4.5-2.9-2.2-2.1 3-.4L12 8.4Z'/%3E%3C/svg%3E")}
.wks-o .i-committee{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA9125' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.2'/%3E%3Cpath d='M2.6 20a6.4 6.4 0 0 1 12.8 0'/%3E%3Ccircle cx='17.6' cy='9.6' r='2.5'/%3E%3Cpath d='M16.2 14.6a5.5 5.5 0 0 1 5.2 5.4'/%3E%3C/svg%3E")}
.wks-o .i-pta{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA9125' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.6 12 3.2l9 7.4'/%3E%3Cpath d='M5.2 9.8V20.4h13.6V9.8'/%3E%3Cpath d='M12 17.8s-2.9-1.9-2.9-3.8a1.75 1.75 0 0 1 2.9-1.2 1.75 1.75 0 0 1 2.9 1.2c0 1.9-2.9 3.8-2.9 3.8Z'/%3E%3C/svg%3E")}
.wks-o .card .role{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.12em;color:#fff;background:#1e3a8a;border-radius:999px;padding:6px 16px;margin-bottom:14px}
.wks-o .card.acc .role{background:#EA9125}
.wks-o .card b{display:block;font-size:20px;font-weight:800;color:#0f172a;letter-spacing:.04em}
.wks-o .card span{display:block;font-size:14px;color:#64748b;margin-top:8px;line-height:1.7;word-break:break-all}
.wks-o .card ul{list-style:none;margin:14px 0 0;padding:0}
.wks-o .card ul li{font-size:15px;line-height:1.95;color:#5a6a80}
.wks-o .card ul li.head{font-weight:700;color:#0f172a;margin-bottom:6px}

/* ---------- 교육과정 (Education) ---------- */
.wks-e{max-width:1120px;margin:0 auto;padding:4px 0 24px}
.wks-e .band{background:linear-gradient(135deg,#0f2557 0%,#1e3a8a 55%,#2f5bc4 100%);border-radius:18px;padding:42px 42px;color:#fff;position:relative;overflow:hidden;box-shadow:0 18px 40px -18px rgba(15,37,87,.55);margin-bottom:52px}
.wks-e .band:after{content:"";position:absolute;right:-70px;top:-70px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(234,145,37,.38) 0%,rgba(234,145,37,0) 70%)}
.wks-e .band h2{font-size:20px;font-weight:800;margin:0 0 14px;color:#fff;position:relative;z-index:1}
.wks-e .band p{margin:0;font-size:16.5px;line-height:1.95;color:#d6e2f8;position:relative;z-index:1}
.wks-e .chips{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;position:relative;z-index:1}
.wks-e .chip{flex:1 1 150px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:18px 20px}
.wks-e .chip b{display:block;font-size:24px;font-weight:800;color:#fff}
.wks-e .chip span{display:block;font-size:12.5px;color:#b9cdf2;margin-top:4px;letter-spacing:.04em}
.wks-e .lbl{display:flex;align-items:center;gap:14px;margin:0 0 24px}
.wks-e .lbl i{font-style:normal;font-size:12px;font-weight:700;letter-spacing:.14em;color:#b96f12;background:#fdf4e8;border:1px solid #f5dfbe;border-radius:999px;padding:7px 16px}
.wks-e .lbl hr{flex:1;border:0;border-top:1px solid #e5e9f0;margin:0}
.wks-e .ops{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:52px}
.wks-e .op{flex:1 1 300px;background:#fff;border:1px solid #e8ecf3;border-left:4px solid #1e3a8a;border-radius:12px;padding:20px 24px;font-size:16px;line-height:1.85;color:#3d4b60}
.wks-e .cmp{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:52px}
.wks-e .sem{flex:1 1 320px;background:#fff;border:1px solid #e8ecf3;border-radius:16px;padding:28px 30px;transition:.18s}
.wks-e .sem:hover{border-color:#c3d2ee;box-shadow:0 12px 30px -16px rgba(30,58,138,.45);transform:translateY(-2px)}
.wks-e .sem b{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.12em;color:#fff;background:#1e3a8a;border-radius:999px;padding:6px 16px;margin-bottom:16px}
.wks-e .sem.o b{background:#EA9125}
.wks-e .sem ul{list-style:none;margin:0;padding:0}
.wks-e .sem li{font-size:16.5px;line-height:2;color:#3d4b60;padding-left:20px;position:relative}
.wks-e .sem li:before{content:"";position:absolute;left:0;top:13px;width:7px;height:7px;border-radius:50%;background:#1e3a8a}
.wks-e .sem.o li:before{background:#EA9125}
.wks-e .tw{overflow-x:auto;border:1px solid #e8ecf3;border-radius:14px}
.wks-e table{width:100%;border-collapse:collapse;min-width:760px;font-size:15px}
.wks-e thead th{background:#f4f7fc;color:#0f172a;font-weight:800;padding:14px 10px;text-align:center;border-bottom:1px solid #e2e8f2;white-space:nowrap}
.wks-e thead th:first-child{text-align:left;padding-left:20px}
.wks-e tbody td{padding:13px 10px;text-align:center;color:#3d4b60;border-bottom:1px solid #eef1f6}
.wks-e tbody td:first-child{text-align:left;padding-left:20px;font-weight:700;color:#0f172a;white-space:nowrap}
.wks-e tbody tr:nth-child(odd) td{background:#fbfcfe}
.wks-e tbody tr:last-child td{border-bottom:0;background:#f4f7fc;font-weight:800;color:#1e3a8a}
.wks-e tbody td:last-child{font-weight:800;color:#1e3a8a;background:#f8fafd}

/* ---------- 우리한국학교만의 장점 (Strength) ---------- */
.wks-s{max-width:1120px;margin:0 auto;padding:4px 0 24px}
.wks-s .grid{display:flex;flex-wrap:wrap;gap:22px}
.wks-s .card{flex:1 1 320px;background:#fff;border:1px solid #e8ecf3;border-radius:16px;padding:32px 30px;position:relative;overflow:hidden;transition:.18s}
.wks-s .card:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,#1e3a8a 0%,#EA9125 100%);opacity:0;transition:.18s}
.wks-s .card:hover{border-color:#c3d2ee;box-shadow:0 14px 34px -18px rgba(30,58,138,.5);transform:translateY(-3px)}
.wks-s .card:hover:before{opacity:1}
.wks-s .ico{width:56px;height:56px;border-radius:15px;background-color:#f2f6fd;border:1px solid #dbe4f5;background-repeat:no-repeat;background-position:center;background-size:28px 28px;margin-bottom:22px}
.wks-s .card.o .ico{background-color:#fdf4e8;border-color:#f5dfbe}
.wks-s .card h3{margin:0 0 12px;font-size:19px;font-weight:800;color:#0f172a;letter-spacing:-.01em}
.wks-s .card p{margin:0;font-size:16px;line-height:1.95;color:#5a6a80}
.wks-s .n{position:absolute;right:24px;top:22px;font-size:34px;font-weight:800;color:#eef2f8;letter-spacing:-.03em}
.wks-s .card.o .n{color:#fdf1e2}
.wks-s .s1{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e3a8a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6.6S9.5 5 6 5H3v13h3c3.5 0 6 1.6 6 1.6V6.6Z'/%3E%3Cpath d='M12 6.6S14.5 5 18 5h3v13h-3c-3.5 0-6 1.6-6 1.6V6.6Z'/%3E%3C/svg%3E")}
.wks-s .s2{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA9125' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.6'/%3E%3Cpath d='M4.5 20.5a7.5 7.5 0 0 1 15 0'/%3E%3Cpath d='m17.5 3.6 1 2 2.2.3-1.6 1.6.4 2.2-2-1.1-2 1.1.4-2.2-1.6-1.6 2.2-.3 1-2Z'/%3E%3C/svg%3E")}
.wks-s .s3{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e3a8a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M5 21V9.5L12 4l7 5.5V21'/%3E%3Cpath d='M9.5 21v-5.5h5V21'/%3E%3Cpath d='M12 4V1.8'/%3E%3C/svg%3E")}
.wks-s .s4{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA9125' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 21h8'/%3E%3Cpath d='M12 17v4'/%3E%3Cpath d='M7 3h10v5a5 5 0 0 1-10 0V3Z'/%3E%3Cpath d='M17 4.5h2.5a2.5 2.5 0 0 1 0 5H17M7 4.5H4.5a2.5 2.5 0 0 0 0 5H7'/%3E%3C/svg%3E")}
.wks-s .s5{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e3a8a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18V5.5l10-2v12.5'/%3E%3Ccircle cx='6.5' cy='18' r='2.5'/%3E%3Ccircle cx='16.5' cy='16' r='2.5'/%3E%3C/svg%3E")}
.wks-s .s6{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA9125' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='4' width='19' height='12.5' rx='2'/%3E%3Cpath d='M8 20.5h8'/%3E%3Cpath d='M12 16.5v4'/%3E%3Cpath d='m9.8 8.2 2.6 2.1-2.6 2.1'/%3E%3C/svg%3E")}

/* ---------- 오시는 길 (Map) ---------- */
.wks-m{max-width:1120px;margin:0 auto;padding:4px 0 24px}
.wks-m .places{display:flex;flex-wrap:wrap;gap:22px;margin-bottom:56px}
.wks-m .place{flex:1 1 340px;background:#fff;border:1px solid #e8ecf3;border-radius:16px;padding:30px 30px 26px;transition:.18s}
.wks-m .place:hover{border-color:#c3d2ee;box-shadow:0 14px 34px -18px rgba(30,58,138,.5);transform:translateY(-2px)}
.wks-m .place .tag{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.1em;color:#fff;background:#1e3a8a;border-radius:999px;padding:7px 16px;margin-bottom:20px}
.wks-m .place.o .tag{background:#EA9125}
.wks-m .place h3{margin:0 0 10px;font-size:20px;font-weight:800;color:#0f172a;letter-spacing:-.01em}
.wks-m .place address{font-style:normal;font-size:16.5px;line-height:1.9;color:#5a6a80;margin-bottom:20px}
.wks-m .place a{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#1e3a8a;text-decoration:none;border:1px solid #dbe4f5;border-radius:10px;padding:10px 18px;transition:.15s}
.wks-m .place a:hover{background:#f2f6fd;border-color:#c3d2ee}
.wks-m .place.o a{color:#b96f12;border-color:#f5dfbe}
.wks-m .place.o a:hover{background:#fdf4e8;border-color:#e9c89a}
.wks-m .lbl{display:flex;align-items:center;gap:14px;margin:0 0 26px}
.wks-m .lbl i{font-style:normal;font-size:12px;font-weight:700;letter-spacing:.14em;color:#b96f12;background:#fdf4e8;border:1px solid #f5dfbe;border-radius:999px;padding:7px 16px}
.wks-m .lbl hr{flex:1;border:0;border-top:1px solid #e5e9f0;margin:0}
.wks-m .ways{display:flex;flex-wrap:wrap;gap:20px}
.wks-m .way{flex:1 1 340px;background:#fff;border:1px solid #e8ecf3;border-left:4px solid #1e3a8a;border-radius:12px;padding:26px 28px}
.wks-m .way h4{margin:0 0 12px;font-size:17px;font-weight:800;color:#0f172a}
.wks-m .way p{margin:0;font-size:16px;line-height:1.95;color:#5a6a80}
.wks-m .way p em{font-style:normal;display:block;margin-top:8px;font-size:14.5px;color:#8a96a8}

/* ---------- 교사안내 (Teacher) ---------- */
.wks-t{max-width:1120px;margin:0 auto;padding:4px 0 24px}
.wks-t .lbl{display:flex;align-items:center;gap:14px;margin:0 0 12px}
.wks-t .lbl i{font-style:normal;font-size:12px;font-weight:700;letter-spacing:.14em;color:#b96f12;background:#fdf4e8;border:1px solid #f5dfbe;border-radius:999px;padding:7px 16px}
.wks-t .lbl hr{flex:1;border:0;border-top:1px solid #e5e9f0;margin:0}
.wks-t .desc{margin:0 0 28px;font-size:16px;line-height:1.9;color:#5a6a80}
.wks-t .grid{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:56px}
.wks-t .t{flex:1 1 220px;max-width:280px;background:#fff;border:1px solid #e8ecf3;border-radius:14px;padding:22px 24px;transition:.18s}
.wks-t .t:hover{border-color:#c3d2ee;box-shadow:0 12px 28px -16px rgba(30,58,138,.45);transform:translateY(-2px)}
.wks-t .t .top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.wks-t .t .cls{font-size:15px;font-weight:800;color:#1e3a8a;letter-spacing:-.01em}
.wks-t .t .rm{flex:0 0 auto;font-size:12px;font-weight:800;color:#b96f12;background:#fdf4e8;border:1px solid #f5dfbe;border-radius:8px;padding:4px 10px;letter-spacing:.03em}
.wks-t .t .nm{font-size:18px;font-weight:700;color:#0f172a;letter-spacing:.04em}
.wks-t .t .nm em{font-style:normal;font-size:14px;font-weight:500;color:#8a96a8;margin-left:5px;letter-spacing:0}
.wks-t .subj{display:flex;flex-wrap:wrap;gap:18px}
.wks-t .sj{flex:1 1 260px;background:linear-gradient(135deg,#f7f9fd 0%,#fff 65%);border:1px solid #e8ecf3;border-left:4px solid #EA9125;border-radius:14px;padding:24px 26px}
.wks-t .sj b{display:block;font-size:13px;font-weight:800;letter-spacing:.1em;color:#b96f12;margin-bottom:10px}
.wks-t .sj span{display:block;font-size:19px;font-weight:700;color:#0f172a;letter-spacing:.04em}

/* ---------- 교실안내 (Classroom) ---------- */
.wks-c{max-width:1120px;margin:0 auto;padding:4px 0 24px}
.wks-c .sum{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:52px}
.wks-c .sc{flex:1 1 200px;background:#fff;border:1px solid #e8ecf3;border-radius:14px;padding:24px 26px}
.wks-c .sc.hl{background:linear-gradient(135deg,#0f2557 0%,#1e3a8a 100%);border-color:transparent}
.wks-c .sc b{display:block;font-size:30px;font-weight:800;color:#1e3a8a;letter-spacing:-.02em}
.wks-c .sc.hl b{color:#fff}
.wks-c .sc span{display:block;font-size:13.5px;color:#64748b;margin-top:6px;line-height:1.6}
.wks-c .sc.hl span{color:#b9cdf2}
.wks-c .fl{margin-bottom:44px}
.wks-c .fh{display:flex;align-items:center;gap:14px;margin:0 0 22px}
.wks-c .fh i{font-style:normal;font-size:13px;font-weight:800;letter-spacing:.12em;color:#fff;background:#1e3a8a;border-radius:999px;padding:8px 20px}
.wks-c .fh hr{flex:1;border:0;border-top:1px solid #e5e9f0;margin:0}
.wks-c .plan{overflow-x:auto;background:#fafbfd;border:1px solid #e8ecf3;border-radius:16px;padding:26px 24px}
.wks-c .inner{min-width:820px;display:flex;align-items:stretch;gap:10px}
.wks-c .gym{flex:0 0 96px;background:#3f6fc4;border-radius:10px;color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;letter-spacing:.06em}
.wks-c .wing{flex:1;display:flex;flex-direction:column;gap:0}
.wks-c .lane{display:flex;align-items:flex-end;gap:12px;min-height:74px}
.wks-c .lane.b{align-items:flex-start}
.wks-c .rm{flex:0 0 auto;min-width:96px;background:#3f6fc4;border-radius:9px;color:#fff;text-align:center;padding:12px 14px;line-height:1.35;transition:.15s}
.wks-c .rm:hover{background:#2f5bc4;transform:translateY(-2px)}
.wks-c .rm b{display:block;font-size:16px;font-weight:800;letter-spacing:.02em}
.wks-c .rm span{display:block;font-size:12.5px;color:#d7e3f8;margin-top:3px}
.wks-c .rm.dk{background:#26437f}
.wks-c .rm.dk:hover{background:#1e3a8a}
.wks-c .gap{flex:1 1 auto}
.wks-c .ex{flex:0 0 auto;text-align:center;padding-bottom:4px}
.wks-c .ex em{font-style:normal;display:block;font-size:11.5px;font-weight:800;color:#c0392b;letter-spacing:.1em;margin-bottom:5px}
.wks-c .ex i{display:block;width:76px;height:7px;background:#c0392b;border-radius:3px}
.wks-c .lane.b .ex{padding-bottom:0;padding-top:4px;display:flex;flex-direction:column-reverse}
.wks-c .lane.b .ex em{margin-bottom:0;margin-top:5px}
.wks-c .hall{height:56px;background:#e2d3bd;border-radius:6px;margin:10px 0}
.wks-c .side{flex:0 0 108px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.wks-c .note{margin:16px 0 0;font-size:14px;color:#8a96a8;line-height:1.8}

/* ---------- 학사일정 (Academic Calendar) ---------- */
.wks-a{max-width:1120px;margin:0 auto;padding:4px 0 24px}
.wks-a .terms{display:flex;flex-wrap:wrap;gap:26px}
.wks-a .term{flex:1 1 440px;background:#fff;border:1px solid #e8ecf3;border-radius:16px;overflow:hidden}
.wks-a .th{background:linear-gradient(135deg,#0f2557 0%,#1e3a8a 100%);padding:22px 26px;position:relative;overflow:hidden}
.wks-a .term.o .th{background:linear-gradient(135deg,#b96f12 0%,#EA9125 100%)}
.wks-a .th:after{content:"";position:absolute;right:-50px;top:-50px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 70%)}
.wks-a .th b{display:block;font-size:19px;font-weight:800;color:#fff;letter-spacing:-.01em;position:relative;z-index:1}
.wks-a .th span{display:block;margin-top:5px;font-size:13px;color:rgba(255,255,255,.78);letter-spacing:.03em;position:relative;z-index:1}
.wks-a .wk{display:flex;align-items:flex-start;gap:14px;padding:13px 26px;border-bottom:1px solid #f1f4f9}
.wks-a .wk:last-child{border-bottom:0}
.wks-a .wk:nth-child(odd){background:#fbfcfe}
.wks-a .wk .no{flex:0 0 30px;height:30px;border-radius:9px;background:#f2f6fd;border:1px solid #dbe4f5;color:#1e3a8a;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}
.wks-a .term.o .wk .no{background:#fdf4e8;border-color:#f5dfbe;color:#b96f12}
.wks-a .wk .dt{flex:0 0 58px;font-size:14.5px;font-weight:700;color:#0f172a;padding-top:5px}
.wks-a .wk .ev{flex:1;font-size:15.5px;line-height:1.7;color:#5a6a80;padding-top:4px}
.wks-a .wk .ev strong{color:#0f172a;font-weight:800}
.wks-a .wk.done .ev{color:#1e3a8a;font-weight:700}
.wks-a .term.o .wk.done .ev{color:#b96f12}
.wks-a .off{padding:12px 26px;background:#fef4f4;border-bottom:1px solid #f7e0e0;font-size:14.5px;font-weight:700;color:#c0392b;text-align:center;letter-spacing:.02em}
.wks-a .note{margin:28px 0 0;font-size:14px;color:#8a96a8;line-height:1.8}

/* ---------- 등록안내 (Registration) ---------- */
.wks-rg{max-width:1120px;margin:0 auto;padding:4px 0 24px}
.wks-rg .hero{background:linear-gradient(135deg,#0f2557 0%,#1e3a8a 55%,#2f5bc4 100%);border-radius:18px;padding:44px 42px;color:#fff;position:relative;overflow:hidden;box-shadow:0 18px 40px -18px rgba(15,37,87,.55);margin-bottom:56px}
.wks-rg .hero:after{content:"";position:absolute;right:-70px;top:-70px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(234,145,37,.38) 0%,rgba(234,145,37,0) 70%)}
.wks-rg .hero h2{font-size:28px;font-weight:800;margin:0 0 10px;color:#fff;letter-spacing:-.02em;position:relative;z-index:1}
.wks-rg .hero p{margin:0;font-size:16px;line-height:1.8;color:#c7d7f7;position:relative;z-index:1}
.wks-rg .hero .chips{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;position:relative;z-index:1}
.wks-rg .hero .chip{flex:1 1 190px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:18px 20px}
.wks-rg .hero .chip b{display:block;font-size:19px;font-weight:800;color:#fff;letter-spacing:-.01em}
.wks-rg .hero .chip span{display:block;font-size:12.5px;color:#b9cdf2;margin-top:5px;letter-spacing:.04em}
.wks-rg .lbl{display:flex;align-items:center;gap:14px;margin:0 0 26px}
.wks-rg .lbl i{font-style:normal;font-size:12px;font-weight:700;letter-spacing:.14em;color:#b96f12;background:#fdf4e8;border:1px solid #f5dfbe;border-radius:999px;padding:7px 16px}
.wks-rg .lbl hr{flex:1;border:0;border-top:1px solid #e5e9f0;margin:0}
.wks-rg .steps{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:26px}
.wks-rg .step{flex:1 1 320px;background:#fff;border:1px solid #e8ecf3;border-radius:16px;padding:30px 30px;position:relative}
.wks-rg .step .n{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:11px;background:#1e3a8a;color:#fff;font-size:15px;font-weight:800;margin-bottom:16px}
.wks-rg .step.o .n{background:#EA9125}
.wks-rg .step h3{margin:0 0 10px;font-size:19px;font-weight:800;color:#0f172a;letter-spacing:-.01em}
.wks-rg .step p{margin:0;font-size:16px;line-height:1.9;color:#5a6a80}
.wks-rg .cta{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-size:15px;font-weight:800;color:#fff !important;background:#1e3a8a;border-radius:11px;padding:13px 24px;text-decoration:none !important;transition:.15s}
.wks-rg .cta:hover,.wks-rg .cta:focus,.wks-rg .cta:visited{color:#fff !important;background:#0f2557;transform:translateY(-1px);box-shadow:0 10px 24px -12px rgba(15,37,87,.7)}
.wks-rg .warn{display:flex;gap:16px;align-items:flex-start;background:linear-gradient(135deg,#fffaf1 0%,#fff 70%);border:1px solid #f3dfbf;border-left:4px solid #EA9125;border-radius:14px;padding:22px 26px;margin-bottom:52px}
.wks-rg .warn em{font-style:normal;flex:0 0 auto;font-size:20px;line-height:1.3;color:#EA9125}
.wks-rg .warn p{margin:0;font-size:15.5px;line-height:1.9;color:#5a6a80}
.wks-rg .warn p b{color:#0f172a;font-weight:800}
.wks-rg .per{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:52px}
.wks-rg .p1{flex:1 1 320px;background:#fff;border:1px solid #e8ecf3;border-radius:16px;overflow:hidden}
.wks-rg .p1 .ph{background:linear-gradient(135deg,#0f2557 0%,#1e3a8a 100%);padding:18px 26px}
.wks-rg .p1.o .ph{background:linear-gradient(135deg,#b96f12 0%,#EA9125 100%)}
.wks-rg .p1 .ph b{font-size:16px;font-weight:800;color:#fff;letter-spacing:.02em}
.wks-rg .p1 .pb{padding:24px 26px}
.wks-rg .p1 .pb .d{font-size:19px;font-weight:800;color:#0f172a;line-height:1.6;letter-spacing:-.01em}
.wks-rg .info{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:52px}
.wks-rg .ic{flex:1 1 300px;background:#fff;border:1px solid #e8ecf3;border-left:4px solid #1e3a8a;border-radius:12px;padding:24px 26px}
.wks-rg .ic b{display:block;font-size:13px;font-weight:800;letter-spacing:.1em;color:#1e3a8a;margin-bottom:12px}
.wks-rg .ic p{margin:0;font-size:16px;line-height:1.9;color:#3d4b60}
.wks-rg .ic p em{font-style:normal;display:block;font-size:14.5px;color:#8a96a8;margin-top:6px}
.wks-rg .ic a{color:#1e3a8a;text-decoration:none;font-weight:700}
.wks-rg .ic a:hover{text-decoration:underline}
.wks-rg .subj{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:52px}
.wks-rg .sc{flex:1 1 240px;background:#fff;border:1px solid #e8ecf3;border-radius:14px;padding:24px 26px;transition:.18s}
.wks-rg .sc:hover{border-color:#c3d2ee;box-shadow:0 12px 28px -16px rgba(30,58,138,.45);transform:translateY(-2px)}
.wks-rg .sc b{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;color:#fff;background:#1e3a8a;border-radius:999px;padding:6px 15px;margin-bottom:14px}
.wks-rg .sc.o b{background:#EA9125}
.wks-rg .sc span{display:block;font-size:16.5px;line-height:1.85;color:#3d4b60}

/* ---------- 등록금안내 (Registration Fee) ---------- */
.wks-fe{max-width:1120px;margin:0 auto;padding:4px 0 24px}
.wks-fe .lbl{display:flex;align-items:center;gap:14px;margin:0 0 26px}
.wks-fe .lbl i{font-style:normal;font-size:12px;font-weight:700;letter-spacing:.14em;color:#b96f12;background:#fdf4e8;border:1px solid #f5dfbe;border-radius:999px;padding:7px 16px}
.wks-fe .lbl hr{flex:1;border:0;border-top:1px solid #e5e9f0;margin:0}
.wks-fe .tw{overflow-x:auto;border:1px solid #e8ecf3;border-radius:16px;margin-bottom:26px}
.wks-fe table{width:100%;border-collapse:collapse;min-width:520px;font-size:16px}
.wks-fe thead th{padding:18px 20px;text-align:center;font-weight:800;border-bottom:1px solid #e2e8f2;white-space:nowrap}
.wks-fe thead th:first-child{text-align:left;background:#f4f7fc;color:#0f172a;font-size:13px;letter-spacing:.08em}
.wks-fe thead th.a{background:linear-gradient(135deg,#0f2557 0%,#1e3a8a 100%);color:#fff}
.wks-fe thead th.b{background:linear-gradient(135deg,#b96f12 0%,#EA9125 100%);color:#fff}
.wks-fe thead th em{font-style:normal;display:block;font-size:12px;font-weight:600;opacity:.8;margin-top:4px;letter-spacing:.02em}
.wks-fe tbody td{padding:18px 20px;text-align:center;border-bottom:1px solid #eef1f6;font-size:20px;font-weight:800;color:#0f172a;font-variant-numeric:tabular-nums}
.wks-fe tbody td:first-child{text-align:left;font-size:16px;font-weight:700;color:#3d4b60;white-space:nowrap}
.wks-fe tbody tr:last-child td{border-bottom:0}
.wks-fe tbody tr:nth-child(odd) td{background:#fbfcfe}
.wks-fe tbody td.a{color:#1e3a8a}
.wks-fe tbody td.b{color:#b96f12}
.wks-fe .dues{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:22px}
.wks-fe .due{flex:1 1 260px;background:linear-gradient(135deg,#0f2557 0%,#1e3a8a 100%);border-radius:16px;padding:28px 30px;color:#fff;position:relative;overflow:hidden}
.wks-fe .due:after{content:"";position:absolute;right:-50px;top:-50px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(234,145,37,.34) 0%,rgba(234,145,37,0) 70%)}
.wks-fe .due b{display:block;font-size:13px;font-weight:800;letter-spacing:.1em;color:#b9cdf2;margin-bottom:10px;position:relative;z-index:1}
.wks-fe .due span{display:block;font-size:32px;font-weight:800;letter-spacing:-.02em;position:relative;z-index:1}
.wks-fe .due em{font-style:normal;display:block;font-size:13.5px;color:#a9c2ec;margin-top:8px;position:relative;z-index:1}
.wks-fe .exempt{flex:2 1 420px;background:#fff;border:1px solid #e8ecf3;border-radius:16px;padding:26px 28px}
.wks-fe .exempt b{display:block;font-size:15px;font-weight:800;color:#0f172a;margin-bottom:8px}
.wks-fe .exempt p{margin:0 0 16px;font-size:14.5px;line-height:1.8;color:#8a96a8}
.wks-fe .corps{display:block;margin:0 -9px -9px 0;font-size:0;line-height:0}
.wks-fe .corps span{display:inline-block;margin:0 9px 9px 0;font-size:13.5px;line-height:1.4;font-weight:600;color:#3d4b60;background:#f4f7fc;border:1px solid #e3e9f3;border-radius:8px;padding:8px 14px;white-space:nowrap;word-break:keep-all}
.wks-fe .pays{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:26px}
.wks-fe .pay{flex:1 1 340px;background:#fff;border:1px solid #e8ecf3;border-radius:16px;overflow:hidden}
.wks-fe .pay .ph{background:#f4f7fc;border-bottom:1px solid #e8ecf3;padding:18px 26px;display:flex;align-items:center;gap:12px}
.wks-fe .pay .ph i{font-style:normal;flex:0 0 30px;height:30px;border-radius:9px;background:#1e3a8a;color:#fff;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center}
.wks-fe .pay.o .ph i{background:#EA9125}
.wks-fe .pay .ph b{font-size:17px;font-weight:800;color:#0f172a}
.wks-fe .pay .pb{padding:24px 26px}
.wks-fe .pay dl{margin:0;display:flex;flex-wrap:wrap}
.wks-fe .pay dt{flex:0 0 130px;font-size:13.5px;font-weight:700;color:#8a96a8;padding:7px 0;letter-spacing:.02em}
.wks-fe .pay dd{flex:1 1 200px;margin:0;font-size:15.5px;line-height:1.7;color:#0f172a;padding:7px 0;font-weight:600;word-break:break-word}
.wks-fe .refund{display:flex;flex-wrap:wrap;gap:18px}
.wks-fe .rf{flex:1 1 300px;background:#fff;border:1px solid #e8ecf3;border-left:4px solid #1e3a8a;border-radius:12px;padding:24px 26px}
.wks-fe .rf.no{border-left-color:#c0392b}
.wks-fe .rf b{display:block;font-size:14px;font-weight:800;color:#8a96a8;margin-bottom:8px;letter-spacing:.03em}
.wks-fe .rf span{display:block;font-size:20px;font-weight:800;color:#1e3a8a;letter-spacing:-.01em}
.wks-fe .rf.no span{color:#c0392b}
.wks-fe .rf em{font-style:normal;display:block;font-size:14px;color:#8a96a8;margin-top:8px;line-height:1.7}
.wks-fe .note{display:flex;gap:16px;align-items:flex-start;background:linear-gradient(135deg,#fffaf1 0%,#fff 70%);border:1px solid #f3dfbf;border-left:4px solid #EA9125;border-radius:14px;padding:22px 26px;margin-bottom:52px}
.wks-fe .note em{font-style:normal;flex:0 0 auto;font-size:20px;line-height:1.3;color:#EA9125}
.wks-fe .note p{margin:0;font-size:15.5px;line-height:1.9;color:#5a6a80}
.wks-fe .note p b{color:#0f172a;font-weight:800}

/* ---------- 메인 (Home) ---------- */
.wks-home{max-width:1120px;margin:0 auto;padding:4px 0}
.wks-home .intro{text-align:center;max-width:760px;margin:0 auto}
.wks-home .intro .tag{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.14em;color:#b96f12;background:#fdf4e8;border:1px solid #f5dfbe;border-radius:999px;padding:8px 18px;margin-bottom:22px}
.wks-home .intro h2{margin:0 0 20px;font-size:32px;font-weight:800;color:#0f172a;line-height:1.5;letter-spacing:-.02em}
.wks-home .intro h2 b{color:#1e3a8a;font-weight:800}
.wks-home .intro p{margin:0;font-size:17px;line-height:2;color:#5a6a80}
.wks-home .feats{display:flex;flex-wrap:wrap;gap:22px;margin-top:8px}
.wks-home .ft{flex:1 1 250px;background:#fff;border:1px solid #e8ecf3;border-radius:16px;padding:32px 28px;position:relative;overflow:hidden;transition:.18s}
.wks-home .ft:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,#1e3a8a 0%,#EA9125 100%);opacity:0;transition:.18s}
.wks-home .ft:hover{border-color:#c3d2ee;box-shadow:0 14px 34px -18px rgba(30,58,138,.5);transform:translateY(-3px)}
.wks-home .ft:hover:before{opacity:1}
.wks-home .ft .ico{width:52px;height:52px;border-radius:14px;background-color:#f2f6fd;border:1px solid #dbe4f5;background-repeat:no-repeat;background-position:center;background-size:26px 26px;margin-bottom:20px}
.wks-home .ft.o .ico{background-color:#fdf4e8;border-color:#f5dfbe}
.wks-home .ft h3{margin:0 0 10px;font-size:18px;font-weight:800;color:#0f172a;letter-spacing:-.01em}
.wks-home .ft p{margin:0;font-size:15.5px;line-height:1.9;color:#5a6a80}
.wks-home .ft a{display:inline-block;margin-top:16px;font-size:14px;font-weight:800;color:#1e3a8a;text-decoration:none}
.wks-home .ft a:hover{text-decoration:underline}
.wks-home .f1{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e3a8a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6.6S9.5 5 6 5H3v13h3c3.5 0 6 1.6 6 1.6V6.6Z'/%3E%3Cpath d='M12 6.6S14.5 5 18 5h3v13h-3c-3.5 0-6 1.6-6 1.6V6.6Z'/%3E%3C/svg%3E")}
.wks-home .f2{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA9125' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.6'/%3E%3Cpath d='M4.5 20.5a7.5 7.5 0 0 1 15 0'/%3E%3Cpath d='m17.5 3.6 1 2 2.2.3-1.6 1.6.4 2.2-2-1.1-2 1.1.4-2.2-1.6-1.6 2.2-.3 1-2Z'/%3E%3C/svg%3E")}
.wks-home .f3{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e3a8a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M5 21V9.5L12 4l7 5.5V21'/%3E%3Cpath d='M9.5 21v-5.5h5V21'/%3E%3Cpath d='M12 4V1.8'/%3E%3C/svg%3E")}
.wks-home .f4{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA9125' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 21h8'/%3E%3Cpath d='M12 17v4'/%3E%3Cpath d='M7 3h10v5a5 5 0 0 1-10 0V3Z'/%3E%3Cpath d='M17 4.5h2.5a2.5 2.5 0 0 1 0 5H17M7 4.5H4.5a2.5 2.5 0 0 0 0 5H7'/%3E%3C/svg%3E")}
/* Block(배경색 지정된 것)에 라운드와 여백 부여 — block-content.blade.php 최상위 div */
.md-content > div[style*="background-color"]{border-radius:18px;padding:34px 36px !important;margin:16px 0 34px}
.md-content > div[style*="background-color"] > div{padding-left:0 !important;padding-right:0 !important}
.md-content > div[style*="background-color"] h2{letter-spacing:-.02em}

.wks-home .head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 0 4px}
.wks-home .head .t{flex:1 1 auto}
.wks-home .head .t i{font-style:normal;display:inline-block;font-size:12px;font-weight:800;letter-spacing:.14em;color:#b96f12;background:#fdf4e8;border:1px solid #f5dfbe;border-radius:999px;padding:7px 16px;margin-bottom:14px}
.wks-home .head .t h3{margin:0;font-size:25px;font-weight:800;color:#0f172a;letter-spacing:-.02em}
.wks-home .head .t p{margin:8px 0 0;font-size:15.5px;line-height:1.8;color:#8a96a8}
.wks-home .head a{flex:0 0 auto;font-size:14px;font-weight:800;color:#1e3a8a;text-decoration:none;border:1px solid #dbe4f5;border-radius:10px;padding:11px 20px;transition:.15s;white-space:nowrap}
.wks-home .head a:hover{background:#f2f6fd;border-color:#c3d2ee}
.wks-home .band{background:linear-gradient(135deg,#0f2557 0%,#1e3a8a 55%,#2f5bc4 100%);border-radius:18px;padding:44px 46px;color:#fff;position:relative;overflow:hidden;box-shadow:0 18px 40px -18px rgba(15,37,87,.55);display:flex;flex-wrap:wrap;align-items:center;gap:28px}
.wks-home .band:after{content:"";position:absolute;right:-70px;top:-70px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(234,145,37,.38) 0%,rgba(234,145,37,0) 70%)}
.wks-home .band .txt{flex:1 1 420px;position:relative;z-index:1}
.wks-home .band h3{margin:0 0 10px;font-size:25px;font-weight:800;color:#fff;letter-spacing:-.02em}
.wks-home .band p{margin:0;font-size:16px;line-height:1.85;color:#c7d7f7}
.wks-home .band .act{flex:0 0 auto;position:relative;z-index:1}
.wks-home .band .btn{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:800;color:#0f2557 !important;background:#fff;border-radius:12px;padding:16px 30px;text-decoration:none !important;transition:.15s}
.wks-home .band .btn:hover{background:#EA9125;color:#fff !important;transform:translateY(-1px);box-shadow:0 12px 26px -12px rgba(0,0,0,.5)}

/* ---------- FAQ ---------- */
.wks-q{max-width:900px;margin:0 auto;padding:4px 0 24px}
.wks-q .lbl{display:flex;align-items:center;gap:14px;margin:0 0 24px}
.wks-q .lbl i{font-style:normal;font-size:12px;font-weight:700;letter-spacing:.14em;color:#b96f12;background:#fdf4e8;border:1px solid #f5dfbe;border-radius:999px;padding:7px 16px}
.wks-q .lbl hr{flex:1;border:0;border-top:1px solid #e5e9f0;margin:0}
.wks-q .grp{margin-bottom:48px}
.wks-q details{background:#fff;border:1px solid #e8ecf3;border-radius:14px;margin-bottom:12px;overflow:hidden;transition:.18s}
.wks-q details[open]{border-color:#c3d2ee;box-shadow:0 10px 26px -16px rgba(30,58,138,.4)}
.wks-q summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;gap:14px;padding:20px 24px;font-size:16.5px;font-weight:700;color:#0f172a;line-height:1.6;transition:.15s}
.wks-q summary::-webkit-details-marker{display:none}
.wks-q summary:hover{background:#fbfcfe}
.wks-q summary:before{content:"Q";flex:0 0 28px;height:28px;border-radius:9px;background:#1e3a8a;color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:1px}
.wks-q details[open] summary:before{background:#EA9125}
.wks-q summary:after{content:"+";margin-left:auto;flex:0 0 auto;font-size:22px;font-weight:400;color:#a8b2c1;line-height:1;transition:.2s}
.wks-q details[open] summary:after{content:"−";color:#EA9125}
.wks-q .ans{padding:0 24px 22px 66px;font-size:16px;line-height:1.95;color:#5a6a80}
.wks-q .ans p{margin:0 0 12px}
.wks-q .ans p:last-child{margin:0}
.wks-q .ans strong{color:#0f172a;font-weight:700}
.wks-q .ans ul{margin:0 0 12px;padding-left:18px}
.wks-q .ans li{margin:4px 0}
.wks-q .ans a{color:#1e3a8a;font-weight:700;text-decoration:none}
.wks-q .ans a:hover{text-decoration:underline}
.wks-q .ans .box{background:#f8fafd;border:1px solid #e8ecf3;border-radius:10px;padding:16px 18px;margin:0 0 12px;font-size:15.5px;line-height:1.85}

/* ---------- 시간표 (Timetable) ---------- */
.wks-tt{max-width:1120px;margin:0 auto;padding:4px 0 24px}
.wks-tt .warn{display:flex;gap:18px;align-items:flex-start;background:linear-gradient(135deg,#fef4f4 0%,#fff 70%);border:1px solid #f7dcdc;border-left:4px solid #c0392b;border-radius:14px;padding:26px 28px;margin-bottom:48px}
.wks-tt .warn .ic{flex:0 0 40px;height:40px;border-radius:11px;background:#fdecec;border:1px solid #f7dcdc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c0392b' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.2 1.8 20.8h20.4L12 3.2Z'/%3E%3Cpath d='M12 9.6v4.6'/%3E%3Cpath d='M12 17.4h.01'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:22px 22px}
.wks-tt .warn b{display:block;font-size:16px;font-weight:800;color:#a5281a;margin-bottom:9px}
.wks-tt .warn p{margin:0;font-size:15.5px;line-height:1.95;color:#6b5350}
.wks-tt .sched{background:#fff;border:1px solid #e8ecf3;border-radius:16px;overflow:hidden}
.wks-tt .hd{display:flex;background:linear-gradient(135deg,#0f2557 0%,#1e3a8a 100%);padding:16px 26px}
.wks-tt .hd span{font-size:13px;font-weight:800;letter-spacing:.1em;color:#fff}
.wks-tt .hd .c1{flex:1 1 40%}
.wks-tt .hd .c2{flex:1 1 40%;text-align:center}
.wks-tt .hd .c3{flex:0 0 90px;text-align:center;color:#a9c2ec}
.wks-tt .r{display:flex;align-items:center;padding:16px 26px;border-bottom:1px solid #f1f4f9;transition:.15s}
.wks-tt .r:last-child{border-bottom:0}
.wks-tt .r:hover{background:#fbfcfe}
.wks-tt .r .c1{flex:1 1 40%;display:flex;align-items:center;gap:12px}
.wks-tt .r .c1 i{font-style:normal;flex:0 0 30px;height:30px;border-radius:9px;background:#f2f6fd;border:1px solid #dbe4f5;color:#1e3a8a;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}
.wks-tt .r .c1 b{font-size:16px;font-weight:700;color:#0f172a;letter-spacing:.01em}
.wks-tt .r .c2{flex:1 1 40%;text-align:center;font-size:16px;color:#3d4b60;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.wks-tt .r .c3{flex:0 0 90px;text-align:center;font-size:14px;color:#a8b2c1}
.wks-tt .r.gray{background:#f8fafd}
.wks-tt .r.gray:hover{background:#f4f7fc}
.wks-tt .r.gray .c1 i{background:#fdf4e8;border-color:#f5dfbe;color:#b96f12;font-size:15px}
.wks-tt .note{margin:26px 0 0;font-size:14px;color:#8a96a8;line-height:1.8}

/* ---------- 모바일 (640px 이하) ---------- */
@media(max-width:640px){
.md-content > div[style*="background-color"]{padding:26px 22px !important;border-radius:14px;margin:12px 0 26px}
.wks-home .intro h2{font-size:24px}
.wks-home .intro p{font-size:15.5px}
.wks-home .ft{padding:26px 22px}
.wks-home .head .t h3{font-size:21px}
.wks-home .head a{width:100%;text-align:center}
.wks-home .band{padding:30px 24px;gap:20px}
.wks-home .band h3{font-size:21px}
.wks-home .band .btn{width:100%;justify-content:center}
.wks-q summary{padding:17px 18px;font-size:15.5px;gap:11px}
.wks-q .ans{padding:0 18px 18px 18px;font-size:15.5px}
.wks-fe .due{padding:22px 22px}
.wks-fe .due span{font-size:27px}
.wks-fe .exempt{padding:22px 22px}
.wks-fe .pay .pb{padding:20px 22px}
.wks-fe .pay dt{flex:1 1 100%;padding-bottom:0}
.wks-fe .pay dd{flex:1 1 100%;padding-top:2px}
.wks-fe .rf{padding:20px 22px}
.wks-rg .hero{padding:32px 24px}
.wks-rg .hero h2{font-size:23px}
.wks-rg .step{padding:24px 22px}
.wks-rg .p1 .pb{padding:20px 22px}
.wks-rg .p1 .pb .d{font-size:17px}
.wks-rg .ic{padding:20px 22px}
.wks-tt .warn{padding:20px 20px;gap:13px}
.wks-tt .warn p{font-size:14.5px}
.wks-tt .hd,.wks-tt .r{padding:13px 16px}
.wks-tt .hd .c3,.wks-tt .r .c3{display:none}
.wks-tt .r .c1 b{font-size:15px}
.wks-tt .r .c2{font-size:14.5px}
.wks-a .wk{padding:12px 18px;gap:10px}
.wks-a .wk .dt{flex:0 0 48px;font-size:13.5px}
.wks-a .wk .ev{font-size:14.5px}
.wks-a .th{padding:18px 20px}
.wks-a .off{padding:11px 18px;font-size:13.5px}
.wks-h .hero{padding:32px 24px}
.wks-h .hero h2{font-size:24px}
.wks-h .row{gap:14px;padding-left:22px}
.wks-h .yr{flex:0 0 54px;font-size:18px}
.wks-h .bd{padding:15px 17px}
.wks-g .quote{padding:32px 26px 34px}
.wks-g .quote i{font-size:40px}
.wks-g .quote p{font-size:18px}
.wks-g .person{gap:28px}
.wks-g .aside{flex:1 1 100%;max-width:220px}
.wks-g .body .lead{font-size:19px}
.wks-r .note{padding:20px 20px;gap:12px}
.wks-r .note p{font-size:15.5px}
.wks-r .item{padding:20px 20px}
.wks-o .card{padding:24px 20px}
.wks-o .intro{margin-bottom:36px}
.wks-e .band{padding:30px 24px}
.wks-e .sem{padding:22px 20px}
.wks-s .card{padding:26px 22px}
.wks-s .n{font-size:28px;right:18px;top:18px}
.wks-m .place{padding:24px 22px}
.wks-m .way{padding:22px 20px}
.wks-t .t{max-width:none;padding:18px 20px}
.wks-t .sj{padding:20px 22px}
.wks-c .plan{padding:18px 14px}
.wks-c .sc{padding:20px 22px}
}