/*footer sys.layout,css 1283~ 1606*/

.body, .wrap, .wrHeader, .wrContents, .wrFooter, .bxWrap {
  display: block;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
}
/* wrFooterTop sys.layout.css 1283~ 1458*/
#wrFooterTop .bwBanner .bxBanner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0px;
     -moz-column-gap: 0px;
          column-gap: 0px;
  padding: 0.8em 1em;
  gap: 1%;
}
#wrFooterTop .bwBanner .bxBanner .tabled {
  width: 80%;
}
#wrFooterTop .bwBanner .bxBanner .tabled .swiper-wrapper {
	align-items : center;
}
#wrFooterTop .bwBanner .bxBanner .tabled .tableLst {
  display: inline-block;
  border-right: 1px solid #d2d2d2;
  width: 10em;
  height: 100%;
  text-align: center;
  padding: 2px;
}
#wrFooterTop .bwBanner .bxBanner .tabled .tableLst:last-child {
  border-right: none;
  padding-right: 0;
}
#wrFooterTop .bwBanner .bxBanner .tabled .tableLst .txtElip {
  display: block;
  padding: 0 0.5em;
}
#wrFooterTop .bwBanner .bxBanner a.prev, #wrFooterTop .bwBanner .bxBanner a.next {
  display: inline-block;
}
#wrFooterTop .bwBanner .bxBanner .btnMore {
  display: inline-block;
  width: 7%;
  padding-top: 0.6em;
}
#wrFooterTop .bwLinks {
  background-color: #d2d2d2;
}
#wrFooterTop .bwLinks .bxLinks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-column-gap: 0px;
     -moz-column-gap: 0px;
          column-gap: 0px;
}
#wrFooterTop .bwLinks .bxLinks .flxItem {
  /*row-gap: 1;*/row-gap: 10px;
  width: 100%;
  border-right: 1px solid #acacac;
}
#wrFooterTop .bxItm {
  position: relative;
}
#wrFooterTop a.icoTextRightOpenUp {
  width: 100%;
  background-color: #d2d2d2;
  display: inline-block;
  padding: 0.8em;
  background-position: 97% center;
}
#wrFooterTop .bxItmLst {
  z-index: 999999;
  position: absolute;
  border: 1px solid #a2a2a2;
  border-bottom: none;
  background-color: #efefef;
  bottom: 3.1em;
  width: 100%;
  display: none;
  padding-top: 1em;
}
#wrFooterTop .bxItmLst > li.icoTextRightNewwindos, #wrFooterTop .bxItmLst li.lastChild {
  width: 90%;
  margin: 0 auto;
  border-bottom: 1px dashed #d2d2d2;
}
#wrFooterTop .bxItmLst > li.icoTextRightNewwindos > a, #wrFooterTop .bxItmLst li.lastChild > a {
  display: inline-block;
  width: 100%;
  padding: 1.2em 0 0.5em;
}
#wrFooterTop .bxItmLst li.lastChild {
  margin-bottom: 0.3em;
  border-bottom: none;
}
#wrFooterTop .bxItmLst.on {
  display: block;
}
@media (max-width: 1024px) {
  #wrFooterTop .bwBanner .bxBanner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #wrFooterTop .bwBanner .bxBanner .tabled {
    width: 87%;
  }
  #wrFooterTop .bwBanner .bxBanner .btnMore {
    display: none;
  }
  #wrFooterTop #bwLinks .bxLinks {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #wrFooterTop #bwLinks .bxLinks .ftrSelector {
    z-index: 999999;
  }
  #wrFooterTop #bwLinks .bxLinks .flxItem {
    border-right: none;
  }
  #wrFooterTop #bwLinks .bxLinks .flxItem:first-child {
    border-left: none;
    border-right: 1px solid #fff;
    border-bottom: 1px dashed #fff;
  }
  #wrFooterTop #bwLinks .bxLinks .flxItem:nth-child(2) {
    border-bottom: 1px dashed #fff;
  }
  #wrFooterTop #bwLinks .bxLinks .flxItem:nth-child(3) {
    border-right: 1px solid #fff;
    border-bottom: none;
  }
  #wrFooterTop #bwLinks .bxLinks .flxItem:last-child {
    border-bottom: none;
  }
  #wrFooterTop #bwLinks .bxLinks #itmNuriNongjinchung, #wrFooterTop #bwLinks .bxLinks #itmNuriChain, #wrFooterTop #bwLinks .bxLinks #itmNuriFam, #wrFooterTop #bwLinks .bxLinks #itmNuriResearch {
    max-width: 50%;
  }
}

@media (max-width: 481px) {
  #wrFooterTop .bxItmLst {
    bottom: 3.4em;
  }
  #wrFooterTop #bwLinks .bxLinks .flxItem:first-child {
    border-right: none;
  }
  #wrFooterTop #bwLinks .bxLinks .flxItem:nth-child(3) {
    border-right: none;
    border-bottom: 1px dashed #fff;
  }
  #wrFooterTop #bwLinks .bxLinks .flxItem:last-child {
    border-bottom: none;
  }
  #wrFooterTop #bwLinks .bxLinks #itmNuriNongjinchung, #wrFooterTop #bwLinks .bxLinks #itmNuriChain, #wrFooterTop #bwLinks .bxLinks #itmNuriFam, #wrFooterTop #bwLinks .bxLinks #itmNuriResearch {
    max-width: 100%;
  }
}
/* wrFooterTop sys.layout.css 1283~ 1458*/

/* sys.common.css txtElip*/
.txtElip {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
 /* white-space: nowrap; */
  max-width: 100%;
}


.txtElip1{
	-webkit-line-clamp	: 1;
	-webkit-box-orient	: vertical;
	display				: -webkit-box;
	overflow			: hidden;
	text-overflow		: ellipsis;
	max-width			: 100%;
}
.txtElip2{
	-webkit-line-clamp	: 2;
	display				: -webkit-box;
	-webkit-box-orient	: vertical;
	white-space			: wrap;
	max-width			: 100%;
	overflow			: hidden;
	text-overflow		: ellipsis;
}
.txtElip3{
	-webkit-line-clamp	: 3;
	display				: -webkit-box;
	-webkit-box-orient	: vertical;
	white-space			: wrap;
	max-width			: 100%;
	overflow			: hidden;
	text-overflow		: ellipsis;
}

#bwBanner .txtElip {
	 white-space: nowrap;
}
/* sys.common.css txtElip*/
#wrFooter {
  padding-bottom: 3em;
  background-color: #f4f5f6;/*20250116수정 (원본)#f2f2f2*/
}
#wrFooter .bwLogoFooter {
  /*20250116수정 (원본)padding: 1em 0 0 0;*/
}
.bwLogoFooter.footer-logo{padding:40px 0 5px;}
#wrFooter .bwInfoMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding-top: 1em;
}
@media (max-width: 768px) {
  #wrFooter .bwInfoMenu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}
#wrFooter .bwInfoMenu li {
  padding: 0.1em 0;
  
}
#wrFooter .bwInfoMenu .bxFooterMenu .itmFooterMenu {
  width: 100%;
}
#wrFooter .bwInfoMenu .bxFooterMenu .itmFooterMenu > li {
  /*text-align: right; 20250210 수정*/
}
#wrFooter .bwInfoMenu .bxFooterMenu .itmFooterMenu > li > a.accent {
  color: #c51818;/*20250212 포인트 컬러 변경 #ec577f*/
  font-weight: 500;
}
#wrFooter .bwInfoMenu .bxInfomation .itmInfo .titl {
  /*20250116수정 (원본)margin-left: 0.1em;*/
  font-weight: 700;
}
#wrFooter .bwInfoMenu .bxInfomation .itmInfo .cont {
  margin-left: 0.5em;
}
#wrFooter .bwSns {
  padding: 1em 0;
  text-align: right;
}
#wrFooter .bwSns > a {
  display: inline-block;
  width: 35px;
  height: 35px;
  margin-left: 15px;
}
#wrFooter .bwSns > a:first-child {
  margin-left: 0px;
}
#wrFooter .bwFooterBottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding-top: 1em;
  padding-bottom: 2em;
  border-top: 1px solid #d4d4d4;
}
#wrFooter .bwFooterBottom .bxFtBtMenu {
  /*row-gap: 1;*/row-gap: 10px;
}
#wrFooter .bwFooterBottom .bxFtBtMenu .itmFtBtMenu > li {
  display: inline-block;
  margin-right: 1em;
}
#wrFooter .bwFooterBottom .bxFtBtMenu .itmFtBtMenu > li .accent {
  color: #0e3367;
  font-weight: 700;
  text-decoration: underline;
}
#wrFooter .bwFooterBottom .bxFtBtMenu .itmFtBtMenu > li:last-child {
  margin-right: 0px;
}
#wrFooter .bwFooterBottom .bxCopyright {
  /*row-gap: 1;*/row-gap: 10px;
  font-size: 1.5rem;/*20250116추가*/
}
@media (max-width: 1280px) {
	#wrFooter .bwFooterBottom {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column nowrap;
		flex-flow: column nowrap;
	    row-gap: 0;
	}
	#wrFooter .bwFooterBottom .bxCopyright {
    	margin-top: 0.4em;
    }
}

#wrFooter .bwFootNuri {
	/*20250116수정 (원본)#f2f2f2
	  padding: 0.4em 1em;
	  font-size: 1.5rem;
	  background-color: #ffffff;*/
  
  padding: .8rem 1.6rem;
  font-size: 1.5rem;
  background-color: #ffffff;
  border-radius: .6rem;
  display: flex;
  align-items: center;
}
#wrFooter .bwFootNuri > img {
  margin-right: 1em;
  vertical-align: middle; 
  height: 1.3em;/*20250116추가 */
}

.overHidden {
  overflow: hidden;
}

@media (max-width: 1280px) {
  .mediHid01 {
    display: none;
  }
}
@media (max-width: 768px) {
  .mediHid02 {
    display: none;
  }
}



/*footerTop width*/
.layoutCenter {
  display: block;
  position: relative;
  width: 1332px;
  min-width: 360px;
  max-width: 1332px;
  margin: 0 auto;
  padding: 0 30px;
}

@media (max-width: 1332px) {
  .layoutCenter {
    width: 100%;
  }
}
@media (max-width: 1280px) {
	.layoutCenter {
		padding: 0 24px;
	}
	.hideTabl {
		display: none;
	}
}
@media (max-width: 1024px) {
	.hideTablMdl {
		display: none;
	}
	.hideTablMdl {
		display: none;
	}
}
@media (max-width: 768px) {
	.layoutCenter {
		font-size: 1.5rem;
		padding: 0 17px;
	}
	.hideMobi {
		display: none;
	}
}
@media (max-width: 480px) {
	.layoutCenter {
		/*font-size: 1.3rem; 20250212 모바일 폰트 사이즈 히든*/
	}
	.hideSmobi {
		display: none;
	}
}

#wrContents > .layoutCenter {
  padding-top: 2.4rem;/*20250218 컨텐츠 상 여백 조절 기존4em>2.4rem으로 변경*/
  padding-bottom: 3em;
}

#bwMainVisual > .bxMainVisual > .layoutCenter {
  max-height: 450px;
}

.bwMainVisual .layoutCenter {
	padding:0px;
}

.layoutCenter.limit {
	width : 1272px;
}
@media (max-width: 1332px) {
  .layoutCenter.limit {
  	width: calc(100% - 60px);
  }
}

@media (max-width: 1280px) {
  .layoutCenter.limit {
  	width: calc(100% - 48px);
  }
}

/* sns 아이콘*/
.bxSns{display: flex; flex-direction: row; justify-content: flex-end;margin:10px 0; gap: 8px;}
.bxSns a{background-color: #fff; border: 1px solid #dfdfdf; border-radius: 50px; width: 40px;  height: 40px;  display: inline-flex;  align-items: center; justify-content: center;}
.bxSns a span{overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -9999px;}
.bxSns a::after{content:''; width:2.4rem; height:2.4rem; display: inline-block; }
	 .ico-youtube::after{background-image:url("/nihhs/uiux/img/component/icon/ico_youtube.svg");}
	 .ico-instagram::after{background-image:url("/nihhs/uiux/img/component/icon/ico_instagram.svg");}
	 .ico-blog::after{background-image:url("/nihhs/uiux/img/component/icon/foot_ico_sns_blog.svg");}
	 .ico-facebook::after{background-image:url("/nihhs/uiux/img/component/icon/ico_facebook.svg");}
	 
.NoTxtDeco {
	text-decoration		: none !important;
}

.link-go li{padding:0 !important;}
.link-go li a{font-weight: 500; position: relative; height: 30px; display: flex; align-items: flex-start;}
.link-go li a:after{content: ''; width:2.4rem; height:2.4rem; display:inline-flex; background-image: url(/nihhs/uiux/img/component/icon/ico_arr_20_right.svg); background-position: center; background-repeat: no-repeat;}
.link-go li a.accent{/*color:#c51818*/}

.icoTextRightOpenUp {
  background-position: right center;
  padding-right: calc(10px + 0.4em);
  background-image: url("/nihhs/images/arr-top.png");
  background-repeat: no-repeat;
}

#itmBoardPaging {
	margin-bottom: 80px;
  text-align: center;
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.2rem;
}
#itmBoardPaging a {
	padding: 0.4rem 0.9rem;
}
#itmBoardPaging a:hover {
	 background-color:  rgba(151,178,255,0.2);
	 border-radius: 5px;
}
#itmBoardPaging a.on {
	background-color: #063a74;
	color: #fff;
	border-radius: 5px;
	font-weight: 500;
}