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

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


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

/*     1488275 : BLANK 컨텐츠      */
.blank__1488275__ {.blank__1488275__ { 
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 100%;
  height: 450px; /* 기존 400px → 450px로 변경 */
}
}
.blank__1488275__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__1488275__.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__1488275__ {height:450px;}
}



/*     1485805 : 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; 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);}
}




/*     1485715 : HTML 편집기      */
/* reset */
* {margin: 0;padding: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-weight: 700; font-size: inherit;}
a {color: inherit; text-decoration: inherit;}
img {vertical-align: middle;}
a img {border: none;}
div {
    background-size: cover;
    background-repeat: no-repeat;
}
li {list-style: none;}
address, em, i {font-style: normal;}
        body {
            font-family: 'IbmPlexSans', -apple-system, BlinkMacSystemFont, sans-serif;
            line-height: 1.6;
            color: #333;background-size: cover;background-repeat: no-repeat;
        }
        .inner{
            width:1280px;
            margin:0 auto;
        }


 @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);}
}

@keyframes dot{
    100%{opacity: 1; transform: scale(3.5); opacity: 0;}
}

.features .inner ul {width: 100%; margin: 0 auto; display: flex;}
.features .inner ul li {width: 33.3333%; font-size: 17px; font-weight: 100;color: #c5c5c5;text-align: center;}
.features .inner ul li h3 {font-size: 18px; margin-bottom: 20px; font-weight: normal; color: #fff;}
.features .inner .line{width: 68%; margin: 47px auto 30px; position: relative;}
.features .inner .line span{display: block; width: 100%; height: 1px; background: rgba(255,255,255, 0.25);}
.features .inner .line li {width: 6px;height: 6px;border-radius: 50%; background: #fff; position: absolute;}
.features .inner .line li.a{left: 0; top: -2px;}
.features .inner .line li.b{left: 50%; top: -2px;}
.features .inner .line li.c{right: 0; top: -2px;}
.features .inner .line li:before {content: ''; width: 100%; height: 100%; border-radius: 50%;background: rgba(252,252,252,0.70); position: absolute; left: 50%; top: 50%; margin-top: -3px; margin-left: -3px; animation: dot 1.5s infinite;}
.features .inner.motion h2 {animation-name: slide-up; animation-duration: 0.8s;}
.features .inner.motion .line span {animation-name: opacity_ani; animation-duration: 0.8s}
.features .inner.motion .line li.a {animation-name: opacity_ani; animation-duration: 1.2s}
.features .inner.motion .line li.b {animation-name: opacity_ani; animation-duration: 1.6s}
.features .inner.motion .line li.c {animation-name: opacity_ani; animation-duration: 2s}
.features .inner.motion ul li {animation-name: slide-up2; animation-duration: 2.4s}
.features .inner.motion ul li:nth-child(2) {animation-duration: 2.8s}
.features .inner.motion ul li:nth-child(3) {animation-duration: 3.2s}

.features .inner .icon{width:100%; margin: 80px auto 0;}
.iconImg{
    width: 55px;
    height: 55px;
}
        .features {
            position: relative;
            height: 600px;
            width: 100%;
				max-width: 1280px;
             background-size: contain;
  				background-position: center center;
            padding: 45px 0px;
            display: flex;
            justify-content: center;
            gap: 60px;
            flex-wrap: wrap;
            box-sizing: border-box;margin:0 auto;
        }

          .feature-card {
            text-align: center;
            color: white;
            max-width: 300px;
        }

        .feature-icon {
            width: 60px;
            height: 60px;
            margin: 0 auto 20px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .feature-card h3 {
            font-size: 20px;
            margin-bottom: 15px;
        }
      .features .inner ul li  h4 {  font-family: 'IbmPlexSans', -apple-system, BlinkMacSystemFont, sans-serif; margin-top:30px; font-size:20px;}
        .feature-card p {
            font-size: 14px; font-family:'Pretendard' !important; letter-spacing:-0.035em
            line-height: 1.8;
            color: rgba(255,255,255,0.9);
        }

  
    

        @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;
            }
        }

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

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


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

/*     1485825 : HTML 편집기      */
   .education-section{
}   

.education-section .inner {
            display: flex;
            align-items: center;
			margin: 150px auto;
            gap: 80px;
        }

        .education-image {
            flex: 1;
         
        }

        .education-image .image-box {
		   width: 580px; background: url('../../img/light.webp');
          background-size: cover;
            background-position: center;
            border-radius: 10px;
            aspect-ratio: 1;
            display: flex;
            align-items: center;
            justify-content: center;
        }


        .education-content {
            flex: 1;
        }

        .education-content h2 {
            font-size: 45px;color:#222;
				letter-spacing:-0.035em;
            margin-bottom: 30px;
            line-height: 1.4;
        }

        .education-content .intro {
            color: #37926B;
            font-size: 22px;font-weight:600;
            margin-bottom: 20px; line-height:1.4;
        }

        .education-content p {
            color: #444; font-family:'Pretendard';
            line-height: 1.6;
            margin-bottom: 15px; font-size: 20px;
        }

        .quote-section {
            text-align: center;
            color: white;border-radius:10px;
        }

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

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

 
        @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;
            }
        }


/*     1486365 : 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/footer.webp');
            background-size: cover;
            background-position: center;padding:150px 0 130px; 
  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;
}

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

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

/* jb:pc-fit */
@media all and (min-width:1024px) {
  .inner {
    width: auto !important; min-width: 0 !important; max-width: min(100%, 1280px) !important; box-sizing: border-box;
  }
}