.sub-contents{
    padding: 100px 0;
    box-sizing: border-box;
}

/*  SUB LAYOUT :: 상단정보 (공통) */
#contentInfoCon{position:relative; margin:0 auto 50px; }
#contentInfoCon .content-tit{color:#222; font-size:32px; font-weight:800; letter-spacing:-0.3px; line-height: 1.260;}
#contentInfoCon .spin-circle-txt:before{top: 0; left: -60px;}
#contentInfoCon .content-tit:after{display:inline-block; vertical-align: top; content:""; width:10px; height:10px; margin: -5px 0 0 -8px; border-radius: 50%; background-color:#19708f}
#contentInfoCon .content-sub-tit{color:#888; font-weight:400; margin-top:30px; font-size:16px; letter-spacing:-0.8px; word-break:keep-all;}


/*  */

.greeting #contentInfoCon .content-tit:after ,
.certification #contentInfoCon .content-tit:after {display: none;}

/* Sub Top */
.sub-top {position:relative; padding:0 20px 50px; margin-bottom: 100px;}
.sub-top::after {content:""; position:absolute; bottom:0; left:50%; width:calc(100% - 40px); height:1px; background-color:#e5e5e5; transform:translateX(-50%);}
.sub-top__title {font-weight:700; text-align:center;}

/* Title */
.title-xlarge{font-size:40px;}
.title-large {font-size:38px; font-weight:bold; line-height:1.2;}
.title-xmedium {font-size:34px;}
.title-medium {font-size:32px; font-weight:400; line-height:1.2;}
.title-small {font-size:30px; font-weight:800; line-height:1.4;}
.title-xsmall {font-size:28px; font-weight:800; line-height:1.4;}
.title-xxsmall {font-size:26px; font-weight:700; line-height:1.4;}
.title-exsmall{font-size:24px;}



@media (max-width:1280px) {
	/* Title */
	.title-xlarge{font-size:38px;}
	.title-large {font-size:36px;}
	.title-xmedium{font-size:33px;}
	.text-exlarge{font-size:21px}
	.text-xxlarge{font-size:19px;}
}

@media (max-width:1024px) {

	/* Title */
	.title-xlarge{font-size:36px;}
	.title-large {font-size:34px;}
	.title-xmedium{font-size:32px}
	.title-medium {font-size:30px;}
	.title-small {font-size:28px;}
	.title-xsmall {font-size:26px;}
	.title-xxsmall {font-size:24px;}
}

@media screen and (max-width:767px) {
  .sub-top { margin-bottom: 50px;}
  /* Title */
	.title-xlarge{font-size:32px;}
	.title-large {font-size:30px;}
	.title-xmedium{font-size:28px}
	.title-medium {font-size:27px;}
	.title-small {font-size:25px;}
	.title-xsmall {font-size:24px;}
	.title-xxsmall {font-size:22px;}
	.text-exlarge{font-size:18px}
	.text-xxlarge{font-size:17px;}

  	/*  SUB LAYOUT :: 상단정보 (공통) */
	#contentInfoCon{margin:0 0 30px; }
	#contentInfoCon .content-tit{font-size:24px}
	#contentInfoCon .content-sub-tit{font-size:13px; line-height:18px; margin-top:15px;}
}



@media screen and (max-width:480px) {
#contentInfoCon .content-tit{font-size:20px}
}


/* 인사말 */
.greeting {overflow: hidden;}
.greeting > .container_1  {position: relative;}
.greeting .tit-box {padding: 110px 0 145px; }
.greeting .tit-box p {position: relative; font-size: 24px;line-height: 1.3; text-align: center;color: #525252; letter-spacing: -1px;}
.greeting .tit-box p strong {color: #232323; font-weight: bold;}
.greeting .tit-box p::before {position: absolute; top: 0; left: 300px; width: 44px; height: 35px; background-image: url(http://narafoundation.or.kr/images/contents/quotes_left.png); background-repeat: no-repeat; background-size: cover; content: '';}
.greeting .tit-box p::after {position: absolute; top: 0; right: 300px; width: 44px; height: 35px; background-image: url(http://narafoundation.or.kr/images/contents/quotes_right.png); background-repeat: no-repeat; background-size: cover; content: '';}
.greeting .content-wrap {position: relative; display: flex; gap: 90px; justify-content: center; align-items: center; margin-bottom: 100px;}
.greeting .content-wrap .img-box {position: relative;  width: 440px; max-width: 100%;}


.greeting .content-wrap .text-box {font-size: 18px; line-height: 1.3; color: #525252;}
.greeting .content-wrap .text-box p > span {font-size: 24px;line-height: 1.3; color: #232323; font-weight: 500;}
.greeting .content-wrap .text-box p > span strong{
    font-weight: bold;
}
.greeting .content-wrap .text-box p strong.color{
  color: #ff810b;
}



@media screen and (max-width:1280px) {
      /* sub - 나라기둥키움재단 */
  .greeting .tit-box p::before {top: -60px; left: 50%; transform: translateX(-50%); width: 22px; height: 17px;}
  .greeting .tit-box p::after {top: 160px; left: 50%; transform: translateX(-50%); width: 22px; height: 17px;}
  .sub-tit::after {width: 100%;}
  .greeting .content-wrap {padding: 0 20px; margin-left: unset;  gap: 30px;}
  .greeting .tit-box {padding: 80px 0 120px;}
  .greeting .tit-box p {font-size: 25px; line-height: 1.6;}
  .greeting .content-wrap .text-box p {font-size: 17px;line-height: 1.4;}
  greeting .content-wrap .text-box p > span {font-size: 17px;line-height: 1.4;}
}

@media screen and (max-width:960px) {
    
    .greeting .content-wrap .text-box p > span{
        font-size: 20px;
    }
    .greeting .content-wrap {display: block; margin-left: unset;}
    .greeting .tit-box p::after {top: 240px;} 
    .greeting .content-wrap .img-box {width: 100%; margin-left: 0;}

    .greeting .content-wrap .img-box img{
        display: block; margin: 0 auto;
    }
    .greeting .content-wrap .text-box {padding-top: 40px; text-align: center;}
}

/* --- */

/* business goal section */
.company_target {background-color: #f5f5f5; padding: 100px 0;}
.sub-section .section-heading {text-align:center; margin-bottom:50px}
.sub-section .section-heading h3 {font-size:28px; color:#333; font-weight: bold;}
.company_target-cont{
  display: flex;
  justify-content: space-between;
}

.company_target-cont .col-goal{width: 30%;}

.company_target .col-goal .goal-box .desc-box {position:relative; margin-top:-60px; margin-left:30px; margin-right:30px; padding:35px 30px; background-color:#fff}
.company_target .col-goal .goal-box .desc-box h4 {font-size:17px; color:#333; margin-bottom:10px}
.company_target .col-goal .goal-box .desc-box p {font-size:14px; color:#7a7a7a; line-height:1.7}


@media screen and (max-width:960px) {
  .company_target-cont{
    flex-direction: column;
    gap: 30px;
  }
  .company_target-cont .col-goal{width: 100%;}
}

@media screen and (max-width:480px) {
  .company_target-cont .col-goal img{width: 100%;}
}

/* 연혁 */
.greeting .history{
  display: none;
}

.greeting .history .slideButtons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 0 10px;
  }
  
  .greeting .history .slideButtons button {
    width: 75px;
    height: 75px;
    background: #eeeeee;
    border-radius: 50%;
    color: #aaaaaa;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    position: static;
  }
  
  .greeting .history .slideButtons button i {
    font-size: 16px;
  }
  
  .greeting .history .slideButtons button:hover {
    background: #19708f;
    color: #fff;
  }
  
  .greeting .history .slideBox {
    width: 136.365%;
    margin: 40px 0 0;
    overflow: inherit;
    overflow-x: clip;
  }
  
  .greeting .history .slideBox::before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #dddddd;
    position: absolute;
    top: 0;
    left: 0;
  }
  
  .greeting .history .swiper-slide dl {
    padding: 40px 0 0;
    position: relative;
  }
  
  .greeting .history .swiper-slide dl::before, .greeting .history .swiper-slide dl::after,
  .greeting .history .swiper-slide dl dt {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  
  .greeting .history .swiper-slide dl::before, .greeting .history .swiper-slide dl::after {
    content: "";
    display: block;
    border-radius: 50%;
    position: absolute;
  }
  
  .greeting .history .swiper-slide dl::before {
    width: 24px;
    height: 24px;
    background: rgba(0, 115, 141, 0.4);
    top: -10.5px;
    left: 6.5%;
    opacity: 0;
  }
  
  .greeting .history .swiper-slide dl::after {
    width: 10px;
    height: 10px;
    background: #dddddd;
    top: -3.5px;
    left: 8%;
  }
  
  .greeting .history .swiper-slide dl dt {
    color: #dddddd;
    font-size: 28px;
    font-weight: 600;
    margin: 0 0 20px;
  }
  
  .greeting .history .swiper-slide dl p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 5px;
    font-size: 18px;
  }
  
  .greeting .history .swiper-slide dl p::before {
    content: "-";
  }
  
  .greeting .history .swiper-slide.on dl::before {
    left: 13%;
    opacity: 1;
  }
  
  .greeting .history .swiper-slide.on dl::after {
    background: #19708f;
    left: 14.5%;
  }
  
  .greeting .history .swiper-slide.on dl dt {
    color: #19708f;
    font-size: 40px;
  }


  @media screen and (max-width:960px) {
    .greeting .history .itemBox .item p {
        font-size: 1.9rem;
      }
      .greeting .history .slideButtons button {
        width: 60px;
        height: 60px;
      }
      .greeting .history .swiper-slide dl dt {
        font-size: 20px;
      }
      .greeting .history .swiper-slide dl p {
        font-size: 16px;
      }
      .greeting .history .swiper-slide.on dl::before {
        left: 10%;
      }
      .greeting .history .swiper-slide.on dl::after {
        left: 12%;
      }
      .greeting .history .swiper-slide.on dl dt {
        font-size: 24px;
      }
  }


  @media screen and (max-width:768px) {
    .greeting .history .itemBox {
        /* -ms-grid-columns: (1fr)[1]; */
            grid-template-columns: repeat(1, 1fr);
          margin: 40px 0 0;
      }
      .greeting .history .slideButtons button {
        width: 50px;
        height: 50px;
      }
      .greeting .history .slideBox {
        width: 100%;
      }
      .greeting .history .swiper-slide dl dt {
        font-size: 18px;
      }
      .greeting .history .swiper-slide.on dl::before {
        left: 7.5%;
      }
      .greeting .history .swiper-slide.on dl::after {
        left: 9.5%;
      }
      .greeting .history .swiper-slide.on dl dt {
        font-size: 22px;
      }
      .greeting .history .none640 {
        display: none;
      }
  }


.history_list {position:relative; padding-left:50%;display: none;}
.history_list .years_tit {position:absolute;top:0;left:0;width:50%;height:100vh;max-height:calc(var(9.11px, 1vh) * 100);/* background:url('/pub/images/img_history02.jpg') no-repeat 50% 50% / cover; */display:flex;flex-direction:column;justify-content:center;align-items:flex-end;text-align:center; padding-right: 120px;}
.history_list .years_tit .tit {font-size:20px;color: #000;font-weight:400;line-height:1.2;margin-bottom:40px;text-align:center;}
.history_list .years_tit ul {display:flex; flex-direction:column; gap:20px;}
.history_list .years_tit li {font-size:60px;color: rgba(0,0,0,0);font-weight:700;line-height:84px;-webkit-text-stroke: 1px rgba(0,0,0,.3);}
.history_list .years_tit li.on {color: #000;-webkit-text-stroke:0;}
.history_list .years_tit li a {display:block; color:inherit;}
.history_list .years_con {padding:80px 0 100px 80px; display:flex; flex-direction:column; gap:60px;}
.history_list .years_con dt {position:relative; font-size:40px; color:#000; font-weight:700; line-height:1.2;}
.history_list .years_con dt .ypoint {position:absolute; top:-50vh;}
.history_list .years_con dd {padding-top:30px; display:flex; flex-direction:column; gap:15px;}
.history_list .years_con dd p {position:relative; color:#333; line-height:30px; padding-left:45px;}
.history_list .years_con dd p strong {position:absolute; top:0; left:0; color:#003F8F; font-weight:700;}
.history_list .hispoint {position:absolute; top:0;}
.history_list .setpoint {position:absolute; top:-40px;}
.upset .history_list .setpoint {top:-100px;}
.history_list .his_end {top:calc(100% - 100vh);}
.history_list.start .years_tit {position:fixed;}
.history_list.end .years_tit {position:absolute; bottom:0; top:auto;}


@media screen and (max-width:767px) {
	.history_list {padding-left:0;}
	.history_list .years_tit {position:relative; width:100%; height:auto; padding:44px 0; align-items: center;}
	.history_list .years_tit .tit {font-size:15px; margin-bottom:25px;}
	.history_list .years_tit ul {gap:0;}
	.history_list .years_tit li {font-size:38px; line-height:50px;}
	.history_list.start .years_tit,
	.history_list.end .years_tit {position:relative;}
	.history_list .years_con {padding:40px 15px 75px;}
	.history_list .years_con dt {font-size:25px;}
	.history_list .years_con dd {gap:5px;}
	.history_list .years_con dd p {padding-left:30px; line-height:22px;}
}



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


/* 인증현황 */
.msg_sound_only, .sound_only {
  display: inline-block !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0;
  line-height: 0;
  border: 0 !important;
  overflow: hidden !important;
}

/* 갤러리 목록 */
.certification h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
.certification #gall_ul {margin:10px 0 0;padding:0;list-style:none;zoom:1; display: flex; flex-wrap: wrap; align-items: center; gap: 10px;}
.certification #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
.certification .gall_li {/* float:left;margin:0 7px 50px 0; */  min-height:258px; width: calc( ( 100% / 5 ) - 10px );}

.certification .gall_con {margin:0;padding:0;list-style:none}
.certification .gall_con li {margin:0 0 4px}
.certification .gall_con .gall_subject {display:inline-block;width:50px}


.certification .gall_href a:link, .certification .gall_href a:focus, .certification .gall_href a:hover {text-decoration:none}
.certification .gall_href strong, .certification .gall_href span {display:inline-block; width: 100%; padding: 5px 0; text-align:center; font-weight: bold; font-size: 15px;}

.gall_box:after {display:block;visibility:hidden;clear:both;content:""}
.gall_box .gall_box_img {border:1px solid #ededed; }
.gall_box .gall_box_img a{
  display: block;
}

.gall_box .gall_box_img a img {
  display: block;
  margin: 0 auto; 
}
.gall_box .gall_box_tx {width: 100%;}
.gall_box .gall_box_tx .tit { padding:10px 0}
.gall_box .gall_box_tx .tit span { background:#555; color:#fff; font-size:16px; font-weight:500; padding:1px 25px; border-radius:5px; line-height:25px}


@media screen and (max-width: 1280px) {
  .certification #gall_ul {
    gap: 5px ;
  }
  .certification .gall_li {
    width: calc((100% / 4) - 5px) ;
  }
}

@media screen and (max-width: 960px) {


  .certification .gall_li {
    width: calc((100% / 3) - 5px) ;
  }
}

@media screen and (max-width:768px) {
  .certification .gall_li{
    width: calc( ( 100% / 2 ) - 5px );
  }
}

/* Location */
.location-sec {/* padding:100px 0 0; */}
.nxmap {border:0!important; width: 100% !important; height: 650px !important;}
.nxmap .wrap_map{height: 100% !important;}
.location-sec__top {position:relative; background-color:#fff; z-index:50; transform:translateY(-60px);}
.location-sec__list {display:flex; flex-wrap:wrap;}
.location-sec__item {position:relative; width:25%; padding:50px 20px; text-align:center;}
.location-sec__item i {font-size: 32px; color: #19708f;}
.location-sec__item:not(:last-child)::after {content:""; position:absolute; top:50%; right:0; width:1px; height:150px; background-color:#e5e5e5; transform:translateY(-50%);}
.location-sec__icon {display:inline-flex; align-items:center; justify-content:center; height:34px;}

.location-sec__title {margin-top:20px;  font-size:18px; font-weight:600; color:#333;}
.location-sec__text {display:inline-block; margin-top:15px; font-size:16px; font-weight:bold; color:#333;}
.location-sec__wrap {margin-top:15px;}
.location-sec__box {display:flex; align-items:flex-start; min-height:235px; padding:35px 0; border-top:1px solid #e5e5e5;}
.location-sec__box:last-child {padding-bottom:100px; border-bottom:1px solid #e5e5e5;}
.location-sec__box-icon {display:inline-block; margin-right:15px;}
.location-sec__desc {margin-top:15px; font-size:17px; color:#666;}
.location-sec__box.subway .location-sec__desc:last-child {margin-top:5px;}


@media (max-width:1280px) {
	.nxmap {height:550px!important;}
	.location-sec__item {padding:40px 20px;}
.location-sec__item i {font-size: 28px;}

}

@media (min-width:1025px) {
	.location-sec__text.link:hover {text-decoration:underline;}
}

@media (max-width:1024px) {
.nxmap {height:450px!important;}
.location-sec__top {margin-top:20px; transform:none;}
.location-sec__item {width:50%; padding:20px;}
.location-sec__item::after {display:none;}
.location-sec__title {margin-top:15px; font-size:17px;}
.location-sec__text {margin-top:10px;}
.location-sec__wrap {margin-top:40px;}
.location-sec__desc {font-size:16px;}
.location-sec__msg{font-size:14px;}

}

@media (max-width:640px) {
.location-sec__item i {font-size: 24px;}

	.location-sec {/* padding:70px 0 0; */}
	.nxmap {height:300px!important;}
	.location-sec__top {margin-top:25px;}
	.location-sec__box {flex-direction:column;}
	.location-sec__box-title {width:auto;}
	.location-sec__vehicle {margin-top:30px;}
}

@media (max-width:480px) {
	/* Location */
	.location-sec__item {width:100%; padding:15px 20px;}
}




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