/* 이야기와 배울 방법을 한 장면에서 연결해요. */
.concept-scene::before{background:rgba(8,39,39,.62)}
.concept-scene>.concept-layout{max-width:1780px;width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);grid-template-rows:minmax(320px,1fr) auto auto;gap:14px;align-items:stretch;padding:clamp(16px,2vw,28px);margin-inline:auto}
.concept-intro{width:100%;padding:clamp(20px,2vw,32px);display:flex;flex-direction:column;justify-content:center;gap:10px}
.concept-intro .tag{align-self:flex-start}
.concept-intro h1{font-size:clamp(27px,2.7vw,43px);line-height:1.25;letter-spacing:-.035em;margin:0}
.concept-intro p{margin:0;line-height:1.6;font-size:clamp(16px,1.15vw,20px)}
.concept-key{border-left:5px solid #238674;background:#e4f2e8;padding:12px 16px;border-radius:8px}
.concept-key b,.concept-mission b{display:block;color:#246c5e;font-size:13px;margin-bottom:4px}
.concept-intro .example{font-size:clamp(15px,1vw,18px)}
.concept-picture{position:relative;min-height:320px;background-size:cover;background-position:center;border:2px solid #263b35;border-radius:16px;box-shadow:4px 4px 0 #263b35;overflow:hidden}
.concept-picture span{position:absolute;right:12px;top:12px;background:rgba(20,62,56,.86);border-radius:6px;color:white;padding:6px 10px;font-size:12px;font-weight:700}
.concept-process{grid-column:1/-1;background:rgba(255,250,239,.97);border:2px solid #263b35;border-radius:16px;padding:16px;box-shadow:4px 4px 0 #263b35}
.concept-process h2{margin:0 0 10px;font-size:clamp(18px,1.4vw,24px)}
.concept-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.concept-step{display:flex;gap:12px;align-items:flex-start;background:#e5f2e8;border:1.5px solid #91b5a3;border-radius:10px;padding:13px;min-width:0}
.concept-step:nth-child(2){background:#fff0c8;border-color:#d5b773}.concept-step:nth-child(3){background:#f7e8de;border-color:#d5ae9c}
.concept-number{flex:none;display:grid;place-items:center;width:33px;height:33px;background:#fffaf0;border:1.5px solid #345249;border-radius:8px;font-weight:800;font-size:14px}
.concept-step h3{margin:0 0 4px;font-size:17px}.concept-step p{margin:0;font-size:16px;line-height:1.5}
.concept-mission{grid-column:1/-1;border:2px solid #263b35;border-radius:12px;background:#ffe4a4;padding:12px 16px;box-shadow:3px 3px 0 #263b35;font-size:16px;line-height:1.5}.concept-mission b{color:#8d5127}
@media(max-width:950px),(max-height:650px){.concept-scene>.concept-layout{grid-template-columns:1fr;grid-template-rows:auto;gap:12px}.concept-picture{grid-row:2;min-height:0;aspect-ratio:16/8}.concept-process,.concept-mission{grid-column:1}.concept-intro{gap:10px}.concept-steps{grid-template-columns:1fr}}
@media(max-width:600px){.concept-scene>.concept-layout{padding:14px}.concept-picture{aspect-ratio:16/9}.concept-intro{padding:18px}.concept-step{padding:12px}.concept-mission{font-size:15px}}
@media(max-width:950px),(max-height:650px){.concept-scene>.concept-layout{grid-template-columns:minmax(0,1fr)}.concept-picture{min-width:0;max-width:100%}}