@charset "utf-8";

/* sub-tab (3차) */
.sub-tab-wrap {margin-bottom:var(--space-80); }
#contArea.wide .sub-tab-wrap {padding: 0 var(--container-space)}
.sub-tab {max-width:1400px; margin:0 auto; padding:var(--space-6); border:1px solid var(--color-border); border-radius:60px; background:var(--color-white);}
.sub-tab ul {display:flex;}
.sub-tab ul li {flex:1;}
.sub-tab ul li a {display:flex; align-items:center; justify-content:center; height:60px; border-radius:60px; color:var(--color-text-muted); font-size:var(--font-size-20); font-weight:700; letter-spacing:-0.03em; line-height:1.2em;}
.sub-tab ul li.active a {background:var(--primary-color); color:var(--color-white);}

/* buttons */
.doc-btn {display:inline-flex; align-items:center; justify-content:center; flex:1; height:60px; border-radius:var(--radius-40); font-size:var(--font-size-18); font-weight:700; letter-spacing:-0.03em; line-height:1.2em;}
.doc-btn-primary {background:var(--primary-color); color:var(--color-white);}
.doc-btn-outline {border:1px solid var(--color-text-muted); background:var(--color-white); color:var(--color-text);}
.doc-btn-wrap {display:flex; gap:var(--space-10); max-width:507px;}
.doc-btn-apply {display:inline-flex; align-items:center; justify-content:center; height:60px; padding:0 var(--space-50); border-radius:var(--radius-40); background:var(--primary-color); border: 0; color:var(--color-white); font-size:var(--font-size-18); font-weight:700; letter-spacing:-0.03em; line-height:1.2em;}

/* experience — hero */
.exp-hero {position:relative; padding:var(--space-150) 0; overflow:hidden; background: url('/images/sub/bg-exp-hero.jpg') no-repeat center center / cover;}
.exp-hero .contain {position:relative; z-index:1; text-align:center;}
.exp-hero .tit {font-size: var(--font-size-40); font-weight:700; line-height:1.3em; color:var(--dark-color); letter-spacing:-0.03em;}
.exp-hero .desc {margin-top:var(--space-40); font-size:var(--font-size-24); line-height:1.5em; color:var(--dark-color); letter-spacing:-0.03em;}
.exp-hero .flow {margin:var(--space-60) auto 0; max-width:700px;}
.exp-hero .flow img {width:100%; height:auto;}
.exp-hero .highlight {position:relative; display:inline-block; margin-top:var(--space-80);}
.exp-hero .highlight p {position:relative; z-index:1; font-size:var(--font-size-32); line-height:1.5em; color:var(--color-text); letter-spacing:-0.03em;}
.exp-hero .highlight em {display: inline-block; padding: 0 var(--space-5); background: var(--primary-color); font-style:normal; font-weight:700; color:var(--color-white);}
.exp-hero .lead {margin-top:var(--space-80); font-size:var(--font-size-40); line-height:1.5em; color:var(--dark-color); letter-spacing:-0.03em;}

.camp-hero {padding:var(--space-100) var(--container-space); text-align:center; background: url('/images/sub/bg-camp-hero.jpg') no-repeat center center / cover;}
.camp-hero .tit {font-size:var(--font-size-36); font-weight:400; line-height:1.5em; color:var(--dark-color); letter-spacing:-0.03em;}
.camp-hero .tit strong {font-style:normal; color:var(--color-orange);}
.camp-hero .desc {margin-top:var(--space-40); font-size:var(--font-size-24); line-height:1.6em; color:var(--dark-color); letter-spacing:-0.03em;}

/* experience — list item */
.exp-list {max-width:1460px; margin:0 auto; padding:0 var(--space-container);}
.exp-list .item {display:flex; gap:var(--space-25) clamp(35px, calc(80 / var(--inner) * 100vw), 120px); align-items:center; padding:var(--space-100) 0;}
.exp-list .item:nth-child(even) {flex-direction:row-reverse;}
.exp-list .item:not(:last-child) {border-bottom: 1px solid var(--color-border-light);}
.exp-list .item:last-child {padding-bottom: 0;}
.exp-list .item .thumb {max-width: 640px; width: 46%; border-radius:var(--radius-32); overflow:hidden;}
.exp-list .item .thumb img {width:100%; aspect-ratio:640/465; object-fit:cover; display:block;}
.exp-list .item .body {flex:1; display:flex; gap:var(--space-20); align-items:flex-start;}
.exp-list .item .num {position:relative; flex:0 0 113px; height:88px;}
.exp-list .item .num .n {position:absolute; left:50%; transform:translateX(-50%); font-size:var(--font-size-60); font-weight:800; line-height:1.2em; color:var(--color-gray-light); letter-spacing:-0.03em;}
.exp-list .item .num .line {position:absolute; left:3.5em; top:0; width:53%; aspect-ratio: 60 / 74; }
.exp-list .item .num .line img {width: 100%; height: 100%;}
.exp-list .item .cont {flex:1; padding-top:var(--space-10);}
.exp-list .item .cont h3 {font-size:var(--font-size-40); font-weight:700; line-height:1.3em; color:var(--dark-color); letter-spacing:-0.03em;}
.exp-list .item .cont .sub {margin-top:var(--space-40); font-size:var(--font-size-28); font-weight:600; line-height:1.3em; color:var(--color-navy); letter-spacing:-0.03em;}
.exp-list .item .cont .sub.red {color:var(--color-red);}
.exp-list .item .cont .txt {margin-top:var(--space-20); font-size:var(--font-size-20); line-height:1.5em; color:var(--color-text); letter-spacing:-0.03em;}
.exp-list .item .cont .doc-btn-wrap {margin-top:var(--space-60);}

/* recruit — interview */
.recruit-full-hero {display: flex; align-items: flex-end; height: calc(100vh - var(--header-height) - var(--path-height)); min-height: max-content; padding: var(--space-100) 0; background: url('/images/sub/bg-recruit-hero.jpg') no-repeat center center / cover; color: var(--color-white);}
.recruit-full-hero h3 {margin-bottom: var(--space-40); font-size: var(--font-size-64); line-height:1.25em;}
.recruit-full-hero p {display: flex; flex-wrap: wrap; gap: var(--space-10); font-size: var(--font-size-24); line-height:1.2em;}
.recruit-full-hero p strong {display: flex; gap: var(--space-10); align-items: center;}
.recruit-full-hero p strong:before {content: ''; display: block; width: var(--space-100); height: 1px; background: var(--color-white);}
.recruit-interview {position:relative; padding:var(--space-150) var(--space-container); overflow:hidden;}
.recruit-interview .bg {position:absolute; inset:0; z-index:0;}
.recruit-interview .bg img {width:100%; height:100%; object-fit:cover;}
.recruit-interview .inner {position:relative; z-index:1; max-width:1400px; margin:0 auto;}
.recruit-interview .sec-tit {position:relative; text-align:center; font-size:var(--font-size-64); font-weight:700; line-height:1.3em; color:var(--dark-color); letter-spacing:-0.03em;}
.recruit-interview .sec-tit em {font-style:normal; color:var(--color-orange); text-emphasis: dot;}
.recruit-interview .video-cnt {position: relative;}
.recruit-interview .video-box {position:relative; max-width:1200px; margin:var(--space-80) auto 0; border:10px solid var(--color-white); box-shadow:5px 5px 10px rgba(0,0,0,0.2); aspect-ratio:1200/675; overflow:hidden;}
.recruit-interview .video-box iframe {width: 100% !important; height: 100% !important;}
.recruit-interview .video-deco {display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 1; margin-top: -120px;}

/* recruit — why cards */
.recruit-why {padding:var(--space-150) 0; background:var(--color-white);}
.recruit-why .contain {max-width:1400px; margin:0 auto;}
.recruit-why .head {text-align:center;}
.recruit-why .sec-tit {font-size:var(--font-size-64); font-weight:700; line-height:1.3em; color:var(--dark-color); letter-spacing:-0.03em;}
.recruit-why .cards {display:grid; grid-template-columns: repeat(4, 1fr); gap:var(--space-40); align-items:flex-start; justify-content:center; flex-wrap:wrap; margin-top:var(--space-60);}
.recruit-why .card {position:relative; width:100%; aspect-ratio: 320/520; padding:var(--space-60) var(--space-30); border-radius:999px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,0.2); display:flex; flex-direction:column; justify-content:flex-end; align-items:center; text-align:center; color:var(--color-white);}
.recruit-why .card-offset {margin-top:var(--space-80);}
.recruit-why .card .bg {position:absolute; inset:0; z-index:0;}
.recruit-why .card .bg img {width:100%; height:100%; object-fit:cover;}
.recruit-why .card .bg:before {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: var(--color-black); opacity: .15; transition: .25s;}
.recruit-why .card .bg:after {content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0) 43%, rgba(0,0,0,0.35) 62%);}
.recruit-why .card .txt {position:relative; z-index:1;}
.recruit-why .card h4 {font-size:var(--font-size-32); font-weight:700; line-height:1.3em; letter-spacing:-0.03em;}
.recruit-why .card .bar {width:1px; height:20px; margin:var(--space-10) auto; background:var(--color-white);}
.recruit-why .card p {font-size:var(--font-size-22); line-height:1.45em; letter-spacing:-0.03em;}
.recruit-why .card:hover .bg:before {background: #f399bd; opacity: .8;}
.recruit-why .card:nth-child(2):hover .bg:before {background: #fcbf33; opacity: .8;}
.recruit-why .card:nth-child(3):hover .bg:before {background: #bed346; opacity: .8;}
.recruit-why .card:nth-child(4):hover .bg:before {background: #51bcea; opacity: .8;}
.recruit-why .card:hover .bg:after {opacity: 0;}

/* recruit — process */
.recruit-process {padding:var(--space-100) var(--space-container); background:var(--color-bg-light);}
.recruit-process .sec-tit {text-align:center; font-size:var(--font-size-40); font-weight:700; line-height:1.3em; color:var(--dark-color); letter-spacing:-0.03em;}
.recruit-process .steps {display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-20); max-width:1400px; margin:var(--space-80) auto 0;}
.recruit-process .step {padding:var(--space-40) var(--space-30); border-radius:var(--radius-16); background:var(--color-white); text-align:center; box-shadow:0 4px 20px rgba(0,0,0,0.06);}
.recruit-process .step .num {font-size:var(--font-size-32); font-weight:800; line-height:1.2em; color:var(--primary-color);}
.recruit-process .step h3 {margin-top:var(--space-20); font-size:var(--font-size-24); font-weight:700; line-height:1.3em; color:var(--dark-color); letter-spacing:-0.03em;}
.recruit-process .step p {margin-top:var(--space-15); font-size:var(--font-size-18); line-height:1.5em; color:var(--color-text); letter-spacing:-0.03em;}

/* recruit — vision */
.page-recruit-vision {padding-top: var(--space-120);}
.recruit-vision-hero {position:relative; padding:var(--space-100) var(--space-container); background:#f0dcfe; overflow:hidden;}
.recruit-vision-hero .inner {position:relative; z-index:1; max-width:1400px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:var(--space-40);}
.recruit-vision-hero h2 {font-size:var(--font-size-48); font-weight:800; line-height:1.3em; color:var(--dark-color); letter-spacing:-0.03em;}
.recruit-vision-hero p {margin-top:var(--space-40); font-size:var(--font-size-20); line-height:1.6em; color:var(--dark-color); letter-spacing:-0.03em;}
.recruit-vision-hero .illus {flex:0 0 302px;}
.recruit-vision-hero .illus img {width:100%;}

.recruit-vision-cards {display:flex; gap:var(--space-20); justify-content:center; flex-wrap:wrap; max-width:1400px; margin:0 auto var(--space-100);}
.recruit-vision-cards .card {width:320px; height:520px; position:relative; border-radius:999px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,0.2); display:flex; flex-direction:column; justify-content:flex-end; align-items:center; padding:var(--space-60) var(--space-30); text-align:center; color:var(--color-white);}
.recruit-vision-cards .card .bg {position:absolute; inset:0;}
.recruit-vision-cards .card .bg img {width:100%; height:100%; object-fit:cover;}
.recruit-vision-cards .card .bg:after {content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0) 43%, rgba(0,0,0,0.3) 62%);}
.recruit-vision-cards .card .txt {position:relative; z-index:1;}
.recruit-vision-cards .card h3 {font-size:var(--font-size-32); font-weight:700; line-height:1.3em;}
.recruit-vision-cards .card .bar {width:1px; height:20px; margin:var(--space-10) auto; background:var(--color-white);}
.recruit-vision-cards .card p {font-size:var(--font-size-22); line-height:1.45em;}

.recruit-vision-body {display:flex; flex-direction:column; align-items:center; gap:var(--space-150); width:100%;}
.recruit-vision-body .recruit-benefit-video {margin-bottom:0;}
.recruit-vision-intro .info, .recruit-benefit-video .info {position:relative; overflow:hidden;}
.recruit-vision-intro .info-illus, .recruit-benefit-video .info-illus {position:absolute; left:46.67%; right:3.33%; top:50.22%; bottom:4.44%;}
.recruit-vision-intro .info-illus img, .recruit-benefit-video .info-illus img {width:100%; height:100%; object-fit:contain; object-position:right bottom;}
.recruit-vision-area {display:flex; flex-direction:column; align-items:center; gap:var(--space-100); width:100%; max-width:1400px;}
.recruit-vision-area .area-head {display:flex; flex-direction:column; align-items:center; gap:var(--space-40); width:100%; text-align:center;}
.recruit-vision-area .area-head h3 {font-size:var(--font-size-64); font-weight:700; line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.recruit-vision-area .area-head h3 em {color:var(--primary-color); font-style:normal;}
.recruit-vision-area .area-desc p {font-size:var(--font-size-24); line-height:1.5em; color:var(--color-text); letter-spacing:-0.03em;}
.recruit-vision-area-map {position:relative; width:100%; height:797px;}
.recruit-vision-area-map .area-center {position:absolute; left:35.71%; top:15.56%; width:28.57%; height:57.34%; margin:0;}
.recruit-vision-area-map .area-center img {width:100%; height:100%; object-fit:contain;}
.recruit-vision-area-map .area-label {position:absolute; left:42.14%; top:33.25%; width:15.71%; text-align:center;}
.recruit-vision-area-map .area-label > img {width:100%; height:auto;}
.recruit-vision-area-map .area-label p {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; font-size:var(--font-size-28); line-height:1.36em; color:var(--dark-color); letter-spacing:-0.03em;}
.recruit-vision-area-map .area-label strong {font-weight:700;}
.recruit-vision-area-map .area-list {list-style:none; margin:0; padding:0;}
.recruit-vision-area-map .area-item {position:absolute; display:flex; align-items:center; gap:var(--space-20); width: max-content;}
.recruit-vision-area-map .area-item .thumb {flex:0 0 200px; width:200px; height:160px; border-radius:var(--radius-16); overflow:hidden;}
.recruit-vision-area-map .area-item .thumb img {width:100%; height:100%; object-fit:cover;}
.recruit-vision-area-map .area-item .tit {display:flex; align-items:center; gap:var(--space-10);}
.recruit-vision-area-map .area-item .num {flex:0 0 32px; width:32px; height:32px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:var(--font-size-20); font-weight:800; line-height:1.2em; color:var(--color-white); letter-spacing:-0.03em;}
.recruit-vision-area-map .area-item h4 {font-size:var(--font-size-28); font-weight:700; line-height:1.2em; letter-spacing:-0.03em;}
.recruit-vision-area-map .area-item p {margin-top:var(--space-20); font-size:var(--font-size-18); line-height:1.56em; color:var(--color-text); letter-spacing:-0.03em;}
.recruit-vision-area-map .area-item.item-01 {left:3.07%; top:0;}
.recruit-vision-area-map .area-item.item-01 .num {background:#f399bd;}
.recruit-vision-area-map .area-item.item-01 h4 {color:#f399bd;}
.recruit-vision-area-map .area-item.item-02 {left:63%; top:0;}
.recruit-vision-area-map .area-item.item-02 .num {background:#b78fd5;}
.recruit-vision-area-map .area-item.item-02 h4 {color:#b78fd5;}
.recruit-vision-area-map .area-item.item-03 {left:66.57%; top:29.36%;}
.recruit-vision-area-map .area-item.item-03 .num {background:#577abc;}
.recruit-vision-area-map .area-item.item-03 h4 {color:#577abc;}
.recruit-vision-area-map .area-item.item-04 {left:64.29%; top:58.59%;}
.recruit-vision-area-map .area-item.item-04 .num {background:#5096e5;}
.recruit-vision-area-map .area-item.item-04 h4 {color:#5096e5;}
.recruit-vision-area-map .area-item.item-05 {left:32.57%; top:79.92%;}
.recruit-vision-area-map .area-item.item-05 .num {background:#51bcea;}
.recruit-vision-area-map .area-item.item-05 h4 {color:#51bcea;}
.recruit-vision-area-map .area-item.item-06 {left:5%; top:58.59%;}
.recruit-vision-area-map .area-item.item-06 .num {background:#bed346;}
.recruit-vision-area-map .area-item.item-06 h4 {color:#bed346;}
.recruit-vision-area-map .area-item.item-07 {left:1.43%; top:29.36%;}
.recruit-vision-area-map .area-item.item-07 .num {background:#fcbf33;}
.recruit-vision-area-map .area-item.item-07 h4 {color:#fcbf33;}
.recruit-vision-area .recruit-cta {padding:0;}

.recruit-benefit-video {display:flex; max-width:1400px; width: 100%; margin:0 auto var(--space-100); border-radius:var(--radius-24); overflow:hidden;}
.recruit-benefit-video .media {max-width: 800px; width: 58%; aspect-ratio:800/450;}
.recruit-benefit-video .info {flex:1; padding:var(--space-60) var(--space-50); background:var(--color-bg-muted);}
.recruit-benefit-video .info h3 {font-size:var(--font-size-40); font-weight:700; line-height:1.3em; color:var(--dark-color); letter-spacing:-0.03em;}
.recruit-benefit-video .info .line {height:2px; margin:var(--space-30) 0; background:var(--dark-color);}
.recruit-benefit-video .info p {font-size:var(--font-size-22); line-height:1.65em; color:var(--color-text); letter-spacing:-0.03em;}

.recruit-benefit-list {max-width:1400px; margin:0 auto;}
.recruit-benefit-list .sec-tit {margin-bottom:var(--space-30); font-size:var(--font-size-32); font-weight:700; line-height:1.3em; color:var(--dark-color); letter-spacing:-0.03em;}
.recruit-benefit-list .top-line {height:2px; background:var(--dark-color); margin-bottom:var(--space-30);}
.recruit-benefit-list .item {display:flex; gap:var(--space-60); align-items:center; padding:var(--space-30); border-bottom:1px solid var(--color-border);}
.recruit-benefit-list .item .thumb {flex:0 0 300px; border-radius:var(--radius-16); overflow:hidden;}
.recruit-benefit-list .item .thumb img {width:100%; aspect-ratio:300/225; object-fit:cover;}
.recruit-benefit-list .item h4 {font-size:var(--font-size-28); font-weight:600; line-height:1.3em; color:var(--dark-color); letter-spacing:-0.03em;}
.recruit-benefit-list .item ul {margin-top:var(--space-40);}
.recruit-benefit-list .item li {position:relative; padding-left:16px; font-size:var(--font-size-20); line-height:1.5em; color:var(--color-text); letter-spacing:-0.03em;}
.recruit-benefit-list .item li:before {content:""; position:absolute; left:0; top:0.55em; width:6px; height:6px; border-radius:50%; background:var(--primary-color);}
.recruit-benefit-list .item li+li {margin-top:var(--space-25);}

.recruit-cta {text-align:center; padding:var(--space-80) 0;}

/* recruit — guide */
.page-recruit-guide {padding-top:var(--space-120);}
.recruit-guide .sec {margin-bottom:var(--space-100);}
.recruit-guide .sec-tit {margin-bottom:var(--space-30); font-size:var(--font-size-32); font-weight:700; line-height:1.3em; color:var(--dark-color); letter-spacing:-0.03em;}
.recruit-guide .info-table {width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid var(--color-text);}
.recruit-guide .info-table thead th {padding:var(--space-20); border-bottom:1px solid var(--color-border); background:var(--color-bg-gray); text-align:center; font-size:var(--font-size-18); font-weight:500; line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.recruit-guide .info-table tbody td {padding:var(--space-20) var(--space-30); border-bottom:1px solid var(--color-border); font-size:var(--font-size-18); line-height:1.5em; color:var(--color-text); vertical-align:middle; letter-spacing:-0.03em;}
.recruit-guide .info-table tbody .cell-cate {text-align:center; border-right: 1px solid var(--color-border);}
.recruit-guide .info-table td ul li {position:relative; padding-left:var(--space-13); font-size:var(--font-size-18); line-height:1.5em; color:var(--color-text);}
.recruit-guide .info-table td ul li:before {content:""; position:absolute; left:0; top:0.55em; width:5px; height:5px; border-radius:50%; background:var(--color-text-muted);}
.recruit-guide .info-table td ul li+li {margin-top:var(--space-16);}
.recruit-guide-process .process-img {display:flex; flex-direction:column; gap:var(--space-40);}
.recruit-guide-process .process-img img {width:100%; height:auto;}
.recruit-guide-process .process-text {display:none; list-style:none; margin:0; padding:0;}
.guide-doc-list {display:flex; flex-wrap:wrap; gap:var(--space-40); list-style:none; margin:0; padding:0;}
.guide-doc-list .doc-item {flex:1 1 calc(50% - 20px); min-width:280px; padding:var(--space-30); border-radius:8px; background:var(--color-bg-gray);}
.guide-doc-list .doc-head {display:flex; align-items:center; gap:var(--space-20);}
.guide-doc-list .num {flex:0 0 32px; width:32px; height:32px; display:flex; align-items:center; justify-content:center; border-radius:4px; background:var(--primary-color); font-size:var(--font-size-18); font-weight:700; line-height:1.2em; color:var(--color-white); letter-spacing:-0.03em;}
.guide-doc-list h4 {font-size:var(--font-size-24); font-weight:700; line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.guide-doc-list .doc-desc {margin-top:var(--space-10); padding-left:; font-size:var(--font-size-18); line-height:1.44em; color:var(--color-text); letter-spacing:-0.03em;}
.recruit-guide .recruit-cta {padding:0;}

.recruit-course {max-width:1400px; margin:0 auto;}
.recruit-course .sec {margin-bottom:var(--space-100);}
.recruit-course .sec-tit {margin-bottom:var(--space-30); font-size:var(--font-size-32); font-weight:700; line-height:1.3em; color:var(--dark-color); letter-spacing:-0.03em;}
.recruit-course-diagram {padding: var(--space-100) var(--space-15); border: 1px solid var(--color-border); border-radius: var(--radius-16);}
.course-img {text-align: center;}
.recruit-course-diagram .course-text {display:none; list-style:none; margin:0; padding:0;}
.recruit-course .info-table {width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid var(--color-text);}
.recruit-course .info-table thead th {padding:var(--space-20); border-bottom:1px solid var(--color-border); background:var(--color-bg-gray); text-align:center; font-size:var(--font-size-18); font-weight:500; line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.recruit-course .info-table tbody td {padding:var(--space-20) var(--space-30); border-bottom:1px solid var(--color-border); font-size:var(--font-size-18); line-height:1.5em; color:var(--color-text); vertical-align:middle; letter-spacing:-0.03em;}
.recruit-course .info-table tbody .cell-cate {text-align:center; border-right: 1px solid var(--color-border);}
.recruit-course .info-table tbody .cell-term {text-align:center; border-right: 1px solid var(--color-border);}
.recruit-course .info-table td ul li {position:relative; padding-left:var(--space-13); font-size:var(--font-size-18); line-height:1.5em; color:var(--color-text);}
.recruit-course .info-table td ul li:before {content:""; position:absolute; left:0; top:0.55em; width:5px; height:5px; border-radius:50%; background:var(--color-text-muted);}
.recruit-course .info-table td ul li+li {margin-top:var(--space-16);}
.recruit-course .recruit-cta {padding:0;}

/* recruit — certificate */
.page-recruit-certificate {padding-top: var(--space-120);}
.recruit-cert {position: relative; margin:0 auto;}
.recruit-cert .cert-hero {position:relative; margin-bottom:var(--space-100); padding:var(--space-120) 0; background:var(--color-white)6ea; overflow:hidden;}
.cert-hero-bg {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.cert-hero-bg .bg img {position: absolute; width: 100%; height: 100%; object-fit: cover;}
.cert-hero-bg .person {position: absolute; bottom: 0; right: 0;}
.recruit-cert .cert-hero-visual {position:absolute; inset:0; pointer-events:none;}
.recruit-cert .cert-hero-inner {position:relative; z-index:1; max-width:1460px; padding: 0 var(--container-space); margin:0 auto;}
.recruit-cert .cert-hero-txt {max-width:433px; padding-top:var(--space-20);}
.recruit-cert .cert-hero-en {font-size:var(--font-size-18); font-weight:600; line-height:1.2em; color:var(--color-orange); letter-spacing:-0.03em;}
.recruit-cert .cert-hero-txt h3 {margin-top:var(--space-15); font-size:var(--font-size-48); font-weight:700; line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.recruit-cert .cert-hero-lead {display:block; margin-top:var(--space-40); font-size:var(--font-size-22); font-weight:700; line-height:1.2em; color:var(--color-text); letter-spacing:-0.03em;}
.recruit-cert .cert-hero-desc {margin-top:var(--space-22); font-size:var(--font-size-18); line-height:1.56em; color:var(--color-text); letter-spacing:-0.03em;}
.recruit-cert .cert-hero-note {margin-top:var(--space-22); font-size:var(--font-size-16); line-height:1.2em; color:var(--color-text); letter-spacing:-0.03em;}
.recruit-cert .cert-hero-txt .doc-btn-apply {margin-top:var(--space-80);}
.recruit-cert .cert-content {max-width:1460px; padding: 0 var(--container-space); margin:0 auto;}
.recruit-cert .sec:not(:last-child) {margin-bottom:var(--space-100);}
.recruit-cert .sec-tit {margin-bottom:var(--space-30); font-size:var(--font-size-32); font-weight:700; line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.recruit-cert .cert-process-sec .sec-tit {margin-bottom:var(--space-50);}
.recruit-cert .cert-process {display:flex; gap:var(--space-20); list-style:none; margin:0; padding:0;}
.recruit-cert .cert-process-item {flex:1; min-width:0; padding:var(--space-40); border:1px solid var(--color-border); border-radius:8px; background:var(--color-white);}
.recruit-cert .cert-process-item .item-head {display:flex; flex-direction:column; gap:var(--space-20);}
.recruit-cert .cert-process-item .step-badge {display:inline-flex; align-items:center; justify-content:center; align-self:flex-start; padding:var(--space-10) var(--space-20); border-radius:500px; background:var(--color-primary-light); font-size:var(--font-size-16); font-weight:800; line-height:1.2em; color:var(--primary-color); letter-spacing:-0.03em;}
.recruit-cert .cert-process-item .step-track {display:block; position:relative; height:2px; background:var(--color-border);}
.recruit-cert .cert-process-item .step-track::after {content:""; position:absolute; left:0; top:0; height:2px; width:var(--bar); background:var(--primary-color);}
.recruit-cert .cert-process-item .item-tit {margin-top:var(--space-30); font-size:var(--font-size-22); line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.recruit-cert .cert-process-arrow {display: flex;align-items: center; flex:0 0 20px; list-style:none;}
.recruit-cert .cert-sec-cta {margin-top:var(--space-50); text-align:center;}
.recruit-cert .cert-guide-table {width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid var(--color-text);}
.recruit-cert .cert-guide-table thead th {padding:var(--space-20); border-bottom:1px solid var(--color-border); background:var(--color-bg-gray); text-align:center; font-size:var(--font-size-18); font-weight:500; line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.recruit-cert .cert-guide-table tbody td {padding:var(--space-20) var(--space-30); border-bottom:1px solid var(--color-border); font-size:var(--font-size-18); line-height:1.5em; color:var(--color-text); vertical-align:middle; letter-spacing:-0.03em;}
.recruit-cert .cert-guide-table tbody .cell-step {width:280px; text-align:center; border-right:1px solid var(--color-border);}
.recruit-cert .cert-guide-table .step-num {display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%; background:rgba(25,97,215,0.08); font-size:var(--font-size-18); font-weight:600; line-height:1.2em; color:var(--primary-color); letter-spacing:-0.03em;}
.recruit-cert .cert-guide-table .cell-step strong {display:block; margin-top:var(--space-10); font-size:var(--font-size-18); font-weight:700; line-height:1.2em; color:var(--color-text); letter-spacing:-0.03em;}
.recruit-cert .cert-guide-table td ul {list-style:none; margin:0; padding:0;}
.recruit-cert .cert-guide-table td ul li {position:relative; padding-left:13px; font-size:var(--font-size-18); line-height:1.5em; color:var(--color-text); letter-spacing:-0.03em;}
.recruit-cert .cert-guide-table td ul li:before {content:""; position:absolute; left:0; top:0.55em; width:5px; height:5px; border-radius:50%; background:var(--color-border);}
.recruit-cert .cert-guide-table td ul li+li {margin-top:var(--space-16);}
.recruit-cert .intro {display:flex; gap:var(--space-60); align-items:center; margin-bottom:var(--space-100);}
.recruit-cert .intro .thumb {flex:0 0 500px; border-radius:var(--radius-24); overflow:hidden;}
.recruit-cert .intro .thumb img {width:100%; aspect-ratio:500/400; object-fit:cover;}
.recruit-cert .intro h3 {font-size:var(--font-size-40); font-weight:700; line-height:1.3em; color:var(--dark-color); letter-spacing:-0.03em;}
.recruit-cert .intro p {margin-top:var(--space-30); font-size:var(--font-size-20); line-height:1.7em; color:var(--color-text); letter-spacing:-0.03em;}
.recruit-cert .intro+.sec .sec-tit,
.recruit-cert .intro~section .sec-tit {margin-bottom:var(--space-40); font-size:var(--font-size-32); font-weight:700; line-height:1.3em; color:var(--dark-color); letter-spacing:-0.03em;}
.recruit-cert .curriculum {display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-20);}
.recruit-cert .curriculum li {padding:var(--space-40) var(--space-30); border-radius:var(--radius-16); background:#f6f9fe; text-align:center;}
.recruit-cert .curriculum .step {display:inline-flex; align-items:center; justify-content:center; width:48px; height:48px; border-radius:50%; background:var(--primary-color); color:var(--color-white); font-size:var(--font-size-20); font-weight:800; line-height:1.2em;}
.recruit-cert .curriculum h4 {margin-top:var(--space-20); font-size:var(--font-size-22); font-weight:700; line-height:1.3em; color:var(--dark-color);}
.recruit-cert .curriculum p {margin-top:var(--space-15); font-size:var(--font-size-16); line-height:1.6em; color:var(--color-text);}
.recruit-cert .cert-hero--guide {background:var(--color-label-bg);}
.recruit-cert .cert-hero--guide .cert-hero-en {color:#208ef5;}
.recruit-cert .cert-hero--guide .cert-hero-txt {max-width:463px;}
.recruit-cert .cert-hero--guide .cert-hero-visual .illus-deco {position:absolute; right:0; top:-206px; width:min(517px, 36vw); height:auto; opacity:0.4;}
.recruit-cert .cert-hero--guide .cert-hero-visual .illus-sm {position:absolute; right:5%; bottom:80px; width:141px; height:auto;}
.recruit-cert .cert-hero--guide .cert-hero-visual .photo {width:min(557px, 40vw); object-position:bottom center;}
.recruit-cert .cert-instructor-flow {display:flex; gap:var(--space-80);}
.recruit-cert .cert-instructor-steps {flex:1; display:flex; flex-direction:column; gap:var(--space-40); min-width:0;}
.recruit-cert .cert-instructor-step {flex: 1; display: flex; flex-direction: column; justify-content: center; padding:var(--space-50); border:1px solid var(--color-border); border-radius:8px; background:var(--color-white);}
.recruit-cert .cert-instructor-step .step-badge,
.recruit-cert .cert-instructor-result .step-badge {display:inline-flex; align-items:center; justify-content:center; align-self:flex-start; padding:var(--space-10) var(--space-20); border-radius:500px; background:var(--color-primary-light); font-size:var(--font-size-16); font-weight:800; line-height:1.2em; color:var(--primary-color); letter-spacing:-0.03em;}
.recruit-cert .cert-instructor-result .step-badge {align-self:center;}
.recruit-cert .cert-instructor-step .step-track,
.recruit-cert .cert-instructor-result .step-track {display:block; position:relative; width:100%; height:2px; background:var(--color-border);}
.recruit-cert .cert-instructor-step .step-track::after,
.recruit-cert .cert-instructor-result .step-track::after {content:""; position:absolute; left:0; top:0; height:2px; width:var(--bar); background:var(--primary-color);}
.recruit-cert .cert-instructor-step .item-head {display:flex; flex-direction:column; gap:var(--space-20);}
.recruit-cert .cert-instructor-step .item-foot {display:flex; align-items:center; justify-content:space-between; gap:var(--space-20); margin-top:var(--space-30);}
.recruit-cert .cert-instructor-step .item-tit {font-size:var(--font-size-22); font-weight:500; line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.recruit-cert .cert-instructor-arrow {display: flex; align-items: center; flex:0 0 40px; justify-content: center;}
.recruit-cert .cert-instructor-result {flex:1; min-width:0; padding:var(--space-50); border:1px solid var(--color-border); border-radius:8px; background:var(--color-white);}
.recruit-cert .cert-instructor-result .item-head {display:flex; flex-direction:column; align-items:center; gap:var(--space-20);}
.recruit-cert .cert-instructor-result .result-body {display:flex; flex-direction:column; align-items:center; gap:var(--space-20); margin-top:var(--space-30); text-align:center;}
.recruit-cert .cert-instructor-result .cert-icon {display:flex; align-items:center; justify-content:center; width:192px; height:192px; border-radius:50%; background:var(--color-primary-light);}
.recruit-cert .cert-instructor-result .item-tit {font-size:var(--font-size-22); font-weight:500; line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.recruit-cert .cert-btn-sm {display:inline-flex; align-items:center; justify-content:center; gap:var(--space-10); flex:0 0 auto; height:46px; padding:0 var(--space-22); border-radius:8px; background:var(--primary-color); color:var(--color-white); font-size:var(--font-size-14); font-weight:600; line-height:1.2em; letter-spacing:-0.03em; white-space:nowrap;}
.recruit-cert .cert-btn-sm img {flex:0 0 16px; width:16px; height:16px;}
.recruit-cert .cert-cost-table {width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid var(--color-text);}
.recruit-cert .cert-cost-table thead th {padding:var(--space-20); border-bottom:1px solid var(--color-border); background:var(--color-bg-gray); text-align:center; font-size:var(--font-size-18); font-weight:500; line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.recruit-cert .cert-cost-table tbody td {padding:var(--space-20) var(--space-30); border-bottom:1px solid var(--color-border); font-size:var(--font-size-18); line-height:1.5em; color:var(--color-text); vertical-align:middle; letter-spacing:-0.03em;}
.recruit-cert .cert-cost-table tbody .cell-cate {text-align:center; border-right:1px solid var(--color-border);}
.recruit-cert .cert-cost-table tbody .cell-cost {text-align:center; border-left:1px solid var(--color-border);}
.recruit-cert .cert-cost-table .cost-sub {margin-bottom:var(--space-16); font-size:var(--font-size-18); font-weight:700; line-height:1.2em; color:var(--primary-color); letter-spacing:-0.03em;}
.recruit-cert .cert-cost-table .cost-note {margin-top:var(--space-22); font-size:var(--font-size-18); line-height:1.2em; color:var(--color-text); letter-spacing:-0.03em;}
.recruit-cert .cert-cost-table td ul {list-style:none; margin:0; padding:0;}
.recruit-cert .cert-cost-table td ul li {position:relative; padding-left:13px; font-size:var(--font-size-18); line-height:1.5em; color:var(--color-text); letter-spacing:-0.03em;}
.recruit-cert .cert-cost-table td ul li:before {content:""; position:absolute; left:0; top:0.55em; width:5px; height:5px; border-radius:50%; background:var(--color-border);}
.recruit-cert .cert-cost-table td ul li+li {margin-top:var(--space-16);}
.recruit-cert .cert-cost-table td a {color:var(--color-text); text-decoration:underline;}
.recruit-cert .cert-cost-table tfoot td {padding:var(--space-20); border-bottom:1px solid var(--color-border); background:var(--color-bg-gray); text-align:center; font-size:var(--font-size-18); font-weight:500; line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.recruit-cert .cert-cost-table tfoot .cell-total {border-left:1px solid var(--color-border);}


.recruit-challenge {padding:var(--space-150) var(--space-container) ; background:var(--color-bg-light);}
.recruit-challenge .contain {max-width:1400px; margin:0 auto;}
.recruit-challenge .sec-tit {text-align:center; font-size:var(--font-size-64); font-weight:700; line-height:1.25em; color:var(--dark-color); letter-spacing:-0.03em;}
.recruit-challenge .sec-tit em {font-style:normal; color:var(--primary-color);}
.recruit-challenge .inner {display:flex; gap:var(--space-80); align-items:center; justify-content:space-between; margin-top:var(--space-60);}
.recruit-challenge .list {flex:1; display:flex; flex-direction:column; gap:var(--space-40); min-width:0;}
.recruit-challenge .list li {display:flex; gap:var(--space-20); align-items:flex-start;}
.recruit-challenge .list .icon {flex:0 0 56px; height:56px; border-radius:50%; background:var(--primary-color); display:flex; align-items:center; justify-content:center;}
.recruit-challenge .list .icon img {width:32px;}
.recruit-challenge .list p {font-size:var(--font-size-28); line-height:1.45em; color:var(--dark-color); letter-spacing:-0.03em;}
.recruit-challenge .list em {font-style:normal; font-weight:700; color:var(--primary-color);}
.recruit-challenge .thumb {flex:0 0 700px; max-width:50%; border-radius:var(--radius-32); overflow:hidden;}
.recruit-challenge .thumb img {width:100%; aspect-ratio:700/550; object-fit:cover; border-radius:var(--radius-32);}
.recruit-challenge-btns {display:flex; gap:var(--space-10); justify-content:center; margin-top:var(--space-80);}
.recruit-challenge-btns .doc-btn {flex:0 0 300px; height:70px; border-radius:99px; font-size:var(--font-size-20); font-weight:700;}
.doc-btn-counsel {background:var(--color-navy); color:var(--color-white);}
.doc-pop-modal {display:none; position:fixed; inset:0; z-index:100; padding:var(--space-20);}
.doc-pop-modal.is-open {display:flex; align-items:center; justify-content:center;}
.doc-pop-modal-backdrop {position:absolute; inset:0; background:rgba(0,0,0,0.6);}
.doc-pop-modal-dialog {position:relative; z-index:1; display:flex; flex-direction:column; width:100%; max-width:min(1520px, 90vw); max-height:90vh; overflow:hidden;}
.doc-pop-modal-dialog.is-wide {max-width:min(960px, 90vw);}
.doc-pop-modal-dialog.is-sci {max-width:min(1520px, 90vw);}
.doc-pop-modal-dialog.is-sci-narrow {max-width:min(1320px, 90vw);}
.doc-pop-modal-inner {display:flex; flex-direction:column; flex:1; min-height:0; width:100%;}
body.doc-pop-modal-open {overflow:hidden;}
.pop-doc-panel {display:flex; flex-direction:column; flex:1; min-height:0; width:100%; border-radius:var(--radius-40); background:var(--color-white); overflow:hidden;}
.pop-doc-panel-head {display:flex; align-items:center; justify-content:space-between; gap:var(--space-20); flex-shrink:0; height:100px; padding:0 var(--space-40); background:var(--color-navy);}
.pop-doc-panel-head h2 {color:var(--color-white); font-size:var(--font-size-32); font-weight:700; line-height:1.2em; letter-spacing:-0.03em;}
.pop-doc-panel-close {flex-shrink:0; width:20px; height:20px; padding:0; border:0; background:transparent; cursor:pointer;}
.pop-doc-panel-close img {display:block; width:100%; height:100%;}
.pop-doc-panel-body {flex:1; min-height:0; overflow-y:auto; padding:var(--space-40);}
.pop-doc-panel-head--sci {height:auto; padding:var(--space-40) var(--space-80); background:var(--primary-color);}
.pop-sci-head-tit {display:flex; align-items:center; gap:var(--space-23); flex:1; min-width:0;}
.pop-sci-head-icon {flex-shrink:0; width:clamp(50px, calc(80 / var(--inner) * 100vw), 80px); height:clamp(50px, calc(80 / var(--inner) * 100vw), 80px);}
.pop-sci-head-icon img {display:block; width:100%; height:100%; object-fit:contain;}
.pop-doc-panel-head--sci h2 {flex:1; min-width:0; color:var(--color-white); font-size:var(--font-size-32); font-weight:700; line-height:1.2em; letter-spacing:-0.03em;}
.pop-doc-panel-body--sci {padding:var(--space-80);}
.pop-sci-badge {display:flex; justify-content:center; flex-wrap: wrap; margin:0 0 var(--space-40);}
.pop-sci-badge small {display: block; width: 100%; margin-bottom: var(--space-16); text-align: center; font-size: var(--font-size-18); line-height: 1.4em; color: var(--color-text); letter-spacing:-0.03em;}
.pop-sci-badge span {display:inline-flex; align-items:center; padding:var(--space-12) var(--space-40); border:1px solid var(--primary-color); border-radius:500px; background:var(--color-primary-light); color:var(--primary-color); font-size:var(--font-size-26); font-weight:600; line-height:1.23em; letter-spacing:-0.03em; text-align:center;}
.pop-sci-badge strong {display: block; width: 100%; text-align: center; margin-top: var(--space-30); font-size: var(--font-size-22); line-height: 1.4em; color: var(--color-text); letter-spacing:-0.03em;}
.pop-sci-detail {display:flex; gap:var(--space-40); align-items:flex-start;}
.pop-sci-col {flex:1; min-width:0;}
.pop-sci-figures {display:flex; gap:var(--space-20); min-height: 330px;}
.pop-sci-figure {position:relative; flex:1; min-width:0; margin:0;}
.pop-sci-figure-img {display:flex; align-items:center; justify-content:center; min-height:260px; padding: var(--space-15); border:1px solid var(--color-border); border-radius:var(--radius-16); overflow:hidden; background:var(--color-white);}
.pop-sci-brain-group .pop-sci-figure-img {padding-top: var(--space-50);}
.pop-sci-figure figcaption {margin-bottom:var(--space-20); color:var(--color-text); font-size:var(--font-size-20); line-height:1.2em; letter-spacing:-0.03em; text-align:center;}
.pop-sci-figure figcaption strong {display:block; margin-bottom:var(--space-10); font-weight:700;}
.pop-sci-textbox {margin-top:var(--space-30); padding:var(--space-30); border-radius:var(--radius-16); background:var(--color-bg-gray);}
.pop-sci-textbox p {color:var(--color-text); font-size:var(--font-size-24); font-weight:400; line-height:1.5em; letter-spacing:-0.03em;}
.pop-sci-textbox p + p {margin-top:0;}
.pop-sci-textbox .accent {color:var(--color-darkblue); font-weight:600;}
.pop-sci-textbox .accent-primary {color:var(--primary-color); font-weight:600;}
.pop-sci-brain-group {display:flex; gap:var(--space-20); align-items:stretch;}
.pop-sci-figure--a {flex:0 0 240px;}
.pop-sci-figure--b {flex:1;}
.pop-sci-fig-label {position:absolute; top:9px; left:9px; z-index:1; padding:var(--space-8) var(--space-30); border-radius:500px; background:var(--color-label-bg); color:var(--color-navy); font-size:var(--font-size-24); font-weight:600; line-height:1.33em; letter-spacing:-0.03em;}
.pop-sci-fig-source {margin-top:var(--space-20); color:var(--color-text); font-size:var(--font-size-20); line-height:1.2em; letter-spacing:-0.03em; text-align:center;}
.pop-sci-detail--single {display:block; max-width:1160px; margin:0 auto;}
.pop-sci-detail--single .pop-sci-col {width:100%;}
.pop-sci-detail--single .pop-sci-badge {margin-bottom:var(--space-40);}
.pop-sci-wide-figures {display:flex; gap:var(--space-40); align-items:stretch;}
.pop-sci-figure--net {flex:0 0 420px;}
.pop-sci-figure--chart-wide {flex:1; min-width:0;}
.pop-sci-cite-block {margin-top:var(--space-22); color:var(--color-text); font-size:var(--font-size-16); line-height:1.3em; letter-spacing:-0.03em;}
.pop-sci-cite-block p + p {margin-top:0;}
.pop-sci-cite-block .source-label {margin-bottom:var(--space-6); font-weight:600; line-height:1.3em;}
.pop-sci-cite-block .cite-lead {margin-bottom:var(--space-8); font-weight:600; line-height:1.3em;}
.pop-sci-figure--full {width:100%; margin:0;}
.pop-sci-textbox .ref-sm {font-size:var(--font-size-20); line-height:1.8em;}
.pop-sci-textbox .accent-block {color:var(--primary-color); font-size:var(--font-size-24); font-weight:600; line-height:1.5em; letter-spacing:-0.03em;}
.pop-sci-detail--single .pop-sci-textbox {margin-top:var(--space-40);}
.pop-sci-textbox .summary {color:var(--primary-color); font-size:var(--font-size-20); font-weight:700; line-height:1.8em; letter-spacing:-0.03em;}
.pop-sci-figure--col {width:100%; flex:none;}
.pop-sci-figure--col figcaption strong {margin-bottom:var(--space-4);}
.pop-sci-col .pop-sci-textbox {margin-top:var(--space-30);}
.pop-sci-simple-meta {margin-bottom:var(--space-30); text-align:center; color:var(--dark-color);}
.pop-sci-simple-meta .journal {font-size:var(--font-size-18); line-height:1.4em; font-weight:600; letter-spacing:-0.03em;}
.pop-sci-simple-meta .org {margin-top:var(--space-10); font-size:var(--font-size-24); line-height:1.3em; color:var(--color-navy); font-weight:700; letter-spacing:-0.03em;}
.pop-sci-simple-meta .cite {margin-top:var(--space-20); font-size:var(--font-size-16); line-height:1.5em; color:var(--color-text); letter-spacing:-0.03em;}
.pop-sci-fallback-chart img {display:block; width:100%; height:auto; object-fit:contain;}
.pop-recruit-counsel-form {padding:var(--space-40);}
.pop-recruit-counsel-form .fields {display:flex; flex-direction:column; gap:var(--space-30); max-width:640px; margin:0 auto;}
.pop-recruit-counsel-form .field {display:flex; flex-direction:column; gap:var(--space-10);}
.pop-recruit-counsel-form .field-label {display:flex; align-items:center; gap:var(--space-10); color:var(--dark-color); font-size:var(--font-size-18); font-weight:700; line-height:1.2em; letter-spacing:-0.03em;}
.pop-recruit-counsel-form .field-label .req {width:6px; height:6px; background:var(--color-red); border-radius:100%;}
.pop-recruit-counsel-form .input {width:100%; height:50px; padding:0 var(--space-20); border:1px solid var(--color-border); border-radius:4px; background:var(--color-white); font-size:var(--font-size-16); color:var(--dark-color); letter-spacing:-0.03em;}
.pop-recruit-counsel-form .input::placeholder {color:var(--color-text-muted);}
.pop-recruit-counsel-form textarea.input {height:120px; padding:var(--space-17) var(--space-20); resize:vertical;}
.pop-recruit-counsel-form .addr-row {display:flex; gap:var(--space-5);}
.pop-recruit-counsel-form .addr-row .input {width:150px; flex-shrink:0;}
.pop-recruit-counsel-form .btn-post {flex-shrink:0; width:120px; height:50px; padding:0; border:0; border-radius:4px; background:var(--color-text); color:var(--color-white); font-size:var(--font-size-16); font-weight:600; letter-spacing:-0.03em; cursor:pointer;}
.pop-recruit-counsel-form .addr-fields {display:flex; flex-direction:column; gap:var(--space-5);}
.pop-recruit-counsel-form .form-foot {display:flex; flex-direction:column; align-items:center; gap:var(--space-40); max-width:336px; margin:var(--space-40) auto 0;}
.pop-recruit-counsel-form .check {display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:var(--space-6); color:var(--color-text); font-size:var(--font-size-16); line-height:1.5em; letter-spacing:-0.05em;}
.pop-recruit-counsel-form .check a {display:inline-flex; align-items:center; justify-content:center; min-width:70px; height:30px; padding:0 var(--space-10); border:1px solid var(--color-border); border-radius:4px; background:var(--color-white); color:var(--color-text); font-size:var(--font-size-14); font-weight:600; letter-spacing:-0.05em; text-decoration:none;}
.pop-recruit-counsel-form .btn-submit {display:inline-flex; align-items:center; justify-content:center; min-width:200px; height:60px; padding:0 var(--space-50); border:0; border-radius:var(--radius-40); background:var(--primary-color); color:var(--color-white); font-size:var(--font-size-18); font-weight:700; letter-spacing:-0.03em; cursor:pointer;}
.doc-cont-wrap {max-width:1460px; margin:0 auto; padding:var(--space-40) var(--space-container) 0;}
.recruit-benefit-list .item .body {flex:1;}
.recruit-index-desc {max-width:835px; margin:var(--space-40) auto 0; font-size:var(--font-size-24); line-height:1.5em; color:var(--color-text); text-align:center; letter-spacing:-0.03em;}

/* story — BR뇌교육은 */
.story-hero .contain,
.story-talent .contain,
.story-timeline .contain,
.story-family .contain,
.story-network .contain,
.story-last .contain {position:relative; z-index:1;}
.orange {color:var(--color-orange);}
.green {color:#72bf44;}
.primary {color:var(--primary-color);}

.story-hero {position:relative; padding:var(--space-150) 0 clamp(150px, calc(660 / var(--inner) * 100vw), 660px); overflow:hidden; background: url('/images/sub/bg-stroy-edu.jpg') no-repeat center bottom / cover;}
.story-hero-bg {position:absolute; inset:0; z-index:0; overflow:hidden;}
.story-hero-bg img {position:absolute; left:-7.03%; top:-12.59%; width:114.06%; height:141.59%; max-width:none; object-fit:cover;}
.story-hero-head {display:flex; flex-direction:column; align-items:center; gap:var(--space-20); text-align:center;}
.story-hero-title {max-width:757px; font-size: var(--font-size-40); font-weight:400; line-height:1.25em; color:var(--color-white); letter-spacing:-0.03em;}
.story-hero-title strong {font-weight:600; font-size: var(--font-size-60); line-height:1.5em;}
.story-hero-line {display:block; width:1px; height:var(--space-100); background:rgba(255,255,255,0.5);}
.story-hero-lead {display:flex; flex-direction:column; align-items:center; gap:var(--space-30); max-width:609px;}
.story-hero-sub {font-size:var(--font-size-32); font-weight:700; line-height:1.44em; color:var(--color-white); letter-spacing:-0.03em;}
.story-hero-desc {font-size:var(--font-size-20); line-height:1.55em; color:rgba(255,255,255,0.8); letter-spacing:-0.03em;}
.story-hero-cards {display:flex; gap:var(--space-20); margin-top:var(--space-80);}
.story-hero-card {position:relative; flex:1; display:flex; flex-direction:column; justify-content:flex-end; aspect-ratio: 690/400; padding:var(--space-40); border-radius:var(--radius-24); overflow:hidden;}
.story-hero-card-bg {position:absolute; inset:0; z-index:0;}
.story-hero-card-bg img {width:100%; height:100%; object-fit:cover; object-position:bottom;}
.story-hero-card-txt {position:relative; z-index:1; display:flex; flex-direction:column; gap:var(--space-20);}
.story-hero-card-txt h4 {font-size:var(--font-size-32); font-weight:800; line-height:1.2em; color:var(--color-white); letter-spacing:-0.03em;}
.story-hero-card-txt p {font-size:var(--font-size-22); line-height:1.2em; color:rgba(255,255,255,0.8); letter-spacing:-0.03em;}
.story-hero-foot {display:flex; flex-direction:column; align-items:center; gap:var(--space-30); margin-top:var(--space-80); max-width:802px; margin-left:auto; margin-right:auto; text-align:center;}
.story-hero-foot-tt {display:flex; flex-direction:column; gap:var(--space-20); width:100%; font-size:var(--font-size-40); font-weight:700; line-height:1.2em; color:var(--color-white); letter-spacing:-0.03em;}
.story-hero-foot-tt .sm {font-size:var(--font-size-32); letter-spacing:-0.03em;}
.story-hero-foot-desc {font-size:var(--font-size-20); line-height:1.55em; color:rgba(255,255,255,0.8); letter-spacing:-0.03em;}

.story-talent {position:relative; overflow:hidden;}
.story-talent-bg {position:absolute; inset:0; z-index:0;}
.story-talent-bg img {width:100%; height:100%; object-fit:cover; object-position:bottom;}
.story-talent-inner {display:flex; align-items:center; gap:var(--space-80); padding-top:var(--space-80);}
.story-talent-photo {flex:0 0 clamp(280px, calc(440 / var(--inner) * 100vw), 440px);}
.story-talent-photo img {width:100%; height:auto; object-fit:cover;}
.story-talent-txt {flex:1; max-width:700px; padding-bottom: var(--space-80);}
.story-badge {display:inline-flex; align-items:center; padding:var(--space-6); background:var(--primary-color); font-size:var(--font-size-20); line-height:1.2em; color:var(--color-white); letter-spacing:-0.03em;}
.story-talent-title {margin-top:var(--space-30); font-size: var(--font-size-60); font-weight:400; line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-talent-title .primary {font-weight:700;}
.story-talent-lead {margin-top:var(--space-60); font-size:var(--font-size-20); line-height:1.5em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-talent-list {display:flex; flex-direction:column; gap:var(--space-16); margin-top:var(--space-30);}
.story-talent-list li {display:flex; align-items:center; gap:var(--space-12); font-size:var(--font-size-24); font-weight:500; line-height:1.42em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-talent-desc {margin-top:var(--space-30); font-size:var(--font-size-20); line-height:1.5em; color:var(--dark-color); letter-spacing:-0.03em;}

.story-timeline {position:relative; padding:var(--space-120) 0; background:var(--color-white); overflow:hidden;}
.story-timeline-deco {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:min(100%, 800px); pointer-events:none; opacity:0.15;}
.story-timeline-deco img {width:100%; height:auto; object-fit:cover;}
.story-timeline-head {position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:var(--space-40); max-width:918px; margin:0 auto; text-align:center;}
.story-timeline-head h3 {font-size: var(--font-size-60); font-weight:700; line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-timeline-head p {font-size:var(--font-size-24); line-height:1.2em; color:var(--color-text); letter-spacing:-0.03em;}
.story-timeline-grid {position:relative; z-index:1; display:flex; gap:0; margin-top:var(--space-120);}
.story-timeline-col {flex:1; min-width:0; max-width:280px;}
.story-timeline-visual {position:relative; height:190px;}
.story-timeline-balloon {position:absolute; left:50%; top:0; transform:translateX(-50%); width:150px;}
.story-timeline-balloon img {display:block; width:100%; height:auto;}
.story-timeline-track {position:absolute; left:0; bottom:4px; width:100%; height:4px;}
.story-timeline-track.pink {background:#f399bd;}
.story-timeline-track.yellow {background:#fcbf33;}
.story-timeline-track.green {background:#bed346;}
.story-timeline-track.sky {background:#51bcea;}
.story-timeline-track.navy {background:#577abc;}
.story-timeline-track .dot-end {position:absolute; top:50%; transform:translateY(-50%); width:12px; height:12px;}
.story-timeline-track .dot-end img {width:100%; height:100%;}
.story-timeline-track .dot-main {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:20px; height:20px;}
.story-timeline-track .dot-main img {width:100%; height:100%;}
.story-timeline-track.pink .dot-end {left:0;}
.story-timeline-track.navy .dot-end {right:0; left:auto;}
.story-timeline-info {margin-top:var(--space-40); padding-right:var(--space-40); text-align: center;}
.story-timeline-info .year {font-size:var(--font-size-20); line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-timeline-info h4 {margin-top:var(--space-15); font-size:var(--font-size-32); font-weight:700; line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-timeline-info ul {display:flex; flex-direction:column; gap:; margin-top:var(--space-34); text-align: left;}
.story-timeline-info li {font-size:var(--font-size-18); line-height:1.56em; color:var(--color-text); letter-spacing:-0.03em; text-indent: -.8em; padding-left: 0.8em;}
.story-timeline-info li:not(:last-child) {margin-bottom: var(--space-10);}
.story-timeline-info li:before {content: '•'; margin-right: var(--space-10); color:var(--color-gray-light);}

.story-family {position:relative; max-width: 1920px; aspect-ratio: 1920 / 900; min-height:max-content; margin: 0 auto; display:flex; align-items:flex-end; padding:0 0 var(--space-60); overflow:hidden;}
.story-family-bg {position:absolute; inset:0; z-index:0;}
.story-family-bg img {width:100%; height:100%; object-fit:cover; object-position:bottom;}
.story-family-inner {display:flex; align-items:flex-end; justify-content:space-between; gap:var(--space-40); width:100%;}
.story-family-title {flex:0 1 auto; font-size: var(--font-size-40); font-weight:400; line-height:1.25em; color:var(--color-white); letter-spacing:-0.03em;}
.story-family-title-em {display:block; font-weight:700; font-size: var(--font-size-60); line-height: 1.5em;}
.story-family-desc {max-width: 700px; width: 50%; font-size:var(--font-size-20); line-height:1.5em; color:var(--color-white); letter-spacing:-0.03em;}

.story-network {position:relative; padding:clamp(50px, calc(200 / var(--inner) * 100vw), 200px) 0; overflow:hidden;}
.story-network-bg {position:absolute; inset:0; z-index:0;}
.story-network-bg img {width:100%; height:100%; object-fit:cover;}
.story-network-bg:after {content:""; position:absolute; inset:0; background:rgba(150,229,255,0.4);}
.story-network-head {position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:var(--space-40); text-align:center; margin-bottom: var(--space-80);}
.story-network-head h3 {font-size: var(--font-size-60); font-weight:700; line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-network-head p {font-size:var(--font-size-20); line-height:1.2em; color:var(--color-text); letter-spacing:-0.03em;}

.story-last {position:relative; padding:var(--space-100) 0; overflow:hidden;}
.story-last-bg {position:absolute; inset:0; z-index:0;}
.story-last-bg img {position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.story-last-bg .overlay {mix-blend-mode:multiply;}
.story-last-body {position:relative; z-index:1; max-width:531px;}
.story-last-body h3 {font-size:var(--font-size-40); font-weight:800; line-height:1.3em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-last-body p {margin-top:var(--space-30); font-size:var(--font-size-18); font-weight:600; line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-last-btns {display:flex; flex-wrap:wrap; gap:var(--space-20); margin-top:var(--space-50);}
.btn-story {display:inline-flex; align-items:center; justify-content:center; height:60px; padding:0 var(--space-50); border:1px solid var(--color-border); border-radius:var(--radius-40); background:var(--color-white); font-size:var(--font-size-16); font-weight:700; line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.btn-story:hover {border-color: var(--primary-color); color:var(--primary-color);}

/* story — 뇌교육은 */
.page-story-edu .sub-visual {background:#feedd3; color:var(--dark-color);}
.page-story-edu .sub-visual .bg img {left:auto; right:0; width:45%; object-fit:cover; object-position:center top;}
.story-edu-intro .contain,
.story-edu-about .contain,
.story-edu-cred .contain,
.story-last .contain {position:relative; z-index:1;}
.story-edu-sec-tit {font-size: var(--font-size-40); font-weight:700; line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em; text-align:center;}
.story-edu-intro {position:relative; padding:clamp(80px, calc(213 / var(--inner) * 100vw), 213px) 0; overflow:hidden; background:var(--color-white); text-align: right;}
.story-edu-intro-bg {position:absolute; left:0; top:0; z-index:0; width:59.3%; height:100%; overflow:hidden;}
.story-edu-intro-bg:after {content: ''; position:absolute; inset:0; background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 65.46%, #FFF 100%);}
.story-edu-intro-bg img {width:100%; height:100%; object-fit:cover;}
.story-edu-intro-txt {position:relative; z-index:1; max-width:700px; margin-left: auto;}
.story-edu-intro-txt h3 {font-size: var(--font-size-40); font-weight:400; line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-edu-intro-txt h3 .orange {font-weight:700; font-size: var(--font-size-60); line-height: 1.5em;}
.story-edu-intro-txt p {margin-top:var(--space-30); font-size:var(--font-size-20); line-height:1.2em; color:var(--color-text); letter-spacing:-0.03em;}
.story-edu-intro-txt p strong {font-weight:600;}
.story-edu-about {position:relative; padding:var(--space-150) 0; overflow:hidden;}
.story-edu-about-bg {position:absolute; top: 0; inset:0; z-index:0; overflow:hidden;}
.story-edu-about-bg img {width: 100%;}
.story-edu-about-block {position:relative; z-index:1;}
.story-edu-about-block+.story-edu-about-block {margin-top:var(--space-120);}
.story-edu-about-desc {margin-top:var(--space-40); font-size:var(--font-size-20); line-height:1.5em; color:var(--color-text); letter-spacing:-0.03em; text-align:center;}
.story-edu-bos-icon {display:flex; justify-content:center; margin-top:var(--space-60);}
.story-edu-why-lead {display:flex; flex-direction:column; align-items:center; gap:var(--space-20); margin-top:var(--space-60); padding:var(--space-50); border-radius:var(--radius-32); background:rgba(239,247,255,0.6); text-align:center;}
.story-edu-why-lead p {font-size:var(--font-size-22); line-height:1.5em; color:var(--color-text); letter-spacing:-0.03em;}
.story-edu-why-row {display:flex; gap:var(--space-34); align-items:stretch; margin-top:var(--space-40);}
.story-edu-why-photo {max-width: 560px; width: 40%; border-radius:var(--radius-32); overflow:hidden;}
.story-edu-why-photo img {width:100%; height:100%; object-fit:cover; aspect-ratio:560/374;}
.story-edu-why-box {flex:1; padding:var(--space-50); border:2px dashed var(--primary-color); border-radius:var(--radius-32); background:var(--color-white);}
.story-edu-why-box h4 {font-size:var(--font-size-32); font-weight:700; line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-edu-why-list {display:flex; flex-direction:column; gap:var(--space-16); margin-top:var(--space-40);}
.story-edu-why-list li {display:flex; gap:var(--space-12); align-items:center; font-size:var(--font-size-20); line-height:1.42em; color:var(--color-text); letter-spacing:-0.03em;}
.story-edu-why-list li img {flex:0 0 34px; width:34px; height:34px;}
.story-edu-system {padding:var(--space-120) var(--container-space);}
.story-edu-system-head {display:flex; flex-direction:column; align-items:center; text-align:center;}
.story-edu-badge {display:inline-flex; align-items:center; padding:var(--space-16) var(--space-22); border:1px solid var(--primary-color); border-radius:500px; background:#e8f0fb; font-size:var(--font-size-20); font-weight:700; line-height:1.2em; color:var(--primary-color); letter-spacing:-0.03em;}
.story-edu-system-title {margin: var(--space-30) 0 var(--space-40); font-size: var(--font-size-42); font-weight: 700; color: var(--dark-color); line-height:1.2em;}
.story-edu-system-quote {margin-bottom: var(--space-20); font-size:var(--font-size-24); font-weight:600; line-height:1.2em; color:var(--color-text); letter-spacing:-0.03em;}
.story-edu-system-desc {font-size:var(--font-size-20); line-height:1.45em; color:var(--color-text); letter-spacing:-0.03em;}
.story-edu-steps {position:relative; display:flex; flex-direction:column; gap:var(--space-50); margin-top:var(--space-60);}
.story-edu-steps-line {position:absolute; left:17px; top:184px; bottom:184px; width:1px; background:var(--color-border);}
.story-edu-step {position:relative; display:flex; gap:var(--space-60); align-items:center;}
.story-edu-step-dot {position:relative; z-index:1; flex:0 0 36px; width:36px; height:36px; margin-left:; border:4px solid var(--color-white); border-radius:50%; box-shadow:2px 2px 16px rgba(0,0,0,0.25);}
.story-edu-step.pink .story-edu-step-dot {background:#f399bd;}
.story-edu-step.yellow .story-edu-step-dot {background:#fcbf33;}
.story-edu-step.green .story-edu-step-dot {background:#bed346;}
.story-edu-step.sky .story-edu-step-dot {background:#51bcea;}
.story-edu-step.navy .story-edu-step-dot {background:#577abc;}
.story-edu-step-item {position:relative; flex:1; min-width:0; padding:var(--space-60); border-radius:var(--radius-32); overflow:hidden;}
.story-edu-step.pink .story-edu-step-item {background:#fef5f9;}
.story-edu-step.yellow .story-edu-step-item {background:#FFF9EB;}
.story-edu-step.green .story-edu-step-item {background:#f9fbed;}
.story-edu-step.sky .story-edu-step-item {background:#eef9fd;}
.story-edu-step.navy .story-edu-step-item {background:#eff2f9;}
.story-edu-step-item .bg-num {position:absolute; right:60px; top:50%; transform:translateY(-50%); font-size:clamp(80px, calc(200 / var(--inner) * 100vw), 200px); font-weight:800; line-height:1.2em; letter-spacing:-0.03em; opacity:0.22; pointer-events:none;}
.story-edu-step.pink .bg-num {color:#f399bd;}
.story-edu-step.yellow .bg-num {color:#fcbf33;}
.story-edu-step.green .bg-num {color:#bed346;}
.story-edu-step.sky .bg-num {color:#51bcea;}
.story-edu-step.navy .bg-num {color:#577abc;}
.story-edu-step-body {position:relative; z-index:1; display:flex; gap:var(--space-40); align-items:center;}
.story-edu-step-icon {flex:0 0 96px; display:flex; align-items:center; justify-content:center; width:96px; height:96px; border-radius:var(--radius-16);}
.story-edu-step.pink .story-edu-step-icon {background:#f399bd;}
.story-edu-step.yellow .story-edu-step-icon {background:#fcbf33;}
.story-edu-step.green .story-edu-step-icon {background:#bed346;}
.story-edu-step.sky .story-edu-step-icon {background:#51bcea;}
.story-edu-step.navy .story-edu-step-icon {background:#577abc;}
.story-edu-step-content {flex:1; min-width:0;}
.story-edu-step-head {display:flex; flex-wrap:wrap; gap:var(--space-16); align-items:center;}
.story-edu-step-head .step {font-size:var(--font-size-32); font-weight:700; line-height:1.2em; letter-spacing:-0.03em;}
.story-edu-step.pink .story-edu-step-head .step {color:#f399bd;}
.story-edu-step.yellow .story-edu-step-head .step {color:#fcbf33;}
.story-edu-step.green .story-edu-step-head .step {color:#bed346;}
.story-edu-step.sky .story-edu-step-head .step {color:#51bcea;}
.story-edu-step.navy .story-edu-step-head .step {color:#577abc;}
.story-edu-step-head .tit {font-size:var(--font-size-32); font-weight:700; line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-edu-step-quote {margin-top:var(--space-40); font-size:var(--font-size-24); font-weight:700; line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-edu-step-desc {margin-top:var(--space-20); font-size:var(--font-size-20); line-height:1.42em; color:var(--color-text); letter-spacing:-0.03em;}
.story-edu-tags {display:flex; flex-wrap:wrap; gap:var(--space-30); margin-top:var(--space-30);}
.story-edu-tag {display:inline-flex; gap:var(--space-8); align-items:center; font-size:var(--font-size-18); font-weight:800; line-height:1.2em; letter-spacing:-0.03em;}
.story-edu-step.pink .story-edu-tag {color:#f399bd;}
.story-edu-step.yellow .story-edu-tag {color:#fcbf33;}
.story-edu-step.green .story-edu-tag {color:#bed346;}
.story-edu-step.sky .story-edu-tag {color:#51bcea;}
.story-edu-step.navy .story-edu-tag {color:#577abc;}
.story-edu-tag .chk {flex:0 0 24px; width:24px; height:24px;}
.story-edu-tag .chk img {width:100%; height:100%;}
.story-edu-cred {padding:var(--space-120) var(--container-space);}
.story-edu-cred .story-edu-sec-tit {margin-bottom:var(--space-80);}
.story-diff-cards {display:flex; flex-direction:column; gap:var(--space-150);}
.story-diff-card {display:flex; gap:var(--space-80); align-items:center;}
.story-diff-card.reverse {flex-direction:row-reverse;}
.story-diff-card-img {max-width: 616px; width: 44%; border-radius:var(--radius-32); overflow:hidden;}
.story-diff-card-img img {display:block; width:100%; aspect-ratio:616/390; object-fit:cover;}
.story-diff-card-txt {flex:1; min-width:0;}
.story-diff-card-txt h4 {font-size:var(--font-size-32); font-weight:700; line-height:1.4em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-diff-card-txt p {margin-top:var(--space-20); font-size:var(--font-size-20); line-height:1.5em; color:var(--color-text); letter-spacing:-0.03em;}

/* story — 뇌교육 과학적 효과 */
.page-story-sci .sub-visual {background:#e9ffe9; color:var(--dark-color);}
.page-story-sci .sub-visual .bg img {left:auto; right:0; width:70%; object-fit:cover; object-position:center top;}
.page-story-sci .sub-visual h3 strong.green {font-weight:800;}
.page-story-sci .story-diff-cards {padding-top: var(--space-150); padding-bottom: var(--space-150);}
.story-sci-intro .story-edu-intro-bg {right:auto; left:0;}
.story-sci-intro .story-edu-intro-bg:after {content:''; position:absolute; inset:0; background:linear-gradient(90deg, rgba(255,255,255,0) 0%, var(--color-white) 100%);}
.story-sci-intro .story-edu-intro-txt {margin-left:0; max-width:100%; text-align:right;}
.story-sci-lead {font-size:var(--font-size-24); line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-sci-intro .story-edu-intro-txt h3 {margin-top:var(--space-20); font-size:var(--font-size-32); font-weight:400; line-height:1.44em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-sci-items {display:flex; flex-direction:column; gap:clamp(100px, calc(250 / var(--inner) * 100vw), 250px); padding:var(--space-120) 0;}
.story-sci-item {display:flex; gap:var(--space-100); align-items:center;}
.story-sci-item.reverse {flex-direction:row-reverse;}
.story-sci-item-txt {flex:1; min-width:0; display:flex; flex-direction:column; gap:var(--space-30);}
.story-sci-label {margin-bottom: var(--space-30); background:var(--primary-color); border-color:var(--primary-color); color:var(--color-white);}
.story-sci-item-tit {font-size:var(--font-size-40); font-weight:400; line-height:1.33em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-sci-item-tit .green {font-weight:700;}
.story-sci-source {font-size:var(--font-size-20); line-height:1.2em; color:var(--color-text); letter-spacing:-0.03em;}
.story-sci-box {display:flex; gap:var(--space-30); align-items:center; padding:var(--space-30); margin-top: var(--space-60); border-radius:var(--radius-16); background:var(--color-label-bg);}
.story-sci-box .icon {flex:0 0 80px;}
.story-sci-box p {flex:1; font-size:var(--font-size-24); font-weight:700; line-height:1.5em; color:var(--color-navy); letter-spacing:-0.03em;}
.story-sci-card {display: block; cursor: pointer; position:relative; max-width: 500px; width: 36%; padding:var(--space-30) var(--space-20); border-radius:var(--radius-24); background:var(--color-white); box-shadow:6px 6px 30px rgba(0,0,0,0.1);}
.story-sci-card.only-mobile {display: none;}
.story-sci-card-meta {margin-bottom:var(--space-20); text-align: center; color: var(--dark-color);}
.story-sci-card-meta .org {margin-top:var(--space-10); font-size:var(--font-size-24); line-height:1.2em; color:var(--color-navy); font-weight: 700; letter-spacing:-0.03em;}
.story-sci-card-meta .note {margin-top:var(--space-20); font-size:var(--font-size-18); line-height:1.2em; font-weight: 600;}
.story-sci-card-chart img {width:100%; height:auto; object-fit:contain;}
.story-sci-card-cite {margin-top:var(--space-20); font-size:var(--font-size-16); line-height:1.5em; color:var(--color-text); text-align:center; letter-spacing:-0.03em;}
.story-sci-card-more {display: block; width:32px; height:32px; margin-left: auto; margin-top: var(--space-8);}
.story-sci-card-more img {width:100%; height:100%;}
.story-sci-total {padding:clamp(100px, calc(200 / var(--inner) * 100vw), 200px) 0; background:var(--color-bg-light);}
.story-sci-total .story-edu-sec-tit strong {font-weight:700;}
.story-sci-effect {margin-top:var(--space-80);}
.story-sci-effect-grid {position:relative; min-height:467px; margin-bottom:var(--space-80);}
.story-sci-effect-diagram {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:0;}
.story-sci-effect-diagram img {width:100%; height:auto;}
.story-sci-effect-card {position:absolute; z-index:1; width:303px; padding:var(--space-30); border-radius:var(--radius-16); background:var(--color-white); box-shadow:0 4px 10px rgba(0,0,0,0.08);}
.story-sci-effect-card.sky {left:0; top:0; border:3px solid rgba(39,169,237,0.4);}
.story-sci-effect-card.pink {right:0; top:23px; border:3px solid rgba(252,106,131,0.4);}
.story-sci-effect-card.green {left:0; bottom:0; border:3px solid rgba(162,204,104,0.4);}
.story-sci-effect-card.rose {right:0; bottom:0; border:3px solid rgba(254,102,126,0.4);}
.story-sci-effect-num {display:inline-flex; align-items:center; justify-content:center; padding:var(--space-10) var(--space-16); border-radius:50px; font-size:var(--font-size-14); font-weight:700; line-height:1.2em; color:var(--color-white); letter-spacing:-0.03em;}
.story-sci-effect-card.sky .story-sci-effect-num {background:#3bb4ef;}
.story-sci-effect-card.pink .story-sci-effect-num {background:#fc6a83;}
.story-sci-effect-card.green .story-sci-effect-num {background:#a2cc68;}
.story-sci-effect-card.rose .story-sci-effect-num {background:#fe667e;}
.story-sci-effect-card p {margin-top:var(--space-14); font-size:var(--font-size-20); font-weight:600; line-height:1.42em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-sci-effect-desc {font-size:var(--font-size-24); line-height:1.5em; color:var(--color-text); text-align:center; letter-spacing:-0.03em;}
.story-sci-effect-desc .primary {font-weight:600; color:var(--color-darkblue);}

/* story — 뇌교육 세계화 */
.sky {color:var(--color-blue);}
.page-story-glob .sub-visual {background:#e8f6fc; color:var(--dark-color);}
.page-story-glob .sub-visual .bg img {left:auto; right:0; width:100%; object-fit:cover; object-position:center top;}
.page-story-glob .sub-visual h3 strong.sky {font-weight:800;}
.story-glob-banner {position:relative; z-index: 1; padding:clamp(80px, calc(157 / var(--inner) * 100vw), 157px) 0; overflow:hidden; background:var(--color-white);}
.story-glob-banner-bg {position:absolute; z-index: -1; left:0; top:0; width:59.3%; height:100%; overflow:hidden;}
.story-glob-banner-bg img {width:100%; height:100%; object-fit:cover;}
.story-glob-banner-bg:after {content:''; position:absolute; inset:0; background:linear-gradient(-90deg, var(--color-white) 0%, rgba(255,255,255,0) 35%);}
.story-glob-banner .contain,
.story-glob-un .contain,
.story-glob-award .contain,
.story-glob-school .contain {position:relative; z-index:1;}
.story-glob-banner-txt {margin-left:auto; max-width:544px; text-align:right;}
.story-glob-banner-txt p {font-size:var(--font-size-40); font-weight:400; line-height:1.375em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-glob-banner-txt .sky {font-weight:700;}
.story-glob-head {display:flex; flex-direction:column; align-items:center; gap:var(--space-40); text-align:center;}
.story-glob-head+.story-glob-conf {margin-top:var(--space-60);}
.story-glob-label {background:var(--primary-color); border-color:var(--primary-color); color:var(--color-white);}
.story-glob-desc {font-size:var(--font-size-20); line-height:1.5em; color:var(--color-text); letter-spacing:-0.03em;}
.story-glob-desc strong {font-weight:600; color:var(--dark-color); font-size: var(--font-size-24); line-height: 1.5em;}
.story-glob-un {padding:clamp(100px, calc(200 / var(--inner) * 100vw), 200px) 0; background:var(--color-bg-light);}
.story-glob-conf {padding:var(--space-60); border-radius:var(--radius-32); background:var(--color-white); box-shadow:6px 6px 15px rgba(0,0,0,0.1);}
.story-glob-conf .story-diff-card {align-items:center; gap:var(--space-80);}
.story-glob-conf-tit {font-size:var(--font-size-32); font-weight:600; line-height:1.31.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-glob-info-list {display:flex; flex-direction:column; gap:var(--space-30); margin-top:var(--space-50);}
.story-glob-info {display:flex; gap:var(--space-20); align-items:center;}
.story-glob-info .ico {flex:0 0 68px; display:flex; align-items:center; justify-content:center; width:68px; height:68px; border-radius:8px; background:var(--primary-color);}
.story-glob-info .ico img {width:32px; height:32px;}
.story-glob-info dt {font-size:var(--font-size-20); font-weight:600; line-height:1.42em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-glob-info dd {font-size:var(--font-size-20); line-height:1.42em; color:var(--color-text); letter-spacing:-0.03em;}
.story-glob-attendee {margin-top:var(--space-50); padding:var(--space-30); border-radius:var(--radius-16); background:#f7f7f7;}
.story-glob-attendee .label {font-size:var(--font-size-20); font-weight:600; line-height:1.17em; color:var(--primary-color); letter-spacing:-0.03em;}
.story-glob-attendee p {margin-top:var(--space-8); font-size:var(--font-size-18); line-height:1.45em; color:var(--color-text); letter-spacing:-0.03em;}
.story-glob-conf-visual {flex:0 0 clamp(280px, calc(682 / var(--inner) * 100vw), 682px);}
.story-glob-conf-main {border-radius:var(--radius-16); overflow:hidden;}
.story-glob-conf-main img {width:100%; aspect-ratio:682/554; object-fit:cover;}
.story-glob-conf-thumbs {display:flex; gap:var(--space-20); margin-top:var(--space-20);}
.story-glob-conf-thumbs img {flex:1; width:0; border-radius:var(--radius-16); aspect-ratio:214/143; object-fit:cover;}
.story-glob-quote {margin-top:var(--space-50); font-size:var(--font-size-24); line-height:1.5em; color:var(--color-text); text-align:center; letter-spacing:-0.03em;}
.story-glob-quote .primary {font-weight:700;}
.story-glob-day {padding:var(--space-120) 0;}
.story-glob-day-grid {display:flex; flex-direction:column; gap:var(--space-20); margin-top:var(--space-60);}
.story-glob-day-row {display:grid; gap:var(--space-20);}
.story-glob-day-row.cols5 {grid-template-columns:repeat(5, 1fr);}
.story-glob-day-row.cols3 {grid-template-columns:1fr 1fr 1fr;}
.story-glob-day-row .photo {border:1px solid var(--color-border); border-radius:0; overflow:hidden;}
.story-glob-day-row .photo img {width:100%; aspect-ratio:264/340; object-fit:cover;}
.story-glob-day-row.cols3 .photo img {aspect-ratio:453/340;}
.story-glob-day-mid {position:relative;}
.story-glob-day-box {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:1; width:min(100%, 832px); padding:clamp(40px, calc(120 / var(--inner) * 100vw), 120px) var(--space-30); background:rgba(25,97,215,0.88); border:2px solid rgba(255,255,255,0.8); text-align:center;}
.story-glob-day-box:after {content: ''; position: absolute; top: 10px; right: 10px;  left: 10px; bottom: 10px; border: 2px solid rgba(255, 255, 255, 0.80);}
.story-glob-day-box p {font-size:clamp(20px, calc(26 / var(--inner) * 100vw), 26px); line-height:1.46em; color:var(--color-white); letter-spacing:-0.03em;}
.story-glob-day-box strong {font-weight:700;}
.story-glob-award {padding:var(--space-120) 0 0;}
.story-glob-award-body {margin-top:var(--space-60); padding:var(--space-80) 0 var(--space-120); background:#f6f9fd;}
.story-glob-award-card {display:flex; align-items: center; gap:var(--space-80);}
.story-glob-award-cert {flex:0 0 clamp(280px, calc(478 / var(--inner) * 100vw), 478px); padding:var(--space-40); border:1px solid var(--color-border); background:var(--color-white);}
.story-glob-award-cert img {width:100%; object-fit:contain;}
.story-glob-award-txt {flex:1; min-width:0; padding:var(--space-60); border-radius:var(--radius-16); background:var(--color-white); box-shadow:0 4px 12px rgba(25,97,215,0.15);}
.story-glob-award-txt h4 {font-size:var(--font-size-40); font-weight:600; line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-glob-award-list {display:flex; flex-direction:column; gap:var(--space-30); margin-top:var(--space-50);}
.story-glob-award-list li {display:flex; gap:var(--space-20); align-items:flex-start;}
.story-glob-award-list .ico {flex:0 0 32px; display:flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:50%; background:var(--primary-color);}
.story-glob-award-list .ico img {width:20px; height:20px;}
.story-glob-award-list strong {display:block; font-size:clamp(22px, calc(26 / var(--inner) * 100vw), 26px); font-weight:600; line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-glob-award-list p {margin-top:var(--space-12); font-size:var(--font-size-24); line-height:1.5em; color:var(--color-text); letter-spacing:-0.03em;}
.story-glob-timeline {position:relative; z-index: 1; display:flex; justify-content:space-between; gap:var(--space-40); margin-top:var(--space-100); }
.story-glob-timeline:after{content: ''; position: absolute; left: 0; right: 0; top: 90px; height: 1px; background: var(--color-border); z-index: -1;}
.story-glob-timeline-item {flex:1; display:flex; flex-direction:column; gap:var(--space-30);}
.story-glob-timeline-item.center {align-items:center; text-align:center;}
.story-glob-timeline-item.end {align-items:flex-end; margin-left:auto; text-align:right;}
.story-glob-timeline-item .year {font-size:var(--font-size-32); font-weight:800; line-height:1.2em; color:var(--primary-color); letter-spacing:-0.03em;}
.story-glob-timeline-item .dot {width:56px; height:56px;}
.story-glob-timeline-item .dot img {width:100%; height:100%; object-fit:contain;}
.story-glob-timeline-item .dot.medal {width:45px; height:56px;}
.story-glob-timeline-item .txt strong {display:block; font-size:var(--font-size-24); font-weight:600; line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-glob-timeline-item .txt span {display:block; margin-top:var(--space-10); font-size:var(--font-size-24); line-height:1.2em; color:var(--color-text); letter-spacing:-0.03em;}
.story-glob-award-foot {display:flex; flex-direction:column; align-items:center; gap:var(--space-16); margin-top:var(--space-80); padding:var(--space-40); border-radius:var(--radius-16); background:var(--color-white); box-shadow:0 4px 24px rgba(25,97,215,0.15); text-align:center;}
.story-glob-award-foot .ico {display:flex; align-items:center; justify-content:center; width:52px; height:52px; border-radius:50%; background:var(--primary-color);}
.story-glob-award-foot .ico img {width:32px; height:32px;}
.story-glob-award-foot p {font-size:var(--font-size-24); line-height:1.5em; color:var(--color-text); letter-spacing:-0.03em;}
.story-glob-spread {padding:var(--space-120) 0;}
.story-glob-map {margin-top:var(--space-60); border:1px solid var(--color-border); border-radius:var(--radius-32); overflow:hidden;}
.story-glob-school {padding:var(--space-120) 0;}
.story-glob-result-list {margin-top:var(--space-60);}
.story-glob-result-list>li {padding:var(--space-60) var(--container-space);}
.story-glob-result-list>li:nth-child(odd) {background:#f7faff;}
.story-glob-result-list>li:nth-child(even) {background:var(--color-white);}
.story-glob-result-item {display:flex; gap:var(--space-30); align-items:center; max-width: 1400px; margin: 0 auto;}
.story-glob-result-list .ico {flex:0 0 42px; width:42px; height:42px;}
.story-glob-result-list .ico img {width:100%; height:100%; object-fit:contain;}
.story-glob-result-list p {flex:1; font-size:clamp(22px, calc(26 / var(--inner) * 100vw), 26px); font-weight:600; line-height:1.31em; color:var(--color-text); letter-spacing:-0.03em;}
.story-glob-result-list li.expand .story-glob-result-item {display:block;}
.story-glob-result-list li.expand .head {display:flex; gap:var(--space-30); align-items:center;}
.story-glob-result-list li.expand .sub {display:flex; flex-direction:column; gap:var(--space-6); margin-top:var(--space-16); padding-left:var(--space-72);}
.story-glob-result-list li.expand .sub li {position:relative; padding-left:17px; font-size:var(--font-size-20); line-height:1.4em; color:var(--color-text); letter-spacing:-0.03em;}
.story-glob-result-list li.expand .sub li:before {content:''; position:absolute; left:0; top:11px; width:5px; height:5px; border-radius:50%; background:var(--primary-color);}
.story-glob-school-photos {display:flex; flex-direction:column; gap:var(--space-20); margin-top:var(--space-60);}
.story-glob-school-photos .row {display:grid; grid-template-columns:repeat(4, 1fr); gap:var(--space-20);}
.story-glob-school-photos .photo {border:1px solid var(--color-border); border-radius:var(--radius-16); overflow:hidden;}
.story-glob-school-photos .photo img {width:100%; aspect-ratio:335/240; object-fit:cover;}

/* story — BR뇌교육 학생들 우수성 */
.page-story-excel .sub-visual {background:#e5ecff; color:var(--dark-color);}
.page-story-excel .sub-visual h3 strong.darkblue-color {font-weight:800;}
.page-story-excel .blue {color:#1888c9;}
.story-excel-hsp .contain,
.story-excel-award .contain {position:relative; z-index:1;}
.story-excel-hsp {padding:var(--space-120) 0;}
.story-excel-hsp-head {display:flex; flex-direction:column; align-items:center; gap:var(--space-30); text-align:center;}
.story-excel-hsp-logo {width:100px; height:100px;}
.story-excel-hsp-logo img {width:100%; height:100%; object-fit:contain;}
.story-excel-hsp-tit {font-size:var(--font-size-64); font-weight:700; line-height:1.16em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-excel-hsp-lead {display:block; margin-bottom:var(--space-6); font-size:var(--font-size-40); font-weight:500; line-height:1.16em;}
.story-excel-gallery-wrap {position:relative; margin-top:var(--space-60);}
.story-excel-gallery, .story-excel-winner-slider {position: relative; padding: 0 clamp(60px, calc(108 / var(--inner) * 100vw), 108px); margin: 0 calc(clamp(60px, calc(108 / var(--inner) * 100vw), 108px) * -1);}
.story-excel-gallery .slick-arrow, .story-excel-winner-slider .slick-arrow {position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); left: 0; display: flex; justify-content: center; align-items: center; width: clamp(44px, calc(68 / var(--inner) * 100vw), 68px); height: clamp(44px, calc(68 / var(--inner) * 100vw), 68px); overflow: hidden; text-indent: -99999em; border-radius: 100%; background: var(--color-white); border: 1px solid var(--color-border); transition: .2s;}
.story-excel-gallery .slick-arrow.slick-next, .story-excel-winner-slider .slick-arrow.slick-next {left: auto; right: 0;}
.story-excel-gallery .slick-arrow:before, .story-excel-winner-slider .slick-arrow:before {content: ''; display: block; width: 14px; height: 24px; background: url('/images/sub/gallery-arrow.svg') no-repeat center center / contain;}
.story-excel-gallery .slick-arrow.slick-next:before, .story-excel-winner-slider .slick-arrow.slick-next:before {transform: scaleX(-1);}
.story-excel-gallery .slick-arrow:hover:before, .story-excel-winner-slider .slick-arrow:hover:before {filter: brightness(0) invert(1)}
.story-excel-gallery .slick-arrow:hover, .story-excel-winner-slider .slick-arrow:hover {border-color: var(--primary-color); background: var(--primary-color);}

.story-excel-hsp-body {display:flex; flex-direction:column; gap:var(--space-40); margin-top:var(--space-60); text-align:center;}
.story-excel-hsp-block h4 {font-size:var(--font-size-32); font-weight:600; line-height:1.2em; color:var(--color-text); letter-spacing:-0.03em;}
.story-excel-hsp-desc {display:flex; flex-direction:column; gap:var(--space-12); margin-top:var(--space-20); font-size:var(--font-size-22); line-height:1.5em; color:var(--color-text); letter-spacing:-0.03em;}
.story-excel-award {padding:var(--space-120) 0;}
.story-excel-award-head {display:flex; flex-direction:column; align-items:center; gap:var(--space-40); text-align:center;}
.story-excel-award-quote {display:flex; gap:var(--space-12); align-items:flex-start; justify-content:center; max-width:1065px; font-size:var(--font-size-32); font-weight:700; line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-excel-award-quote img {flex:0 0 20px; width:20px; height:16px; margin-top:var(--space-4);}
.story-excel-award-sub {font-size:var(--font-size-24); line-height:1.5em; color:var(--color-text); letter-spacing:-0.03em;}
.story-excel-winner-wrap {position:relative; margin-top:var(--space-60);}
.story-excel-winner-slider .slick-list {margin: 0 ;}
.story-excel-winner-slider .slick-track {display: flex;}
.story-excel-winner-slider .slick-slide {height: auto; padding: 0 var(--space-10);}
.story-excel-winner-slider .slick-slide>div {height: 100%;}
.story-excel-winner {position: relative; display: flex !important; flex-direction: column; max-width: 182px; margin: 0 auto; height: 100%; border-radius: var(--radius-16); overflow: hidden;}
.story-excel-winner:after {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid var(--color-border); border-radius:var(--radius-16); pointer-events: none;}
.story-excel-winner .photo img {width:100%; aspect-ratio:182/436; object-fit:cover;}
.story-excel-winner .info {flex: 1; display:flex; flex-direction:column; justify-content: space-between; gap:var(--space-20); padding: var(--space-20);}
.story-excel-winner .round {margin-bottom: var(--space-20); font-size:var(--font-size-18); font-weight:700; line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-excel-winner .name {font-size:var(--font-size-22); font-weight:600; line-height:1.2em; color:var(--color-text); letter-spacing:-0.03em;}
.story-excel-winner .type {margin-top: var(--space-10); font-size:var(--font-size-16); line-height:1.2em; color:var(--color-text); letter-spacing:-0.03em;}
.story-excel-winner .badge {display:inline-flex; align-items:center; justify-content:center; padding:var(--space-6) var(--space-12); border-radius:4px; background:var(--color-primary-light); font-size:var(--font-size-16); font-weight:600; line-height:1.5em; color:var(--primary-color); letter-spacing:-0.03em;}
.story-excel-winner-scroll {position:relative; height:4px; margin:var(--space-30) 0 0; border-radius:500px; background:rgba(25,97,215,0.12); overflow:hidden;}
.story-excel-winner-scroll-bar {display:none;}
.story-excel-winner-scroll-thumb {position:absolute; left:0; top:0; height:100%; border-radius:500px; background:var(--primary-color); transition:left 0.15s ease, width 0.15s ease;}
.story-excel-award-foot {display:flex; flex-direction:column; gap:var(--space-30); margin-top:var(--space-60); font-size:var(--font-size-24); line-height:1.54em; color:var(--color-text); text-align:center; letter-spacing:-0.03em;}
.story-excel-award-foot strong.darkblue-color {font-weight:600;}
.story-leader {padding:var(--space-120) 0;}
.story-leader .contain {position:relative; z-index:1;}
.story-leader-head {display:flex; flex-direction:column; align-items:center; gap:var(--space-40); text-align:center;}
.story-leader-tit {font-size:var(--font-size-32); font-weight:700; line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-leader-logo {position:relative; width:clamp(280px, calc(406 / var(--inner) * 100vw), 406px); height:80px; margin:0 auto;}
.story-leader-logo .mark {position:absolute; left:0; top:0; height:100%; width:34.16%;}
.story-leader-logo .type {position:absolute; left:42.02%; top:6.05%; height:79.61%; width:57.98%;}
.story-leader-logo img {width:100%; height:100%; object-fit:contain;}
.story-leader-body {display:flex; flex-direction:column; align-items:center; gap:var(--space-60); margin-top:var(--space-60);}
.story-leader-visual {width:100%; border-radius:var(--radius-32); overflow:hidden;}
.story-leader-visual img {width:100%; aspect-ratio:1400/560; object-fit:cover;}
.story-leader-txt {display:flex; flex-direction:column; gap:var(--space-30); width:100%; text-align:center;}
.story-leader-lead {font-size:var(--font-size-36); font-weight:700; line-height:1.39em; color:var(--color-darkblue); letter-spacing:-0.03em;}
.story-leader-desc {display:flex; flex-direction:column; gap:var(--space-30); font-size:var(--font-size-22); line-height:1.5em; color:var(--color-text); letter-spacing:-0.03em;}
.story-leader-desc-point {color:var(--color-darkblue);}

/* story — 뇌교육의 차별성 */
.page-story-diff .sub-visual {background:#fdefff; color:var(--dark-color);}
.page-story-diff .sub-visual h3 strong.purple-color {font-weight:800;}
.story-diff-sv-lead {margin-top:var(--space-20); font-size:var(--font-size-24); line-height:1.5em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-diff-stat .contain,
.story-diff-coevo .contain,
.story-diff-teacher .contain,
.story-diff-grow .contain,
.story-diff-future .contain {position:relative; z-index:1;}
.story-diff-sec-tit {font-size:var(--font-size-40); font-weight:700; line-height:1.16em; color:var(--dark-color); letter-spacing:-0.03em; text-align:center;}
.story-diff-sec-tit .light {font-weight:400; font-size: var(--font-size-40);}
.story-diff-sec-tit strong.primary {font-weight:700;}
.story-diff-stat {padding:var(--space-120) 0;}
.story-diff-stat-body {display:flex; flex-direction:column; align-items:center; gap:var(--space-60); margin-top:var(--space-60);}
.story-diff-stat-num {position:relative;text-align: center;}
.story-diff-stat-txt {display:flex; flex-direction:column; align-items:center; gap:var(--space-40); max-width:1400px; text-align:center;}
.story-diff-stat-txt .desc {font-size:var(--font-size-24); line-height:1.5em; color:var(--color-text); letter-spacing:-0.03em;}
.story-diff-stat-dots {display:flex; flex-direction:column; gap:var(--space-20); align-items:center;}
.story-diff-stat-dots i {display:block; width:8px; height:8px; border-radius:50%; background:var(--color-black);}
.story-diff-stat-dots i:nth-child(1) {opacity:0.15;}
.story-diff-stat-dots i:nth-child(2) {opacity:0.24;}
.story-diff-stat-dots i:nth-child(3) {opacity:0.48;}
.story-diff-stat-txt .quote {font-size:var(--font-size-32); font-weight:700; line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-diff-coevo {padding:var(--space-120) 0;}
.story-diff-coevo-head {display:flex; flex-direction:column; align-items:center; gap:var(--space-40); text-align:center;}
.story-diff-coevo-head .sub {font-size:var(--font-size-24); line-height:1.2em; color:var(--color-text); letter-spacing:-0.03em;}
.story-diff-coevo-body {display:flex; gap:var(--space-80); justify-content: center; align-items:center; margin-top:var(--space-60);}
.story-diff-coevo-diagram {position:relative; max-width: 492px; width: 35.2%; aspect-ratio:1;}
.story-diff-coevo-diagram .outer-ring {position:absolute; inset:0; border:2px solid var(--primary-color); border-radius:50%; background:var(--color-white); box-shadow:4px 4px 16px rgba(25,97,215,0.32);}
.story-diff-coevo-diagram .human-label {position:absolute; left:50%; top:0; transform:translateX(-50%); font-size:var(--font-size-24); font-weight:700; line-height:1.42em; color:var(--primary-color); letter-spacing:-0.03em; white-space:nowrap;}
.story-diff-coevo-diagram .coevo-circle {position:absolute; left:50%; top:50%; transform:translate(-50%, -42%); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--space-12); width:61%; aspect-ratio:1; border:2px solid var(--primary-color); border-radius:50%; background:rgba(25,97,215,0.1); box-shadow:4px 4px 16px rgba(25,97,215,0.25); text-align:center;}
.story-diff-coevo-diagram .coevo-circle .tit {font-size:var(--font-size-32); font-weight:700; line-height:1.25em; color:var(--primary-color); letter-spacing:-0.03em;}
.story-diff-coevo-diagram .coevo-circle .en {font-size:var(--font-size-24); font-weight:700; line-height:1.17em; color:var(--primary-color); letter-spacing:-0.03em;}
.story-diff-coevo-diagram .ai-circle {position:absolute; right:0; bottom:15%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--space-12); width:48%; aspect-ratio:1; border:2px dashed #e3e3e3; border-radius:50%; background:var(--color-white); text-align:center; font-size:var(--font-size-20); font-weight:700; line-height:1.1.2em; color:var(--color-text-light); letter-spacing:-0.03em;}
.story-diff-coevo-diagram .ai-circle .sm {font-size:var(--font-size-20); font-weight:700;}
.story-diff-coevo-box {flex:1; max-width: fit-content; padding:var(--space-40); border-radius:var(--radius-16); background:var(--color-white); box-shadow:6px 6px 15px rgba(0,0,0,0.1);}
.story-diff-coevo-box h4 {font-size:var(--font-size-32); font-weight:700; line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-diff-coevo-box p {margin-top:var(--space-30); font-size:var(--font-size-24); line-height:1.5em; color:var(--color-text); letter-spacing:-0.03em;}
.story-diff-teacher {padding-bottom:var(--space-120);}
.story-diff-teacher-hero {display: flex; align-items: center; justify-content: center; position:relative; min-height:900px; overflow:hidden;}
.story-diff-teacher-hero .bg {position:absolute; inset:0;}
.story-diff-teacher-hero .bg img {width:100%; height:100%; object-fit:cover;}
.story-diff-teacher-hero .bg:after {content:''; position:absolute; inset:0; background:rgba(0,0,0,0.2);}
.story-diff-teacher-hero .contain {position:relative; z-index:1;;}
.story-diff-teacher-hero-txt {margin:0 auto var(--space-150); text-align:center; color:var(--color-white);}
.story-diff-teacher-hero-txt h3 {font-size:var(--font-size-64); font-weight:700; line-height:1.2em; letter-spacing:-0.03em;}
.story-diff-teacher-hero-txt h3 span {text-emphasis: dot;}
.story-diff-teacher-hero-txt p {margin-top:var(--space-40); font-size:var(--font-size-24); line-height:1.2em; color:var(--color-white); letter-spacing:-0.03em;}
.story-diff-teacher-hero-txt strong {font-weight:700;}
.story-diff-teacher-hero-bar {position:absolute; left:0; right:0; bottom:0; z-index:1; padding:var(--space-60) var(--container-space); background:rgba(0,0,0,0.6); text-align:center;}
.story-diff-teacher-hero-bar p {font-size:var(--font-size-24); line-height:1.5em; color:var(--color-white); letter-spacing:-0.03em;}
.story-diff-teacher-hero-bar strong {font-weight:700;}
.story-diff-teacher .contain {display:flex; flex-direction:column;}
.story-diff-teacher-blocks {padding: var(--space-100) 0;}
.story-diff-block:not(:last-child) {margin-bottom: var(--space-100);}
.story-diff-block {display:flex; flex-direction:column; gap:var(--space-50);}
.story-diff-band {display:flex; align-items:center; justify-content:center; min-height:98px; padding:var(--space-30); border-radius:var(--radius-16); background:var(--color-label-bg); font-size:var(--font-size-40); font-weight:700; line-height:1.2em; color:var(--color-navy); text-align:center; letter-spacing:-0.03em;}
.story-diff-features {display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--space-40);}
.story-diff-features li {display:flex; flex-direction: column; justify-content:space-between; gap:var(--space-30); padding:var(--space-50); border-radius:var(--radius-32); background:var(--color-white); box-shadow:6px 6px 15px rgba(0,0,0,0.1);}
.story-diff-features .txt strong {display:block; font-size:var(--font-size-28); font-weight:700; line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-diff-features .txt p {margin-top:12px; font-size:var(--font-size-20); line-height:1.2em; color:var(--color-text); letter-spacing:-0.03em;}
.story-diff-features .ico {flex:0 0 72px; margin-left: auto;}
.story-diff-plastic {display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--space-40);}
.story-diff-plastic li .photo {border-radius:0; overflow:hidden;}
.story-diff-plastic li .photo img {width:100%; aspect-ratio:440/270; object-fit:cover;}
.story-diff-plastic li strong {display:block; margin-top:var(--space-30); font-size:var(--font-size-28); font-weight:700; line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-diff-plastic li p {margin-top:var(--space-15); font-size:var(--font-size-20); line-height:1.5em; color:var(--color-text); letter-spacing:-0.03em;}
.story-diff-change-head {display:flex; flex-direction:column; gap:var(--space-20); text-align:center;}
.story-diff-change-head .sub {font-size:var(--font-size-24); line-height:1.2em; color:var(--color-text); letter-spacing:-0.03em;}
.story-diff-change {position:relative; padding-bottom:var(--space-120);}
.story-diff-change-deco {position:absolute; left:0; right:0; bottom:0; z-index:0; pointer-events:none;}
.story-diff-change-deco img {width:100%; height:auto;}
.story-diff-change-list { position:relative; z-index:1; display:grid; display: none; grid-template-columns:repeat(3, 1fr); gap:var(--space-40); align-items:start;}
.story-diff-change-list>li {display:flex; flex-direction:column; gap:var(--space-20);}
.story-diff-change-list .num {display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; font-size:var(--font-size-24); font-weight:700; line-height:1.2em; color:var(--color-white);}
.story-diff-change-list .num.sky {background:#27a7d9;}
.story-diff-change-list .num.blue {background:#278fd9;}
.story-diff-change-list .num.navy {background:#276bd9;}
.story-diff-change-list .head strong {font-size:var(--font-size-32); font-weight:700; line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-diff-change-list .photo {border-radius:var(--radius-16); overflow:hidden;}
.story-diff-change-list .photo img {width:100%; aspect-ratio:338/200; object-fit:cover;}
.story-diff-change-list .foot strong {font-size:clamp(20px, calc(26 / var(--inner) * 100vw), 26px); font-weight:700; line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-diff-change-list .foot p {margin-top:var(--space-20); font-size:var(--font-size-24); line-height:1.5em; color:var(--color-text); letter-spacing:-0.03em;}
.story-diff-step {position:relative; min-height:740px;}
.story-diff-step-list {display: none;}
.story-diff-step-list>li {display:flex; flex-direction:column; align-items:center; gap:5px; padding: 20px; text-align:center; color:var(--color-white); pointer-events:auto;}
.story-diff-step-list .step1 {background: #27A7D9;}
.story-diff-step-list .step2 {background: #278FD9;;}
.story-diff-step-list .step3 {background: #276BD9;;}
.story-diff-step-list .label {font-size:var(--font-size-20); font-weight:600; line-height:1.4em; opacity:0.8; letter-spacing:-0.03em;}
.story-diff-step-list strong {font-size:clamp(22px, calc(26 / var(--inner) * 100vw), 26px); font-weight:700; line-height:1.38em; letter-spacing:-0.03em;}
.story-diff-step-list .info {font-size:var(--font-size-24); line-height:1.5em; letter-spacing:-0.03em;}
.story-diff-hsp {display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--space-40);}
.story-diff-hsp li {display:flex; flex-direction:column; border:1px solid var(--color-border); border-radius:var(--radius-16); overflow:hidden; background:var(--color-white);}
.story-diff-hsp .txt {flex:1; display:flex; flex-direction:column; gap:var(--space-30); padding:var(--space-40);}
.story-diff-hsp strong {font-size:var(--font-size-28); font-weight:700; line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-diff-hsp p {font-size:var(--font-size-20); line-height:1.42em; color:var(--color-text); letter-spacing:-0.03em;}
.story-diff-hsp .photo img {width:100%; aspect-ratio:440/283; object-fit:cover;}
.story-diff-grow {position:relative; padding:var(--space-120) var(--container-space); overflow:hidden; background:url('/images/sub/bg-story-diff-grow.jpg') no-repeat center center / cover;;}
.story-diff-grow-body {display:flex; gap:var(--space-60); margin-top:var(--space-60);}
.story-diff-grow-body .photo {flex:0 0 clamp(280px, calc(540 / var(--inner) * 100vw), 540px); border-radius:var(--radius-32); overflow:hidden;}
.story-diff-grow-body .photo img {width:100%; aspect-ratio:540/640; object-fit:cover;}
.story-diff-grow-list {flex:1; display:flex; flex-direction:column; gap:var(--space-30);}
.story-diff-grow-list li {display: flex; flex-direction: column; justify-content: center; flex: 1; padding:var(--space-40); border-radius:var(--radius-16); background:var(--color-white); box-shadow:6px 6px 15px rgba(0,0,0,0.1);}
.story-diff-grow-list strong {display:flex; align-items: center; gap:12px; font-size:var(--font-size-28); font-weight:700; line-height:1.2em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-diff-grow-list strong:before {content: ''; display: block; width: 28px; height: 28px; background: url('/images/sub/diff-icon-check.svg') no-repeat center center / contain;}
.story-diff-grow-list p {margin-top:var(--space-20); font-size:var(--font-size-20); line-height:1.2em; color:var(--color-text); letter-spacing:-0.03em;}
.story-diff-grow-foot {margin-top:var(--space-60); font-size:var(--font-size-32); line-height:1.4em; color:var(--dark-color); text-align:center; letter-spacing:-0.03em;}
.story-diff-grow-foot strong {font-weight:700;}
.story-diff-future {padding:var(--space-120) 0;}
.story-diff-future-body {display:flex; gap:var(--space-40); align-items:center; margin-top:var(--space-60);}
.story-diff-future-txt {flex:1; min-width:0;}
.story-diff-future-txt .badge {display:inline-flex; align-items:center; padding:var(--space-10) var(--space-12); border-radius:99px; background:var(--primary-color); font-size:var(--font-size-20); font-weight:700; line-height:1.2em; color:var(--color-white); letter-spacing:-0.03em;}
.story-diff-future-txt .lead {margin-top:var(--space-20); font-size:var(--font-size-32); font-weight:700; line-height:1.312em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-diff-future-txt .desc {margin-top:var(--space-20); font-size:var(--font-size-22); line-height:1.36em; color:var(--color-text); letter-spacing:-0.03em;}
.story-diff-future-txt .call {margin-top:var(--space-20); font-size:var(--font-size-24); font-weight:700; line-height:1.312em; color:var(--dark-color); letter-spacing:-0.03em;}
.story-diff-future-body .photo {flex:0 0 clamp(280px, calc(800 / var(--inner) * 100vw), 800px); border-radius:var(--radius-32); overflow:hidden;}
.story-diff-future-body .photo img {width:100%; aspect-ratio:800/450; object-fit:cover;}

.review-list-title {margin-bottom: var(--space-60); text-align: center; font-size: var(--font-size-18); line-height:1.5em;}
.review-list-title h3 {margin-bottom: var(--space-30); font-size: var(--font-size-40); color: var(--dark-color); line-height:1.2em;}