@charset "utf-8";
.inner {max-width: 1323px;}
.ico-wrap {flex-shrink: 0; display:flex; align-items:center; justify-content:center; width:50px; height:50px; border-radius:8px; background:linear-gradient(180deg,#FEF3C7 0%,#FCE7F3 100%);}
.ico-wrap.circle {border-radius: 50%;}


/* curriculum hero */
.curriculum-hero-section {overflow:hidden; padding:90px 0 120px;}
.curriculum-hero-section .inner {display:flex; align-items:center; justify-content:space-between; gap:80px;}
.curriculum-hero-section .curriculum-hero-text {}
.curriculum-hero-section .label {margin-bottom:30px; padding: 5px 14px; border-color: #EEEEEE; font-size: 14px; font-weight: 600; color: #1A1919;}
.curriculum-hero-section h2 {background-image: url(../img/sub/course/course-hero-img.webp); background-repeat: no-repeat; background-position: right center; font-family: 'YeogiOttaeJalnanGothic'; font-size: clamp(28px,3.7vw,46px); font-weight:800; line-height:120%; color:#111111;}
.curriculum-hero-section h2 strong {font-family: 'YeogiOttaeJalnanGothic'; display:block; color:#F2994A;}
.curriculum-hero-section p {margin-top:16px; font-size:clamp(16px,0.94vw,24px); font-weight: 500; color:#5C5C58;}
.curriculum-hero-section .square-btn {margin-top: 30px;}
.curriculum-hero-section .curriculum-hero-graph {margin-right: 20px; flex-shrink:0; position:relative; display:flex; width:min(50%,620px); height:515px; padding:34px 0 76px; background:#fff;}
.curriculum-hero-section .curriculum-hero-graph .graph-y-labels {display:flex; flex-direction:column; justify-content:space-between; width:52px; height:100%; padding-right:18px;}
.curriculum-hero-section .curriculum-hero-graph .graph-y-labels span {font-size:16px; font-weight:400; line-height:1; color:#9B9B9B;}
.curriculum-hero-section .curriculum-hero-graph .graph-area {position:relative; flex:1; height:100%; background:repeating-linear-gradient(to bottom,#E0E0E0 0,#E0E0E0 2px,transparent 2px,transparent 20%); border-bottom: 2px solid #E0E0E0;}
.curriculum-hero-section .curriculum-hero-graph ul {position:absolute; left:0; right:0; bottom:0; display:flex; align-items:flex-end; justify-content:space-between; height:100%;}
.curriculum-hero-section .curriculum-hero-graph li {position:relative; width:58px; height:var(--h); border-radius:999px 999px 0 0; background:linear-gradient(180deg,#FFB23E 0%,#FFD38A 100%); transform:scaleY(0); transform-origin:bottom; animation:graphBar .6s ease forwards; animation-delay:var(--d);}
.curriculum-hero-section .curriculum-hero-graph li span {position:absolute; left:50%; bottom:-48px; width:100px; transform:translateX(-50%); font-size:16px; font-weight:600; line-height:120%; color:#333; text-align:center;}
.curriculum-hero-section .curriculum-hero-graph .graph-text {position:absolute; font-size:15px; font-weight:500; color:#3C3C3C;}
.curriculum-hero-section .curriculum-hero-graph .graph-start {left:-60px; bottom:-48px;}
.curriculum-hero-section .curriculum-hero-graph .graph-growth {right:-60px; top:-25px;}
.curriculum-hero-section .curriculum-hero-graph .graph-arrow {position:absolute; left:-6px; bottom:0; width:0; height:0; border-top:2px dashed #000; transform:rotate(-35deg); transform-origin:left center; animation:graphArrow 1.4s ease forwards .2s;}
.curriculum-hero-section .curriculum-hero-graph .graph-arrow::after {content:''; position:absolute; right:-8px; top:-8px; width:10px; height:10px; border-top:3px solid #000; border-right:3px solid #000; border-radius:2px 2px 2px 0; transform:rotate(45deg); opacity:0; animation:graphArrowHead .2s ease forwards 1.45s;}

@keyframes graphBar {
    to {transform:scaleY(1);}
}

@keyframes graphArrow {
    to {width: 710px;}
}

@keyframes graphArrowHead {
    to {opacity:1;}
}

/* curriculum tab */
.curriculum-tab-section {padding-bottom:120px;}
.curriculum-tab-section .curriculum-tab-guide {text-align: center; font-family: 'YeogiOttaeJalnanGothic'; font-size: 20px; color: #1A1919; line-height: 1.5;}
.curriculum-tab-section .curriculum-tab-guide b {font-family: 'YeogiOttaeJalnanGothic'; color: #7C3AED;}
.curriculum-tab-section .curriculum-tab-wrap {margin-top: 20px; padding: 40px; background-color: #FFC630; border-radius: 30px;}
.curriculum-tab-section .curriculum-tab-wrap strong {word-break: keep-all; font-size: 16px; font-weight: 500; color: #000; display: flex; align-items: center; column-gap: 10px;}
.curriculum-tab-section .curriculum-tab-list {margin-top: 16px; display:flex; flex-wrap:wrap; justify-content: space-between;}
.curriculum-tab-section .curriculum-tab-list a {display:flex; align-items:center; justify-content:center; column-gap: 5px; height: 53px; padding: 10px 30px; border: 1px solid #E8EAEE; box-shadow: 0 2px 12px 2px #5858580D; border-radius:999px; background-color:#fff; transition:background-color .3s;}
.curriculum-tab-section .curriculum-tab-list a span {font-size:16px; font-weight:600; color:#1A1A1A; transition: color .3s;}
.curriculum-tab-section .curriculum-tab-list a svg {transition: filter .3s;}
.curriculum-tab-section .curriculum-tab-list a:hover {background-color:#F6A623; color:#fff;}
.curriculum-tab-section .curriculum-tab-list a:hover span {color:#fff;}
.curriculum-tab-section .curriculum-tab-list a:hover svg {-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}

/* common */
.course-section {padding-block: 120px;}
.course-section:nth-child(2n-1) {background-color: #F9F9F9;}
.course-title span {width: fit-content; border-radius: 999px; display: flex; align-items: center; column-gap: 10px; font-size: 15px; font-weight: 600; color: #1A1919; background-color: #fff; border: 1px solid #EEEEEE; padding: 8px 16px;}
.course-title h3 {word-break: keep-all; font-family: 'YeogiOttaeJalnanGothic'; margin-top: 16px; font-size:clamp(28px, 3.7vw, 38px); color:#1A1919;}
.course-title p {margin-top: 16px; font-size: 16px; color:#5C5C58;}

/* goal */
.curriculum-goal-section .curriculum-process-list {position:relative; display:grid; grid-template-columns:repeat(4,1fr); margin-top:80px;}
.curriculum-goal-section .curriculum-process-list::before {animation:processLine 1.6s ease forwards; content:''; position:absolute; top:27px; left:12.5%; right:12.5%; height:2px; background:#D5C5F9; background: linear-gradient(90deg,#D5C5F9 0%, #BFCFF9 100%); transform:scaleX(0); transform-origin:left center;}
@keyframes processLine {
    from {transform:scaleX(0);}
    to {transform:scaleX(1);}
}
.curriculum-goal-section .curriculum-process-list li {position:relative; text-align:center;}
.curriculum-goal-section .process-step {box-shadow: 0 2px 12px 2px #5858580D; position:relative; z-index:2; display:flex; align-items:center; justify-content:center; width:56px; height:56px; margin:0 auto 40px; border:3px solid transparent; border-radius:50%; background: linear-gradient(#fff,#fff) padding-box, linear-gradient(90deg,#D5C5F9 0%,#BFCFF9 100%) border-box; font-size:20px; font-weight:700; color:#0B1F45;}
.curriculum-goal-section .process-content {padding:0 20px;}
.curriculum-goal-section .process-icon {margin:0 auto 16px;}
.curriculum-goal-section .process-icon img {width:22px;}
.curriculum-goal-section .process-content strong {display:block; font-size:22px; font-weight:800; color:#111;}
.curriculum-goal-section .process-content p {margin-top:12px; font-size:16px; line-height:165%; color:#595959; word-break:keep-all;}

/* core */
.curriculum-core-section .curriculum-core-wrap {display:grid; grid-template-columns:1fr 1fr; gap: 30px; margin-top:80px;}
.curriculum-core-section .curriculum-core-wrap .label {margin: 0 auto 28px; padding: 5px 20px; font-weight: 600; font-size: 16px; color: #fff; background: #FFB900; background: linear-gradient(180deg, rgba(255, 185, 0, 1) 0%, rgba(242, 153, 74, 1) 100%);}
.curriculum-core-section .curriculum-question-box,
.curriculum-core-section .curriculum-answer-box {position: relative; padding: 40px; border-radius:20px; border:1px solid transparent;}
.curriculum-core-section .curriculum-answer-box::after {content: ''; width: 164px; height: 180px; background-image: url(../img/sub/book/character.webp); background-repeat: no-repeat; position: absolute; left: 100%; bottom: 0; transform: translateX(-50%);}
.curriculum-core-section .curriculum-question-box {background-color: #FAFAFA; border-color: #EBEBEB;}
.curriculum-core-section .curriculum-question-box ul {display: flex; flex-direction: column; row-gap: 40px ;}
.curriculum-core-section .curriculum-question-box li {padding: 20px; border-radius: 20px; background:#fff; box-shadow: 0 2px 12px 0 #3D2E2214; display: flex; align-items: center; justify-content: flex-start; column-gap: 16px; font-size:16px;}
.curriculum-core-section .curriculum-question-box li .txt-wrap strong {font-size: 18px; font-weight: 700; color: #1A1919;}
.curriculum-core-section .curriculum-question-box li .txt-wrap p {word-break: keep-all; margin-top: 6px; font-size: 16px; color: #5C5C58;}
.curriculum-core-section .curriculum-answer-box {display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #FFFDF9; border-color: #F2994A;}
.curriculum-core-section .curriculum-answer-box strong {position: relative; padding-block:36px; text-align:center; font-family:'YeogiOttaeJalnanGothic'; display:block; word-break:keep-all; font-size:clamp(28px,3.5vw,40px); color:#1A1919; line-height:1.5;}
.curriculum-core-section .curriculum-answer-box strong::after,
.curriculum-core-section .curriculum-answer-box strong::before {content: ''; width: 40px; height: 36px; background-image: url(../img/sub/course/quotes.svg); background-repeat: no-repeat; background-size: contain; background-position: center center; position: absolute; left: 50%; transform: translateX(-50%);}
.curriculum-core-section .curriculum-answer-box strong::before {top: 0;}
.curriculum-core-section .curriculum-answer-box strong::after {bottom: 0; transform: translateX(-50%) rotate(180deg);}
.curriculum-core-section .curriculum-answer-box b {font-family: 'YeogiOttaeJalnanGothic'; font-style:normal; color:#F2994A;}
.curriculum-core-section .curriculum-program-list {display:grid; grid-template-columns:repeat(3,1fr); gap:34px; margin-top: 60px;}
.curriculum-core-section .curriculum-program-list li {padding:20px; border-radius:16px; border:1px solid #0B1F451F; background:#fff;}
.curriculum-core-section .curriculum-program-list .tit-wrap {display: flex; align-items: center; column-gap: 12px;}
.curriculum-core-section .curriculum-program-list .tit-wrap strong {font-size: 18px; font-weight: 700; color: #1A1919;}
.curriculum-core-section .curriculum-program-list p {word-break: keep-all; margin-top:10px; font-size:14px; color:#5C5C58;}

/* roadmap */
.curriculum-roadmap-section .curriculum-roadmap-list {display: flex; align-items: stretch; gap:20px; margin-top:60px;}
.curriculum-roadmap-section .curriculum-roadmap-list li.arrow {align-self: center; flex-shrink: 0;}
.curriculum-roadmap-section .curriculum-roadmap-list li:not(.arrow) {flex: 1; padding: 20px; border-radius: 14px; border: 1px solid #0B1F451F; background-color: #fff; display: flex; flex-direction: column; row-gap: 12px; align-items: center;}
.curriculum-roadmap-section .curriculum-roadmap-list li .top {display: flex; flex-direction: column; row-gap: 12px; align-items: center;}
.curriculum-roadmap-section .curriculum-roadmap-list li .top span {font-size: 28px; font-family: "Noto Serif KR", serif; background: linear-gradient(90deg, #7C3AED 0%, #2563EB 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}
.curriculum-roadmap-section .curriculum-roadmap-list li .top strong {font-size: 16px; font-weight: 700; color: #1A1919;}
.curriculum-roadmap-section .curriculum-roadmap-list li .bot {width: 100%; max-width: 200px; position: relative; padding-top: 12px;}
.curriculum-roadmap-section .curriculum-roadmap-list li .bot::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: linear-gradient(90deg, #FFB900 0%, #F2994A 100%);}
.curriculum-roadmap-section .curriculum-roadmap-list li .bot p {max-width: 190px; word-break: keep-all; font-size: 16px; color: #5C5C58; text-align: center;}
.curriculum-roadmap-section .curriculum-roadmap-extra {margin-top:60px;}
.curriculum-roadmap-section .roadmap-sub-title {display:flex; align-items:center; column-gap:18px; margin-bottom:20px; font-size:16px; font-weight:700; color:#000000;}
.curriculum-roadmap-section .roadmap-sub-title::after {content:''; flex:1; height:1px; background:#DEDEDE;}
.curriculum-roadmap-section .roadmap-point-list {display:flex; flex-direction:column; row-gap:20px;}
.curriculum-roadmap-section .roadmap-point-list li {display:flex; align-items:center; column-gap:20px; padding: 28px; border-radius:16px; background:#FEFBF1; border:1px solid #FFDE71;}
.curriculum-roadmap-section .roadmap-point-list li:nth-child(2) {background:#FEF5F0; border-color:#FFB388;}
.curriculum-roadmap-section .roadmap-point-list li:nth-child(3) {background:#FEFBF1; border-color:#FFDE71;}
.curriculum-roadmap-section .roadmap-point-list li .txt-wrap strong {display:block; margin-bottom:10px; font-size:20px; font-weight:700; color:#1A1919;}
.curriculum-roadmap-section .roadmap-point-list li .txt-wrap strong span {font-weight:700; background:linear-gradient(90deg,#7C3AED 0%,#2563EB 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; color:transparent;}
.curriculum-roadmap-section .roadmap-point-list li .txt-wrap p {font-size:16px; color:#5C5C58;}
.curriculum-roadmap-section .curriculum-roadmap-program {margin-top:48px;}
.curriculum-roadmap-section .roadmap-program-list {display:flex; flex-wrap:wrap; gap:10px;}
.curriculum-roadmap-section .roadmap-program-list li {display:flex; align-items:center; justify-content:center; height: 37px; padding:0 18px; border-radius: 8px; border:1px solid #0B1F451F; background:#fff; font-size:16px; font-weight:500; color:#262626;}

/* result */
.curriculum-result-section {overflow:hidden; position: relative;}
.curriculum-result-section::before {content:''; position:absolute; left: 50%; top:8%; transform: translate(-50%); width: 85%; height:100%; background:url('/img/sub/course/result-bg.webp') no-repeat center top / contain; pointer-events:none;}
.curriculum-result-section .inner {position:relative; z-index:1;}
.curriculum-result-section .curriculum-result-wrap {display:grid; grid-template-columns:repeat(2,1fr); gap: 100px; margin-top:80px;}
.curriculum-result-section .result-top-card {position:relative; padding: 50px 50px 30px; border-radius: 20px; background:#fff; border:1px solid #FBFBFB; box-shadow:0 2px 12px #3D2E2214;}
.curriculum-result-section .result-top-card > strong {position:absolute; left:50%; top:0; transform:translate(-50%,-50%); display:inline-flex; align-items:center; justify-content:center; min-width:260px; height:46px; padding:0 18px; border-radius:999px; font-size:18px; font-family: 'YeogiOttaeJalnanGothic'; color:#fff; white-space:nowrap;}
.curriculum-result-section .result-top-card.green > strong {background:linear-gradient(180deg,#89D48D 0%,#229D29 100%);}
.curriculum-result-section .result-top-card.blue > strong {background:linear-gradient(180deg,#4784D4 0%,#1462C8 100%);}
.curriculum-result-section .result-icon-list {display:grid; grid-template-columns:repeat(3,1fr); gap:30px;}
.curriculum-result-section .result-icon-list li {text-align:center;}
.curriculum-result-section .result-icon-list li .img-wrap {display:flex; align-items:center; justify-content:center; width:92px; height:92px; margin:0 auto 20px; border-radius:50%; background:#fff; border:3px solid #D7ECD9;}
.curriculum-result-section .result-top-card.blue .result-icon-list li .img-wrap {border-color:#D7DFEA;}
.curriculum-result-section .result-icon-list li .img-wrap img {max-width:46px; max-height:46px;}
.curriculum-result-section .result-icon-list li span {display:block; font-size:16px; font-weight:700; line-height:1.45; color:#111;}
.curriculum-result-section .result-top-card .label {display:flex; align-items:center; justify-content:center; width:170px; height:34px; margin:28px 0 0 auto; border-radius:999px; border:1px solid #39A84D; font-size:15px; font-weight:700; color:#24983A;}
.curriculum-result-section .result-top-card.blue .label {border-color:#2B77DC; color:#1462C8;}
.curriculum-result-section .curriculum-level-list {padding-top: 140px; position:relative; display:grid; grid-template-columns:repeat(3,1fr); column-gap:54px; row-gap:24px; margin-top:60px;}
.curriculum-result-section .curriculum-level-list li {min-height:170px; padding: 32px; border-radius:20px; background:#fff; border:1px solid #FBFBFB; box-shadow:0 2px 12px #3D2E2214;}
.curriculum-result-section .curriculum-level-list li:nth-child(1) {grid-column:1; grid-row:1;}
.curriculum-result-section .curriculum-level-list li:nth-child(2) {grid-column:1; grid-row:2;}
.curriculum-result-section .curriculum-level-list li:nth-child(3) {grid-column:2; grid-row:1; transform:translateY(-70px);}
.curriculum-result-section .curriculum-level-list li:nth-child(4) {grid-column:2; grid-row:2; transform:translateY(-70px);}
.curriculum-result-section .curriculum-level-list li:nth-child(5) {grid-column:3; grid-row:1; transform:translateY(-140px);}
.curriculum-result-section .curriculum-level-list li:nth-child(6) {grid-column:3; grid-row:2; transform:translateY(-140px);}
.curriculum-result-section .curriculum-level-list li span {display:inline-flex; align-items:center; height:25px; padding:0 12px; margin-bottom:20px; border-radius:999px; background:linear-gradient(180deg,#89D48D 0%,#229D29 100%); font-size:14px; font-weight:700; color:#fff;}
.curriculum-result-section .curriculum-level-list li:nth-child(2) span,
.curriculum-result-section .curriculum-level-list li:nth-child(4) span,
.curriculum-result-section .curriculum-level-list li:nth-child(6) span {background:linear-gradient(180deg,#4784D4 0%,#1462C8 100%);}
.curriculum-result-section .curriculum-level-list li strong {display:block; margin-bottom:20px; font-size:18px; font-weight:700; color:#1A1919;}
.curriculum-result-section .curriculum-level-list li p {word-break: keep-all; font-size:16px; color:#5C5C58;}
.curriculum-result-section .curriculum-level-list li p + p {margin-top: 12px;}
.curriculum-result-section .curriculum-result-notice {word-break: keep-all; display:flex; align-items:center; justify-content:center; min-height:56px; margin-top:60px; padding: 16px; border-radius: 12px; border:1px solid #EEEEEE; background:#fff; font-size:18px; font-weight:600; color:#202020; text-align:center;}
.curriculum-result-section .curriculum-result-notice br {display: none;}

/* management */
.curriculum-management-section .curriculum-management-step {max-width: 1137px; margin-inline: auto; display:grid; grid-template-columns:repeat(5,1fr); gap:30px; margin-top:80px;}
.curriculum-management-section .curriculum-management-step li {flex: 1; position:relative; text-align:center;}
.curriculum-management-section .curriculum-management-step li:not(:last-child)::after {content:'→'; position:absolute; top:54px; right:-30px; font-size:30px; font-weight:300; color:#F2994A;}
.curriculum-management-section .curriculum-management-step .ico-wrap {width:72px; height:72px; margin:0 auto 16px; box-shadow: 0 2px 12px 2px #5858580D;}
.curriculum-management-section .curriculum-management-step strong {display:block; font-size:18px; font-weight:700; color:#1A1919;}
.curriculum-management-section .curriculum-management-step p {margin-top:8px; font-size:16px; color:#5C5C58;}

.curriculum-management-section .curriculum-management-list {display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:40px;}
.curriculum-management-section .curriculum-management-list li {padding: clamp(20px, 3vw, 24px); border-radius:14px; background:#fff; border:1px solid #0B1F451F;}
.curriculum-management-section .curriculum-management-list strong {display:block; font-size:22px; font-weight:700; color:#1A1919;}
.curriculum-management-section .curriculum-management-list p {margin-top:10px; font-size:18px; color:#5C5C58; word-break:keep-all;}

/* feature */
.curriculum-feature-section .curriculum-feature-list {display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:70px;}
.curriculum-feature-section .curriculum-feature-list li {padding: clamp(20px, 3vw, 28px); border-radius:14px; border:1px solid #D9DCE3; background:#fff;}
.curriculum-feature-section .curriculum-feature-list .img-wrap {display:flex; align-items:center; justify-content:flex-start; width:auto; height:28px; margin-bottom:10px;}
.curriculum-feature-section .curriculum-feature-list .img-wrap.zoom-logo img {width: auto; height:23px; object-fit:contain;}
.curriculum-feature-section .curriculum-feature-list .img-wrap img {width:28px; height:28px; object-fit:contain;}
.curriculum-feature-section .curriculum-feature-list strong {display:block; font-size:18px; font-weight:700; color:#1A1919;}
.curriculum-feature-section .curriculum-feature-list p {margin-top:10px; font-size:16px; line-height: 1.5; color:#5C5C58; word-break:keep-all;}

/* book */
.curriculum-book-section {position:relative; overflow:hidden; padding:140px 0 220px; background:url('../img/sub/course/curriculum-book-bg.webp') no-repeat center/cover;}
.curriculum-book-section .inner {position:relative; z-index:2; text-align:center;}
.curriculum-book-section .book-label {padding: 5px 14px; margin-inline: auto; font-size: 14px; font-weight: 600; color: #1A1919; background-color: #fff; border-color: #EEEEEE;}
.curriculum-book-section h3 {word-break:keep-all; font-family:'YeogiOttaeJalnanGothic'; margin-top:16px; font-size:clamp(28px,3.7vw,38px); line-height:1.5; color:#fff;}
.curriculum-book-section .book-desc {word-break: keep-all; max-width:565px; margin:16px auto 0; font-size:16px; line-height:1.5; color:#E3E3E3;}
.curriculum-book-section .book-point-list {display:grid; grid-template-columns:repeat(3,1fr); gap:40px; margin-top: 134px;}
.curriculum-book-section .book-point-list li {padding:34px 30px; border-radius:20px; background:rgba(255,255,255,.95); backdrop-filter:blur(10px); text-align:left;}
.curriculum-book-section .book-point-list li strong {display:block; font-size: 18px; font-weight: 500; background:linear-gradient(90deg,#7C3AED 0%,#2563EB 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.curriculum-book-section .book-point-list li p {font-size:18px; color:#000000;}
.curriculum-book-section .book-character {position:absolute; right: -25px; bottom: 15%; width:170px; height: 170px; object-fit: contain; pointer-events:none;}

/* consult */
.curriculum-consult-section {margin-top: 120px; position:relative; display:flex; align-items:center; min-height:540px; padding:120px 0; background:url('../img/sub/course/curriculum-consult-bg.webp') no-repeat center/cover; text-align:center;}
.curriculum-consult-section .inner {position:relative; z-index:1;}
.curriculum-consult-section .consult-label {padding: 5px 14px; margin-inline: auto; font-size: 14px; font-weight: 600; color: #1A1919; background-color: #fff; border-color: #EEEEEE;}
.curriculum-consult-section h3 {word-break:keep-all; font-family:'YeogiOttaeJalnanGothic'; margin-top:16px; font-size:clamp(28px,3.7vw,38px); line-height:1.5; color:#000;}
.curriculum-consult-section p {margin-top: 16px; font-size:16px; line-height:1.5; color:#000000;}
.curriculum-consult-section .btn-wrap {justify-content: center;gap:16px; margin-top:40px;}
.curriculum-consult-section .square-btn {padding: 20px 28px; border-radius:8px; font-size:15px; font-weight:700;}
.curriculum-consult-section .square-btn.bg-navy {}
.curriculum-consult-section .square-btn.bg-white {border-color: transparent; color: #0B1F45;}

/* responsive */
@media screen and (max-width:1440px){
    .curriculum-hero-section h2 {background-image: unset;}
    .curriculum-hero-section .curriculum-hero-graph {margin-right: 60px;}
    .curriculum-tab-section .curriculum-tab-wrap {padding: 30px;}
}
@media screen and (max-width: 1280px){
    .curriculum-hero-section .curriculum-hero-graph {margin-right: 0;}
    .curriculum-hero-section .curriculum-hero-graph .graph-start,
    .curriculum-hero-section .curriculum-hero-graph .graph-growth,
    .curriculum-hero-section .curriculum-hero-graph .graph-arrow {display: none;}
    .curriculum-tab-section .curriculum-tab-list {row-gap: 20px;}
    .curriculum-tab-section .curriculum-tab-list li {width: calc(100% / 3 - 60px / 3);}

    .curriculum-result-section .curriculum-level-list li {padding: 20px;}
}

@media screen and (max-width:1024px){
    .curriculum-hero-section h2 {background-image: url(../img/sub/course/course-hero-img.webp);}
    .curriculum-hero-section .curriculum-hero-graph {width: 100%; max-width: 620px; margin-inline: auto; padding-right: 20px;}
    .curriculum-hero-section .curriculum-hero-graph .graph-start,
    .curriculum-hero-section .curriculum-hero-graph .graph-growth,
    .curriculum-hero-section .curriculum-hero-graph .graph-arrow {display: none;}
    .curriculum-tab-section .curriculum-tab-guide {font-size: 18px;}
    .curriculum-tab-section .curriculum-tab-list li {width: calc(50% - 20px / 2);}
    .curriculum-tab-section .curriculum-tab-list a {padding: 8px 16px; height: 46px;}
    .curriculum-goal-section .curriculum-process-list::before {animation:processLine 0.8s ease forwards;}
    .curriculum-goal-section .curriculum-process-list::after {z-index: 1; animation-delay: 0.8s !important; animation:processLine 0.8s ease forwards; content:''; position:absolute; top:calc(50% + 42px); left:12.5%; right:12.5%; height:2px; background:#D5C5F9; background: linear-gradient(90deg,#D5C5F9 0%, #BFCFF9 100%); transform:scaleX(0); transform-origin:left center;}
    .curriculum-goal-section .curriculum-process-list li {z-index: 2;}
    .curriculum-hero-section .inner,
    .curriculum-core-section .curriculum-core-wrap {grid-template-columns:1fr; display:grid;}
    .curriculum-goal-section .curriculum-process-list {grid-template-columns:repeat(2,1fr); row-gap: 30px;}
    .curriculum-core-section .curriculum-program-list,
    .curriculum-feature-section .curriculum-feature-list {grid-template-columns:1fr;}
    .curriculum-roadmap-section .curriculum-roadmap-list {flex-direction: column; align-items: center;}
    .curriculum-roadmap-section .curriculum-roadmap-list li:not(.arrow) {width: 100%; max-width: 387px;}
    .curriculum-roadmap-section .curriculum-roadmap-list li.arrow img {transform: rotate(90deg);}
    .curriculum-roadmap-section .roadmap-point-list li {padding:20px; align-items:flex-start;}
    .curriculum-roadmap-section .roadmap-point-list li .txt-wrap strong {font-size:18px;}
    .curriculum-roadmap-section .roadmap-point-list li .txt-wrap p {font-size:14px;}
    .curriculum-result-section .curriculum-level-list {column-gap: 30px;}
    .curriculum-management-section .curriculum-management-step {grid-template-columns: repeat(3, 1fr);}
    .curriculum-management-section .curriculum-management-step li:nth-child(3):after {display: none;}
    .curriculum-management-section .curriculum-management-list {grid-template-columns: repeat(2, 1fr);}
    .curriculum-result-section .curriculum-result-wrap {grid-template-columns:1fr;}
    .curriculum-result-section .result-top-card {padding: 50px 30px 30px;}
    .curriculum-result-section .curriculum-level-list {padding-top: 0; grid-template-columns:1fr;}
    .curriculum-result-section .curriculum-level-list li {grid-column: unset !important; grid-row: unset !important;}
    .curriculum-result-section .curriculum-level-list li:nth-child(3), 
    .curriculum-result-section .curriculum-level-list li:nth-child(4), 
    .curriculum-result-section .curriculum-level-list li:nth-child(5), 
    .curriculum-result-section .curriculum-level-list li:nth-child(6) {transform:translateY(0);}
    .curriculum-result-section .curriculum-level-list li:nth-child(1) {order:1;}
    .curriculum-result-section .curriculum-level-list li:nth-child(3) {order:2;}
    .curriculum-result-section .curriculum-level-list li:nth-child(5) {order:3;}
    .curriculum-result-section .curriculum-level-list li:nth-child(2) {order:4;}
    .curriculum-result-section .curriculum-level-list li:nth-child(4) {order:5;}
    .curriculum-result-section .curriculum-level-list li:nth-child(6) {order:6;}
    .curriculum-result-section .curriculum-result-notice br {display: inline-block;}
    .curriculum-book-section .book-point-list {gap: 20px;}
    .curriculum-book-section .book-point-list li {padding: 24px 20px;}
    .curriculum-book-section .book-character {right: -10px; bottom: 22%;}
}

@media screen and (max-width:768px){
    .curriculum-hero-section {padding:70px 0 90px;}
    .curriculum-tab-section {padding-bottom:90px;}
    .curriculum-tab-section .curriculum-tab-guide {text-align: left; word-break: keep-all;}
    .course-section {padding-block:90px;}
    .curriculum-goal-section .curriculum-process-list {grid-template-columns:1fr;}
    .curriculum-goal-section .curriculum-process-list::after,
    .curriculum-goal-section .curriculum-process-list::before {display: none;}
    .curriculum-goal-section .process-step {margin-bottom: -28px;}
    .curriculum-goal-section .process-content {padding: 30px; padding-top: 50px; border-radius: 10px; border: 1px solid transparent; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #D5C5F9 0%, #BFCFF9 100%) border-box;}

    .curriculum-management-section .curriculum-management-list strong {font-size: 20px;}
    .curriculum-management-section .curriculum-management-list p {font-size: 16px;}

    .curriculum-roadmap-section .curriculum-roadmap-extra {margin-top:40px;}
    .curriculum-roadmap-section .roadmap-sub-title {margin-bottom:16px; font-size:18px;}
    .curriculum-roadmap-section .roadmap-program-list li {height:38px; padding:0 14px; font-size:14px;}
}

@media screen and (max-width: 600px) {
    .curriculum-hero-section h2 {background-image: unset;}
    .curriculum-hero-section .curriculum-hero-graph {height: 90vw;}
    .curriculum-hero-section .curriculum-hero-graph li {width: 15%;}
    .curriculum-hero-section .curriculum-hero-graph .graph-y-labels {width: fit-content; padding-right: 10px;}
    .curriculum-hero-section .curriculum-hero-graph .graph-y-labels span,
    .curriculum-hero-section .curriculum-hero-graph li span {font-size: 14px;}
    .curriculum-tab-section .curriculum-tab-wrap {padding: 24px;}
    .curriculum-tab-section .curriculum-tab-list {row-gap: 16px;}
    .curriculum-tab-section .curriculum-tab-list li {width: 100%;}
    .curriculum-core-section .curriculum-question-box,
    .curriculum-core-section .curriculum-answer-box {padding: 24px;}
    .curriculum-management-section .curriculum-management-list,
    .curriculum-book-section .book-point-list,
    .curriculum-result-section .result-icon-list {grid-template-columns:1fr;}
    .curriculum-result-section .result-top-card .label {margin-inline: auto;}
    .curriculum-book-section .book-character {bottom: 35%;}
    .curriculum-management-section .curriculum-management-step {grid-template-columns:repeat(2,1fr);}
    .curriculum-management-section .curriculum-management-step li:nth-child(2n):after {display: none;}
    .curriculum-management-section .curriculum-management-step li:nth-child(3):after {display: block;}
}

@media screen and (max-width: 480px) {
    .curriculum-hero-section .curriculum-hero-graph .graph-y-labels span,
    .curriculum-hero-section .curriculum-hero-graph li span {font-size: 12px;}
    .curriculum-consult-section .square-btn {padding: 16px 0; flex: 1;}
    .curriculum-roadmap-section .curriculum-roadmap-list li .bot,
    .curriculum-roadmap-section .curriculum-roadmap-list li .bot p {max-width: unset;}
    .curriculum-management-section .curriculum-management-list strong {font-size: 18px;}
    .curriculum-book-section .book-desc {font-size: 14px;}
    .curriculum-core-section .curriculum-question-box, .curriculum-core-section .curriculum-answer-box {padding: 20px;}
    /* .curriculum-consult-section .btn-wrap {flex-direction:column;} */
}

@media screen and (max-width: 375px) {
    .curriculum-hero-section .curriculum-hero-graph {display: none;}
    .curriculum-tab-section .curriculum-tab-wrap strong,
    .curriculum-tab-section .curriculum-tab-list a span {font-size: 14px;}
    .curriculum-core-section .curriculum-question-box li {flex-direction: column; text-align: center; row-gap: 16px;}
    .curriculum-consult-section .btn-wrap {flex-direction: column; }
    .curriculum-consult-section .square-btn {width: 100%;}
    .curriculum-roadmap-section .roadmap-point-list li,
    .curriculum-core-section .curriculum-program-list .tit-wrap {flex-direction: column; align-items: center; row-gap: 16px;}
    .curriculum-roadmap-section .roadmap-point-list li .txt-wrap strong,
    .curriculum-roadmap-section .roadmap-point-list li .txt-wrap p,
    .curriculum-core-section .curriculum-program-list .tit-wrap strong,
    .curriculum-core-section .curriculum-program-list p {text-align: center;}
}