

.svcbg {
    height: 350px;
	    position:relative;

}
/* 배경 이미지 fade-in 효과 */
.vp-bg-fade {
    opacity: 0;
    animation: vpFadeIn 1.7s ease forwards;
    will-change: opacity;
}

/* 배경 이미지가 서서히 나타나는 애니메이션 */
@keyframes vpFadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/*****************/

.ctw-vpa100 {
    max-width: 1550px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.ctw-vpa200 {
    max-width: 1700px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.svtxw {
    position: absolute;
    left: 0;
    bottom: 80px;
    z-index: 1;
    width: 100%;
}
.svtxinw {
    text-align: right;
    line-height: 1;
}
.stx-1 {
    font-size: 40px;
    color: rgba(255, 255, 255, 0.7);
    letter-spacing: -1px;
}
.stx-2 {
    color: rgba(255, 255, 255, 0.9);
    font-family: nsh7, sans-serif;
    font-size: 18px;
    margin-top: 10px;
}
.svtiww .svtxa-1 {
    -webkit-animation: 1s 0.5s fadeInRight both;
    -moz-animation: 1s 0.5s fadeInRight both;
    -ms-animation: 1s 0.5s fadeInRight both;
    -o-animation: 1s 0.5s fadeInRight both;
    animation: 1s 0.5s fadeInRight both;
}

.svtiww .svtxa-2 {
    -webkit-animation: 1s 0.8s fadeInLeft both;
    -moz-animation: 1s 0.8s fadeInLeft both;
    -ms-animation: 1s 0.8s fadeInLeft both;
    -o-animation: 1s 0.8s fadeInLeft both;
    animation: 1s 0.8s fadeInLeft both;
}

 
/*중매뉴*/
#smnw {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    top: 299px;
    left: 0;
    width: 100%;
}
.smnw-1 a {
    min-height: 51px;
    display: inline-block;
    vertical-align: top;
    font-family: nsh35, sans-serif;
    color: #fff;
    font-size: 18px;
}
.smn1-1 {
    margin-top: 16px;
    line-height: 1;
    border-right: 1px solid rgba(255, 255, 255, 0.6);
}
.smnw-1 a:last-child .smn1-1 {
    border-right: none;
}
.smn1-1-1 {
    padding: 0 50px;
}
.smn1-1-1w {
    padding: 0 23px;
}
.smnw-1 a:hover .smn1-1-1 {
    opacity: 0.4;
}
.smn1-2 {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #999;
    margin: 22px 10px 0;
}
/*인사말*/
#ssw {
    padding: 140px 0 140px;
}
.sswin11 {
    padding: 0 3%;
}
.stt-1 {
    font-size: 46px;
    font-family: nsh7, sans-serif;
    line-height: 1;
}
.stt-1-1 {
    font-size: 18px;
    color: #818181;
    line-height: 1.6;
    font-family: nsh5, sans-serif;
    margin-top: 30px;
}
.vc11-1 {
    text-align: center;
    margin-bottom: 140px;
}
.vc11-2:after {
    content: "";
    display: block;
    clear: both;
}
.vc11-2-1 {
    width: 46%;
    float: left;
    padding: 5px 10% 0 0;
}
.vc11-2-2 {
    width: 54%;
}
.vc11-2-2-1 {
    font-size: 25px;
    line-height: 1.2;
    padding: 0 0 40px;
}
.vc11-2-2-1-1 {
    font-family: nsh7, sans-serif;
}
.vc11-2-2-2 {
    line-height: 2;
}
.vc11-2-2-2 img {
    float: right;
    max-width: 200px;
    height: auto;
    margin: 5px 0 30px 10%;
}
.vc11-2-2-3 {
    text-align: right;
    padding: 70px 0 0;
}
.vc11-2-2-3-1 {
    text-align: left;
    line-height: 1;
    border-left: 1px solid #ccc;
    padding: 6px 0 6px 22px;
}
.vc11-2-2-3-1-1 {
    font-family: nsh7, sans-serif;
    font-size: 18px;
}
.vc11-2-2-3-1-2 {
    margin-top: 7px;
}
.vc11-2-2-3-1-2-1 {
    font-size: 14px;
    padding: 3px 3px 0 0;
}
.vc11-2-2-3-1-2-2 {
    font-family: nsh7, sans-serif;
    font-size: 18px;
}
/*오시는 길*/
.vc12-1 {
    line-height: 0;
    border-radius: 15px;
    overflow: hidden;
}
.vc12-1 iframe {
    height: 600px!important;
}
.vc12-2 {
    padding: 60px 2% 0 0;
    text-align: right;
}
.vc12-2inw {
    text-align: left;
}
.vc12-2-1 {
    font-family: nsh5, sans-serif;
    color: #17457D;
    font-size: 26px;
    letter-spacing: -0.5px;
    margin: 0 40px 0 0;
}
.vc12-2-1-1 {
    font-family: nsh1, sans-serif;
    color: #333;
}
.vc12-2-2-2 {
    margin-top: 5px;
}
.vc12-2-2-2-2 {
    font-family: nsh1, sans-serif;
    font-size: 14px;
    color: #666;
    margin: 3px 15px 0;
}
/*사업소개*/
.vc21-1-1 img {
    border-radius: 20px;
}
.vc21-1-2 {
    padding: 0 0 0 16%;
}
.vc21-1-2l {
    padding: 0 16% 0 0;
}
.vc21-1-2-1 {
    font-family: nsh7, sans-serif;
    font-size: 38px;
}
.vc21-1-2-2 {
    font-size: 18px;
    color: #999;
    padding-left: 4px;
}
.vc21-1-2-3 {
    font-family: nsh5, sans-serif;
    font-size: 24px;
    margin: 40px 0 24px;
}
.vc21-1-2-4 {
    line-height: 2;
}
.vc21h-1 {
    height: 180px;
}

/*******************************************/
/*******************************************/
/*******************************************/


.psc11-1 {
   border-top: 1px solid #dedede;
    padding: 130px 15% 0;
	margin: 130px 0 0;
}


/*연혁*/


.pnc21w {
    text-align: center;
}

.pnc21in {
    text-align: left;
}


/*테이블*/

.pnc21-1 {
     text-align: left;
}


.pnc21-1 {
    padding: 70px 30px;

       border-bottom: 1px solid #dedede;

}

.pnc21in  .pnc21-1:last-child {
    border-bottom: none;
	padding-bottom:0;
}

.pnc21in  .pnc21-1:first-child {
	padding-top:0;
}


.pnc21-1 table {
    word-break: break-all;
    line-height: 1.6;
}


.pnc21-1 td {
padding-top: 10px;
padding-bottom:10px;
}


.pnc21-1-0 {
    width: 140px;
    font-family: 'nsh7';
    font-size: 28px;
    color: #0D406F;
	    border-right: 1px solid #dedede;


}


.pnc21-1-1{

padding-left: 40px;
padding-right: 30px;

}


.ssttnasb {
    text-align: center;
    font-size: 0.6em;
    font-family: 'nsh4';
    color: #999;
    padding: 20px 15px 0;
}
/*****************/

  .vhjpnc21-1-title {
      font-size: 1.5em;
      margin-bottom: 1em;
      font-family: 'nsh7' !important;
      display: flex;
      align-items: center;
      gap: 10px;
  }

  .vhjpnc21-1-section {
      margin-bottom: 120px;
  }

  .vhjpnc21-1000-section {
      margin-bottom: 10px;
  }

  .vhjpnc21-1-images {
      margin-bottom: 1.5em;
      overflow: hidden;
  }

  .vhjpnc21-1-img-box {
      display: inline-block;
      vertical-align: top;
      margin-right: 10px;
      margin-bottom: 10px;
  }

  .vhjpnc21-1-images .vhjpnc21-1-img-box:nth-child(1) img,
  .vhjpnc21-1-images .vhjpnc21-1-img-box:nth-child(2) img {
      height: 320px;
      width: auto;
  }

  .vhjpnc21-1-images .vhjpnc21-1-img-box:nth-child(2) {
      margin-left: 3%;
  }

  .vhjpnc21-1-img {
      max-width: 100%;
      height: auto;
  }

  .vhjpnc21-1-blueprint {
      border: 1px solid #dedede;
      padding: 5px;
  }

  .safii96 {
      text-align: center;
      font-size: 0.9em;
      font-family: 'nsh5';
      padding: 14px 15px 0;
  }

  .vhjpnc21-1-subtitle {
      font-family: nm7;
      margin-top: 1.5em;
      margin-bottom: 0.7em;
  }

  .vhjpnc21-1-unit {
      font-size: 0.6em;
      padding: 13px 5px 0 0;
  }

  .vhjpnc21-1-list {
      list-style-type: disc;
      padding-left: 1.5em;
  }

  .vhjpnc21-1-table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 1em;
      font-size: 0.9em;
  }

  .vhjpnc21-1-th,
  .vhjpnc21-1-td,
  .vhjpnc21-1-0,
  .vhjpnc21-1-1,
  .vhjpnc21-1-2 {
      border: 1px solid #ccc;
      padding: 6px 8px;
      text-align: center;
  }

  .vhjpnc21-1-th {
      background-color: #F0F0F0;
      height: 1px;
  }

  .vhjpnc21-1-0,
  .vhjpnc21-1-th {
      background-color: #F0F0F0;
      height: 1px;
  }


  .vhjpnc21-1-unit {
      font-size: 0.7em;
      color: #666;
  }

  .vhjpnc21-1-circle {
      width: 12px;
      height: 12px;
      border: 3px solid #064884;
      border-radius: 50%;
      display: inline-block;
      background: transparent;
      margin: 0 10px 2px 0;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
      font-family: 'nsh7' !important;
  }

  @media (max-width: 768px) {
 
      .vhjpnc21-1-section {
          margin-bottom: 90px;
      }

  }


  .sppp22-1 {
    padding: 20px 0 0 3px;
    font-size: 14px;
    line-height: 1.8;
}


/****** 22********************/

.marking-wrap {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: start;
  margin-top: 15px;
}
.marking-box {
  flex: 1 1 200px;
  border: 1px solid #ccc;
  padding: 10px;
  text-align: center;
  font-size: 14px;
  background-color: #f7f7f7;
}
.marking-title {
  background-color: #d5edf5;
  font-weight: bold;
  padding: 5px 0;
  margin-bottom: 5px;
}
.marking-box img {
  margin-top: 5px;
  max-width: 80px;
  height: auto;
}
.text-red {
  color: #c00;
}

/* 반응형 처리 */
@media screen and (max-width: 768px) {
  .flex-table {
    display: block;
  }
  .table-box {
    width: 100%;
    margin-bottom: 20px;
  }
  .marking-wrap {
    flex-direction: column;
  }
}


.hsp22-2-1 {
    padding: 10px 0 5px;
}

.vhjpnc21-1-td img {
    margin-bottom: 10px;
}

.hsp22-2 {
    min-width: 500px;
    margin-left: 10%;
}

.vhjpnc21-10000-section table {
    word-break: break-all;
}

.vhjpnc21-10000-section td,.vhjpnc21-10000 table th {
   padding:5px!important;
       line-height: 1.2;
	       font-size: 13px;
}


.sfdsbcc1 {
    font-size: 6px;
    color: #00AA8F;
}


.sn842-2 {
    margin-left: 3%;
}


.sn842-1 {
    min-width: 455px;
}

.sn842-2 {
    min-width: 455px;
}


/**********************/
.sdknn-3 td {
    padding: 10px;
}

.sdknn-1,.sdknn-2 {
    min-width: 40%;
}

.sdknn-2 {
    margin-left: 8%;
}


.sdknn-1 td,
.sdknn-2 td {
    padding: 5px;
}


.sdknn-5{height: 26px;}

.sdknn-6{width: 100px; padding:0!important;}


.sdknn-7{width: 20%;}

.asdfashhh {
    height: 150px;
}

.asdfhjj-1{max-width: 30%;}
.asdfhjj-1 td {
    padding: 10px;
}

.sadfnnn8-1 {
    width: 30%;
}

.sadfnnn8-2 {
    width: 60%;
	margin-left: 6%;
}


.sadfnnn8-1 td,
.sadfnnn8-2 td {
    padding: 3px;
}


.sdafnbr-1 {
    text-align: right;
    padding: 45px 3px 4px 0;
}


.nnsx td {
    padding: 5px;
}


/***************/


.psc311 {
    text-align: center;
}

.sc31-1 {
    padding: 50px 17%;
    overflow: hidden;
    border-radius: 30px;
    background-image: url(../../images/bggg.jpg);
	    text-align: center;
}

.sc31-1s2 {
    padding: 50px 7%;
}

h2.sc31-1-1 {
    font-size: 36px;
    line-height: 1;
    color: #333;
    font-family: 'nsh7';
}

.sc31-1-2 {
    font-size: 18px;
    line-height: 1.8;
	padding: 10px 0 0;
    color: #222;
    font-family: 'nsh5';
}

.dvkli {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}


.sc31-1-3 {
    font-size: 20px;
    color: #222;
    font-family: 'nsh4';
}

.sc31-1-3-1 {
    font-family: 'nsh7';
}


.vc11-1ss {
    margin-bottom: 100px;
}


.psc312 {
    padding: 120px 0  90px;
    text-align: center;
}
.psc312in1,
.psc312in2,
.psc312in3 {
    margin-left: 3%;
    margin-right: 3%
}

.psc313 {
    text-align: center;
    line-height: 2;
    font-size: 18px;
    color: #333;
    padding: 0 15%;
    word-break: keep-all;
}


.psc321 {
    margin-top: 70px;
	   text-align: center;
}

.psc321in {
    max-width: 690px;
	   text-align: left;
}


.psc321-2 {
    padding: 80px 0 0 10px;
    line-height: 2;
    font-size: 16px;
    color: #222;
    font-family: 'nsh4';
    word-break: keep-all;
}


.inhh1 {
    height: 40px;
}


.scp33w table {
font-size: 16px;
    line-height: 1.5;
	    word-break: break-all;
}
.scp35w td,
.scp34w td,
.scp33w td,
.scp33w th {
    padding: 13px 11px;

}

.scp35w table,
.scp34w table {
	    word-break: break-all;
}


.sddfjj68 {
  border-collapse: collapse;
  width: 100%;
  color: #333;
}

.sddfjj68 td {
  border: 1px solid #dedede;
  padding: 8px;
  background-color: #fff;
  text-align: center;
  font-size: 17px;
    font-family: 'nsh4';
}

/* 타이틀 행 스타일 */
.sddfjj68 tr:first-child td {
  background-color: #F0F0F0;
  font-weight: bold;
}

.scp36w {
    text-align: center;
}


.vhjpnc21-1-subtitle {
    text-align: left;
}

}

.ssdh36-1 {
    width: 30%;
}
.ssdh36-1,
.ssdh36-2 {
    min-width: 35%;
}


.ssdh36-2 {
margin-left:10%;
}


.dfd552 {
    font-family: 'nsh3';
    font-size: 22px;
}

.scp37w {
    text-align: center;
    line-height: 1;
}


.scp37in {
    width: 15%;
    margin: 0 2%;
	    text-align: center
}


.scp37-1 {
    border: 1px solid #dedede;
	padding: 2px;
}

.scp37-2 {
    padding: 22px 0 0;
    line-height: 1.4;
}