@charset "UTF-8";
/* =========================================================
   Template: page-program.php
   Scope: 좌측 내비 + 프로그램 섹션 스타일
   ========================================================= */

.doubled-wrapper{display:grid;grid-template-columns:300px 1fr;gap:48px;align-items:start}
.dw-left{position:sticky;top:100px;align-self:start;height:max-content;z-index:2;background:#fff}
.dw-title{font-size:1.6rem;margin:0 0 12px}
.dw-right{position:relative;z-index:1}
.program-section{scroll-margin-top:120px}

/* sticky 방해 제거 */
.pg-body,.pg-body .ee-container{overflow:visible}
.site_wrap,.site-content-contain,#content,#primary{overflow:visible !important;transform:none !important;contain:none !important}

.page-title,.sub-page-title {border:none !important;}


@media(max-width:1024px){
  .doubled-wrapper{grid-template-columns:1fr}
  .dw-left{position:static;top:auto}
}

/* Mobile: hide left nav, make right 100% */
@media (max-width: 640px){
  .doubled-wrapper{grid-template-columns:1fr !important}
  .dw-left{display:none !important}
  .dw-right{grid-column:1 / -1; width:100% !important}
}

/* program split layout: 2-column (image + text) on larger screens, stacked on small */
.program-split{display:grid;gap:16px;align-items:start;margin-top:12px;grid-template-columns:1fr}
.program-split .program-image{width:100%}
.program-split .program-image img{width:100%;max-width:200px;height:auto;display:block;border-radius:12px;margin:0 auto}
.program-split .program-details{display:block;background:#fff;border-radius:12px;padding:16px}
@media(min-width:768px){
  .program-split{grid-template-columns:200px 1fr}
  .program-split .program-image{width:200px}
  .program-split .program-image img{margin:0}
  .program-split.img-right{grid-template-columns:1fr 200px}
  .program-split.img-right .program-image{order:2}
  .program-split.img-right .program-details{order:1}
}

/* note -> icon + text boxes */
.program-details .note{margin-top:0}
.program-details .note > p:first-child{margin:0 0 8px}
.program-details .note > p:first-child strong{font-size:1rem;color:#111}
.program-details .note .subject-list{list-style:none;margin:8px 0 12px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.program-details .note .subject-list li{display:flex;align-items:center;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04);padding-left:50px}
.program-details .note .subject-list li:before{content:"";display:inline-block;width:24px;height:24px;flex:0 0 24px;margin-right:8px;border-radius:6px;background:#fff;border:1px solid rgba(200,0,95,0.25);background-repeat:no-repeat;background-position:center;background-size:14px 14px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c8005f'><path d='M6 4h9a3 3 0 0 1 3 3v12.5a.5.5 0 0 1-.77.42L15 18.5l-2.23 1.42a.5.5 0 0 1-.54 0L10 18.5l-2.23 1.42A.5.5 0 0 1 7 19.5V7a3 3 0 0 1-1-3zm1 2v11.7l1.73-1.1a.5.5 0 0 1 .54 0L12 17.9l2.73-1.3a.5.5 0 0 1 .54 0L17 17.7V7a2 2 0 0 0-2-2H8a2 2 0 0 0-1 1z'/></svg>");margin:10px}
/* specific icons per item */
.program-details .note .subject-list li:nth-child(1):before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c8005f'><path d='M11 3h2v10h-2z'/><path d='M7 13h10v2H7z'/><path d='M5 19h14v2H5z'/></svg>")}
.program-details .note .subject-list li:nth-child(2):before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c8005f'><path d='M12 4c3.9 0 7.4 1.6 10 4.2l-1.4 1.4C18.5 6.6 15.4 5.2 12 5.2S5.5 6.6 3.4 9.6L2 8.2C4.6 5.6 8.1 4 12 4zm0 4c2.8 0 5.3 1.1 7.1 3l-1.4 1.4C16.2 10.9 14.2 10 12 10s-4.2.9-5.7 2.4L4.9 11C6.7 9.1 9.2 8 12 8zm0 4c1.6 0 3 .6 4.1 1.7l-1.4 1.4A3.9 3.9 0 0 0 12 14c-1.1 0-2.1.4-2.9 1.1l-1.4-1.4A5.9 5.9 0 0 1 12 12zm0 3a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3z'/></svg>")}
/* final info line callout */
.program-details .note p:last-of-type{position:relative;margin:0;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px 10px 40px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.program-details .note p:last-of-type:before{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:6px;border:1px solid rgba(200,0,95,0.25);background:#fff;background-repeat:no-repeat;background-position:center;background-size:14px 14px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c8005f'><path d='M11 7h2v2h-2V7zm0 4h2v6h-2v-6z'/><path d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm0 18c-4.4 0-8-3.6-8-8s3.6-8 8-8 8 3.6 8 8-3.6 8-8 8z'/></svg>")}
/* 프로그램 안내 */
.program-guide { line-height: 1.8; color: #333; }
.program-section { margin-bottom: 3em; padding: 0em 1.5em; border-radius: 8px; }
.program-section h3 { font-size: 1.5em; color: #444; margin: 0 0 1em; padding-bottom: 0.5em; border-bottom: 1px solid #e2e8f0; }
.program-section h4 { font-size: 1.3em; color: #444; margin: 0em 0 0.8em; }
.program-section h5 { font-size: 1.1em; color: #444; margin: 0em 0 0.5em; }
.program-details { padding: 0 1em; }
.program-details p { margin: 0.5em 0 1em; }
.subject-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 0.5em 2em; padding-left: 1.2em; margin: 0.5em 0 1em; }
.subject-list li { position: relative; padding-left: 1.2em; }
.subject-list li:before { content: '•'; position: absolute; left: 0; color: #c8005f; }
.note { padding: 1em 1.2em; border-radius: 6px; margin: 1em 0; color: #4a5568; font-style: italic; }
.note p { margin: 0.3em 0; }