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

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


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

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

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

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

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

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




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

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


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

/*     1488705 : 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:72vh;}
.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;
}

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

.Box  {
    position: relative;
    background: rgba(255, 255, 255, 0.2); /* 반투명 배경 */
    color: #fff;
    padding: 40px 30px;
    border-radius: 10px;
    overflow: hidden;
    z-index: 1;
    width:31.33%; background: rgba(255,255,255,0.2);padding:50px 30px; 
    margin-bottom: 30px;
  }
  
  /* 반짝이는 테두리 효과 */
  .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, 0.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;
  }
  
  @keyframes glowBorder {
    0% {
      background-position: 0% 50%;
    }
    100% {
      background-position: 200% 50%;
    }
  }

.Box h3{font-size:24px; margin-bottom:30px;}
.Box p{font-size: 18px; }
.scroll-text{display: block; margin:0 auto; text-align: center; color:#fff;}
.titleBox .title h2{font-size: 48px; color:#fff; text-align: left;}
.line2 {
    position: relative;
    width: 100%;
    height: 2px;
    background: rgba(255, 255, 255, 0.2);
    overflow: hidden;    margin: auto;
  }
  .line2::after {
    content: "";
    position: absolute;
    top: 0;
    left: -20%;
    width: 40%;
    height: 100%;
    background: linear-gradient(to right, transparent 0%, rgba(255,255,255,0.8) 50%, transparent 100%);
    animation: shooting2 2s linear infinite;
    opacity: 0;
  }
  
  @keyframes shooting2 {
    0% {
      left: -40%;
      opacity: 0;
    }
    20% {
      opacity: 1;
    }
    50% {
      left: 60%;
      opacity: 0.8;
    }
    100% {
      left: 120%;
      opacity: 0;
    }
  }

  .titleBox{margin-bottom:55px}
  * ==== Scroll scale section base ==== */
  .scroll-wrap{
    position: relative;
    /* 자바스크립트로 동적으로 높이를 계산해 넣지만,
       JS가 늦게 로드될 때를 대비한 최소 높이 */
  }
  

/* 박스 내부 텍스트는 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;}   /* 모바일은 자동 높이로 안전 */
}



/* hover 시 살짝 밝아지는 효과 */
.Box:hover {
  background: rgba(255, 255, 255, 0.45);
}

/* 내부 텍스트 */
.Box h3 {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
}

.Box p {
  font-size: 16px;
  color: #fff;
  line-height: 1.6;
}

/* 반응형 처리 */
@media (max-width: 980px) {
  .Box {
    width: 100%;
    height: auto;
  }
}


/*     1412275 : 맞춤전송폼 - 기본폼      */
.myreg_form__1412275__ {padding:10px}
.myreg_form__1412275__ * {box-sizing:border-box}
.myreg_form__1412275__ dd * {box-sizing:content-box}
.myreg_form__1412275__ h3 {margin:0;padding:10px;font-size:15px;color:#333;text-align:left; display:none;}
.myreg_form__1412275__ ul {
	position:relative;width:100%;padding:5px 10px;
border-radius:4px;box-sizing:border-box;list-style:none;width: 660px;    margin: 0 auto;
}
.myreg_form__1412275__ li {padding:10px 2px;border-top:1px dashed #ddd}
.myreg_form__1412275__ li:first-child {border-top:none}
.myreg_form__1412275__ dl {display:table;width:100%;margin:0}
.myreg_form__1412275__ dt {width:350px;padding:2px 5px;font-size:18px;vertical-align:middle;text-align:left;margin-bottom: 10px; font-weight:600;}
.myreg_form__1412275__ dt i {font-style:normal;color:#d00000}
.myreg_form__1412275__ dd {margin:0;padding:2px 5px;font-size:14px;vertical-align:middle;text-align:left}
.myreg_form__1412275__ dd > span {display:inline-block;padding:5px;color:#0256d0}
.myreg_form__1412275__ textarea {margin:2px 0;font-size:12px}
.myreg_form__1412275__ input[type=text],
.myreg_form__1412275__ textarea,
.myreg_form__1412275__ select {margin:2px 0;padding:.6em .3em;border:1px solid #aaa;border-radius:.3em;font-size:18px;background: #f9f9f9;height: 25px;}
.myreg_form__1412275__ label {font-size:14px}

.myreg_form__1412275__ .privacy {margin:0 0 15px}
.myreg_form__1412275__ .privacy > div {overflow:auto;height:120px;padding:10px;border:1px solid #aaa;border-radius:4px;background:#f1edea;font-size:13px;text-align:left;line-height:20px;display:none;}
.myreg_form__1412275__ .privacy h4 {
	padding:5px 10px;border-radius:.3em;background:#bbb;color:#fff;
	text-shadow:-1px 0 1px rgba(0, 0, 0, 0.2), 1px 0 1px rgba(0, 0, 0, 0.2), 0 -1px 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
}
.myreg_form__1412275__ .privacy label {display:block;padding:10px 5px;font-size:13px;width: 660px;
    margin: 0 auto;}

.myreg_form__1412275__ .submit {text-align:center}
.myreg_form__1412275__ .submit button {padding:10px 30px;border:none;background-color:#37926B;font-size:16px;color:#fff;vertical-align:middle; width:640px;}

.myreg_form___1412275__ .captcha_img_code {margin-bottom:5px;}
.myreg_form___1412275__ .captcha_img_code .captcha_str {display:inline-block;padding:4px 10px 5px;border:1px solid #333;background:#fff;vertical-align:top;}
.myreg_form___1412275__ .captcha_img_code .captcha_str img {vertical-align:top;}
.myreg_form___1412275__ .captcha_img_code .captcha_input {margin:0;vertical-align:top;}
.myreg_form___1412275__ .captcha_img_code .captcha_input input[type='text'] {box-sizing:border-box;width:100px;height:31px;margin-left:2px;}
.myreg_form___1412275__ .captcha_help_text {margin:5px 0 0;padding:0;}

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