.step4-banner{
color:#fff; text-align:left; display:flex; justify-content: center; align-items: center;
}

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.main-hero2 .arrow-btns{color:#333;}
.main-hero2 .arrow-btns2{color:#333;}
 .main-hero2 img{width:100% !important;}
 .overlay:before{
  position: absolute;
  content:" ";
  top:0;
  left:0;
  width:100%;
  height:100%;
  display: block;
  z-index:0;
  background-color: rgba(0,0,0,0.0);
  -khtml-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

 .main-summery2 li:hover .overlay:before{
   cursor:pointer;
  position: absolute;
  content:" ";
  top:0;
  left:0;
  width:100%;
  height:100%;
  display: block;
  z-index:0;
  background-color: rgba(0,0,0,0.8);
  -khtml-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.article * {
    position: relative;
    /* hack */
}
/* main-pages #01 */
.slick-dots {text-align:center; position:absolute; z-index:99; width:100%; bottom:10px; }
.slick-dots li{display:inline-block;}
.slick-dots li button{width:15px; height:15px; margin:0 5px;  border-radius: 50%; border:none; font-size:0; background:#fff; }
.slick-active  button{background:#333 !important;}
.main-4step li{line-height:22px;}
.main-4step li p{font-size:25px; line-height:30px;font-weight:500; padding:15px; }
@media (max-width: 992px) {
  .position-rb{
    position:absolute !important;
    right:5px;
    bottom:5px;
    font-size:14px;
  }
  .main-hero1{margin:66px  auto 0 auto; max-width:100%; position:relative; overflow:hidden;}
  .main-summery2 img{width:95px;}
  .arrow-btns{display:none;}
  .arrow-btns2{display:none;}
.main-hero2  .slick-dots {bottom: 10px; }
}
@media (min-width: 992px) {
  .position-rb{
    position:absolute !important;
    right:10px;
    bottom:10px;
  }
 .main-hero1{margin:136px  auto 0 auto; height:690px; max-width:100%; position:relative; overflow:hidden;}
 .main-summery2 img{width:95px;height:95px;}
 .main-hero2  .slick-dots {bottom: 50px;}
}

@media (min-width: 1211px) {
  .main-summery {line-height:1.9;}
  .main-summery2 {line-height:1.3;}
  .summery-inner ul{margin:0 0;}
  .summery-inner li{overflow:hidden; height:415px; }
  .summery-inner h1{color:#003186; float:left; line-height:90px;}
  .summery-inner p{font-size: 18px;  font-weight:900; }
  .summery-inner p span{font-size:15px; display:inline-block; font-weight: 300; margin-top:15px; }

}

@media (max-width: 1210px) {
  .summery-img{margin-bottom:20px;}

  .main-summery {line-height:1.5; font-size:14px;}
  .main-summery2 {line-height:1.5; font-size:14px;}
  .summery-inner ul{margin:0 0;}
  .summery-inner li{overflow:hidden; height:240px; margin:0 0;}
  .summery-inner h1{color:#003186; float:left; line-height:50px;}
  .summery-inner p{ font-size:16px; font-weight:900;  }
  .summery-inner p span{font-size:14px; display:inline-block; font-weight: 300; margin-top:15px; }


}

@media (max-width: 1150px) {
  .summery-img{margin-bottom:20px;}

  .main-summery {line-height:1.5; font-size:14px;}
  .main-summery2 {line-height:1.5; font-size:14px;}
  .summery-inner ul{margin:0 0;}
  .summery-inner li{overflow:hidden; height:240px; margin:0 0;}
  .summery-inner h1{color:#003186; float:left; line-height:50px;}
  .summery-inner p{ font-size:14px; font-weight:900;  }
  .summery-inner p span{font-size:13px; display:inline-block; font-weight: 300; margin-top:15px; }


}

@media (max-width: 1024px) {
  .summery-img{margin-bottom:20px;}

  .main-summery {line-height:1.5; font-size:14px;}
  .main-summery2 {line-height:1.5; font-size:14px;}
  .summery-inner ul{margin:0 0;}
  .summery-inner li{overflow:hidden; height:240px; margin:0 0;}
  .summery-inner h1{color:#003186; float:left; line-height:50px;}
  .summery-inner p{ font-size:13px; font-weight:900;  }
  .summery-inner p span{font-size:12px; display:inline-block; font-weight: 300; margin-top:15px; }


}

@media (max-width: 992px) {
  .summery-img{margin-bottom:20px;}

  .main-summery {line-height:1.5; font-size:14px;}
  .main-summery2 {line-height:1.5; font-size:14px;}
  .summery-inner ul{margin:0 0;}
  .summery-inner li{overflow:hidden; height:240px; margin:0 0;}
  .summery-inner h1{color:#003186; float:left; line-height:50px;}
  .summery-inner p{ font-size:13px; font-weight:900;  }
  .summery-inner p span{font-size:12px; display:inline-block; font-weight: 300; margin-top:15px; }


}





/*our-mission */
@media (max-width: 992px) {

  .main-4step li{width:100%; height:416px; float:left; display:flex; justify-content: center; align-items: center; text-align:center;}
  .our-mission-wrap {
    width: 100%;
    height: 340px;
    background-color: #f6f8f9;
    text-align: center;
  }

  .our-mission-wrap h2 {
    padding-top: 20px;
    font-size: 18px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.44;
    margin:0 15px;
  }

  .our-mission-wrap h5 {
    text-transform: uppercase;
    padding-top: 93px;
    font-size:14px;
  }

  .our-mission-wrap p {
    padding-top: 31px;
    font-size: 36px;
    color: #333333;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.28;
    letter-spacing: normal;
  }
}
@media (min-width: 992px) {
  .main-4step li{width:50%; height:416px; float:left; display:flex; justify-content: center; align-items: center; text-align:center;}
  .our-mission-wrap {
    width: 100%;
    height: 400px;
    background-color: #f6f8f9;
    text-align: center;
  }

  .our-mission-wrap h2 {
    padding-top: 31px;
  }

  .our-mission-wrap h5 {
    text-transform: uppercase;
    padding-top: 104px;
  }

  .our-mission-wrap p {
    padding-top: 31px;
    font-size: 36px;
    color: #333333;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.28;
    letter-spacing: normal;
  }
}
/* featured-portfolio */
@media (max-width: 992px) {
  .featured-portfolio {
    width: 100%;
    text-align: center;
  }

  .featured-portfolio-inner {
    width: 100%;
    margin: 0 auto;
  }

  .featured-portfolio h2 {
    padding-top: 50px;
    text-align:center;
    font-size:25px;
  }

  .featured-portfolio p {
    padding-top: 15px;
    padding-bottom: 40px;
    font-size: 16px;
    color: #898989;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align:center;
    width:100%;
  }

  .featured-portfolio a {
    font-size: 16px;
    color: #333;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    padding: 7px 0;
    border-bottom: 3px solid #2f5bea;
    margin-bottom:50px;
  }

  .featured-portfolio a img {
    padding-left: 16px;
    margin-top: -5px;
  }

  .es-slides{width:7106px; height:500px; margin-left:-60px;}
  .es-slides ul{height:0 !important;}
  .es-prev{display:none;}
  .es-navigation{position:absolute; top:50%; left:-200px; z-index:99; }
  .es-navigation a{border:none;}

  .arrow-btns{
    position:absolute;
    top:50%;
    margin-top:-11px;
    left:10px;

    z-index:99;
    cursor:pointer;
    opacity: 1.0;
    -khtml-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-size:20px;
    color:#fff;
  }
  .arrow-btns2{
    position:absolute;
    top:50%;
    margin-top:-11px;
    right:10px;

    z-index:99;
    cursor:pointer;
    opacity: 1.0;
    -khtml-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-size:20px;
    color:#fff;
  }

  .company-list-inner-w {
    width: 312px;
    height: 439px;
    line-height: 439px;
    background: #fff;
    margin: 20px 10px;
    float: left;
    text-align: center;
  }

  .company-list-inner-wrap {
    width: 100%;
    margin:0 auto;
    height:500px;
    position:relative;

  }

  .company-list-inner-w img {
    vertical-align: middle;
  }

  .company-list-inner {

    height: 385px !important;
    background: #ddd;
    margin: 10px ;
    float: left;

  }

  .company-list-inner:hover {

    height: 385px !important;
    margin:  10px;
    background: #2f5bea !important;
    background-image: transparent;
  }

  .company-list-inner .company-description {
    position: relative;
    padding: 20px 15px;

    height: 100%;
    -khtml-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0.0;
  }

  .company-list-inner .company-description h4 {
    padding-top: 0px;
    font-size: 20px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.7;
    letter-spacing: normal;
    color: #ffffff;
  }

  .company-list-inner .company-description p {
    position: absolute;
    width:90%;
    padding-bottom: 20px;
    bottom: 0;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #ffffff;
    text-align:left;
  }

  .company-list-inner:hover .company-description {
    opacity: 1.0;
  }

  .company-list .on {
    margin: 0 10px;
    padding: 20px;
    background: #2f5bea;
  }

  .company-list {
    margin-top: 0px;
    width: 100%;

    overflow: hidden;
    position: relative;
  }
  .funderstory-wrap{
    width:100%;
    height:405px;
    margin:0 auto;
    margin-right:0px;
    overflow:hidden;
    position:relative;
  }

  .slick-prev, .slick-next {
    display:none !important;
  }
  .slick-slide{
    opacity: 0.5;


  }
  .slick-current
  {
    opacity: 1.0;
  }

  .featured-portfolio a {
      font-size: 16px;
      color: #333;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      padding: 7px 0;
      border-bottom: 3px solid #2f5bea;
  }

}

@media (min-width: 992px) {
  .featured-portfolio {
    width: 100%;
  }

  .featured-portfolio-inner {
    width: 1180px;
    margin: 0 auto;
  }

  .featured-portfolio h2 {
    padding-top: 128px;
  }

  .featured-portfolio p {
    width:100%;
    padding-top: 16px;
    padding-bottom: 40px;
    font-size: 18px;
    color: #898989;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: normal;
  }

  .featured-portfolio a {
    font-size: 20px;
    color: #333;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    padding: 8px 0;
    border-bottom: 3px solid #2f5bea;
  }

  .featured-portfolio a:hover {
    padding: 8px 16px;
    color: #fff;
    background: #2f5bea;
    border-bottom: 3px solid #fff !important;
  }

  .featured-portfolio a img {
    padding-left: 16px;
    margin-top: -5px;
  }

  .es-slides{width:7106px; height:500px; margin-left:-60px;}
  .es-slides ul{height:0 !important;}
  .es-prev{display:none;}
  .es-navigation{position:absolute; top:50%; left:-200px; z-index:99; }
  .es-navigation a{border:none;}
  .arrow-btns{
    position:absolute;
    top:50%;
    margin-top:-11px;
    left:30px;

    z-index:99;
    cursor:pointer;
    opacity: 1.0;
    -khtml-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-size:70px;
    color:#fff;
  }
  .arrow-btns2{
    position:absolute;
    top:50%;
    margin-top:-11px;
    right:30px;

    z-index:99;
    cursor:pointer;
    opacity: 1.0;
    -khtml-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-size:70px;
    color:#fff;
  }
  .arrow-btns:hover{

    opacity: 0.5;
  }
  .company-list-inner-w {
    width: 312px;
    height: 439px;
    line-height: 439px;
    background: #fff;
    margin: 20px 10px;
    float: left;
    text-align: center;
  }
  .multiple-items{
    width:1328px;
    position:absolute;
    left:50%;
    margin-left:-300px;
  }
  .slick-slide{

    background-repeat: no-repeat !important; background-position: center center !important;

  }
  .slick-prev, .slick-next {
    display:none !important;
  }
  .slick-track{
  height:690px !important;

  }
  .company-list-inner-wrap {
    width: 1180px;
    margin:0 auto;

    position:relative;

  }

  .company-list-inner-w img {
    vertical-align: middle;
  }

  .company-list-inner {
    width: 312px !important;
    height: 439px !important;
    background: #ddd;
    margin: 20px 10px;
    float: left;

  }

  .company-list-inner:hover {
    width: 340px !important;
    height: 477px !important;
    margin: 0 10px;
    padding: 20px;
    box-sizing: border-box;
    background: #2f5bea !important;
    background-image: transparent;
  }
  .company-list-inner:hover .company-description {
    transition-delay: 0.1s;
    opacity: 1.0;
  }

  .company-list-inner .company-description {
    position: relative;
    padding: 5px;
    width: 290px;
    height: 100%;


  }
  .company-list-inner .company-description {
    transition-delay: 0.1s;
    -khtml-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    opacity: 0.0;
  }
  .company-list-inner .company-description h4 {
    padding-top: 8px;
    font-size: 20px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.7;
    letter-spacing: normal;
    color: #ffffff;
  }

  .company-list-inner .company-description p {
    position: absolute;
    padding-bottom: 22px;
    bottom: 0;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #ffffff;
  }



  .company-list .on {
    margin: 0 10px;
    padding: 20px;
    background: #2f5bea;
  }

  .company-list {
    margin-top: 77px;
    width: 100%;
    height:477px;
    overflow: hidden;
    position: relative;
  }
  .funderstory-wrap{
    width:1280px;
    height:477px;
    margin:0 auto;
    margin-right:-400px;
    overflow:hidden;
    position:relative;
  }
}
/* meet-the-team */


@media (max-width: 992px) {

  .meet-the-team {
    margin-top: 0px;
    width: 100%;
    height: 580px;
    position: relative;
    overflow: hidden;
    text-align:center;
  }

  .meet-the-team-inner-wrap {
    width: 100%;
    position: relative;
    left: 0%;
    margin-left: 0;
  }

  .meet-the-team-inner {
    margin-left: 0;
    float: none;

  }

  .meet-the-team-inner h2 {
    padding-top: 50px;
    color: #333333;
    font-size: 26px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.35;
    text-align: center;
    letter-spacing: normal;
  }

  .meet-the-team-inner p {
    padding-top: 16px;
    padding-bottom: 30px;
    color: #898989;
    font-size: 16px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    width:100%;
    margin:0 auto;
  }

  .meet-the-team-inner a {
    font-size: 16px;
    color: #333;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    padding: 9px 0 9px 0;

    border-bottom: 3px solid #2f5bea;

  }

  .meet-the-team-inner a img {
    padding-left: 16px;
    margin-top: -5px;
  }

  .meet-the-team-photo {
    width: 100%;
    height: 330px;
    text-align: right;
    float: none;

  }

  .meet-the-team-photo-inner {
    width: 100%;
    height: 330px;
    background-color: #f1f1f1;
    margin-bottom:30px;
  }
}

@media (min-width: 992px) {

  .meet-the-team{
    margin-top:104px;
    width:100%;
    height:559px;
    position:relative;
    overflow:hidden;
  }
  .meet-the-team-inner-wrap{
    width:2166px;
    position:absolute;
    left:50%;
    margin-left:-1067px;

  }
  .meet-the-team-inner{
    width:500px;
    margin-left:76px;
    float:left;
  }
  .meet-the-team-inner h2 {
    padding-top: 235px;
    color: #333333;
    font-size: 34px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.35;
    letter-spacing: normal;
  }

  .meet-the-team-inner p {
    padding-top: 16px;
    padding-bottom: 45px;
    color: #898989;
    font-size: 18px;
    line-height: 1.67;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
  }

  .meet-the-team-inner a {
    display:inline-block;
    font-size: 18px;
    color: #333;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    padding: 7px 0;
    border-bottom: 3px solid #2f5bea;
  }
  .meet-the-team-inner a:hover {
    padding: 8px 16px;
    color: #fff;
    background: #2f5bea;
    border-bottom: 3px solid #fff !important;
  }
  .meet-the-team-inner a img{
    padding-left:16px;
    margin-top:-5px;
  }
  .meet-the-team-photo{
    width: 1100px;
    height: 559px;
    text-align:right;
    float:left;
  }

  .meet-the-team-photo-inner{
    width: 1100px;
    height: 477px;
    background-color: #f1f1f1;
  }
}



/* news-highlights */
@media (max-width: 992px) {

  .news-highlights {
    margin-top: 0px;
    width: 100%;
    height: auto;
    background-color: #666666;
    text-align: center;
    padding-bottom:100px;
  }

  .news-highlights h2 {
    padding-top: 50px;
    font-size: 26px;
    color: #333;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    clear:both;
    height:80px;
  }

  .news-highlights a {
    font-size: 16px;
    color: #333;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    padding: 7px 0;
    border-bottom: 3px solid #00A0E9;
  }

  .news-highlights a img {
    padding-left: 16px;
    margin-top: -5px;
  }

  .news-highlights-inner {
    width: 100%;
    height: auto;
    margin: 40px auto 40px auto;
    position: relative;
  }

  .news-01 {
    width: 290px;
    height: 450px;
    float: none;
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
  }

  .news-02 {

    float: none;
    margin:15px 15px 0 15px;
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
    overflow:hidden;
    clear:both;
  }

  .news-03 {
    margin-top: 20px;
    float: right;
    width: 680px;
    height: 240px;
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
    v
  }

  .news-01 .news-thumnail {
    width: 100%;
    height: 290px;
    background: #ddd;
  }

  .news-01 .news-inner {

    height: 450px;
    float: none;
  }

  .news-01 .news-inner h4 {}

  .news-01 .news-inner .news-titles {
    padding-top: 8px;
    font-size: 16px;
    color: #2f5bea;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
  }

  .news-01 .news-inner .news-date {
    padding-top: 8px;
    font-size: 15px;
    color: #898989;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
  }

  .news-02:first-child {
    float: none;


    margin:0 15px 15px 15px;
    padding: 0;
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
  }

  .news-02:first-child .news-thumnail {
    margin-left:0px !important;
  }

  .news-02:first-child .news-inner {
    padding: 0 15px 15px 15px;
  }

  .news-02:first-child .news-inner h4 {
    padding-top: 0px;
  }

  .news-02:first-child .news-inner .news-titles {
    padding-top: 0px;
    font-size: 13px;
    color: #2f5bea;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
  }

  .news-02:first-child .news-inner .news-date {
    padding-top: 5px;
    font-size: 12px;
    color: #898989;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
  }

  .news-02 {
    padding: 0 0;
    box-sizing: border-box;
  }

  .news-02 .news-thumnail {
    width:100%;
    height: 290px;
    background: #ddd;
    float: none;
    margin-top:-15px;
    margin-left:0px;
    margin-right: 0px;
  }

  .news-02 .news-inner {
    padding: 0 15px 15px 15px;
    height: auto;
    float: none;
  }

  .news-02:first-child .news-inner h4 {
    display:inline-block;
    width:100%;
    margin-left:0px;
    padding-top: 0;
    height: auto;
    font-size: 18px;
    color: #333;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    margin-bottom: 5px;

    /* 한 줄 자르기 */
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* 여러 줄 자르기 추가 스타일 */
    white-space: normal;
    line-height: 1.44;
    height: 4.4em;
    text-align: left;
    word-wrap:break-word;
    display: -webkit-box; -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;


  }
  .news-02 .news-inner h4 {
    display:inline-block;
    width:90%;
    margin-left:0px;
    margin-top: 15px;
    height: auto;
    font-size: 18px;
    color: #333;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    margin-bottom: 5px;

    /* 한 줄 자르기 */
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* 여러 줄 자르기 추가 스타일 */
    white-space: normal;
    line-height: 1.44;
    height: 4.4em;
    text-align: left;
    word-wrap:break-word;
    display: -webkit-box; -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;

  }
  .news-02 .news-inner .news-titles {
    padding-top: 10px;
    font-size: 16px;
    color: #2f5bea;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
  }

  .news-02 .news-inner .news-titles {
    padding-top: 0px;
    font-size: 13px;
    color: #2f5bea;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
  }

  .news-02 .news-inner .news-date {
    padding-top: 5px;
    font-size: 12px;
    color: #898989;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
  }

  .news-02:last-child {
    margin-top: 20px;
  }

  .news-03 {
    padding: 20px;
    box-sizing: border-box;
  }

  .news-03 .news-thumnail {
    width: 290px;
    height: 290px;
    background: #ddd;
  }

  .news-03 .news-inner {
    width: 290px;
    height: 450px;
    float: none;
  }

  .news-03 .news-inner h4 {
    padding-top: 10px;
    height: 124px;
  }

  .news-03 .news-inner .news-titles {
    padding-top: 10px;
    font-size: 16px;
    color: #2f5bea;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
  }

  .news-03 .news-inner .news-date {
    padding-top: 8px;
    font-size: 15px;
    color: #898989;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
  }
}

@media (min-width: 992px) {

  .news-highlights {
    margin-top: 0px;
    width: 100%;
    height: 878px;
    background-color: #666666;
    text-align: center;
  }

  .news-highlights h2 {
    padding-top: 100px;
    font-size: 36px;
    color: #fff;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.28;
    letter-spacing: normal;
    text-align: center;
  }

  .news-highlights .arrow-btn {
    font-size: 18px;
    color: #333;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    padding: 7px 0;
    border-bottom: 3px solid #00A0E9;
  }
  .news-highlights .arrow-btn:hover {
    padding: 8px 16px;
    color: #fff;
    background: #00A0E9;
    border-bottom: 3px solid #fff !important;
  }
  .news-highlights a img {
    padding-left: 16px;
    margin-top: -5px;
  }

  .news-highlights-inner {
    width: 1180px;
    height: 500px;
    margin: 70px auto 40px auto;
    position: relative;
  }

  .news-01 {
    float: left;
    width: 480px;
    height: 500px;
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
  }

  .news-02 {
    float: right;
    width: 680px;
    height: 240px;
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
  }

  .news-03 {
    margin-top: 20px;
    float: right;
    width: 680px;
    height: 240px;
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
  }

  .news-01 .news-thumnail {
    width: 480px;
    height: 288px;
    background: #ddd;
  }

  .news-01 .news-inner {
    padding: 24px 32px;
  }

  .news-01 .news-inner h4 {}

  .news-01 .news-inner .news-titles {
    padding-top: 8px;
    font-size: 16px;
    color: #2f5bea;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
  }

  .news-01 .news-inner .news-date {
    padding-top: 8px;
    font-size: 15px;
    color: #898989;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
  }

  .news-02:first-child {
    float: left;
    width: 480px;
    height: 500px;
    padding: 0;
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
  }

  .news-02:first-child .news-thumnail {
    width: 480px;
    height: 288px;
    background: #ddd;
  }

  .news-02:first-child .news-inner {
    padding: 24px 32px;
  }

  .news-02:first-child .news-inner h4 {
    padding-top: 0px;
  }

  .news-02:first-child .news-inner .news-titles {
    padding-top: 0px;
    font-size: 16px;
    color: #2f5bea;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
  }

  .news-02:first-child .news-inner .news-date {
    padding-top: 8px;
    font-size: 15px;
    color: #898989;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
  }

  .news-02 {
    padding: 20px;
    box-sizing: border-box;
  }

  .news-02 .news-thumnail {
    width: 200px;
    height: 200px;
    background: #ddd;
    float: left;
    margin-right: 24px;
  }

  .news-02 .news-inner {
    width: 416px;
    height: 200px;
    float: left;
  }

  .news-02 .news-inner h4 {
    padding-top: 0px;
    margin-bottom: 24px;
    font-size: 24px;
    color: #333;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.42;
    letter-spacing: normal;
    text-align: left;


    /* 한 줄 자르기 */
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* 여러 줄 자르기 추가 스타일 */
    white-space: normal;
    line-height: 1.2;
    height: 3.6em;
    word-wrap:  break-word;
    display: -webkit-box; -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;


  }

  .news-02 .news-inner .news-titles {
    padding-top: 10px;
    font-size: 16px;
    color: #2f5bea;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
  }

  .news-02 .news-inner .news-titles {
    padding-top: 10px;
    font-size: 16px;
    color: #2f5bea;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
  }

  .news-02 .news-inner .news-date {
    padding-top: 8px;
    font-size: 15px;
    color: #898989;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
  }

  .news-02:nth-child( 2 ) .news-inner h4 {
    margin-top: 10px;
    margin-bottom: 14px;
  }
  .news-02:nth-child( 3 ) .news-inner h4 {
    margin-top: 10px;
    margin-bottom: 14px;
  }
  .news-02:last-child {
    margin-top: 20px;
  }

  .news-03 {
    padding: 20px;
    box-sizing: border-box;
  }

  .news-03 .news-thumnail {
    width: 200px;
    height: 200px;
    background: #ddd;
    float: left;
    margin-right: 24px;
  }

  .news-03 .news-inner {
    width: 416px;
    height: 200px;
    float: left;
  }

  .news-03 .news-inner h4 {
    padding-top: 10px;
    height: 124px;
  }

  .news-03 .news-inner .news-titles {
    padding-top: 10px;
    font-size: 16px;
    color: #2f5bea;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
  }

  .news-03 .news-inner .news-date {
    padding-top: 8px;
    font-size: 15px;
    color: #898989;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
  }
   .tnp-email{color: #7e8085 !important;}
}
/* news-letter */
@media (max-width: 992px) {
  .tnp-subscription {
    height: 60px;
    line-height: 60px;
    font-size: 13px;
    display: block;
    margin: 0px auto !important;
    max-width: 500px;
    width: 100%;
}

  .news-letter {
    background: #2f5bea;
    width: 100%;
    height: 450px;
    text-align: center;
  }

  .news-letter h2 {
    padding-top: 105px;
    font-size: 25px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #ffffff;
  }

  .news-letter p {
    padding-top: 16px;
    padding-bottom: 40px;
    font-size: 16px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #ffffff;
  }

  .letter-input {

    height: 60px;
    border-radius: 5px;
    background-color: #ffffff;
    line-height: 60px;
    overflow: hidden;
    margin: 0 15px;
  }

  .letter-input input {
    border: none;
    width: 172px;
    font-size: 18px;
    height: 60px !important;
    line-height: 60px !important;
    padding:0 0 0 15px !important;
    font-family: 'aileronregular';
    color: #7e8085 ;
  }
 .tnp-email{color: #7e8085 !important;}
  .letter-input a {
    font-family: 'aileronbold';
    display: inline-block;
    font-size: 16px;
    line-height: 76px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    color: #2f5bea;
    border-left: 1px solid #e7eaee;
    padding: 0 70px;
    float: right;
  }
  .tnp-field-email{
    width:175px;
    float:left;
    height: 60px !important;
    line-height: 60px !important;
    margin-bottom:0px !important;
  }
  .tnp-field-button{
    padding-right:15px !important;
    float:right;
    border-left:1px solid #ddd !important;
    text-align:center !important;
    line-height:60px !important;
    height:60px !important;
    background:transparent;
  }
  .tnp-submit{
    height: 60px !important;
    line-height: 60px !important;
    padding:0 0 !important;
    background:#fff !important;
    color:#2f5bea !important;
    font-weight:bold !important;
    text-align:center !important;
    line-height:30px !important;
    background:transparent !important;
  }
}

@media (min-width: 992px) {
  .tnp-subscription {
    font-size: 13px;
    display: block;
    margin: 0px auto;
    height:76px;
    line-height:76px;
    max-width: 580px;
    width: 100%;
}

  .news-letter {
    width: 100%;
    height: 440px;
    text-align: center;
  }

  .news-letter h2 {
    padding-top: 122px;
    font-size: 36px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
  }

  .news-letter p {
    width:100%;
    padding-top: 16px;
    padding-bottom: 40px;
    font-size: 18px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
  }

  .letter-input {
    width: 580px;
    height: 76px;
    border-radius: 5px;
    background-color: #ffffff;
    line-height: 76px;
    overflow: hidden;
    margin: 0 auto;
  }

  .letter-input input {
    border: none;
    width: 348px;
    font-size: 18px !important;
    line-height: 76px !important;
    height: 76px !important;
    padding:0px !important;
    font-family: 'aileronregular';
    color: #7e8085 !important;
  }

  .letter-input a {
    font-family: 'aileronbold';
    display: inline-block;
    font-size: 16px;
    line-height: 76px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    color: #2f5bea;
    border-left: 1px solid #e7eaee;
    padding: 0 70px;
    float: right;
  }


  .tnp-field-email{
    width:300px;
    float:left;
    height:76px;
    line-height:76px;
    margin-left:25px;
  }
  .tnp-subscription input.tnp-submit{
    cursor:pointer !important;
    color:#2f5bea !important;
    line-height: 76px !important;
    height: 76px !important;
    padding:0 70px !important;
    text-align:center !important;
    opacity:1.0;
    -khtml-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
    .tnp-subscription input.tnp-submit:hover{
      opacity:0.5;
    }
  .tnp-field-button{
    cursor:pointer !important;

    float:right !important;
    border-left:1px solid #ddd !important;
    text-align:center !important;
    line-height: 76px !important;
    height: 76px !important;

  }

  .tnp-submit{
    background:#fff !important;
    color:#2f5bea !important;
    font-weight:bold !important;

    text-align:center !important;
    line-height: 76px !important;
    height: 76px !important;

  }
}