body.dm-main-page{
  
  --c-navy:#08275E;        
  --c-blue:#1D5BE0;        
  --c-blue-hover:#0F3FA8;
  --c-blue-tint:#EDF2FD;   
  --c-yellow:#FFC93C;      
  --c-yellow-tint:#FFF4D1;
  --c-kakao:#FEE500;
  --c-red:#E03131;         
  --c-ink:#111827;         
  --c-text:#374151;        
  --c-sub:#4B5563;         
  --c-muted:#6B7280;       
  --c-faint:#9CA3AF;       
  --c-on-navy:#B8C6E3;     
  --c-line:#E5E9F0;        
  --c-line-soft:#F0F2F6;   
  --c-field:#F3F5F9;       
  --c-bg:#F6F8FB;          
  --c-white:#FFFFFF;

  
  --font:var(--bs-body-font-family,'Pretendard Variable',sans-serif);
  --fs-hero:46px; --fs-h2:26px; --fs-h3:20px; --fs-title:17px;
  --fs-lead:17px; --fs-body:15px; --fs-small:14px; --fs-caption:13px; --fs-tag:12px;

  
  --r-sm:10px; --r-md:12px; --r-lg:16px; --r-pill:999px;
  --shadow-float:0 10px 30px rgba(8,39,94,.10);
  --container:1160px; --gutter:24px;
}.dm-main-page *{box-sizing:border-box}body.dm-main-page{margin:0;background:var(--c-bg);color:var(--c-ink);font-family:var(--font);letter-spacing:-.01em;word-break:keep-all;-webkit-font-smoothing:antialiased}.dm-main-page a{color:var(--c-blue);text-decoration:none}.dm-main-page a:hover{color:var(--c-blue-hover)}.dm-main-page button,.dm-main-page input{font-family:inherit}.dm-main-page h1,.dm-main-page h2,.dm-main-page p{margin:0}.dm-main-page .container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}.dm-main-page .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.dm-main-page .icon{display:block;flex-shrink:0}.dm-main-page .btn{display:inline-flex;align-items:center;gap:6px;height:46px;padding:0 22px;border-radius:var(--r-md);font-size:15px;font-weight:600;white-space:nowrap}.dm-main-page .btn-lg{height:52px;padding:0 26px;font-size:16px}.dm-main-page .btn-yellow{background:var(--c-yellow);color:var(--c-navy);font-weight:700}.dm-main-page .btn-yellow:hover{color:var(--c-navy);filter:brightness(.97)}.dm-main-page .btn-ghost-light{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.28);color:#fff}.dm-main-page .btn-ghost-light:hover{color:#fff;background:rgba(255,255,255,.14)}.dm-main-page .btn-blue{background:var(--c-blue);color:#fff}.dm-main-page .btn-blue:hover{color:#fff;background:var(--c-blue-hover)}.dm-main-page .btn-outline{border:1px solid var(--c-blue);color:var(--c-blue)}.dm-main-page .site-header{background:var(--c-white);border-bottom:1px solid var(--c-line)}.dm-main-page .site-header .container{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;padding-top:12px;padding-bottom:12px}.dm-main-page .logo{font-size:24px;font-weight:700;color:var(--c-navy);letter-spacing:-.04em}.dm-main-page .gnb{display:flex;flex-wrap:nowrap;gap:0 20px;flex:0 1 auto;min-width:0;margin-right:auto}.dm-main-page .gnb a{font-size:15px;font-weight:600;color:#1F2937;padding:12px 0;white-space:nowrap}.dm-main-page .gnb a.sub{font-weight:500;color:var(--c-muted)}.dm-main-page .search{display:flex;align-items:center;gap:4px;flex:0 1 190px;min-width:150px;height:44px;padding:0 4px 0 14px;background:var(--c-field);border-radius:var(--r-sm)}.dm-main-page .search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:14px;color:var(--c-ink)}.dm-main-page .search button{width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:var(--c-sub);display:flex;align-items:center;justify-content:center;cursor:pointer}.dm-main-page .util{display:flex;align-items:center;gap:18px}.dm-main-page .util > a{font-size:14px;color:var(--c-sub);white-space:nowrap}.dm-main-page .util .kakao{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:var(--r-sm);background:var(--c-kakao);color:#191600;font-weight:600}.dm-main-page .hero{background:var(--c-navy);color:#fff;overflow:hidden}.dm-main-page .hero .container{display:flex;flex-wrap:wrap;align-items:stretch;gap:0 32px}.dm-main-page .hero-copy{flex:1 1 460px;min-width:0;display:flex;flex-direction:column;gap:18px;padding:64px 0 96px}.dm-main-page .hero-badge{align-self:flex-start;font-size:var(--fs-caption);font-weight:600;color:var(--c-yellow);border:1px solid rgba(255,201,60,.5);padding:5px 12px;border-radius:var(--r-pill)}.dm-main-page .hero h1{font-size:var(--fs-hero);line-height:1.22;font-weight:700;letter-spacing:-.035em}.dm-main-page .hero h1 em{font-style:normal;color:var(--c-yellow)}.dm-main-page .hero p{font-size:var(--fs-lead);line-height:1.7;color:var(--c-on-navy)}.dm-main-page .hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.dm-main-page .hero-visual{flex:0 1 460px;min-width:280px;display:flex;align-items:flex-end;justify-content:center;padding-top:24px}.dm-main-page .hero-visual img{display:block;width:100%;max-width:460px;height:auto}.dm-main-page .quick{margin-top:-44px;position:relative}.dm-main-page .quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));background:var(--c-white);border-radius:var(--r-lg);box-shadow:var(--shadow-float);overflow:hidden}.dm-main-page .quick-item{display:flex;align-items:center;gap:14px;padding:22px 24px;color:var(--c-ink);border-right:1px solid #EEF1F5}.dm-main-page .quick-item:last-child{border-right:0}.dm-main-page .quick-item:hover{color:var(--c-ink);background:#FAFBFD}.dm-main-page .icon-tile{width:42px;height:42px;border-radius:var(--r-md);background:var(--c-blue-tint);color:var(--c-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dm-main-page .quick-item strong{display:block;font-size:16px;font-weight:600}.dm-main-page .quick-item span.desc{display:block;font-size:var(--fs-caption);color:var(--c-muted);margin-top:3px}.dm-main-page .notice{margin-top:20px}.dm-main-page .notice-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 24px;padding:14px 24px;font-size:var(--fs-small)}.dm-main-page .notice-bar strong{font-weight:700;color:var(--c-blue)}.dm-main-page .notice-bar a{color:var(--c-text);flex:1 1 260px}.dm-main-page .notice-bar a.more{flex:0 0 auto;color:var(--c-muted);font-size:var(--fs-caption)}.dm-main-page .section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}.dm-main-page .section-head h2{font-size:var(--fs-h2);font-weight:700;letter-spacing:-.03em}.dm-main-page .section-head p{font-size:var(--fs-body);color:var(--c-muted);margin-top:6px}.dm-main-page .courses{margin-top:48px}.dm-main-page .tabs{display:flex;gap:2px;padding:4px;background:#ECEFF4;border-radius:var(--r-md)}.dm-main-page .tabs button{height:38px;padding:0 18px;border:0;border-radius:9px;background:transparent;color:var(--c-muted);font-size:var(--fs-small);font-weight:500;cursor:pointer}.dm-main-page .tabs button[aria-selected="true"]{background:#fff;color:var(--c-navy);font-weight:700;box-shadow:0 1px 3px rgba(8,39,94,.12)}.dm-main-page .course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.dm-main-page .course-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg);overflow:hidden;color:var(--c-ink);transition:transform .15s,box-shadow .15s}.dm-main-page .course-card:hover{color:var(--c-ink);transform:translateY(-2px);box-shadow:0 10px 24px rgba(8,39,94,.08)}.dm-main-page .course-card[hidden]{display:none}.dm-main-page .thumb{height:150px;padding:22px 24px;display:flex;flex-direction:column;justify-content:space-between}.dm-main-page .thumb .meta{font-size:var(--fs-tag);font-weight:600;letter-spacing:.02em}.dm-main-page .thumb .name{font-size:26px;font-weight:700;line-height:1.25;letter-spacing:-.03em}.dm-main-page .thumb-navy{background:var(--c-navy)}.dm-main-page .thumb-navy .meta{color:var(--c-on-navy)}.dm-main-page .thumb-navy .name{color:#fff}.dm-main-page .thumb-blue{background:var(--c-blue)}.dm-main-page .thumb-blue .meta{color:#D3E0FA}.dm-main-page .thumb-blue .name{color:#fff}.dm-main-page .thumb-yellow{background:var(--c-yellow-tint)}.dm-main-page .thumb-yellow .meta{color:#8A6100}.dm-main-page .thumb-yellow .name{color:var(--c-navy)}.dm-main-page .badge-best{font-size:11px;font-weight:700;color:#fff;background:var(--c-navy);padding:3px 8px;border-radius:var(--r-pill);margin-left:8px;letter-spacing:0}.dm-main-page .course-card.is-featured{border:2px solid var(--c-yellow);box-shadow:0 8px 24px rgba(255,201,60,.18)}.dm-main-page .course-body{padding:20px 24px 22px;display:flex;flex-direction:column;gap:6px;flex:1}.dm-main-page .course-body strong{font-size:var(--fs-title);font-weight:600}.dm-main-page .course-body .desc{font-size:var(--fs-small);color:var(--c-muted);line-height:1.6}.dm-main-page .course-body .info{font-size:var(--fs-caption);color:var(--c-muted)}.dm-main-page .price{display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:14px;border-top:1px solid var(--c-line-soft)}.dm-main-page .price .rate{font-size:16px;font-weight:700;color:var(--c-red)}.dm-main-page .price .now{font-size:20px;font-weight:700}.dm-main-page .price s{font-size:var(--fs-caption);color:var(--c-faint)}.dm-main-page .voucher{margin-top:40px}.dm-main-page .voucher-card{display:flex;flex-wrap:wrap;align-items:center;gap:20px 24px;padding:26px 32px;background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg)}.dm-main-page .voucher-card .icon-tile{width:56px;height:56px;border-radius:14px}.dm-main-page .voucher-text{flex:1 1 280px}.dm-main-page .voucher-text strong{display:block;font-size:var(--fs-h3);font-weight:700;letter-spacing:-.03em}.dm-main-page .voucher-text strong em{font-style:normal;color:var(--c-blue)}.dm-main-page .voucher-text span{display:block;font-size:var(--fs-small);color:var(--c-muted);margin-top:4px}.dm-main-page .help{margin-top:20px}.dm-main-page .help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.dm-main-page .panel{display:flex;flex-direction:column;padding:28px;background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg)}.dm-main-page .panel h2{font-size:var(--fs-h3);font-weight:700;letter-spacing:-.03em}.dm-main-page .panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.dm-main-page .panel-head a{font-size:var(--fs-caption);color:var(--c-muted)}.dm-main-page .panel-welcome{gap:10px}.dm-main-page .panel-welcome p{font-size:var(--fs-body);color:var(--c-sub);line-height:1.7}.dm-main-page .panel-welcome .btn{align-self:flex-start;margin-top:auto}.dm-main-page .faq a{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--c-line-soft);font-size:var(--fs-body);color:var(--c-text)}.dm-main-page .faq a:last-child{border-bottom:0}.dm-main-page .faq a::after{content:"›";color:var(--c-faint)}.dm-main-page .panel-review{gap:14px;background:var(--c-navy);border-color:var(--c-navy);color:#fff}.dm-main-page .panel-review .panel-head{margin-bottom:0}.dm-main-page .panel-review .panel-head a{color:var(--c-on-navy)}.dm-main-page .panel-review blockquote{margin:0;font-size:16px;line-height:1.7;color:#E6ECF8;flex:1}.dm-main-page .reviewer{display:flex;align-items:center;gap:10px;padding-top:14px;border-top:1px solid rgba(255,255,255,.14)}.dm-main-page .reviewer .avatar{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:var(--fs-caption);font-weight:600;color:var(--c-yellow)}.dm-main-page .reviewer strong{display:block;font-size:var(--fs-small);font-weight:600}.dm-main-page .reviewer span{display:block;font-size:var(--fs-tag);color:var(--c-on-navy)}.dm-main-page .site-footer{margin-top:72px;background:#fff;border-top:1px solid var(--c-line)}.dm-main-page .site-footer .container{padding-top:36px;padding-bottom:44px;display:flex;flex-direction:column;gap:18px}.dm-main-page .footer-top,.dm-main-page .footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}.dm-main-page .footer-top{align-items:center}.dm-main-page .footer-bottom{align-items:flex-end;font-size:var(--fs-caption);line-height:1.8;color:var(--c-muted)}.dm-main-page .footer-logo{font-size:20px;font-weight:700;color:var(--c-navy);letter-spacing:-.04em}.dm-main-page .footer-nav{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:var(--fs-small)}.dm-main-page .footer-nav a{color:var(--c-sub)}.dm-main-page .footer-nav a.strong{color:var(--c-ink);font-weight:600}.dm-main-page .sns{display:flex;gap:8px}.dm-main-page .sns a{width:40px;height:40px;border-radius:var(--r-sm);background:var(--c-field);color:var(--c-sub);display:flex;align-items:center;justify-content:center;font-size:var(--fs-small);font-weight:700}@media (max-width:640px){body.dm-main-page{--fs-hero:32px;--fs-h2:22px;--gutter:16px}.dm-main-page .hero-copy{padding:44px 0 24px}.dm-main-page .hero p br{display:none}.dm-main-page .hero-visual{min-width:0;padding-top:0}.dm-main-page .hero-visual img{max-width:320px}.dm-main-page .quick{margin-top:-28px}.dm-main-page .quick-item{border-right:0;border-bottom:1px solid #EEF1F5}.dm-main-page .quick-item:last-child{border-bottom:0}.dm-main-page .notice-bar{padding:14px 4px}.dm-main-page .tabs{width:100%}.dm-main-page .tabs button{flex:1;padding:0 8px}.dm-main-page .voucher-card{padding:22px}.dm-main-page .voucher-card .btn{width:100%;justify-content:center}.dm-main-page .gnb{order:3;flex-basis:100%;overflow-x:auto;gap:0 20px;scrollbar-width:none}.dm-main-page .search{order:4;flex:1 1 100%}.dm-main-page .util{margin-left:auto}
}

.dm-main-page .container{width:100%;max-width:1160px}
.dm-main-page h1,.dm-main-page h2,.dm-main-page p{font-family:var(--font)}
.dm-main-page .notice-bar{background:#fff;border:1px solid var(--c-line);border-radius:12px}
.dm-main-page .panel-welcome{background:#f0f5ff}
.dm-main-page .hero .container{min-height:430px;position:relative}
.dm-main-page .hero{background-position:center;background-size:cover;background-repeat:no-repeat}
.dm-main-page .hero-copy{flex:0 1 620px;max-width:60%;padding:60px 0 96px}
.dm-main-page .hero-visual{display:none}
.dm-main-page .hero h1{font-size:46px}
.dm-main-page .course-cover{height:180px;background:#f2f5fa;display:flex;justify-content:center;overflow:hidden}
.dm-main-page .course-cover img{height:100%;width:100%;object-fit:contain;display:block}
.dm-main-page .course-body strong{line-height:1.5}
.dm-main-page .course-body .desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:44px}
.dm-main-page .courses-more{display:block;margin:20px auto 0;border:1px solid var(--c-line);background:white;color:var(--c-blue);min-height:44px;padding:8px 24px;border-radius:10px}
.dm-main-page [hidden]{display:none!important}
.dm-main-page .site-header .container{gap:12px 18px}
.dm-main-page .gnb{gap:14px}
.dm-main-page .nav-group{position:relative;display:flex;align-items:center;gap:2px}
.dm-main-page .nav-group summary{cursor:pointer;list-style:none;padding:8px;color:var(--c-muted)}
.dm-main-page .nav-group summary::marker{content:''}
.dm-main-page .nav-drop{position:absolute;top:100%;left:0;z-index:1050;min-width:220px;padding:10px;background:white;border:1px solid var(--c-line);border-radius:12px;box-shadow:var(--shadow-float)}
.dm-main-page .nav-drop a{display:block;padding:10px;font-size:14px}
.dm-main-page .mobile-menu{display:none}
.dm-main-page .sns a{min-width:40px;min-height:40px}
.dm-main-page .footer-top{flex-wrap:wrap}
.dm-main-page .footer-nav{flex-wrap:wrap}
.dm-main-page .btn:focus-visible,.dm-main-page a:focus-visible,.dm-main-page button:focus-visible,.dm-main-page summary:focus-visible{outline:3px solid #1D5BE0;outline-offset:3px}
@media(max-width:1100px){.dm-main-page .gnb{order:4;flex:1 1 100%;justify-content:center}.dm-main-page .search{margin-left:auto}.dm-main-page .hero h1{font-size:38px}}
@media(max-width:640px){
.dm-main-page .site-header .container{gap:10px;padding-top:12px;padding-bottom:12px}
.dm-main-page .gnb{display:none}
.dm-main-page .mobile-menu{display:block;position:relative;margin-left:auto}
.dm-main-page .mobile-menu>summary{list-style:none;cursor:pointer;padding:10px;font-size:20px;min-height:44px}
.dm-main-page .mobile-menu .nav-drop{position:fixed;top:68px;left:16px;right:16px;max-height:75dvh;overflow-y:auto}
.dm-main-page .mobile-menu .nav-drop a{display:block;padding:12px;border-bottom:1px solid var(--c-line-soft)}
.dm-main-page .mobile-menu .nav-drop details{padding:8px}
.dm-main-page .search{order:4;flex:1 1 100%;width:100%;margin:0}
.dm-main-page .util{order:2;margin:0;gap:8px}
.dm-main-page .util>a:not(.kakao){display:none}
.dm-main-page .util .kakao{height:44px;font-size:13px;padding:0 12px}
.dm-main-page .hero .container{min-height:400px}
.dm-main-page .hero-copy{max-width:100%;flex:1 1 100%;padding:32px 0 60px;gap:14px;position:relative;z-index:1}
.dm-main-page .hero{background-position:70% center}
.dm-main-page .hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,39,94,.95) 0%,rgba(8,39,94,.8) 55%,rgba(8,39,94,.18) 100%)}
.dm-main-page .hero{position:relative}
.dm-main-page .hero h1{font-size:30px;max-width:95%}
.dm-main-page .hero p{font-size:15px;max-width:80%;text-shadow:0 1px 4px #08275e}
.dm-main-page .hero-cta{flex-wrap:wrap;gap:8px}
.dm-main-page .hero-cta .btn{font-size:14px;padding:0 16px;height:46px}
.dm-main-page .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.dm-main-page .quick-item{padding:16px 12px;gap:8px;border-right:1px solid var(--c-line-soft);border-bottom:1px solid var(--c-line-soft)}
.dm-main-page .quick-item strong{font-size:14px}
.dm-main-page .quick-item span.desc{font-size:12px;line-height:1.5}
.dm-main-page .icon-tile{width:34px;height:34px}
.dm-main-page .notice-bar{padding:14px 16px;gap:8px}
.dm-main-page .notice-bar a{flex:1 1 100%;font-size:13px}
.dm-main-page .notice-bar .more{margin-left:auto;flex:0 0 auto}
.dm-main-page .course-cover{height:220px}
.dm-main-page .course-grid{grid-template-columns:minmax(0,1fr)}
.dm-main-page .course-body{padding:18px 20px}
.dm-main-page .footer-nav{gap:12px}
.dm-main-page .footer-nav .sns{margin-left:0;flex:1 1 100%}
}
@media(prefers-reduced-motion:reduce){.dm-main-page *{transition:none!important;scroll-behavior:auto!important}}
.dm-main-page main>section{padding:0!important}
.dm-main-page .hero h1{color:#fff}
.dm-main-page .panel-review h2{color:#fff}
.dm-main-page .site-header .container{column-gap:12px}
.dm-main-page .gnb{margin-right:auto;gap:8px;flex:0 1 auto}
.dm-main-page .nav-group summary{padding:6px 3px}
.dm-main-page .search{flex:0 1 165px;min-width:140px}
.dm-main-page .util{gap:10px}
.dm-main-page .hero-copy{padding:52px 0 90px}
.dm-main-page .site-footer{padding:38px 0}
.dm-main-page main>.voucher{background:transparent!important}
.dm-main-page .btn-blue{border:1px solid var(--c-blue)}
@media(max-width:1100px){.dm-main-page .gnb{order:4;flex:1 1 100%}}
@media(max-width:640px){.dm-main-page .search{flex:1 1 100%;min-width:0}.dm-main-page .hero-copy{padding:32px 0 60px}.dm-main-page .hero h1{font-size:30px}.dm-main-page .util{gap:8px}}
@media(max-width:640px){.dm-main-page .mobile-menu .nav-group{display:block}.dm-main-page .mobile-menu .nav-group>.nav-drop{position:static}.dm-main-page .mobile-menu .nav-group details .nav-drop{position:static;max-height:none;box-shadow:none;min-width:0;border:0;background:#f6f8fb}.dm-main-page .mobile-menu .nav-group details summary{font-size:14px;min-height:44px;padding:12px}.dm-main-page .mobile-menu .nav-drop .nav-drop{left:auto;right:auto;top:auto}}

/* 기존 배너의 이미지 높이를 유지하여 화면 폭에 따른 확대를 방지합니다. */
.dm-main-page .hero{background-size:auto 400px;background-position:bottom right 8%;min-height:400px}
.dm-main-page .hero .container{min-height:400px}
@media(max-width:767px){.dm-main-page .hero{background-size:auto 400px;background-position:bottom right}}

/* 테두리를 옅게 유지하고 배경과 부드러운 그림자로 그룹을 구분합니다. */
.dm-main-page .notice-bar,.dm-main-page .voucher-card,.dm-main-page .panel,.dm-main-page .course-card{border-color:var(--c-line)}
.dm-main-page .quick-grid{border:1px solid var(--c-line);box-shadow:0 8px 24px rgba(8,39,94,.10)}
.dm-main-page .course-cover{height:220px;background:transparent}
@media(max-width:640px){.dm-main-page .course-cover{height:210px}}

.dm-main-page .notice-bar,.dm-main-page .voucher-card{background:#f7f9fc;box-shadow:0 4px 16px rgba(8,39,94,.045)}
.dm-main-page .quick-grid{background:#fafbfd}
.dm-main-page .panel:not(.panel-review){background:#f7f9fc;box-shadow:0 5px 18px rgba(8,39,94,.045)}
.dm-main-page .panel.panel-welcome{background:#eaf1fc}
.dm-main-page .course-card{box-shadow:0 4px 16px rgba(8,39,94,.035)}
.dm-main-page .course-body{background:#fafbfd}

/* 왕딱지 교재: 공지 아래·추천 강좌 위의 독립 안내 카드. */
.dm-main-page .dm-ebook-promo{padding:18px 0 0}
.dm-main-page .dm-ebook-promo-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;background:#f1f8fb;border:1px solid #bad8e5;border-radius:18px;padding:30px 34px;color:#172747}
.dm-main-page .dm-ebook-promo-subjects{display:block;color:#24657c;font-size:16px;font-weight:700;margin-bottom:6px}
.dm-main-page .dm-ebook-promo-card h2{font-size:30px;margin:0 0 10px;line-height:1.4}
.dm-main-page .dm-ebook-promo-card p{font-size:18px;line-height:1.7;margin:0 0 5px}
.dm-main-page .dm-ebook-promo-card .dm-ebook-promo-policy{font-weight:600;color:#305d72}
.dm-main-page .dm-ebook-promo-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:14px 24px;background:#164db4;border-radius:10px;color:white;font-size:18px;font-weight:700;text-decoration:none;white-space:nowrap}
.dm-main-page .dm-ebook-promo-button:hover,.dm-main-page .dm-ebook-promo-button:focus-visible{background:#103b8f;color:white;outline:3px solid #83c2e0;outline-offset:3px}
@media(max-width:767px){.dm-main-page .dm-ebook-promo-card{grid-template-columns:1fr;padding:24px;gap:16px}.dm-main-page .dm-ebook-promo-card h2{font-size:27px}.dm-main-page .dm-ebook-promo-button{width:100%;white-space:normal}}