/*     1488335 : 블록 설정      */
.block_option__1488335__ {display:table;width:100%}
.block_option__1488335__ p {display:table-cell;height:100px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle}

@media (max-width:1023px){
	.row__1488335__ {}
}


@media (min-width:1024px){
	.row__1488335__ {    background-size: cover;  background-repeat: no-repeat;width:98%;   height: 450px;border-radius:10px}
}

/*     1488345 : BLANK 컨텐츠      */
.blank__1488345__ {.blank__1488345__ { 
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 100%;
  height: 450px; /* 기존 400px → 450px로 변경 */
}
}
.blank__1488345__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__1488345__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}

@media all and (max-width:1023px){
  .blank__1488345__ {height:450px;}
}



/*     1488355 : HTML 편집기      */
 .mission {
            text-align: center;
            padding: 130px 20px;
            background: white;
        }

        .mission h2 {
            font-size: 45px;
            margin-bottom: 20px;
            line-height: 1.5; color:#222;
        }

        .mission .highlight {
            color: #37926B;
        }

        .mission p {
            color: #444;
            line-height: 1.5;
            max-width: 1280px;
            margin: 0 auto; font-size:24px !important; letter-spacing:-0.035em;
        }
 @keyframes slide-up {
    0%{opacity : 0;}
    70%{opacity : 0; transform: translateY(40px);}
}

@keyframes opacity_ani {
    0%{opacity: 0;}
    70%{opacity: 0;}
}


@keyframes slide-up2 {
    0%{opacity : 0;}
    50%{opacity : 0; transform: translateY(60px);}
}




/*     1488365 : HTML 편집기      */
        .quote-section {
            text-align: center;
            color: white;
        }

        .quote-section h3 {
            font-size: 42px;
            margin-bottom: 15px;
            font-weight: 600;
        }

        .quote-section p {
            font-size: 20px;
            opacity: 0.9;
        }

        .footer {
            background: #000;
            height: 200px;
        }

        @media (max-width: 768px) {
            .hero {
                padding: 0 30px;
                height: 300px;
            }

            .hero h1 {
                font-size: 32px;
            }

            .features {
                flex-direction: column;
                align-items: center;
            }

            .education-section {
                flex-direction: column;
                padding: 60px 30px;
                gap: 40px;
            }

            .mission h2 {
                font-size: 24px;
            }

            .education-content h2 {
                font-size: 28px;
            }
        }
/* ===== 커튼 애니메이션 (배경 유지 버전) ===== */
.reveal-box {
  position: relative;
  background: url('../../img/jin3.webp');
            background-size: cover;
            background-position: center;padding:0px 0 120px; 
  overflow: hidden;
}

.reveal-box::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: linear-gradient(to right, #ffffff 0%, #ffffff 100%);
  mix-blend-mode: lighten; /* 배경과 자연스럽게 섞이게 */
  transform-origin: left;
  transform: scaleX(1);
  transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1);
  z-index: 2;
  pointer-events: none;
}

.reveal-content {
  position: relative;
  opacity: 0;
  transform: scale(1.05);
  transition: opacity 1.2s ease 0.3s, transform 1.2s ease 0.3s;
  z-index: 1; width:1280px; margin:0 auto;
}

/* ==== 스크롤 시 on 클래스 붙을 때 ==== */
.animate-sect.on .reveal-box::before {
  transform: scaleX(0);
}

.animate-sect.on .reveal-content {
  opacity: 1;
  transform: scale(1);
}
.scroll-text {
  font-size: 16px;
  color: white;
  letter-spacing: 1px;
  margin-bottom: 10px;
  opacity: 0.8;   
 text-align: center;
    display: block; padding-bottom:50px;
}

/* 세로 작대기 */
.line {
  position: relative;
  width: 2px;
  height: 60px;
  background: rgba(255, 255, 255, 0.2);
  overflow: hidden;    margin: auto;
}

/* 빛(별똥별) 애니메이션 */
.line::after {
  content: "";
  position: absolute;
  top: -30%;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(to bottom, rgba(255,255,255,1), transparent);
  animation: shooting 1.5s linear infinite;
}

/* 애니메이션 키프레임 */
@keyframes shooting {
  0% {
    top: -30%;
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    top: 100%;
    opacity: 0;
  }
}
.reveal-content h3{text-align:left;}
.reveal-content p{text-align:left;}
.Hightlight{color:#4BEEA7}

/*     1488575 : HTML 편집기      */
.wrap{position:relative; width:100%; margin:0; padding:150px 0;}
.inner {width:1280px; margin:0 auto}
.inner h2{font-size:48px; color:#222;line-height:1.5; letter-spacing:-0.035em;}
.inner p{font-size:20px; color:#444; line-height:1.5; letter-spacing:-0.035em;}
.circle{width: 15px; height:15px; border-radius:50px; color#fff; border: 4px solid #37926B;display:block;align-self: center; margin:0 10px ;}
.rank h3{display:inline-block !important; font-size:24px; font-weight:400; font-family:'Pretendard' !important;}
.rank h3 b{font-size:28px; color:#222;}
.rank {
    display: flex;
    vertical-align: middle;margin-bottom:20px
}
.Manage {position:relative; margin-top:90px;}
.Manage .line3 {margin-bottom: 50px;}
.Future {margin-top: 90px;}
.wrap .inner.motion h2{animation:slide-up2 1.0s ease both;}
.wrap .inner.motion h3{animation:slide-up2 1.0s ease both;}
.wrap .inner.motion .Manage img{animation:slide-up2 1.0s ease both;}
.wrap .inner.motion p{animation:slide-up2 1.0s ease both;}

/*     1527484 : BLANK 컨텐츠      */
.blank__1527484__ {.blank__1527484__ { 
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 100%;
  height:180px; 
}
}
.blank__1527484__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__1527484__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}

@media all and (max-width:1023px){
  .blank__1527484__ {height:450px;}
}



/*     1527514 : 블록 설정      */
.block_option__1527514__ {display:table;width:100%}
.block_option__1527514__ p {display:table-cell;height:100px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle}

@media (max-width:1023px){
	.row__1527514__ {}
}


@media (min-width:1024px){
	.row__1527514__ {width:1280px; margin:0 auto;}
}

/*     1527494 : 타이틀 텍스트      */
.title__1527494__ {font-size:0;width:1280px; margin:0 auto;}
.title__1527494__ h2 {
	display:inline-block;position:relative;margin:0 auto;padding:0;
	font-size:48px;font-weight:bold;color:#222;letter-spacing:-.03em;line-height:1.4em;
}
.title__1527494__ h2:before {content:'';position:absolute;background:#d00000;font-size:0}

.title__1527494__.style_top h2 {padding-top:10px}
.title__1527494__.style_top h2:before {top:0;left:0;width:20px;height:4px}

.title__1527494__.style_right h2 {padding-right:14px}
.title__1527494__.style_right h2:before {top:16%;right:0;width:4px;height:20px}

.title__1527494__.style_bottom h2 {padding-bottom:12px}
.title__1527494__.style_bottom h2:before {bottom:0;left:0;width:20px;height:4px}

.title__1527494__.style_left h2 {padding-left:14px}
.title__1527494__.style_left h2:before {top:16%;left:0;width:4px;height:20px}

.title__1527494__.style_circle1 h2 {padding-left:18px}
.title__1527494__.style_circle1 h2:before {
	top:0;bottom:0;left:0;width:10px;height:10px;margin:auto;border-radius:50%;
}

.title__1527494__.style_circle2 h2 {padding-left:18px}
.title__1527494__.style_circle2 h2:before {
	top:0;bottom:0;left:0;width:10px;height:10px;margin:auto;border-radius:50%;
	border:2px solid #d00000;background:none;box-sizing:border-box;
}

@media all and (min-width:1024px){
	.title__1527494__ h2 {font-size:48px}
	.title__1527494__.style_top h2:before {width:20px}
	.title__1527494__.style_right h2:before {height:20px}
	.title__1527494__.style_bottom h2:before {width:20px}
	.title__1527494__.style_left h2:before {height:20px}
}

/*     1527504 : 실선      */
.solid_line__1527504__ {display:block;position:relative;width:100%;height:30px}
.solid_line__1527504__:before {content:'';position:absolute;left:0;top:50%;width:100%;height:0;border-top:1px solid #cccccc}

.solid_line__1527504__.build_edit_mode {min-height:10px}

@media all and (max-width:767px){
	.solid_line__1527504__ {height:20px}
}

/*     1527554 : 타이틀 텍스트      */
.title__1527554__ {font-size:0}
.title__1527554__ p {
	display:inline-block;position:relative;margin:0;padding:0;font-family:'Pretendard';
	font-size:20px;font-weight:bold;color:#222;letter-spacing:-.03em;line-height:1.4em;
}
.title__1527554__ p:before {content:'';position:absolute;background:#d00000;font-size:0}

.title__1527554__.style_top p {padding-top:10px}
.title__1527554__.style_top p:before {top:0;left:0;width:20px;height:4px}

.title__1527554__.style_right p {padding-right:14px}
.title__1527554__.style_right p:before {top:16%;right:0;width:4px;height:20px}

.title__1527554__.style_bottom p {padding-bottom:12px}
.title__1527554__.style_bottom p:before {bottom:0;left:0;width:20px;height:4px}

.title__1527554__.style_left p {padding-left:14px}
.title__1527554__.style_left p:before {top:16%;left:0;width:4px;height:20px}

.title__1527554__.style_circle1 p {padding-left:18px}
.title__1527554__.style_circle1 p:before {
	top:0;bottom:0;left:0;width:10px;height:10px;margin:auto;border-radius:50%;
}

.title__1527554__.style_circle2 p {padding-left:18px}
.title__1527554__.style_circle2 p:before {
	top:0;bottom:0;left:0;width:10px;height:10px;margin:auto;border-radius:50%;
	border:2px solid #d00000;background:none;box-sizing:border-box;
}

@media all and (min-width:1024px){
	.title__1527554__ p {font-size:32px}
	.title__1527554__.style_top p:before {width:20px}
	.title__1527554__.style_right p:before {height:20px}
	.title__1527554__.style_bottom p:before {width:20px}
	.title__1527554__.style_left p:before {height:20px}
}

/*     1527564 : 표 2.0      */
.table__1527564__ {width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}
.table__1527564__ > .table_inner {overflow:hidden;width:100%;margin:0 auto;border-top:2px solid #ffffff}
.table__1527564__ * {box-sizing:border-box}
.table__1527564__ table {
	width:100%;margin-top:-1px;border-spacing:1px;border-collapse:separate;
	background:#dddddd;table-layout:auto;
}
.table__1527564__ tr:first-child td {background-color:#37926B !important;}
.table__1527564__ td {
	height:50px;padding:10px 10px;
	background:#fff;font-size:16px;font-weight:normal;color:#333;text-align:left;
}
.table__1527564__ td.empty__1527564__ {padding:50px 20px}

@media all and (max-width:767px){
	.table__1527564__ > .table_inner {width:600px}
}

@media all and (min-width:768px) and (max-width:1023px){
	.table__1527564__ > .table_inner {width:760px}
}

@media all and (min-width:1024px){
	.table__1527564__ > .table_inner {width:1280px}
}

/*     1527774 : 한줄 텍스트      */
.text__1527774__ p {
	display:block;margin:0;padding:0;
	font-size:15px;font-weight:normal;color:#444444;letter-spacing:0;line-height:1.5em;
}
.text__1527774__ p a {color:#444444}

@media all and (min-width:1024px){
	.text__1527774__ p {font-size:15px}
}

/*     1527784 : HTML 편집기      */
.wrap{position:relative; width:100%; margin:0; padding:150px 0;}
.inner {width:1280px; margin:0 auto}
.inner h2{font-size:48px; color:#222;line-height:1.5; letter-spacing:-0.035em;}
.inner p{font-size:20px; color:#444; line-height:1.5; letter-spacing:-0.035em;}
.circle{width: 15px; height:15px; border-radius:50px; color#fff; border: 4px solid #37926B;display:block;align-self: center; margin:0 10px ;}
.rank h3{display:inline-block !important; font-size:24px; font-weight:400; font-family:'Pretendard' !important;line-height:1.8;}
.rank h3 b{font-size:28px; color:#222;}
.rank {
    display: flex;
    vertical-align: middle;margin-bottom:20px
}
.Manage {position:relative; margin-top:90px;}
.Manage .line3 {margin-bottom: 50px;}
.Future {margin-top: 90px;}
.wrap .inner.motion h2{animation:slide-up2 1.0s ease both;}
.wrap .inner.motion h3{animation:slide-up2 1.0s ease both;}
.wrap .inner.motion .Manage img{animation:slide-up2 1.0s ease both;}
.wrap .inner.motion p{animation:slide-up2 1.0s ease both;}

/*     1527834 : 블록 설정      */
.block_option__1527834__ {display:table;width:100%}
.block_option__1527834__ p {display:table-cell;height:100px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle}

@media (max-width:1023px){
	.row__1527834__ {}
}


@media (min-width:1024px){
	.row__1527834__ {width:1280px; margin:0 auto;}
}

/*     1527804 : 타이틀 텍스트      */
.title__1527804__ {font-size:0}
.title__1527804__ p {
	display:inline-block;position:relative;margin:0;padding:0;    font-family: 'IbmPlexSans' !important;
	font-size:35px;font-weight:bold;color:#222222;letter-spacing:-.03em;line-height:1em;
}
.title__1527804__ p:before {content:'';position:absolute;background:#d00000;font-size:0}

.title__1527804__.style_top p {padding-top:10px}
.title__1527804__.style_top p:before {top:0;left:0;width:35px;height:4px}

.title__1527804__.style_right p {padding-right:14px}
.title__1527804__.style_right p:before {top:16%;right:0;width:4px;height:35px}

.title__1527804__.style_bottom p {padding-bottom:12px}
.title__1527804__.style_bottom p:before {bottom:0;left:0;width:35px;height:4px}

.title__1527804__.style_left p {padding-left:14px}
.title__1527804__.style_left p:before {top:16%;left:0;width:4px;height:35px}

.title__1527804__.style_circle1 p {padding-left:18px}
.title__1527804__.style_circle1 p:before {
	top:0;bottom:0;left:0;width:10px;height:10px;margin:auto;border-radius:50%;
}

.title__1527804__.style_circle2 p {padding-left:18px}
.title__1527804__.style_circle2 p:before {
	top:0;bottom:0;left:0;width:10px;height:10px;margin:auto;border-radius:50%;
	border:2px solid #d00000;background:none;box-sizing:border-box;
}

@media all and (min-width:1024px){
	.title__1527804__ p {font-size:48px;letter-spacing:-0.04em;}
	.title__1527804__.style_top p:before {width:65px}
	.title__1527804__.style_right p:before {height:65px}
	.title__1527804__.style_bottom p:before {width:65px}
	.title__1527804__.style_left p:before {height:65px}
}

/*     1527814 : HTML 편집기      */
.html__1527814__ * {line-height:1.6em;font-family: 'Pretendard Variable' !important;color:#444; font-weight: normal;}
.que:first-child{
    border-top: 1px solid #ddd;
  }
  
.que{
  position: relative;
  padding: 25px 0;
  cursor: pointer;
  font-size: 20px;;font-family:'Pretendard';
  border-bottom: 1px solid #ddd;
	leatter-spacing:-1px;
font-weight:bold;
}
  
.que::before{
  display: inline-block;
  content: 'Q';
  font-size: 20px;
 	 color: #fff;
 	 margin: 0 10px;
	background: #37926B;
	width: 25px;
    height: 25px;
    text-align: center;
    margin: 0 auto;
    line-height: 25px;
    padding: 5px;
	border-radius:100%;
	margin-right:15px;
	font-weight:normal;
}
.que.on>span{
  font-weight: bold;
  color:  #ECF5F1; 
}
  
.anw {
  display: none;
    overflow: hidden;
  font-size: 18px;
letter-spacing:-0.04em;
  background-color: #ECF5F1;
padding: 30px;
word-break:keep-all;
 font-weight: normal;
}
  

.arrow-wrap {
  position: absolute;
  top:50%; right: 10px;
  transform: translate(0, -50%);
}

.que .arrow-top {
  display: none;
}
.que .arrow-bottom {
  display: block;
}
.que.on .arrow-bottom {
  display: none;
}
.que.on .arrow-top {
  display: block; 
}

/*     1527824 : BLANK 컨텐츠      */
.blank__1527824__ {box-sizing:border-box;display:block;position:relative;width:100%;height:100px}
.blank__1527824__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__1527824__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}

@media all and (max-width:1023px){
	.blank__1527824__ {height:65px}
}

/*     1527864 : 블록 설정      */
.block_option__1527864__ {display:table;width:100%}
.block_option__1527864__ p {display:table-cell;height:100px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle}

@media (max-width:1023px){
	.row__1527864__ {}
}


@media (min-width:1024px){
	.row__1527864__ {width:1280px; margin:0 auto;}
}

/*     1527874 : 타이틀 텍스트      */
.title__1527874__ {font-size:0}
.title__1527874__ p {
	display:inline-block;position:relative;margin:0;padding:0;    font-family: 'IbmPlexSans' !important;
	font-size:35px;font-weight:bold;color:#222222;letter-spacing:-.03em;line-height:1em;
}
.title__1527874__ p:before {content:'';position:absolute;background:#d00000;font-size:0}

.title__1527874__.style_top p {padding-top:10px}
.title__1527874__.style_top p:before {top:0;left:0;width:35px;height:4px}

.title__1527874__.style_right p {padding-right:14px}
.title__1527874__.style_right p:before {top:16%;right:0;width:4px;height:35px}

.title__1527874__.style_bottom p {padding-bottom:12px}
.title__1527874__.style_bottom p:before {bottom:0;left:0;width:35px;height:4px}

.title__1527874__.style_left p {padding-left:14px}
.title__1527874__.style_left p:before {top:16%;left:0;width:4px;height:35px}

.title__1527874__.style_circle1 p {padding-left:18px}
.title__1527874__.style_circle1 p:before {
	top:0;bottom:0;left:0;width:10px;height:10px;margin:auto;border-radius:50%;
}

.title__1527874__.style_circle2 p {padding-left:18px}
.title__1527874__.style_circle2 p:before {
	top:0;bottom:0;left:0;width:10px;height:10px;margin:auto;border-radius:50%;
	border:2px solid #d00000;background:none;box-sizing:border-box;
}

@media all and (min-width:1024px){
	.title__1527874__ p {font-size:48px;letter-spacing:-0.04em;}
	.title__1527874__.style_top p:before {width:65px}
	.title__1527874__.style_right p:before {height:65px}
	.title__1527874__.style_bottom p:before {width:65px}
	.title__1527874__.style_left p:before {height:65px}
}

/*     1527884 : 장문 텍스트      */
.textarea__1527884__ p {
	display:block;margin:0;padding:0;
	font-size:15px;font-weight:normal;color:#444444;letter-spacing:-0.035em;line-height:1.5em;
}

@media all and (min-width:1024px){
	.textarea__1527884__ p {font-size:24px}
}

/*     1527894 : 버튼      */
.button__1527894__ {font-size:0}
.button__1527894__ a {
	display:inline-block;margin:0;padding:10px 15px;
	border-radius:4px;background:#37926B;box-sizing:border-box;
	font-size:15px;font-weight:normal;color:#fff;text-align:center;letter-spacing:-.03em;line-height:1.3em;
}
.button__1527894__.style_line a {background:transparent;color:#d00000}

@media all and (min-width:1024px){
	.button__1527894__ a {font-size:24px}
}

/*     1488415 : 블록 설정      */
.block_option__1488415__ {display:table;width:100%}
.block_option__1488415__ p {display:table-cell;height:100px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle}

@media (max-width:1023px){
	.row__1488415__ {}
}


@media (min-width:1024px){
	.row__1488415__ {    background-size: cover;  background-repeat: no-repeat;}
}

/*     1488425 : HTML 편집기      */
/* ================= Pretendard Webfont ================= */
@font-face {
  font-family: 'Pretendard';
  font-weight: 300;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 400;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 500;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 700;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
}

/* ================= Reset & Base ================= */
*{margin:0;padding:0;box-sizing:border-box;}
ul,li{list-style:none;}
img{vertical-align:middle;border:0;}
a{text-decoration:none;color:inherit;}
html,body{height:100%;}
body{font-family:'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif; color:#222;}

/* ================= Section Shell ================= */
.scroll-wrap{position:relative;min-height:100vh;}
.imgVisual{position:relative;top:0;height:100%;overflow:visible;}
.visual_sect{
  position:absolute; inset:0;
  background:url('../../img/whitebg.png') center/cover no-repeat;
  transform-origin:center center; will-change:transform;
}
.visual_sect .content{width:100%;height:100%;}

/* ================= Title Area ================= */
.contentsBox{width:1280px;margin:130px auto 0;}
.titleBox{margin-bottom:55px;}
.titleBox .title h2{font-size:48px;font-weight:800;letter-spacing:-0.02em;text-align:left;}
.Hightlight2{color:#37926B;}
/* line3 아래 설명문 p는 Pretendard 고정 */
.titleBox p{
  font-family:'Pretendard', sans-serif !important;
  font-size:20px; line-height:1.8; color:#444; margin-top:16px;
}

/* 구분선 */
.line3{
  position:relative;width:100%;height:2px;background:rgba(221,221,221,1);
  margin:14px 0 18px;overflow:hidden;
}
.line3::after{
  content:""; position:absolute; top:0; left:-20%; width:40%; height:100%;
  background:linear-gradient(to right, transparent 0%, rgba(255,255,255,.8) 50%, transparent 100%);
  animation:shooting2 2s linear infinite; opacity:0;
}

/* ================= Box List ================= */
.Boxlist{
  display:flex; flex-wrap:wrap; gap:20px;              /* 여백 20px */
  justify-content:center; align-items:flex-start;
  width:100%; max-width:1272px;                        /* 626*2 + 20 */
  margin:0 auto 120px; padding:0;
}

/* 개별 박스: 626 x 190 */
.Box{
  position:relative; z-index:1;
  width:626px; height:190px;                           /* 요청 사이즈 */
  background:#fff; border-radius:10px; overflow:hidden;
  padding:24px 28px;                                   /* 내용 여백 */
  display:flex; flex-direction:column; justify-content:center;
  box-shadow:0 1px 0 rgba(0,0,0,.03);
}

/* 박스 내부 텍스트는 Pretendard 고정 */
.Box h3{
  font-family:'Pretendard', sans-serif !important;
  font-size:24px; font-weight:700; margin-bottom:10px; color:#222;
}
.Box p{
  font-family:'Pretendard', sans-serif !important;
  font-size:18px; line-height:1.7; color:#444;
}

/* 반짝 테두리 효과 유지 */
.Box::before{
  content:""; position:absolute; inset:0; border-radius:10px; padding:1px;
  background:linear-gradient(120deg, rgba(255,255,255,1), rgba(255,255,255,.05), rgba(255,255,255,1));
  background-size:200% 200%; animation:glowBorder 4s linear infinite;
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude; z-index:-1;
}

/* ================= Animations ================= */
@keyframes glowBorder{0%{background-position:0% 50%;}100%{background-position:200% 50%;}}
@keyframes shooting2{0%{left:-40%;opacity:0;}20%{opacity:1;}50%{left:60%;opacity:.8;}100%{left:120%;opacity:0;}}
@keyframes slide-up2{0%{opacity:0;transform:translateY(60px);}100%{opacity:1;transform:translateY(0);}}

/* 등장 애니메이션 훅(옵션) */
.contentsBox .titleBox .title.motion h2{animation:slide-up2 .8s ease both;}
.contentsBox .Boxlist.motion .Box{animation:slide-up2 1.0s ease both;}
.contentsBox .Boxlist.motion .Box:nth-child(2){animation-delay:.08s;}
.contentsBox .Boxlist.motion .Box:nth-child(3){animation-delay:.16s;}

/* ================= Responsive ================= */
@media (max-width:1300px){
  .contentsBox{width:94%;}
}
@media (max-width:980px){
  .Box{width:100%; height:auto;}   /* 모바일은 자동 높이로 안전 */
}


/*     1488435 : HTML 편집기      */
        .quote-section {
            text-align: center;
            color: white;
        }

        .quote-section h3 {
            font-size: 42px;
            margin-bottom: 15px;
            font-weight: 600; text-align:center;
        }

        .quote-section p {
            font-size: 20px;
            opacity: 0.9; text-align:center;
        }

        .footer {
            background: #000;
            height: 200px;
        }

        @media (max-width: 768px) {
            .hero {
                padding: 0 30px;
                height: 300px;
            }

            .hero h1 {
                font-size: 32px;
            }

            .features {
                flex-direction: column;
                align-items: center;
            }

            .education-section {
                flex-direction: column;
                padding: 60px 30px;
                gap: 40px;
            }

            .mission h2 {
                font-size: 24px;
            }

            .education-content h2 {
                font-size: 28px;
            }
        }
/* ===== 커튼 애니메이션 (배경 유지 버전) ===== */
.reveal-box2 {
  position: relative;
  background: url('../../img/footer.webp');
            background-size: cover;
            background-position: center;padding:150px 0 130px; 
  overflow: hidden;
}

.reveal-box2::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: linear-gradient(to right, #ffffff 0%, #ffffff 100%);
  mix-blend-mode: lighten; /* 배경과 자연스럽게 섞이게 */
  transform-origin: left;
  transform: scaleX(1);
  transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1);
  z-index: 2;
  pointer-events: none;
}

.reveal-content {
  position: relative;
  opacity: 0;
  transform: scale(1.05);
  transition: opacity 1.2s ease 0.3s, transform 1.2s ease 0.3s;
  z-index: 1;
}

/* ==== 스크롤 시 on 클래스 붙을 때 ==== */
.animate-sect.on .reveal-box2::before {
  transform: scaleX(0);
}

.animate-sect.on .reveal-content {
  opacity: 1;
  transform: scale(1);
}

/* jb:pc-fit */
@media all and (min-width:1024px) {
  .reveal-content,
  .inner,
  .row__1527514__,
  .title__1527494__,
  .table__1527564__ > .table_inner,
  .row__1527834__,
  .row__1527864__,
  .contentsBox {
    width: auto !important; min-width: 0 !important; max-width: min(100%, 1280px) !important; box-sizing: border-box;
  }
}