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

@media (max-width:1023px){
	.row__1508373__ {position:relative;background-repeat:no-repeat !important;background-position:center !important;background-size:cover !important;}
}


@media (min-width:1024px){
	.row__1508373__ {position:relative;background-repeat:no-repeat !important;background-position:center !important;background-size:cover !important; width:98%; margin:0 auto; border-radius:10px;}
}

/*     1508383 : 공백      */
.solid_line__1508383__ {box-sizing:border-box; display:block; position:relative; width:100%; height:200px;}
.solid_line__1508383__.build_edit_mode {min-height:10px; border:1px dashed red;}
.solid_line__1508383__.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){
	.solid_line__1508383__ {height:250px;}
}

@media all and (max-width:767px){
	.solid_line__1508383__ {height:250px;}
}

/*     1508393 : 타이틀 텍스트      */
.title__1508393__ {font-size:0}
.title__1508393__ p {
	display:inline-block;position:relative;margin:0;padding:0;
	font-size:20px;font-weight:300;color:#fff;letter-spacing:-.03em;line-height:1.4em; opacity:0.8;
}
.title__1508393__ p:before {content:'';position:absolute;background:#d00000;font-size:0}

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

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

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

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

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

.title__1508393__.style_circle2 p {padding-left:18px}
.title__1508393__.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__1508393__ p {font-size:20px}
	.title__1508393__.style_top p:before {width:20px}
	.title__1508393__.style_right p:before {height:20px}
	.title__1508393__.style_bottom p:before {width:20px}
	.title__1508393__.style_left p:before {height:20px}
}

/*     1508403 : 타이틀 텍스트      */
.title__1508403__ {font-size:0}
.title__1508403__ p {
	display:inline-block;position:relative;margin:0;padding:0;
	font-size:20px;font-weight:bold;color:#fff;letter-spacing:-.03em;line-height:1.4em;font-family: 'IbmPlexSans', sans-serif !important; /* 폰트 적용 */
}
.title__1508403__ p:before {content:'';position:absolute;background:#d00000;font-size:0}

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

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

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

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

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

.title__1508403__.style_circle2 p {padding-left:18px}
.title__1508403__.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__1508403__ p {font-size:45px}
	.title__1508403__.style_top p:before {width:20px}
	.title__1508403__.style_right p:before {height:20px}
	.title__1508403__.style_bottom p:before {width:20px}
	.title__1508403__.style_left p:before {height:20px}
}

/*     1508413 : 타이틀 텍스트      */
.title__1508413__ {font-size:0}
.title__1508413__ p {
	display:inline-block;position:relative;margin:0;padding:0;
	font-size:20px;font-weight:300;color:#fff;letter-spacing:-.03em;line-height:1.4em; opacity:0.8;
}
.title__1508413__ p:before {content:'';position:absolute;background:#d00000;font-size:0}

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

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

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

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

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

.title__1508413__.style_circle2 p {padding-left:18px}
.title__1508413__.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__1508413__ p {font-size:20px}
	.title__1508413__.style_top p:before {width:20px}
	.title__1508413__.style_right p:before {height:20px}
	.title__1508413__.style_bottom p:before {width:20px}
	.title__1508413__.style_left p:before {height:20px}
}

/*     1508423 : 공백      */
.solid_line__1508423__ {box-sizing:border-box; display:block; position:relative; width:100%; height:100px;}
.solid_line__1508423__.build_edit_mode {min-height:10px; border:1px dashed red;}
.solid_line__1508423__.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){
	.solid_line__1508423__ {height:200px;}
}

@media all and (max-width:767px){
	.solid_line__1508423__ {height:200px;}
}

/*     1508503 : HTML 편집기      */
 .mission {
            text-align: center;
            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);}
}




/*     1508443 : 이미지 (비율형)      */
.img_ratio__1508443__ {max-width:100%;vertical-align:top}
.img_ratio__1508443__ * {box-sizing:border-box}
.img_ratio__1508443__ a {display:block;vertical-align:top}
.img_ratio__1508443__ img {width:100%;vertical-align:top}

@media (min-width:768px){
	.img_ratio__1508443__ img {width:auto}
}

/*     1508453 : HTML 편집기      */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.Wrap {width:1280px; margin:0 auto;}
.title h3{font-size:45px !important; letter-spacing:-0.035em; color:#222; margin-top:100px; margin-bottom:60px;}
.contents{width:100%; position:relative;}
.contentInner{display:flex;width:100%;    justify-content: space-between;}
.contentInner .Box{width:49%; padding:40px; background:#ECF5F1; border-radius:10px;}
.Boxtitle h3 {font-size:24px; margin-bottom:20px; color:#222;}
.contentInner .Box ul{ width:90%; margin:0 auto}
.boxcontents{font-size:18px;letter-spacing:-0.035em; color:#444;line-height:1.6;    word-break: auto-phrase; }

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

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


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

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

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

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

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

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

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

.title__1508473__.style_circle2 p {padding-left:18px}
.title__1508473__.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__1508473__ p {font-size:45px}
	.title__1508473__.style_top p:before {width:20px}
	.title__1508473__.style_right p:before {height:20px}
	.title__1508473__.style_bottom p:before {width:20px}
	.title__1508473__.style_left p:before {height:20px}
}

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

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

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

/*     1508493 : HTML 편집기      */
  
/* ===== 커튼 애니메이션 (배경 유지 버전) ===== */
.reveal-box {
  position: relative;
  background: url('../../img/background7.webp');
            background-size: cover;
            background-position: center;height:530px;
  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);
}
h3.reveal_title2 span.color{color:#4BEEA7;}
h3.reveal_title2 {color:#fff; font-size:45px;margin-top:130px;text-align:left}
.animate-sect.on .reveal-content {
  opacity: 1;
  transform: scale(1); width:1280px; margin: 0 auto; 
}
.reveal_contents_text {font-size:24px; color:rgba(255,255,255,0.8);margin-top:10px;text-align:left;}
.scroll-text {
  font-size: 16px;
  color: white;
  letter-spacing: 1px;
  margin-bottom: 10px;
  opacity: 0.8;   
 text-align: center;
    display: block;
}
.quote-section .bottom_text1 {
    font-size: 20px;
    opacity: 0.9;
    text-align: left;}
.quote-section .bottom_text2 {
    font-size: 20px;
    opacity: 0.9;
    text-align: left;}
/* 세로 작대기 */
.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;
  }
}

.Point2{display:flex; justify-content:}
.Point2 .button{font-size:28px; background:rgba(255,255,255,0.3); color:#fff; padding:10px 15px;backdrop-filter: blur(5px); border-radius:50px; margin-right:10px;margin-top:30px;}
.bottom_text1, .bottom_text2{font-size:20px; color:#fff;}
.bottom_text1{margin-top:50px;}
span.color{color:#4BEEA7; font-weight:800;}

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

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


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

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

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

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

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

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

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

.title__1508573__.style_circle2 p {padding-left:18px}
.title__1508573__.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__1508573__ p {font-size:45px}
	.title__1508573__.style_top p:before {width:20px}
	.title__1508573__.style_right p:before {height:20px}
	.title__1508573__.style_bottom p:before {width:20px}
	.title__1508573__.style_left p:before {height:20px}
}

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

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

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

/*     1508593 : 이미지 (비율형)      */
.img_ratio__1508593__ {max-width:100%;vertical-align:top}
.img_ratio__1508593__ * {box-sizing:border-box}
.img_ratio__1508593__ a {display:block;vertical-align:top}
.img_ratio__1508593__ img {width:100%;vertical-align:top}

@media (min-width:768px){
	.img_ratio__1508593__ img {width:auto}
}

/*     1508603 : BLANK 컨텐츠      */
.blank__1508603__ {box-sizing:border-box;display:block;position:relative;width:100%;height:180px}
.blank__1508603__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__1508603__.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__1508603__ {height:30px}
}

/*     1508613 : 타이틀 텍스트      */
.title__1508613__ {font-size:0;width:1280px; margin:0 auto;}
.title__1508613__ p {
	display:inline-block;position:relative;margin:0;padding:0;
	font-size:20px;font-weight:bold;color:#222;letter-spacing:-.03em;line-height:1.4em;font-family: 'IbmPlexSans', sans-serif !important;
}
.title__1508613__ p:before {content:'';position:absolute;background:#d00000;font-size:0}

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

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

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

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

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

.title__1508613__.style_circle2 p {padding-left:18px}
.title__1508613__.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__1508613__ p {font-size:45px}
	.title__1508613__.style_top p:before {width:20px}
	.title__1508613__.style_right p:before {height:20px}
	.title__1508613__.style_bottom p:before {width:20px}
	.title__1508613__.style_left p:before {height:20px}
}

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

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

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

/*     1508633 : 한줄 텍스트      */
.text__1508633__ p {;width:1280px; margin:0 auto;
	display:block;
	font-size:22px;font-weight:normal;color:#444444;letter-spacing:-0.035em;line-height:1.5em;
}
.text__1508633__ p a {color:#444444}

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

/*     1508683 : BLANK 컨텐츠      */
.blank__1508683__ {box-sizing:border-box;display:block;position:relative;width:100%;height:80px}
.blank__1508683__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__1508683__.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__1508683__ {height:30px}
}

/*     1508663 : 이미지 (비율형)      */
.img_ratio__1508663__ {max-width:1280px;vertical-align:top; margin:0 auto;}
.img_ratio__1508663__ * {box-sizing:border-box}
.img_ratio__1508663__ a {display:block;vertical-align:top}
.img_ratio__1508663__ img {width:100%;vertical-align:top}

@media (min-width:768px){
	.img_ratio__1508663__ img {width:auto}
}

/*     1508653 : BLANK 컨텐츠      */
.blank__1508653__ {box-sizing:border-box;display:block;position:relative;width:100%;height:180px}
.blank__1508653__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__1508653__.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__1508653__ {height:30px}
}

/*     1508693 : 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-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-content2 {
  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-content2 {
  opacity: 1;
  transform: scale(1);
}

/* jb:pc-fit */
@media all and (min-width:1024px) {
  .Wrap,
  .row__1508463__,
  .animate-sect.on .reveal-content,
  .row__1508563__,
  .title__1508613__,
  .solid_line__1508623__,
  .text__1508633__ p {
    width: auto !important; min-width: 0 !important; max-width: min(100%, 1280px) !important; box-sizing: border-box;
  }
}