@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;600&family=IBM+Plex+Mono:wght@400;500&display=swap");
:root{
--blue:#1C4B85; --blue-2:#2E64A8; --blue-soft:#EAF1F8; --mint:#34776A; --mint-soft:#E8F3F0;
--paper:#F7F8F7; --card:#FFFFFF; --ink:#1E2430; --ink-2:#3E4757; --ink-3:#5E6878;
--rule:#E3E7EA;
}
.cl-l4 *:not(:where(#wpadminbar, #wpadminbar *)){margin:0;padding:0;box-sizing:border-box}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body.cl-l4{background:var(--paper);color:var(--ink);font-family:'Pretendard',-apple-system,sans-serif;
line-height:1.75;word-break:keep-all;-webkit-font-smoothing:antialiased}
.cl-l4 img{max-width:100%;display:block}
.cl-l4 .wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.cl-l4 .serif{font-family:'Noto Serif KR',serif} .cl-l4 .top{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);
border-bottom:1px solid var(--rule)}
.cl-l4 .top .wrap{display:flex;align-items:center;gap:30px;height:72px} .cl-l4 .bi{display:flex;align-items:center;gap:10px;font-weight:800;font-size:24px;letter-spacing:-.02em;
color:inherit;text-decoration:none}
.cl-l4 .bi .mk{width:34px;height:34px;border-radius:10px;background:var(--blue);color:#fff;
display:grid;place-items:center;font-family:'Noto Serif KR',serif;font-size:17px} .cl-l4 .gnb{display:flex;gap:26px;margin-left:8px}
.cl-l4 .gnb a{text-decoration:none;color:var(--ink-2);font-weight:600;font-size:15.5px}
.cl-l4 .gnb a:hover{color:var(--blue)}
.cl-l4 .top .book{margin-left:auto;background:var(--blue);color:#fff;text-decoration:none;
font-weight:700;font-size:14.5px;padding:11px 20px;border-radius:999px} .cl-l4 .hero{position:relative;overflow:hidden;background:#233042}
.cl-l4 .hero .bg{position:absolute;inset:0; background-position:center 30%; background-size:cover;
background-repeat:no-repeat; background-color:#1a1a18;
opacity:.9}
.cl-l4 .hero .veil{position:absolute;inset:0; background:linear-gradient(100deg,rgba(18,28,44,.88) 8%,rgba(18,28,44,.74) 46%,rgba(18,28,44,.30) 92%)}
.cl-l4 .hero .wrap{position:relative;padding:130px 24px 150px;color:#fff}
.cl-l4 .hero .kick{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;
letter-spacing:.04em;background:#1B2740;border:1px solid rgba(255,255,255,.32)  ;
padding:8px 16px;border-radius:999px;margin-bottom:26px}
.cl-l4 .hero h1{font-family:'Noto Serif KR',serif;font-weight:600;font-size:44px;line-height:1.5;
letter-spacing:-.01em;text-shadow:0 2px 16px rgba(10,18,30,.4)}
.cl-l4 .hero h1 i{font-style:normal;color:#A8D8C9}
.cl-l4 .hero .d{margin-top:20px;font-size:17px;color:#D8E2EC;max-width:46ch}
.cl-l4 .hero .ctas{display:flex;gap:12px;margin-top:38px;flex-wrap:wrap}
.cl-l4 .hero .b1{background:#fff;color:var(--blue);font-weight:800;font-size:16px;
padding:15px 28px;border-radius:10px;text-decoration:none}
.cl-l4 .hero .b2{border:1px solid rgba(255,255,255,.5);color:#fff;font-weight:600;font-size:16px;
padding:15px 26px;border-radius:10px;text-decoration:none} .cl-l4 .hero .curve{position:absolute;left:-6%;right:-6%;bottom:-2px;height:76px;
background:var(--paper);border-radius:100% 100% 0 0} .cl-l4 .mission{padding:96px 0 110px}
.cl-l4 .mission .lb{font-family:'IBM Plex Mono',monospace;font-size:12.5px;letter-spacing:.28em;
color:var(--mint);font-weight:500;margin-bottom:18px}
.cl-l4 .mission h2{font-family:'Noto Serif KR',serif;font-weight:600;font-size:36px;line-height:1.55;
letter-spacing:-.01em;max-width:22em}
.cl-l4 .mission h2 i{font-style:normal;color:var(--blue)}
.cl-l4 .mission .d{margin-top:22px;color:var(--ink-3);font-size:16.5px;max-width:60ch}
.cl-l4 .mission .ovals{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:64px}
.cl-l4 .mission .ov{border-radius:999px;overflow:hidden;aspect-ratio:3/4}
.cl-l4 .mission .ov img{width:100%;height:100%;object-fit:cover}
.cl-l4 .mission .ov:nth-child(2){transform:translateY(30px)}
.cl-l4 .mission .cap{margin-top:52px;display:flex;gap:34px;justify-content:center;flex-wrap:wrap;
font-size:14.5px;color:var(--ink-3)}
.cl-l4 .mission .cap b{color:var(--mint);font-weight:800;margin-right:6px} .cl-l4 .dept{background:var(--blue-soft);border-radius:56px 56px 0 0;padding:96px 0 104px}
.cl-l4 .sec-lb{text-align:center;font-family:'IBM Plex Mono',monospace;font-size:12.5px;
letter-spacing:.28em;color:var(--blue-2);font-weight:500}
.cl-l4 .sec-t{text-align:center;font-family:'Noto Serif KR',serif;font-weight:600;font-size:33px;
letter-spacing:-.01em;margin:12px 0 10px}
.cl-l4 .sec-d{text-align:center;color:var(--ink-3);font-size:15.5px;max-width:54ch;margin:0 auto}
.cl-l4 .dept .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px}
.cl-l4 .dcard{background:var(--card);border:1px solid #D9E3EE;border-radius:18px;padding:30px 28px;
transition:transform .18s,box-shadow .18s}
.cl-l4 .dcard:hover{transform:translateY(-3px);box-shadow:0 18px 40px -18px rgba(28,75,133,.25)}
.cl-l4 .dcard .ic{width:48px;height:48px;border-radius:10px;background:var(--blue-soft);color:var(--blue);
display:grid;place-items:center;font-family:'Noto Serif KR',serif;font-size:21px;font-weight:600;margin-bottom:18px}
.cl-l4 .dcard h3{font-size:19.5px;font-weight:800;margin-bottom:8px}
.cl-l4 .dcard p{font-size:14.5px;color:var(--ink-3);line-height:1.65}
.cl-l4 .dcard a{display:inline-flex;margin-top:16px;font-size:13.5px;font-weight:700;color:var(--blue);
text-decoration:none} .cl-l4 .crew{padding:96px 0}
.cl-l4 .crew .grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:52px}
.cl-l4 .pcard{display:flex;gap:24px;align-items:center;background:var(--card);border:1px solid var(--rule);
border-radius:18px;padding:28px}
.cl-l4 .pcard .av{flex:0 0 96px;height:96px;border-radius:50%;background:var(--blue);color:#DCE8F5;
display:grid;place-items:center;font-family:'Noto Serif KR',serif;font-size:30px;font-weight:600}
.cl-l4 .pcard.alt .av{background:var(--mint)}
.cl-l4 .pcard .role{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.22em;color:var(--mint)}
.cl-l4 .pcard h3{font-size:20px;font-weight:800;margin:4px 0 8px}
.cl-l4 .pcard p{font-size:14px;color:var(--ink-3);line-height:1.6} .cl-l4 .pcard .cert{font-size:14px;color:var(--ink-2,#3d4a5c);font-weight:600;margin:0 0 4px} .cl-l4 .time{background:var(--blue);border-radius:56px 56px 0 0;padding:96px 0 110px;color:#EAF1F8}
.cl-l4 .time .sec-lb{color:#9DBFE4}
.cl-l4 .time .sec-t{color:#fff}
.cl-l4 .time .sec-d{color:#C2D4E8}
.cl-l4 .time .box{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-top:52px}
.cl-l4 .time .card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);
border-radius:18px;padding:30px 32px}
.cl-l4 .time h3{font-size:17.5px;font-weight:800;color:#CFE0F2;margin-bottom:16px}
.cl-l4 .trow{display:flex;gap:14px;padding:10px 0;border-top:1px solid rgba(255,255,255,.13);font-size:15.5px}
.cl-l4 .trow b{flex:0 0 108px;color:#9DBFE4;font-weight:700}
.cl-l4 .trow.hl span{color:#A8D8C9;font-weight:700}
.cl-l4 .time .call{margin-top:22px;display:flex;flex-direction:column;gap:10px}
.cl-l4 .time .call a{display:flex;align-items:center;justify-content:center;gap:9px;height:56px;
border-radius:10px;text-decoration:none;font-weight:800;font-size:16.5px}
.cl-l4 .time .call .c1{background:#fff;color:var(--blue)}
.cl-l4 .time .call .c2{background:#FEE500;color:#191919}
.cl-l4 .time .note{margin-top:16px;font-size:13px;color:#A9BFD8;text-align:center} .cl-l4 .visit{padding:96px 0 110px}
.cl-l4 .visit .box{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;margin-top:52px}
.cl-l4 .visit .map{border-radius:18px;min-height:320px;background:#E8ECEF;display:grid;place-items:center;overflow:hidden}
.cl-l4 .visit .map svg{width:100%;height:100%;min-height:320px}
.cl-l4 .visit .card{background:var(--card);border:1px solid var(--rule);border-radius:18px;padding:30px}
.cl-l4 .visit h3{font-size:17px;font-weight:800;margin-bottom:14px}
.cl-l4 .vrow{display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--rule);font-size:15px}
.cl-l4 .vrow b{flex:0 0 84px;color:var(--blue-2);font-weight:700}
.cl-l4 .vrow span{color:var(--ink-2)} .cl-l4 footer{background:#233042;color:#93A1B5;font-size:13px;padding:44px 0 120px;line-height:1.9}
.cl-l4 footer b{color:#C6D2E2} .cl-l4 .quick{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:55;
display:flex;flex-direction:column;background:var(--blue);border-radius:999px;
padding:10px 8px;box-shadow:0 14px 34px -12px rgba(28,75,133,.5)}
.cl-l4 .quick a{display:flex;flex-direction:column;align-items:center;gap:3px;color:#D5E3F3;
text-decoration:none;font-size:10.5px;font-weight:700;padding:11px 8px;border-radius:999px}
.cl-l4 .quick a:hover{background:rgba(255,255,255,.12);color:#fff}
.cl-l4 .quick a i{font-style:normal;font-size:17px}
.cl-l4 .quick .sep{height:1px;background:rgba(255,255,255,.18);margin:2px 8px} .cl-l4 .dock{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;
border-top:1px solid var(--rule);box-shadow:0 -10px 30px -12px rgba(20,30,45,.22)}
.cl-l4 .dock a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;height:62px;
text-decoration:none;font-weight:800;font-size:15.5px}
.cl-l4 .dock .call{background:#fff;color:var(--ink)}
.cl-l4 .dock .book{background:var(--blue);color:#fff}
@media(max-width:1023px){.cl-l4 .quick{display:none} }
@media(max-width:767px){.cl-l4 .gnb{display:none}
.cl-l4 .top .book{font-size:13.5px;padding:10px 16px}
.cl-l4 .hero .wrap{padding:88px 24px 110px}
.cl-l4 .hero h1{font-size:30px}
.cl-l4 .mission{padding:70px 0 80px}
.cl-l4 .mission h2{font-size:27px}
.cl-l4 .mission .ovals{gap:12px}
.cl-l4 .mission .ov:nth-child(2){transform:translateY(16px)}
.cl-l4 .dept, .cl-l4 .time{border-radius:32px 32px 0 0;padding:70px 0 78px}
.cl-l4 .sec-t{font-size:26px}
.cl-l4 .dept .grid{grid-template-columns:1fr}
.cl-l4 .crew{padding:70px 0}
.cl-l4 .crew .grid{grid-template-columns:1fr}
.cl-l4 .time .box, .cl-l4 .visit .box{grid-template-columns:1fr}
.cl-l4 .visit{padding:70px 0 84px}
.cl-l4 .visit .map{min-height:220px}
.cl-l4 footer{padding-bottom:104px}
.cl-l4 .dock{display:flex}
} .cl-l4 section{display:block;}
.cl-l4 .wrap{min-width:0;} .cl-l4 .crew .av{overflow:hidden; padding:0;}
.cl-l4 .crew .av img{width:100%; height:100%; object-fit:cover; object-position:center 18%;} .cl-l4 footer .disc{margin-top:12px; font-size:13px; line-height:1.8; opacity:.9;} .cl-l4 .cl-warn{margin:0; padding:14px 16px; font-size:14px; line-height:1.7;
color:#7A2E22; background:#FCEDE9; border-left:3px solid #C9553D; border-radius:0 8px 8px 0;} .cl-l4 .demo-note{margin:0 0 14px; padding:11px 13px; font-size:14px; line-height:1.7;
color:#7A2E22; background:#FCEDE9; border-left:3px solid #C9553D; border-radius:0 8px 8px 0;} .cl-l4 .bi .cl-kind{font-size:.5em; font-weight:600; margin-left:.15em; letter-spacing:0;} .cl-l4 .np{max-width:1120px;margin:0 auto;padding:40px 24px 72px}
.cl-l4 .np-lead{font-size:16.5px;color:var(--ink-2);margin-bottom:22px}
.cl-l4 .np-block{margin:0 0 34px}
.cl-l4 .np-block h3{font-family:'Noto Serif KR',serif;font-size:21px;color:var(--ink);
margin:0 0 12px;padding-left:12px;border-left:4px solid var(--blue)}
.cl-l4 .np-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;
border:1px solid var(--rule);border-radius:10px;background:var(--card)}
.cl-l4 .np-tbl{border-collapse:collapse;width:100%;min-width:640px;font-size:14.5px}
.cl-l4 .np-cap{text-align:left;padding:12px 16px;font-size:13.5px;color:var(--ink-3);
border-bottom:1px solid var(--rule)}
.cl-l4 .np-tbl th{background:var(--blue-soft);color:var(--blue);font-weight:700;font-size:13.5px;
padding:11px 12px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--rule)}
.cl-l4 .np-tbl td{padding:11px 12px;border-bottom:1px solid var(--rule);color:var(--ink-2);
vertical-align:top}
.cl-l4 .np-tbl tr:last-child td{border-bottom:0} .cl-l4 .np-tbl .np-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.cl-l4 .np-tbl .np-ox{text-align:center;font-family:'IBM Plex Mono',monospace}
.cl-l4 .np-tbl .np-empty{color:var(--ink-3);text-align:center;padding:26px 12px}
.cl-l4 .np-scroll{display:none}
@media(max-width:768px){ .cl-l4 .np-scroll{display:block;margin:0 0 7px;font-size:13px;color:var(--ink-3)} }
.cl-l4 .np-note{margin-top:24px;font-size:14px;line-height:1.9;color:var(--ink-3)} .cl-l4 .np-warn{margin:0 0 22px;padding:14px 16px;font-size:14.5px;line-height:1.75;
color:#7A2E22;background:#FCEDE9;border-left:3px solid #C9553D;border-radius:0 10px 10px 0} .cl-l4 .np-demo{margin:0 0 10px;padding:9px 13px;font-size:13.5px;
color:#7A5B12;background:#FDF4DF;border-left:3px solid #DBA617;border-radius:0 10px 10px 0}
.cl-l4 footer .npay-link{margin-top:14px}
.cl-l4 footer .npay-link a{color:inherit;text-decoration:underline;text-underline-offset:3px;font-size:14.5px}
@media(max-width:768px){
.cl-l4 .np{padding:28px 18px 56px}
.cl-l4 .np-block h3{font-size:19px}
.cl-l4 .np-tbl{font-size:14px} .cl-l4 .np-tbl th{font-size:13px}
} body.cl-npay article > h1{display:none} .cl-l4 .np-h1{font-family:'Noto Serif KR',serif;font-size:30px;line-height:1.35;
color:var(--ink);margin:0 0 8px;letter-spacing:-.02em}
.cl-l4 .np{padding-top:34px}
@media(max-width:768px){ .cl-l4 .np-h1{font-size:24px} } .cl-l4 .hero .kick{align-self:flex-start;width:fit-content;max-width:100%}