*{box-sizing:border-box}body{margin:0;color:#263d35;background:#fff;font:15px/1.8 Arial,"Noto Sans KR",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%}header{border-bottom:1px solid #e4ebe5;background:white;position:sticky;top:0;z-index:10}.top{max-width:1390px;margin:auto;padding:19px 25px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;line-height:1.35;font-size:18px}.brand small{display:block;font-size:10px;letter-spacing:1px;color:#628674}.logo{width:43px;height:43px;border-radius:12px;background:#0f766e;color:white;display:grid;place-items:center;font-size:30px}.topnav{display:flex;margin-left:auto;gap:24px;font-size:14px;font-weight:700}.topnav a:hover{color:#0f766e}.button,.secondary{display:inline-flex;gap:17px;align-items:center;padding:10px 19px;background:#0f766e;color:white;border:0;border-radius:5px;font-weight:700;margin:6px 8px 6px 0;font-size:14px}.secondary{background:#edf4ec;color:#285b47}.layout{max-width:1390px;margin:auto;display:grid;grid-template-columns:210px 1fr;gap:37px;padding:33px 25px 60px}aside{font-size:13px}aside h3{background:#1d7653;color:white;margin:0;padding:13px 16px;font-size:17px}aside details{border-bottom:1px solid #e0e9df;padding:10px 0}aside summary{font-weight:700;padding:5px 12px;cursor:pointer}aside a{display:block;padding:5px 15px;color:#617168}aside a.selected{background:#edf5e7;color:#1c7653;font-weight:800}aside .asidebox{background:#f0f5eb;border-radius:7px;padding:17px;margin-top:25px}.crumb{color:#819084;font-size:12px;margin-bottom:16px}.pagehead{border-radius:10px;background:linear-gradient(120deg,#edf4e8,#f8f9f2);padding:27px 32px;margin-bottom:28px}.pagehead h1{font-size:31px;margin:3px 0;letter-spacing:-1px}.pagehead p{margin:0;color:#647967;font-size:14px}.tag{font-size:12px;font-weight:800;letter-spacing:1px;color:#247958}h2{font-size:28px;line-height:1.4;letter-spacing:-1px}h3{font-size:19px;margin:5px 0 10px}p{color:#607367}section{margin:42px 0}.sectionhead{display:flex;justify-content:space-between;align-items:center}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:33px;align-items:center;background:#edf4e8;padding:35px;border-radius:12px}.hero h1{font-size:39px;line-height:1.35;letter-spacing:-2px}.hero p{font-size:15px}.hero figure{background:white}.hero img{max-height:390px;object-fit:contain}.actions{display:flex;flex-wrap:wrap}.quick{display:grid;grid-template-columns:repeat(5,1fr);margin-top:20px;border:1px solid #dfe8dd;border-radius:8px}.quick a{padding:20px 14px;border-right:1px solid #e4ebe0;display:flex;flex-direction:column}.quick a:last-child{border:0}.quick small{color:#4d986b}.quick b{font-size:14px}.quick span{color:#0f766e}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:23px;margin:28px 0}figure{margin:0;border:1px solid #dfe7dd;border-radius:9px;overflow:hidden;background:#fff}.photo{display:block;border:0;padding:0;width:100%;background:#edf1e8;cursor:zoom-in}.photo img{display:block;width:100%;height:280px;object-fit:contain;margin:auto}figcaption{padding:14px 17px}figcaption b{display:block;font-size:15px}figcaption small{font-size:12px;color:#7c8d7f}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:25px 0}.card,.box{border:1px solid #e0e8dc;border-radius:8px;padding:24px;background:white}.card:hover{border-color:#0f766e;background:#f7faf4}.card p,.box p{margin-bottom:0}.arrow{display:block;color:#0f766e;margin-top:19px;font-size:13px}.box{margin:20px 0}.cards .box{margin:0}.feature{background:#0f6759;color:white;padding:35px;border-radius:9px}.feature p{color:#d7e7db}.feature .button{background:#d4ebad;color:#184f39}.feature .tag{color:#c7e8ae}.notice{background:#f3f6ed;border-left:3px solid #93af69;padding:15px 20px;color:#667458;font-size:13px;margin:24px 0}.letter{max-width:790px;margin:auto;padding:25px}.letter p{margin:23px 0;font-size:16px;line-height:2}.signature{text-align:right}.timeline>div{border-left:2px solid #b7d4b0;padding:8px 30px 25px;position:relative}.timeline b{color:#0f766e}.document{max-width:700px;margin:auto}.document img{height:auto;max-height:1000px}.curriculum{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:25px 0}.curriculum>div{padding:20px;background:#f0f5ea;border-radius:8px}.curriculum span{font-size:27px;color:#72a876}.curriculum h3{font-size:16px}.curriculum p{font-size:13px}.list a{display:flex;gap:20px;align-items:center;padding:20px;border-bottom:1px solid #e4ebdf}.list span{color:#0f766e;font-size:12px;min-width:60px}.list small{margin-left:auto;white-space:nowrap}.empty{text-align:center;background:#f7f9f2;padding:60px 20px;border:1px dashed #cad7c4;border-radius:9px}main details{padding:20px;border-bottom:1px solid #dfe8dd}main summary{cursor:pointer;font-weight:700}main details p{font-size:14px}.filters{display:flex;gap:8px;margin:20px 0}.filters button{background:white;border:1px solid #d6e2d3;border-radius:25px;padding:7px 20px}.filters .active{background:#0f766e;color:white}.hidden{display:none!important}.search{display:flex;gap:8px;margin:20px 0}.search input{width:100%;padding:10px 15px;border:1px solid #d4dfd0;border-radius:5px;font:inherit}.searchstatus{font-size:13px;color:#64846a}footer{background:#f1f4ec;border-top:1px solid #dbe4d7;padding:30px 25px;color:#69796a;font-size:12px}.foot{max-width:1340px;margin:auto}.foot b{font-size:16px;color:#284a38}.footnav{display:flex;gap:20px;flex-wrap:wrap;margin:13px 0}.foot p{margin:4px 0}dialog{border:0;border-radius:10px;width:min(1100px,95vw);padding:20px;color:#2d4938}dialog::backdrop{background:#112c24c9}dialog img{width:100%;max-height:80vh;object-fit:contain}dialog .close{float:right;background:#edf4e7;border:0;width:35px;height:35px;border-radius:50%}.menu{display:none}.quizhead{display:flex;justify-content:space-between;background:#e9f2e4;padding:15px 22px}.question{padding:20px;border-bottom:1px solid #dce6d6}.question label{display:block;cursor:pointer;padding:6px}.question input{margin-right:10px}#result{padding:20px;color:#0f766e;font-weight:700}ul{padding-left:20px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #79ae81;outline-offset:3px}@media(max-width:1000px){.topnav{gap:13px;font-size:12px}.brand{font-size:15px}.layout{grid-template-columns:180px 1fr;gap:20px}.hero{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.curriculum{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:34px}}@media(max-width:700px){.top{padding:15px 18px;flex-wrap:wrap}.menu{display:block;margin-left:auto;border:0;background:#edf4e8;padding:7px 11px}.topnav{display:none;width:100%;flex-wrap:wrap;margin:0;padding-top:12px}.topnav.open{display:flex}.layout{display:block;padding:20px 18px}.layout aside{display:none}.pagehead{padding:20px}.pagehead h1{font-size:25px}.hero{padding:23px}.hero h1{font-size:30px}.gallery,.cards{grid-template-columns:1fr}.photo img{height:auto;max-height:450px}.quick{grid-template-columns:repeat(3,1fr)}.quick a{padding:12px}.sectionhead{display:block}.feature{padding:25px}.list a{display:block;padding:15px}.list b{display:block}.list small{margin:0}.letter{padding:10px}.curriculum{gap:8px}.curriculum>div{padding:14px}.footnav{gap:12px}h2{font-size:24px}}
/* Photographic program presentation */
.logo,.footer-logo{display:inline-block;flex:none;width:57px;height:61px;border-radius:0;background:white none no-repeat;background-size:1228.8px 819.2px;background-position:-21.6px -12.8px;color:transparent}.footer-logo{float:left;margin-right:15px}.coursevisual{margin:25px 0}.coursevisual .photo img{height:auto;width:100%;max-height:560px;object-fit:cover}.pagevisual .photo img{height:250px;object-fit:cover}.pagevisual figcaption{padding:9px 15px}.hero .coursevisual{margin:0}.hero .photo img{height:420px;object-fit:cover}.cardvisual{width:calc(100% + 48px);max-width:none;height:180px;object-fit:cover;margin:-24px -24px 7px;display:block;border-radius:8px 8px 0 0}.ai-label{display:block;font-size:10px;color:#80927e;margin-bottom:13px}.programgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.programgrid>a{border:1px solid #dfe9dc;border-radius:9px;overflow:hidden;background:white}.programgrid img{display:block;width:100%;height:210px;object-fit:cover}.programgrid> a>div{padding:18px}.programgrid p{font-size:13px}.programgrid span{font-weight:bold;color:#0f766e}.programgrid small{display:block;color:#81947e;font-size:10px;margin-top:8px}.learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.learning-grid>div{border-top:3px solid #8cba85;padding:20px;background:#f2f6ed}.learning-grid span{color:#65916a}.hero{grid-template-columns:.85fr 1.15fr}.topnav{gap:16px}.pagehead{margin-bottom:20px}.cards .card{overflow:hidden}aside .asidebox{background:linear-gradient(150deg,#dfeddb,#f8faf3)}@media(max-width:1000px){.hero{grid-template-columns:1fr}.programgrid{grid-template-columns:repeat(2,1fr)}.topnav{gap:9px}}@media(max-width:700px){.hero .photo img{height:300px}.programgrid{grid-template-columns:1fr 1fr;gap:12px}.programgrid img{height:155px}.programgrid>a>div{padding:13px}.programgrid h3{font-size:16px}.learning-grid{grid-template-columns:1fr}.pagevisual .photo img{height:210px}.logo{width:48px;height:54px;background-size:1075.2px 716.8px;background-position:-18.9px -11.2px}.brand{font-size:14px}.hero h1{font-size:31px}}@media(max-width:420px){.programgrid{grid-template-columns:1fr}.programgrid img{height:210px}}
.logo,.footer-logo{background:none!important;width:56px;height:64px;display:inline-flex;align-items:center;justify-content:center;overflow:visible}.logo img,.footer-logo img{width:100%;height:100%;object-fit:contain;image-rendering:auto}.chairwoman{float:right;width:260px;margin:0 0 25px 35px}.chairwoman figure{border:0;background:#f4f5ef;border-radius:14px}.chairwoman img{display:block;width:100%;height:330px;object-fit:cover;object-position:center top}.chairwoman figcaption{text-align:center}.letter{max-width:900px}.letter:after{content:"";display:block;clear:both}.pagevisual .photo img{object-fit:contain;height:320px;background:#f0f4eb}@media(max-width:700px){.chairwoman{float:none;width:240px;margin:0 auto 28px}.chairwoman img{height:310px}.logo{width:45px;height:55px}.pagevisual .photo img{height:auto;max-height:340px}}
/* User supplied original logo and unmodified chairwoman photograph */
.logo,.footer-logo{width:155px;height:80px;position:relative;overflow:hidden;display:block;background:none!important;flex:none}.logo img,.footer-logo img{position:absolute;width:196px!important;height:176px!important;max-width:none;left:-14px;top:-48px;object-fit:fill}.footer-logo{float:left;margin-right:22px}.chairwoman{width:165px;margin-left:28px}.chairwoman img{height:auto!important;width:100%;object-fit:contain;background:#f0f3eb}.chairwoman figure{padding:12px;border:1px solid #dfe7db;background:#f1f5eb}.chairwoman figcaption{padding:15px 0}.top{gap:15px}.topnav{gap:12px;font-size:12px}.brand{font-size:16px}@media(max-width:1000px){.topnav{flex-wrap:wrap}.top{flex-wrap:wrap}.brand{font-size:15px}}@media(max-width:700px){.logo{width:108px;height:60px}.logo img{width:142px!important;height:127px!important;left:-10px;top:-33px}.brand{font-size:12px}.chairwoman{float:none;width:150px;margin:0 auto 25px}}
/* Revision: service screens, full photos and clean original logo */
.logo,.footer-logo{width:190px;height:96px;background:transparent!important}.logo img,.footer-logo img{width:230px!important;height:206px!important;left:-15px;top:-60px;filter:brightness(1.11);mix-blend-mode:multiply}.brand{font-size:15px}.top{flex-wrap:wrap}.topnav{flex-wrap:wrap}.fullframe .photo img{width:100%;height:auto!important;max-height:none!important;object-fit:contain!important}.hero{grid-template-columns:1fr 360px}.shorts{max-width:320px;margin:auto}.shorts video{display:block;width:100%;max-height:570px;aspect-ratio:9/16;background:#173e34;border-radius:16px;object-fit:contain}.shorts p{font-size:12px;text-align:center}.mapframe{width:100%;height:430px;border:1px solid #dce5d8;border-radius:12px}.mapnote{font-size:12px}.serviceintro{margin:25px 0}.serviceintro h2{margin-top:10px}form{background:#fbfcf8;border:1px solid #dde7d8;border-radius:12px;padding:25px}fieldset{border:0;border-bottom:1px solid #dce5d8;margin:0 0 22px;padding:0 0 22px}legend{font-size:18px;font-weight:700;margin-bottom:14px}label{display:block}input:not([type=radio]),select,textarea{display:block;width:100%;padding:12px 14px;border:1px solid #cadbc6;border-radius:6px;font:inherit;margin:8px 0 18px;color:#284537;background:white}input[type=radio]{accent-color:#0f766e;width:18px;height:18px;vertical-align:middle;margin-right:8px}.optionrow{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.optionrow label{padding:12px 16px;border:1px solid #ccdcca;border-radius:8px;background:white}.optionrow label:has(input:checked){background:#e9f2e2;border-color:#0f766e}.amountpick{border:1px solid #cadbc6;background:white;padding:8px 17px;border-radius:6px}.plansummary{padding:22px;background:#eaf3e3;border-radius:9px}.plansummary b{display:block;font-size:20px}form small{color:#7d8b77;display:block}.tablewrap{overflow-x:auto;margin:25px 0}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:15px;border-bottom:1px solid #dce5d8;text-align:left}th{background:#eaf2e3;color:#315c40}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stats>div{background:#eff5e9;padding:22px;border-radius:9px}.stats small{display:block;color:#758c6f}.stats b{font-size:19px}.samplebadge{display:inline-block;background:#f8edcb;padding:5px 15px;color:#886322;border-radius:20px;font-size:12px}.membercard{position:relative;max-width:650px;overflow:hidden;background:linear-gradient(135deg,#edf5e9,#cee5c5);border:1px solid #c3d9bb;border-radius:18px;padding:34px;margin:30px auto}.membercard h3{font-size:20px}.membercard b{margin-left:25px}.cardchip{border:1px solid #588364;display:inline-block;padding:8px 14px;font-weight:700;color:#245738}.watermark{position:absolute;right:20px;top:130px;transform:rotate(-18deg);font-size:40px;font-weight:bold;color:#6c8e5435;pointer-events:none}.resources{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.resources .box{margin:0}.noticearticle{background:#f9fbf5;margin:17px 0;border:1px solid #dbe6d6;border-radius:9px}.noticearticle summary h3{display:inline}.noticearticle .tag{display:block}.faqitem{border:1px solid #dde7d8;border-radius:8px;margin:12px 0;background:#fbfcf8}.planrecord{padding:20px;background:#eff5e8;border:1px solid #d8e5cf;border-radius:9px;margin:15px 0}@media(max-width:800px){.hero{grid-template-columns:1fr}.resources{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.shorts{width:100%;max-width:300px}.logo{width:150px;height:78px}.logo img{width:183px!important;height:164px!important;left:-12px;top:-47px}}@media(max-width:450px){.brand{font-size:12px}.logo{width:110px;height:60px}.logo img{width:142px!important;height:127px!important;left:-10px;top:-35px}form{padding:18px}.optionrow label{padding:9px}.mapframe{height:330px}.stats b{font-size:16px}.membercard{padding:24px}.membercard h3{font-size:17px}}
.logo,.footer-logo{width:202px;height:98px}@media(max-width:800px){.logo{width:163px;height:80px}}@media(max-width:450px){.logo{width:120px;height:62px}}

/* Balanced institution header and richer subject photography */
.logo,.footer-logo{width:48px!important;height:48px!important;flex:none;position:relative;overflow:hidden;background:transparent!important}.logo img,.footer-logo img{width:142px!important;height:127px!important;max-width:none;position:absolute;left:-14px!important;top:-43px!important;filter:brightness(1.11);mix-blend-mode:multiply}.brand{display:flex;align-items:center;gap:12px;font-size:18px;line-height:1.35}.brand small{font-size:10px;letter-spacing:.6px}.top{padding:16px 25px;align-items:center}.topnav{margin-left:auto}.footer-logo{margin-right:12px}.foot>b{display:inline-flex;align-items:center;min-height:48px;font-size:18px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0}.photo-grid>a{border:1px solid #dce5d6;border-radius:10px;overflow:hidden;background:white;padding-bottom:15px}.photo-grid>a img{display:block;width:100%;height:185px;object-fit:cover}.photo-grid>a h3,.photo-grid>a small{display:block;margin:12px 16px 0}.photo-grid>a small{font-size:10px;color:#84907d}.newphoto{margin:16px 0}.newphoto .photo img{height:auto;max-height:none;object-fit:contain}.photo-grid .newphoto .photo img{height:190px;object-fit:cover}.resources .newphoto{margin:0 0 20px}.resources .newphoto .photo img{height:225px;object-fit:cover}.resources .newphoto figcaption b{display:none}.noticearticle .newphoto{max-width:700px}.newphoto figcaption{padding:12px 15px}.newphoto figcaption small{font-size:11px}@media(max-width:900px){.photo-grid{grid-template-columns:repeat(2,1fr)}.brand{font-size:16px}}@media(max-width:700px){.top{padding:14px 18px}.brand{font-size:14px;gap:9px}.logo{width:44px!important;height:44px!important}.logo img{width:131px!important;height:118px!important;left:-13px!important;top:-40px!important}.photo-grid{gap:12px}.photo-grid>a img{height:145px}.photo-grid>a h3{font-size:16px}.resources .newphoto .photo img{height:auto}}@media(max-width:420px){.photo-grid{grid-template-columns:1fr 1fr}.photo-grid>a img{height:125px}.photo-grid>a h3{font-size:14px;margin:10px}.photo-grid>a small{margin:8px 10px}.brand{font-size:12px}}

/* Separate applications and touch signatures */
.joinsteps{display:flex;flex-wrap:wrap;gap:12px;padding:18px;background:#eef4e9;border-radius:9px;margin:20px 0}.joinsteps span{font-weight:700;font-size:14px;color:#38694d}.joinfields{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}#joinform canvas{display:block;width:100%;height:auto;aspect-ratio:10/3;background:#fff;border:2px dashed #86a27e;border-radius:9px;touch-action:none;cursor:crosshair}#joinform .consent{display:flex;gap:10px;align-items:flex-start;padding:13px 0;line-height:1.7}#joinform input[type=checkbox]{display:inline-block;width:19px;height:19px;flex:none;margin:4px 0;accent-color:#0f766e}.rulesbox{max-height:330px;overflow:auto;background:white;padding:20px;margin:15px 0;font-size:14px}.rulesbox .box{padding:12px;margin:10px 0}.termsdocument h3{margin-top:28px}.termsdocument p{line-height:1.95}.downloadtools{margin:20px 0}#joinmessage{font-weight:700;color:#8c4426}.join-status{padding:14px;background:#f6efdc}.print-actions{display:flex;gap:12px}@media(max-width:600px){.joinfields{grid-template-columns:1fr}.joinsteps{gap:9px}.joinsteps span{font-size:12px}#joinform canvas{min-height:130px}.downloadtools .button{font-size:12px}.rulesbox{padding:14px}}

.join-entry{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:0 0 32px}.join-entry>a{display:block;border-radius:16px;padding:32px}.member-entry{background:#e2efda;border:2px solid #608d61}.donor-entry{background:#fbebd9;border:2px solid #d69a62}.join-entry span{font-size:12px;letter-spacing:1px;font-weight:800}.join-entry h2{font-size:31px;margin:12px 0}.join-entry b{display:block;font-size:18px;margin:15px 0}.join-entry small{display:block;font-size:12px;color:#677b5e}.member-top{background:#e8f2de;border-radius:5px;padding:5px 10px}.donor-top{background:#fae8d3;border-radius:5px;padding:5px 10px}.adminsignature{display:block;max-width:800px;width:100%;height:auto;border:1px solid #d7e4d1;margin:15px 0}#auditlog{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}#boardform input[type=checkbox]{display:inline;width:auto;margin-right:10px}.join-entry p{font-size:15px}@media(max-width:700px){.join-entry{grid-template-columns:1fr;gap:15px}.join-entry>a{padding:23px}.join-entry h2{font-size:27px}}[hidden]{display:none!important}

/* Detailed learning pages */
.lesson,.lesson-card{border:1px solid #cee0d5;border-radius:14px;background:#f5faf6;margin:14px 0;overflow:hidden;scroll-margin-top:130px}.lesson summary,.lesson-card summary{cursor:pointer;padding:20px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;list-style:none}.lesson summary:after,.lesson-card summary:after{content:"＋";margin-left:auto;color:#07646a;font-size:24px}.lesson[open]>summary:after,.lesson-card[open]>summary:after{content:"−"}.lesson summary h2,.lesson-card summary h3{margin:0;flex:1;font-size:19px}.lesson summary span,.lesson-card summary span{font-size:26px;color:#398759}.lesson-card summary small{font-weight:600;color:#07646a}.lesson-body{padding:10px 22px 24px;background:white;line-height:1.85}.lesson-body li{margin-bottom:12px}.lesson-body ol{padding-left:24px}.lesson-body .answer summary{padding:12px;border-radius:8px;background:#e4f3ef;cursor:pointer}.practice{border-left:4px solid #07828b;padding:12px 18px;background:#f6fafb;margin:22px 0}.curriculum,.learning-grid{align-items:start}.curriculum>.lesson-card,.learning-grid>.lesson-card{margin:0;min-width:0}.curriculum:has(.lesson-card){grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.lesson-jumps{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.lesson-jumps a{padding:12px 16px;border:1px solid #bfd8ce;border-radius:10px;background:#eff7f3;text-decoration:none}.course-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.qualification-row{display:grid;grid-template-columns:230px 1fr;gap:26px;margin:28px 0;padding:24px;border:1px solid #dbe8e1;border-radius:16px;background:#fff}.qualification-row img{width:100%;height:180px;object-fit:cover;border-radius:10px}.qualification-row h2{margin:0 0 12px;font-size:23px}.qualification-row .ai-label{display:block;margin-top:10px}.qualification-list>.textbtn{display:block;padding:16px;border-bottom:1px solid #dce7e0}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:26px 0;align-items:center}.feature-row:nth-child(even) figure{order:2}.feature-row figure{margin:0}.feature-row img{width:100%;height:260px;object-fit:cover;border-radius:14px}.feature-row figcaption{font-size:12px;color:#526c65;padding:8px}.feature-row details summary{cursor:pointer;color:#05656b;font-weight:bold;padding:14px 0}.system-card{display:block;padding:18px;background:white;border:1px solid #d8e4df;border-radius:14px;text-decoration:none}.system-card img{width:100%;height:175px;object-fit:cover;border-radius:10px}.system-card b{color:#00656b}.learning-entry{padding:28px;background:#f0f7f3;border-radius:20px;margin:22px 0}.topnav{flex-wrap:wrap}.topnav a:focus-visible,summary:focus-visible{outline:3px solid #08a8b1;outline-offset:4px}.feedback{margin:14px 0;padding:18px;background:#edf6f0;border-radius:10px}.feedback.wrong{background:#fff4e9}.quiz-options label{display:block;margin:8px 0;padding:10px;border:1px solid #d5e1db;border-radius:8px;cursor:pointer}.quiz-options input{margin-right:10px}.quiz-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:24px 0}.quiz-toolbar select{padding:10px;max-width:100%}.question{scroll-margin-top:140px}.question details summary{cursor:pointer;padding:12px;color:#00656b}.lesson-intro{font-size:18px;line-height:1.8}@media(max-width:700px){.curriculum:has(.lesson-card),.feature-row,.qualification-row{grid-template-columns:1fr}.feature-row:nth-child(even) figure{order:0}.qualification-row{padding:16px}.qualification-row img{height:210px}.lesson summary,.lesson-card summary{padding:16px}.learning-entry{padding:18px}.lesson-body{padding:8px 16px 20px}.lesson-jumps a{font-size:14px}.feature-row{gap:12px}}

.account-bar{width:100%;display:flex;justify-content:flex-end;gap:16px;flex-wrap:wrap;padding:10px 0;font-size:13px;border-bottom:1px solid #e6ede8}.top{flex-wrap:wrap}.account-panel{max-width:720px;margin:26px auto;padding:28px;border:1px solid #d5e4dc;border-radius:18px}.account-links{display:flex;gap:18px;flex-wrap:wrap;padding:24px 0}.social-links{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.social{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:10px;font-weight:700;text-decoration:none;color:white}.social.youtube{background:#d81920}.social.kakao{background:#fee500;color:#211d16}.social.blog{background:#087b38}.social.facebook{background:#1762cb}.social.instagram{background:linear-gradient(110deg,#aa237e,#9c219f,#db373d);color:#fff}.social span{font-size:21px}.social-panel{scroll-margin-top:140px;border:1px solid #dce8e0;border-radius:14px;padding:22px;margin:22px 0}.duration-panel{background:#eaf4f0;padding:22px;border-radius:16px;margin:22px 0}.duration-panel h2{font-size:22px;margin:0 0 14px}@media(max-width:700px){.account-bar{justify-content:flex-start;gap:10px}.account-panel{padding:18px}.social-links{gap:8px}.social{padding:10px 12px;font-size:13px}}

.official-links{border-top:1px solid #d9e5df;margin-top:24px;padding-top:18px}.official-links nav{display:flex;flex-wrap:wrap;gap:10px}.official-links nav a{background:white;color:#07535d;border:1px solid #8fb7b5;border-radius:8px;padding:12px 16px;text-decoration:none;font-weight:700}.official-links small{display:block;margin-top:12px}

/* Consistent navigation order and compact footer SNS buttons */
@media(min-width:1001px){header .topnav{width:100%;margin-left:0;display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:8px;align-items:stretch}header .topnav>a{display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.45;padding:8px 4px;min-width:0}}
footer .social-links{gap:8px}footer .social-links .social{font-size:15pt;line-height:1.2;padding:6px 10px;border-radius:7px;gap:5px}footer .social-links .social span{font-size:15pt;line-height:1}

/* Footer SNS squares: 10 millimetres in each direction */
footer .social-links .social-square{width:10mm;height:10mm;min-width:10mm;min-height:10mm;padding:0;gap:0;flex:0 0 10mm;justify-content:center;align-items:center;border-radius:5px;font-size:0}footer .social-links .social-square span{font-size:15pt;line-height:1}footer .social-links .social-square.kakao span,footer .social-links .social-square.blog span{font-size:11pt}footer .social-links .social-square:focus-visible{outline:3px solid #263d35;outline-offset:3px}

footer .official-links nav .government-link{display:inline-flex;align-items:center;gap:8px;padding:8px 12px}footer .government-link img{width:36px;height:24px;flex:0 0 36px;object-fit:contain}

/* Original official government emblem, displayed without the ministry wordmark */
footer .official-links nav .government-link{width:20mm;height:20mm;min-width:20mm;flex:0 0 20mm;padding:6px;display:flex;flex-direction:column;justify-content:center;gap:5px;text-align:center;border-radius:5px}footer .government-link .government-emblem{display:block;width:32px;height:32px;overflow:hidden;flex:0 0 32px}footer .government-link .government-emblem img{display:block;height:32px;width:auto;max-width:none;object-fit:initial;flex:none}footer .government-link .government-name{font-size:11px;line-height:1.35;word-break:keep-all}

/* Government shortcuts: 20mm wide by 7mm high */
footer .official-links nav .government-link{width:20mm;height:7mm;min-width:20mm;min-height:7mm;max-height:7mm;flex:0 0 20mm;flex-direction:row;justify-content:center;align-items:center;padding:2px;gap:3px;border-radius:4px}footer .government-link .government-emblem{width:16px;height:16px;flex:0 0 16px}footer .government-link .government-emblem img{height:16px;width:auto;max-width:none}footer .government-link .government-name{font-size:10px;line-height:1.05;min-width:0;word-break:normal;overflow-wrap:anywhere;text-align:center}

/* SNS shortcuts match the government shortcuts: 20mm × 7mm */
.social-compact,footer .social-links .social-square{width:20mm;height:7mm;min-width:20mm;min-height:7mm;max-height:7mm;flex:0 0 20mm;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;padding:2px;gap:3px;border-radius:4px;font-size:9px;line-height:1;white-space:nowrap}.social-compact .social-icon,footer .social-links .social-square span.social-icon{font-size:11px;line-height:1;flex:none}.social-compact .social-name,footer .social-links .social-square span.social-name{font-size:9px;line-height:1;min-width:0;flex:none}

/* Compact header: navigation starts to the right of the brand */
header .top{padding-top:8px;padding-bottom:8px;row-gap:5mm}header .account-bar{padding-top:4px;padding-bottom:4px;line-height:1.4}header .topnav>a{border:1px solid #dde7df;background:#f2f7f3;border-radius:5px}header .topnav>.member-top{background:#e7f1df}header .topnav>.donor-top{background:#fae9d5}
@media(min-width:1001px){header .top{display:grid;grid-template-columns:280px minmax(0,1fr);column-gap:14px;row-gap:5mm;align-items:center}header .account-bar{grid-column:1/-1;grid-row:1}header .brand{grid-column:1;grid-row:2;min-width:0}header .menu{display:none}header .topnav{grid-column:2;grid-row:2;width:100%;margin:0;display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:5px;align-items:stretch}header .topnav>a{padding:6px 2px;min-height:32px;font-size:12px;line-height:1.3;align-items:center;justify-content:center}}
@media(min-width:701px) and (max-width:1000px){header .topnav{width:100%;margin-left:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}header .topnav>a{text-align:center;padding:6px}}
@media(max-width:700px){header .top{row-gap:5mm}header .topnav.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding-top:0}header .topnav>a{padding:8px;text-align:center}}

/* Compact action buttons and closely spaced text navigation */
.button,.secondary{padding:5px 10px;gap:8px;font-size:12px;line-height:1.3;border-radius:4px;margin:3px 4px 3px 0}
header .topnav>a{background:transparent;border:0;border-radius:0;padding:2px 3px;min-height:0;white-space:nowrap}
header .topnav>.member-top,header .topnav>.donor-top{padding:4px 7px;border-radius:4px;line-height:1.3;min-height:0;width:auto;flex:none}
header .topnav>.member-top{background:#e7f1df}
header .topnav>.donor-top{background:#fae9d5}
@media(min-width:1001px){header .topnav{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;column-gap:6px;row-gap:5px}header .topnav>a{flex:0 0 auto;width:auto;padding:2px 3px;min-height:0}header .topnav>.member-top,header .topnav>.donor-top{padding:4px 7px}}
@media(min-width:701px) and (max-width:1000px){header .topnav{display:flex;flex-wrap:wrap;gap:6px;align-items:center}header .topnav>a{padding:2px 3px}}
@media(max-width:700px){header .topnav.open{display:flex;flex-wrap:wrap;gap:6px;align-items:center}header .topnav>a{padding:4px 3px}header .topnav>.member-top,header .topnav>.donor-top{padding:4px 7px}}

/* Align the end of the navigation with My Page and reduce vertical whitespace */
header .top{row-gap:2px;padding-top:4px;padding-bottom:4px}
header .account-bar{padding-top:2px;padding-bottom:2px}
@media(min-width:1001px){header .top{row-gap:2px}header .topnav{justify-content:flex-end;column-gap:6px;row-gap:5px}}
@media(max-width:700px){header .top{row-gap:2px}}
/* Uniform main action buttons; header and footer shortcut sizes stay separate */
.button,.secondary{width:5cm;max-width:100%;height:7mm;min-height:7mm;justify-content:center;text-align:center;gap:4px;padding:2px 6px;font-size:11px;line-height:1;white-space:normal;box-sizing:border-box}

/* Bright phone presentation on the landing page */
.phone-shell{position:relative;padding:24px 8px 28px;background:linear-gradient(145deg,#fffdf6,#e6f5fb);border:2px solid #c9dfe9;border-radius:30px;box-shadow:0 8px 24px rgba(53,110,134,.12)}.phone-shell:before{content:"";position:absolute;left:-4px;top:100px;width:3px;height:38px;background:#a6cbdc;border-radius:2px}.phone-shell:after{content:"";position:absolute;right:-4px;top:100px;width:3px;height:52px;background:#a6cbdc;border-radius:2px}.phone-speaker{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:42px;height:4px;background:#9fbecb;border-radius:4px}.phone-speaker:before{content:"";position:absolute;left:-12px;width:4px;height:4px;border-radius:50%;background:#7fa7b8}.shorts .phone-shell video{background:#f2fafb;border-radius:18px;width:100%;max-height:540px;aspect-ratio:9/16;object-fit:contain}.phone-home{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:17px;height:17px;padding:0;border:1px solid #95bdce;border-radius:50%;background:#fbfdff;box-shadow:inset 0 0 0 3px #e9f5fa;cursor:pointer}.phone-home:focus-visible{outline:2px solid #147d8d;outline-offset:2px}

/* Landing-page action lengths reduced by half */
.hero .actions .button,.hero .actions .secondary{width:2.5cm;max-width:100%;height:7mm;min-height:7mm;padding:2px 3px;gap:3px;font-size:10px;line-height:1.1}

/* All colored action buttons: 6cm length; existing height is retained */
.button,.secondary,.hero .actions .button,.hero .actions .secondary{width:6cm;max-width:100%}

/* Footer SNS row: five shortcuts together occupy 5cm */
footer .social-links{width:5cm;max-width:100%;display:flex;flex-wrap:nowrap;gap:3px}
footer .social-links .social-square{width:calc((5cm - 12px)/5);min-width:0;max-width:none;flex:1 1 0;height:7mm;padding:2px;gap:0;justify-content:center}
footer .social-links .social-square span.social-name{display:none}
footer .social-links .social-square span.social-icon{font-size:11px;line-height:1}

/* Correct the action lengths: half of the prior 6cm width */
.button,.secondary,.hero .actions .button,.hero .actions .secondary{width:3cm;max-width:100%}