/* 시안 B: Minimaxing 위에 창업몽땅 브랜드 색(남색 #17356b · 주황 #f7931e · 파랑 #2f7fd0)을 입힘 */
body,input,select,textarea,button{font-family:'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif !important}
body{background:#eaf0f9;color:#4a5468;word-break:keep-all;font-size:15pt}
h1,h2,h3,h4{font-family:'Noto Sans KR','Apple SD Gothic Neo',sans-serif !important;letter-spacing:-.02em !important;text-transform:none !important}
h2{color:#17356b;font-weight:900}
h3,h4{color:#14284b;font-weight:700}
a{color:#2a6bc0}
strong{color:#14284b}

/* 헤더 */
#header-wrapper{background:#17356b;background-image:linear-gradient(#1d4283,#17356b)}
#header{background:#1b3c77;background-image:linear-gradient(#244c92,#1b3c77);border-color:#12295a;box-shadow:inset 0 0 0 1px #3a62a8,0 1px 4px rgba(0,0,0,.15)}
#header h1 a{display:inline-flex;align-items:center;gap:.4em;font-weight:900;letter-spacing:-.03em;font-size:.82em}
#header h1 img{height:2.1em;width:auto}
#header h1 em{font-style:normal;color:#f7931e}
#header nav{text-transform:none !important;letter-spacing:0 !important;font-size:1.02em}
#header nav a{font-weight:500}
#header nav a.current-page-item{background:#14305f;box-shadow:inset 0 1px 5px 1px rgba(0,0,0,.2)}
#header nav a:hover{background:#244c92}

/* 배너 */
#banner-wrapper{background:#dbe6f6}
#banner{background-image:linear-gradient(135deg,#0c1f45 0%,#17356b 50%,#2a6fc0 100%);overflow:hidden;padding:4.2em 2em 4.4em}
#banner h2{font-size:2.6em;font-weight:900;letter-spacing:-.03em;position:relative;z-index:2;word-break:keep-all}
#banner span{text-transform:none !important;letter-spacing:0 !important;font-size:1.25em;position:relative;z-index:2}
.banner-wm{position:absolute;right:-4%;top:50%;transform:translateY(-50%);height:125%;width:auto;opacity:.10;pointer-events:none}
.banner-logo{display:block;margin:0 auto 1.4em;width:15em;max-width:70%;height:auto;position:relative;z-index:2}
.banner-cta{margin:1.8em 0 0;position:relative;z-index:2}

/* 버튼 */
.button{background:#f7931e;background-image:linear-gradient(#f9a43a,#f7931e);border-color:#d97e0f;color:#2a1a00 !important;box-shadow:inset 0 0 0 1px #ffc06a;text-transform:none !important;letter-spacing:0 !important;font-weight:700}
.button:hover{background-image:linear-gradient(#ffb04d,#f9a032);box-shadow:inset 0 0 0 1px #ffd08e}

/* 본문 */
#main{background:#fff}
ul.link-list li a{color:#2a6bc0}
article.blog-post .comments{color:#2a6bc0}
#footer-wrapper{background:#eaf0f9}
#copyright{color:#6b7790;border-top-color:#c9d5ea}
#copyright a{color:#6b7790}
.muted{color:#6b7790;font-size:.88em}
.tag{display:inline-block;font-size:.72em;font-weight:700;padding:.1em .8em;border-radius:99em;background:#fff0cf;color:#9a6200;vertical-align:middle}
.notice{border-left:4px solid #f7931e;background:#fff8ec;padding:.9em 1.1em;border-radius:0 8px 8px 0;font-size:.9em;color:#4a3510}
small{font-size:.65em;color:#6b7790;font-weight:400}
.ini{display:inline-grid;place-items:center;width:78px;height:78px;border-radius:6px;background:#17356b;color:#fff;font-weight:900;font-size:1.6em}
ul.small-image-list li .ini{float:left;margin:0 1.4em .5em 0}

/* 표·목록 */
table.tbl{width:100%;border-collapse:collapse;margin:1em 0;font-size:.9em}
.tbl th,.tbl td{padding:.7em .8em;border-bottom:1px solid #dde4f0;text-align:left;vertical-align:top}
.tbl th{color:#6b7790;font-weight:500;white-space:nowrap;background:#f4f7fc}
ol.weeks{list-style:none;margin:0;padding:0}
ol.weeks li{display:flex;gap:1em;padding:.8em 0;border-bottom:1px solid #e3e9f3}
ol.weeks .wk{flex:0 0 4.2em;font-weight:900;color:#f7931e}
ol.weeks small{display:inline-block;margin-top:.2em;background:#eef3fb;padding:.1em .6em;border-radius:6px;color:#17356b}
ul.post-list{list-style:none;margin:0;padding:0}
ul.post-list li{padding:1em 0;border-bottom:1px solid #e3e9f3}
ul.post-list time{font-size:.8em;color:#6b7790;margin-left:.5em}
ul.post-list h3{margin:.3em 0 .1em}

/* 폼 */
form.apply input[type=text],form.apply select,form.apply textarea{width:100%;padding:.7em .8em;border:1px solid #c9d5ea;border-radius:8px;font-size:.9em;background:#fff;color:#14284b}
form.apply .small{font-size:.8em;color:#6b7790}
form.apply .controls{margin-top:1em}
form.apply button.button{cursor:pointer;width:100%;padding:.8em;font-size:1em;border-radius:8px}

/* 로그인 */
.authbox{max-width:28em;margin:0 auto}
.auth-logo{display:block;width:13em;max-width:80%;margin:0 0 1em}
.oauth{display:flex;align-items:center;justify-content:center;gap:.7em;height:3.2em;border-radius:8px;font-weight:700;margin-bottom:.8em;text-decoration:none;border:0}
.oauth.kakao{background:#fee500;color:#191600 !important}
.oauth.naver{background:#03c75a;color:#fff !important}
.oauth .mark{display:inline-grid;place-items:center;width:1.5em;height:1.5em;font-weight:900;font-size:.85em}
.oauth.kakao .mark{background:#191600;color:#fee500;border-radius:50%}
.oauth.naver .mark{background:#fff;color:#03c75a;border-radius:3px}

/* 시안 표시 */
@media(max-width:736px){#banner h2{font-size:1.7em}#banner span{font-size:1em}.banner-wm{right:-30%}}

/* 모바일 상단바·메뉴 패널 (Minimaxing 반응형 도구가 만드는 요소) */
#titleBar{background:#17356b !important;background-image:linear-gradient(#1d4283,#17356b) !important}
#titleBar .title{display:flex;align-items:center;height:100%;font-weight:900}
#titleBar .title a,#titleBar .title span{display:inline-flex;align-items:center;gap:.4em;color:#fff !important;text-decoration:none;letter-spacing:-.03em}
#titleBar .title img{height:1.7em !important;width:auto !important;max-width:none;position:static !important;transform:none !important;opacity:1 !important}
#titleBar .title em{font-style:normal;color:#f7931e}
#navPanel{background:#14305f !important}
#navPanel .link{color:#fff !important}
#titleBar .title{padding-left:3.6em}

/* 확정 로고 헤더 */
#header h1 a img{height:2.4em;width:auto}
#titleBar .title img{height:1.9em !important}
#titleBar .title{padding-left:3.6em}

/* 확정 로고 적용 */
.banner-logo{width:7em !important;max-width:50% !important}
.auth-logo{width:7.5em !important}
.banner-wm{opacity:.07 !important;height:115% !important}
@media(max-width:736px){.banner-logo{width:6em !important}}

#main h2{line-height:1.3}

/* 로고 통일: 가로로고(밝은 배경용)를 모든 곳에 사용. 어두운 영역에서는 흰 판 위에 올림 */
#header h1 a{background:#fff;border-radius:8px;padding:.3em .7em;display:inline-flex;align-items:center;box-shadow:0 1px 3px rgba(0,0,0,.25)}
#header h1 a img{height:2.1em;width:auto}
#titleBar .title img{background:#fff;border-radius:6px;padding:.2em .5em;height:1.8em !important;box-sizing:content-box}
.banner-logo{width:15em !important;max-width:72% !important;background:#fff;border-radius:12px;padding:.8em 1.2em;box-sizing:border-box}
.auth-logo{width:16em !important;max-width:90% !important}
@media(max-width:736px){.banner-logo{width:13em !important}}
#header h1 a{padding:8px 14px !important;vertical-align:middle;line-height:1}
#header h1 a img{height:50px !important}

/* 로고: 어두운 영역(헤더·배너)은 헤더용 가로로고(흰 글자), 밝은 로그인 화면은 밝은배경용 */
#header h1 a{background:none !important;box-shadow:none !important;padding:0 !important}
#header h1 a img{height:46px !important}
#titleBar .title img{background:none !important;padding:0 !important;height:1.9em !important}
.banner-logo{background:none !important;padding:0 !important;width:17em !important;max-width:78% !important}
@media(max-width:736px){.banner-logo{width:14em !important}}
#header h1 a img{height:58px !important}
/* 헤더 로고를 헤더 상자 세로 중앙에 맞춤 */
#header h1{top:0 !important;height:86px;display:flex !important;align-items:center;line-height:1 !important}
#header h1 a{display:flex !important;align-items:center;line-height:1 !important}
#header h1 a img{display:block}
#header h1{height:76px !important}
/* 헤더 높이가 화면 폭에 따라 달라져도 로고가 항상 상자 세로 중앙에 오도록 */
#header h1{top:50% !important;height:auto !important;transform:translateY(-50%);display:block !important}
#header h1 a{display:inline-flex !important;align-items:center;line-height:0 !important}
/* 모바일 상단바 로고도 세로 중앙 */
#titleBar .title{display:flex !important;align-items:center;height:44px;line-height:0 !important}
#titleBar .title a{display:inline-flex;align-items:center;line-height:0}
#titleBar .title img{height:30px !important;width:auto}
/* 항목 이미지를 모두 같은 크기(정사각형)로 */
ul.big-image-list li img{width:178px !important;height:178px !important;object-fit:cover;display:block}
@media(max-width:736px){ul.big-image-list li img{width:100% !important;height:auto !important;aspect-ratio:1/1;max-width:178px}}
/* 동의 체크박스가 보이도록 */
form.apply input[type=checkbox]{-webkit-appearance:checkbox !important;-moz-appearance:checkbox !important;appearance:checkbox !important;width:16px;height:16px;margin:0 8px 0 0;vertical-align:-3px;accent-color:#f7931e;opacity:1}
form.apply .small label{display:flex;align-items:flex-start}

.tbl-scroll{overflow-x:auto}
#footer-wrapper ul.link-list a{color:#2a6bc0}
/* 동의 체크박스를 문구 높이의 가운데에 */
form.apply .small label{align-items:center !important}
form.apply input[type=checkbox]{margin-top:0 !important;vertical-align:middle}
form.apply .small > a{display:inline-block;margin:6px 0 0 24px}
/* 체크박스는 보유 기간 문구 끝(마지막 줄)에, 그 줄의 세로 가운데에 */
form.apply .small label{display:block !important}
form.apply input[type=checkbox]{display:inline-block !important;margin:0 0 0 8px !important;vertical-align:middle !important;position:relative;top:0}
form.apply .small > a{margin:6px 0 0 0 !important}
/* 헤더 로고 확대: 헤더 상자(약 74px) 안에서 위아래 4px 여백 */
#header h1 a img{height:66px !important}
#titleBar .title img{height:34px !important}

/* 온라인강의 목록: 잠금 상태 */
ul.lesson-list{list-style:none;margin:0;padding:0}
.lesson{display:flex;gap:14px;align-items:center;padding:.9em 0;border-bottom:1px solid #e3e9f3}
.lesson .lock{flex:0 0 auto;font-size:.72em;font-weight:700;background:#eceff5;color:#667;border-radius:99px;padding:.25em .9em}
.lesson strong{color:#14284b}
/* 메뉴가 늘어도 한 줄에 들어가도록 */
#header nav a{padding:0 18px !important}

/* 앱 공통: 알림 메시지, 회원 화면 배지 */
.flash{position:fixed;top:1em;left:50%;transform:translateX(-50%);width:calc(100% - 2em);max-width:34em;background:#e8f6ee;color:#14633f;text-align:center;padding:1em;font-weight:700;border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,.25);z-index:100000;cursor:pointer}
.pill{display:inline-block;padding:.1em .8em;border-radius:99em;font-size:.8em;font-weight:700;background:#eef1f6;color:#34405a}
.pill.kakao{background:#fee500;color:#191600}.pill.naver{background:#03c75a;color:#fff}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* 온라인강의 */
.lesson .lock.open{background:#17356b;color:#fff}
.lesson a{border-bottom:0}
.player{position:relative;aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden}
.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.player .wm{position:absolute;left:6%;top:12%;color:rgba(255,255,255,.38);font-weight:700;font-size:1.05em;text-shadow:0 0 3px rgba(0,0,0,.6);pointer-events:none;user-select:none;animation:wmmove 40s linear infinite}
@keyframes wmmove{0%{left:6%;top:12%}25%{left:55%;top:20%}50%{left:30%;top:70%}75%{left:60%;top:60%}100%{left:6%;top:12%}}

/* 인사이트 */
.cat-filter a{display:inline-block;margin:0 .3em .4em 0;padding:.2em .9em;border:1px solid #d3ddee;border-radius:99px;font-size:.85em;border-bottom:1px solid #d3ddee;color:#34405a}
.cat-filter a.on{background:#17356b;border-color:#17356b;color:#fff}
.post-thumb{float:right;width:110px;height:78px;object-fit:cover;border-radius:6px;margin-left:1em}
.post-cover{width:100%;border-radius:8px;margin:0 0 1.2em}
.post-body{line-height:1.85;font-size:1.02em}
.post-body img{max-width:100%;height:auto;border-radius:6px}
.post-body h2,.post-body h3,.post-body h4{margin:1.6em 0 .5em}
.post-body table{width:100%;border-collapse:collapse;margin:1em 0}
.post-body th,.post-body td{border:1px solid #d3ddee;padding:.5em .7em;text-align:left}
.post-body blockquote{border-left:4px solid #f7931e;margin:1em 0;padding:.2em 1em;color:#4a5670;background:#fff8ee}
.post-body pre{background:#f1f4fa;padding:1em;border-radius:6px;overflow:auto}

/* 필수 표시 */
.formerr{background:#fdecea;color:#8a1f17;border:1px solid #f3b8b2;border-radius:8px;padding:.7em 1em;margin:0 0 1em;font-weight:700}