/* legacy code */
:root {
  font-size: 90%;
}
body{
  padding-bottom: 
  background: #fff;
}
.row-fluid-wrapper.row-depth-1.row-number-4{
  width: 100%;
} 
.container{
/*   transition: 0s; */
  padding: 0 0 0; 
/* 조성우추가   */
  min-height: 31.25rem;
/*  김영재 추가  */
/*  스티키 영역 고정 필드용  */
/*  부모 요소에 
 * overflow: hidden / scroll / auto 속성 금지! 
 * sticky가 동작하지 않는다. */
  position: relative;

}
.container section{
  margin: 0 auto;
  max-width: 80.125rem;
/*   transition: 0s; */
  width: 100%;
  padding: 0 1.875rem 0; 
  transition: .0s;
}
/* 조성우추가 */
.container_mini section{
  max-width: 47.5rem !important;
  margin: 0 auto;
  width: 100%;
  padding: 0 1.875rem 0; 
/*   transition: 0s; */
}
/* 조성우추가 */
/* 추가 작성한 CSS는 home.css로 이전함 */
.hidden{
  display: unset;
  visibility: unset;
}
.span12.widget-span.newaria{
  display: flex;
}
/* .container section, .container_mini section{
  min-width: 23.375rem;
} */
/* 모바일에서 >> 상세보기 페이지내 이미지의 max-width 값 설정 */
.post_contents .wrap figcaption img {
    border-radius: 1rem;
    max-width: 43.75rem;
    width: 100%;
}
.text_system .lottieImg{
    margin: 0 auto;
    width: 31.25rem;
    max-width: 31.25rem;
    width: 100%;
}

/* header */
header {
  position: fixed;
  width: 100%;
  max-height: 6.75rem;
  height: 100%;
  background-color: #fff;
  padding: 0 1.875rem!important;
  box-sizing: border-box;
  z-index:  1000;
}
header.toggleActive {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: rgba(0, 0, 0, 0.5) 0 0 0 624.9375rem;
  z-index: 1000;
}
header .header_top {
  height: 36px;
  border-bottom: 1px solid #f4f4f5;
}
header .header_top .top_depth1_ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  max-width: 76.375rem;
  height: 100%;
  margin: 0 auto;
}
header .header_top .top_depth1_li {
  position: relative;
  height: 100%;
  margin-left: 25px;
}
header .header_top .top_depth1_li:first-child {
  margin-left: 0;
}
header .header_top .top_depth1_li:first-child:before {
  content: '';
  position: absolute;
  right: -13px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 15px;
  background-color: #e7e8ea;
}
header .header_top .top_depth1_a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 14px;
  font-weight: 500;
  color: #44474b;
}
.header_top .top_depth2_ul {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  right: -23px;
  top: 32px;
  width: 277px;
  height: 0;
  border: 0 solid #e7e8ea;
  background-color: #fff;
  border-radius: 16px;
  z-index: 100;
  transition: 0.2s ease;
}
.header_top .header_top_list:hover .top_depth2_ul {
  height: 178px;
  border-width: 1px;
}
.header_top .top_depth2_li {
  width: 100%;
  height: 78px;
}
.header_top .top_depth2_a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-left: 24px;
}
.header_top .top_depth2_a:hover {
  background-color: #F4F4F5;
}
.header_top .top_depth2_title {
  display: flex;
  align-items: center;
}
.header_top .top_depth2_title i {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  background: url('https://hlab.im/hubfs/2023%20HLAB/link_btn.png') no-repeat center;
}
.header_top .top_depth2_text {
  margin-top: 10px;
  font-size: 14px;
  color: #44474b;
}
header .headerWrap {
  max-width: 76.375rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  width: 100%;
}
header .headerWrap .headerLeft {
  display: block;
}
header .headerWrap .headerLeft a {
  display: flex;
  align-items: center;
  height: 4.5rem;
}
header .headerWrap .headerLeft a .headerLogo {
  display: flex;
  max-width: 5.4375rem;
  width: 100%;
}
header .headerWrap .headerRight {
  position: relative;
  display: flex;
  width: 100%;
  max-width: 35.4375rem;
  justify-content: space-between;
}
header .headerWrap .headerRight .headerMenu {
  display: flex;
  justify-content: space-between;
  width: 100%;
/*  추가메뉴 오픈시 교체  */
  max-width: 22.8125rem;
/*   max-width: 23.1875rem; */
  align-items: center;
}
header .headerWrap .headerRight .headerMenu li {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding-bottom: 0;
}
header .headerWrap .headerRight .headerMenu li.display > a:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 7px;
  width: 100%;
  height: 0.1875rem;
  background-color: #121619;
}
header .headerWrap .headerRight .headerMenu li > a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 72px;
  line-height: 1.5;
  white-space: nowrap;
  font-style: normal;
  font-weight: 700;
  font-size: 1.125rem;
  letter-spacing: -0.01em;
  color: #121619;
  border-bottom: 0.1875rem solid transparent;
}
header .headerWrap .headerRight .EtcMenu {
  display: flex;
  align-items: center;
  gap: 1.38875rem;
}
header .headerWrap .headerRight .EtcMenu .subscribeButton {
  cursor: pointer;
  max-width: 5.125rem;
  width: 100%;
  max-height: 2.125rem;
  height: 100%;
  background: #121619;
  border-radius: 1.25rem;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 0.875rem;
  display: flex;
  align-items: center;
  letter-spacing: -0.01em;
  padding: 0.625rem 1.25rem;
  color: #fff;
  white-space: nowrap;
}
header .headerWrap .headerRight .EtcMenu .subscribeButton2 {
  cursor: pointer;
  display: none;
  background: #121619;
  border-radius: 1.25rem;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 0.875rem;
  align-items: center;
  letter-spacing: -0.01em;
  padding: 0.625rem 1.25rem;
  color: #fff;
  white-space: nowrap;
}
header .headerWrap .headerRight .EtcMenu .headerSearchButton {
  display: flex;
  align-items: center;
}
header .headerWrap .headerRight .EtcMenu .headerSearchButton img {
  cursor: pointer;
  max-width: 2rem;
  max-height: 2rem;

}
header .headerWrap .headerRight .EtcMenu .headerHamBtn {
  position: relative;
  width: 1.125rem;
  height: 100%;
  display: none;
  transition: all 0.4s;
  box-sizing: border-box;
}
header .headerWrap .headerRight .EtcMenu .headerHamBtn span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 0.125rem;
  background-color: #000;
  border-radius: 0.25rem;
  display: inline-block;
  transition: all 0.4s;
  box-sizing: border-box;
}
header .headerWrap .headerRight .EtcMenu .headerHamBtn span:nth-child(1) {
  top: 0.4375rem;
}
header .headerWrap .headerRight .EtcMenu .headerHamBtn span:nth-child(2) {
  top: 0.875rem;
}
header .headerWrap .headerRight .EtcMenu .headerHamBtn span:nth-child(3) {
  bottom: 0.4375rem;
}
header .headerWrap .headerRight .EtcMenu .headerHamBtn.active span:nth-child(1) {
  transform: translateY(0.4375rem) rotate(-45deg);
}
header .headerWrap .headerRight .EtcMenu .headerHamBtn.active span:nth-child(2) {
  opacity: 0;
}
header .headerWrap .headerRight .EtcMenu .headerHamBtn.active span:nth-child(3) {
  transform: translateY(-0.4375rem) rotate(45deg);
}
header .headerWrap .headerRight .subNavigation {
  overflow: hidden;
  display: flex;
  visibility: hidden;
  position: absolute;
  justify-content: flex-start;
  top: 72px;
  left: 0;
  width: 100%;
  height: 0;
  padding-top: 48px;
  z-index: 9999999999;
  transition: all 0.4s;
}
header .headerWrap .headerRight .subNavigation.display {
  visibility: visible;
  height: 14.0625rem;
/*   height: 10.75rem; */
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap {
  width: 100%;
  max-width: 35.8125rem;
  display: flex;
  justify-content: flex-start;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .content {
  display: flex;
  flex-direction: row;
  gap: 3.75rem;
  visibility: hidden;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .content.display {
  visibility: visible;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .content .cont {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 60%;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .content .cont span {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

header .headerWrap .headerRight .subNavigation .subNavigationWrap .content .cont span:hover p{
  border-bottom: 0.0625rem solid #fff;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .content .cont span p {
  white-space: nowrap;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 140%;
  display: flex;
  align-items: center;
  letter-spacing: -0.01em;
  color: #FFFFFF;
  border-bottom: 0.0625rem solid transparent;
  padding-bottom: 0.25rem;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .content .cont span p:hover {
  border-bottom: 0.0625rem solid #fff;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .content .cont span i {
  padding-bottom: 0.25rem;
  display: flex;
  width: 100%;
  height: 100%;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .content .cont span i img {
  max-width: 1.125rem;
  width: 100%;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .content .cont ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .content .cont ul li {
  cursor: pointer;
  padding: 0.5rem 1rem;
  gap: 0.625rem;
  height: 2.125rem;
  border: 0.0625rem solid rgba(255, 255, 255, 0.2);
  border-radius: 1.3125rem;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 160%;
  display: flex;
  align-items: center;
  letter-spacing: -0.01em;
  color: #fff;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .content .cont ul li:hover {
  background: #FFFFFF;
  border: 0.0625rem solid #FFFFFF;
  color: #121619;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .content .toHr {
/*   width: 40%; */
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .content .toHr span:first-child {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .content .toHr span:first-child p {
  white-space: nowrap;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 140%;
  display: flex;
  align-items: center;
  letter-spacing: -0.01em;
  color: #FFFFFF;
  border-bottom: 0.0625rem solid transparent;
  padding-bottom: 0.25rem;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .content .toHr span:first-child p:hover {
  border-bottom: 0.0625rem solid #fff;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .content .toHr span:first-child i {
  display: flex;
  width: 100%;
  height: 100%;
  padding-bottom: 0.25rem;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .content .toHr span:first-child i img {
  max-width: 1.125rem;
  width: 100%;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .content .toHr span:last-child p {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 180%;
  display: flex;
  align-items: center;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.5);
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 3.75rem;
/*   opacity: 0; */
  transition: 0.8s;
}
/* header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution.display {
  opacity: 1;
} */
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .japda {
  width: 50%;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .japda > a {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .japda > a span {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .japda > a span:first-child i {
  border-bottom: 0.0625rem solid transparent;
  padding-bottom: 0.25rem;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .inHr:hover > a span:first-child i:first-child,
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .japda:hover > a span:first-child i:first-child {
  border-bottom: 0.0625rem solid #fff;
}

header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .inHr:hover > a span:last-child p,
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .japda:hover > a span:last-child p{
  color: #fff;
}

header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .japda > a span:first-child i:first-child:hover {
  border-bottom: 0.0625rem solid #fff;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .japda > a span:first-child i:first-child img {
  max-height: 0.9375rem;
  height: 100%;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .japda > a span:first-child i:last-child {
  padding-bottom: 0.25rem;
  display: flex;
  width: 100%;
  height: 100%;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .japda > a span:first-child i:last-child img {
  max-width: 1.125rem;
  width: 100%;
  transition: all ease 1s; 
}
/* header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .japda > a span:first-child i:last-child img:hover {
  transform: rotate( -45deg );
} */
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .japda > a span:last-child {
  gap: 1.5rem;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .japda > a span:last-child i {
  display: flex;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .japda > a span:last-child i img {
  min-width: 7.9375rem;
  max-width: 7.9375rem;
  width: 100%;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .japda > a span:last-child p {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 180%;
  display: flex;
  align-items: center;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .japda > a span:last-child p:hover {
  color: rgb(255, 255, 255);
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .inHr {
  width: 50%;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .inHr > a {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .inHr > a span {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .inHr > a span:first-child i {
  border-bottom: 0.0625rem solid transparent;
  padding-bottom: 0.25rem;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .inHr > a span:first-child i:first-child:hover {
  border-bottom: 0.0625rem solid #fff;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .inHr > a span:first-child i:first-child img {
  max-height: 0.9375rem;
  height: 100%;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .inHr > a span:first-child i:last-child {
  padding-bottom: 0.25rem;
  display: flex;
  width: 100%;
  height: 100%;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .inHr > a span:first-child i:last-child img {
  max-width: 1.125rem;
  width: 100%;
  transition: all ease 1s;
}
/* header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .inHr > a span:first-child i:last-child img:hover {
  transform: rotate( -45deg );
} */
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .inHr > a span:last-child {
  gap: 1.5rem;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .inHr > a span:last-child i {
  display: flex;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .inHr > a span:last-child i img {
  min-width: 7.9375rem;
  max-width: 7.9375rem;
  width: 100%;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .inHr > a span:last-child p {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 180%;
  display: flex;
  align-items: center;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .inHr > a span:last-child p:hover {
  color: rgb(255, 255, 255);
}
header .subNavi {
  display: none;
  position: absolute;
  top: 4.25rem;
  width: 100%;
  height: calc(100vh - 68px);
  height: calc(var(--vh, 1vh) * 100 - 68px);
  left: 0;
  background: #F4F4F5;
  z-index: 9999;
}
header .subNavi.active {
  display: block;
}
header .subNavi .subNaviWrap {
  overflow-y: auto;
  height: calc(100% - 165px);
/*   height: 100%; */
  padding-top: 16px;
  background-color: #fff;
}
header .subNavi .subNaviWrap ul {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
header .subNavi .subNaviWrap ul:hover:not(.no_hover) {
  background: #F9F9FA;
}
header .subNavi .subNaviWrap ul:hover div,
header .subNavi .subNaviWrap ul:hover .navTit2,
header .subNavi .subNaviWrap ul:hover .navTit3 {
  opacity: 1 !important;
}
header .subNavi .subNaviWrap ul > li {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.header-container-wrapper header .subNavi .subNaviWrap ul > li .gnb_title {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 18px;
  font-weight: 500;
  color: #9FA4AB;
}
.header-container-wrapper header .subNavi .subNaviWrap ul > li .gnb_title.active {
  color: #121619;
}
header .subNavi .subNaviWrap ul > li > a p {
  width: 100%;
  padding: 1.96875rem 1.5rem;
}
header .subNavi .subNaviWrap ul > li > a p.navTit2.active, header .subNavi .subNaviWrap ul > li > a p.navTit3.active {
  font-weight: bold;
}
header .subNavi .subNaviWrap ul > li div {
  position: relative;
  background: #fff;
  padding: 0 1.5rem;
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .subNavi .subNaviWrap ul > li div .arrow_wrap {
  position: absolute;
  right: 1.5rem;
  top: 0;
  width: 31px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
header .subNavi .subNaviWrap ul > li div.active,
header .subNavi .subNaviWrap ul > li div a p.active{
  font-weight: bold;
}
header .subNavi .subNaviWrap ul > li div i {
  display: none;
}
header .subNavi .subNaviWrap ul > li div i img {
  display: flex;
  max-width: 1.9375rem;
  width: 100%;
}
header .subNavi .subNaviWrap ul > li div i.active {
  display: block;
}
header .subNavi .subNaviWrap ul > li .subSubNav {
  display: none;
  width: 100%;
  background: #F9F9FA;
  flex-direction: column;
  padding: 1.875rem;
  gap: 2rem;
  
}
header .subNavi .subNaviWrap ul > li .subSubNav.active {
  display: flex;
}
header .subNavi .subNaviWrap ul > li .subSubNav li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
header .subNavi .subNaviWrap ul > li .subSubNav li .subsubNavTag{
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
header .subNavi .subNaviWrap ul > li .subSubNav li .subsubNavTag span{
  padding: 0.5rem 1rem;
  display: block;
  gap: 0.625rem;
  display: flex;
  height: 100%;
  border: 0.0625rem solid #CFD1D5;
  border-radius: 1.3125rem;
  justify-content: center;
  font-size: 0.875rem;
  line-height: 160%;
  /* or 1.375rem */  
  display: flex;
  align-items: center;
  letter-spacing: -0.01em;
}
header .subNavi .subNaviWrap ul > li .subSubNav li .subsubNavTag span:hover{
  background: #000;
  color: #fff;
}
header .subNavi .subNaviWrap ul > li .subSubNav > li:last-child{
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 160%;
  /* or 1.625rem */
  gap: 0.625rem;
  display: flex;
  letter-spacing: -0.01em;
  /* JOBDA BLACK */
  color: #121619;
}
header .subNavi .subNaviWrap ul > li .subSubNav > li:last-child .subsubNavDsc p{
  font-weight: 400;
  font-size: 1rem;
}
header .subNavi .subNaviWrap ul > li .subSubNav li > a span {
  display: flex;
  align-items: center;
  gap: 1rem;
}
header .subNavi .subNaviWrap ul > li .subSubNav li .subsubNavTit{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.625rem;
}
header .subNavi .subNaviWrap ul > li .subSubNav li .subsubNavTit a, 
header .subNavi .subNaviWrap ul > li .subSubNav li .subsubNavTit i{
  display: flex;
}
header .subNavi .subNaviWrap ul > li .subSubNav li .subsubNavTit > a{
  font-weight: 700;
  font-size: 1rem;
  line-height: 140%;
  gap: 0.625rem;
  display: flex;
  align-items: center;
  letter-spacing: -0.01em;
  color: #121619;
}
header .subNavi .subNaviWrap ul > li .subSubNav li .subsubNavTit a, header .subNavi .subNaviWrap ul > li .subSubNav li .subsubNavTit i{
  gap: 0.625rem;
}
header .subNavi .subNaviWrap ul > li .subSubNav li .subsubNavTit > a p{
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.625rem;
}
header .subNavi .subNaviWrap ul > li .subSubNav li > a span i {
  display: flex;
}
header .subNavi .subNaviWrap ul > li .subSubNav li > a span.subsubNavTit > span {
  display: flex;
}
header .subNavi .subNaviWrap ul > li .subSubNav li > a span.subsubNavTit span {
  font-weight: 700;
  font-size: 1rem;
  line-height: 140%;
  display: flex;
  align-items: center;
  letter-spacing: -0.01em;
  color: #121619;
}
header .subNavi .subNaviWrap ul > li .subSubNav li > a span.subsubNavTag {
  max-width: 16.5rem;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
header .subNavi .subNaviWrap ul > li .subSubNav li > a span.subsubNavTag span {
  flex-wrap: wrap;
  white-space: nowrap;
  padding: 0.4375rem 0.9375rem;
  border: 0.0625rem solid #CFD1D5;
  border-radius: 1.3125rem;
  max-height: 2.375rem;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 160%;
  display: flex;
  align-items: center;
  letter-spacing: -0.01em;
  color: #121619;
}
header .subNavi .subNaviWrap ul > li .subSubNav li > a span.subsubNavTag span:hover, header .subNavi .subNaviWrap ul > li .subSubNav li > a span.subsubNavTag span.active {
  color: #fff;
  border: 0.0625rem solid #121619;
  background: #121619;
}
header .subNavi .subNaviWrap ul > li .subSubNav li > a span.subsubNavDsc {
  display: flex;
  flex-direction: column;
  gap: 0;
}
header .subNavi .subNaviWrap ul > li .subSubNav li > a span.subsubNavDsc p {
  width: 100%;
  align-items: flex-start;
  font-weight: 400;
  font-size: 1rem;
  line-height: 160%;
  letter-spacing: -0.01em;
  color: #121619;
  display: flex;
}
header .others > li > a, header .others > li > button {
  display: flex;
  align-items: center;
  width: 100%;
  height: 51px;
  padding-left: 1.5rem;
  background-color: transparent;
  font-family: pretendard;
  font-size: 1rem;
  font-weight: 500;
  color: #44474b;
}
header .others .sol_btn {
  display: none;
  width: 24px;
  height: 24px;
  margin-left: 2px;
}
header .others .sol_btn img {
  width: 100%;
}
header .others .sol_btn.active {
  display: inline-block;
}
header .subNavi .subNaviWrap ul.others_in {
  display: none;
  width: 100%;
  padding: 2rem;
  background-color: #F9F9FA;
}
header .subNavi .subNaviWrap ul.others_in.active {
  display: block;
}
header .subNavi .subNaviWrap ul.others_in > li {
  align-items: flex-start;
}
header .subNavi .subNaviWrap ul.others_in > li:first-child {
  margin-bottom: 2rem;
}
header .subNavi .subNaviWrap ul.others_in>li>a p {
  margin-top: 10px;
  padding: 0;
  font-size: 14px;
  color: #121619;
}
header .modalPop {
  display: none;
  background:#fff;
}
.hs-richtext.hs-main-font-element h2 img{
  height: 10.625rem;
  object-fit: cover;
}
.hs-richtext.hs-main-font-element p span{ word-break:keep-all; line-height: 1.6;}
header .modalPop.toggleActive {
    border-radius: 1.25rem;
    box-shadow: 0 0 0 624.9375rem rgb(0 0 0 / 50%);
    display: block;
    height: auto;
    left: 50%;
    max-width: 36.25rem;
    min-height: 38.75rem;
    position: absolute;
    top: 90%;
    transform: translate(-50%);
    width: 100%;
    z-index: 9999999999;
}
header .modalPop .modalWrap {
  height: 100%;
  padding: 0 1.5rem 1.5rem;
  box-sizing: border-box;
}
header .modalPop .modalWrap i {
  position: absolute;
  right: 0;
  display: flex;
  justify-content: flex-end;
  padding: 0.9375rem;
  z-index: 999;
}
header .modalPop .modalWrap i img {
  cursor: pointer;
  max-width: 2rem;
  width: 100%;
}
header .modalPopMB {
  background:#fff;
  display: none;
}
header .modalPopMB.toggleActive {
  display: block;
  max-width: 20.3125rem;
  position: absolute;
  top: 90%;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
  height: auto;
  box-shadow: rgba(0, 0, 0, 0.5) 0 0 0 624.9375rem;
  z-index: 100;
  border-radius: 1.25rem;
}
header .modalPopMB .modalWrap {
  height: 100%;
  padding: 0 1.1875rem 1.1875rem;
  box-sizing: border-box;
  justify-content: flex-end;
}
header .modalPopMB .modalWrap i {
  position: absolute;
  right: 0;
  padding: 0.9375rem;
  z-index: 999;
  display: flex;
  justify-content: flex-end;
}
header .modalPopMB .modalWrap i img {
  cursor: pointer;
  max-width: 2rem;
  min-height: 2rem;
  width: 100%;
}
header .WebBgLayout {
  position: absolute;
  width: 100%;
  top: 6.6875rem;
  height: 0;
  left: 0;
  background: #121619;
  transition: all 0.4s;
}
header .WebBgLayout.display {
  height: 14.0625rem;
  display: block;
}
body.hidden {
  overflow: hidden;
}
.modalPopMB .hs-richtext.hs-main-font-element div{
  font-size: 0.75rem;
}
.modalPopMB .hs-richtext.hs-main-font-element h2 strong{
  font-size: 1.25rem;
}
.modalPopMB .hs-richtext.hs-main-font-element p span{
  line-height: 1.6;
  word-break: keep-all;
}
.hs-richtext.hs-main-font-element div{
    font-weight: 400;
    font-size: 1rem;
    line-height: 160%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    letter-spacing: -0.01em;
    color: #121619; 
}
header .subNavi .subNaviWrap .menu4 > li > a{
  display: flex;
  justify-content: flex-start;
  width: 100%;
  align-items: flex-start;
  flex-direction: column;
}
header .subNavi .subNaviWrap ul > li .subSubNav li > a span.subsubNavDsc p{
  padding: 0;
}
.hs-richtext.hs-main-font-element h2 strong{
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 140%;
  align-items: center;
  letter-spacing: -0.01em;
  color: #121619;
  display: block;
  margin-bottom: 1rem;
}
#hrHeader .hs_lastname.hs-lastname.hs-fieldtype-text.field.hs-form-field .input .hs-input,
#hrHeader .hs_firstname.hs-firstname.hs-fieldtype-text.field.hs-form-field .input .hs-input,
#hrHeader .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field .input .hs-input{
  width: 100%;
  height: 3.875rem;
  border: 0.0625rem solid #E7E8EA;
  padding: 1.25rem 1.5rem;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
#hrHeader .hs_lastname.hs-lastname.hs-fieldtype-text.field.hs-form-field .input .hs-input:hover,
#hrHeader .hs_firstname.hs-firstname.hs-fieldtype-text.field.hs-form-field .input .hs-input:hover,
#hrHeader .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field .input .hs-input:hover,
#hrHeader .hs_lastname.hs-lastname.hs-fieldtype-text.field.hs-form-field .input .hs-input:focus,
#hrHeader .hs_firstname.hs-firstname.hs-fieldtype-text.field.hs-form-field .input .hs-input:focus,
#hrHeader .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field .input .hs-input:focus{
  border: 0.0625rem solid #121619;
  outline: none;
}
#hrHeader .hs_lastname.hs-lastname.hs-fieldtype-text.field.hs-form-field .input .hs-input:hover::placeholder,
#hrHeader .hs_lastname.hs-lastname.hs-fieldtype-text.field.hs-form-field .input .hs-input:focus::placeholder,
#hrHeader .hs_firstname.hs-firstname.hs-fieldtype-text.field.hs-form-field .input .hs-input:hover::placeholder,
#hrHeader .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field .input .hs-input:hover::placeholder,
#hrHeader .hs_firstname.hs-firstname.hs-fieldtype-text.field.hs-form-field .input .hs-input:focus::placeholder,
#hrHeader .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field .input .hs-input:focus::placeholder{
  color: #121619;
}
#hrHeader .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field .input .hs-input{
  margin-bottom: 0.75rem;
}
.hs-error-msg{
  color: #ff5858;
}
.actions .hs-button.primary.large{
    background: #121619;
    border: none;
    border-radius: 18.75rem;
    color: #fff;
    cursor: pointer;
    display: flex;
    height: 3rem;
    width: 11.25rem;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    -webkit-appearance: none;
}
.modalPopMB .hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_form form{
  padding: 0 0.625rem 0.625rem;
}
.hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_form form {
  padding: 0 1.875rem 1.875rem;
}
form .hs_submit.hs-submit > .actions{
  -webkit-appearance: none;
  justify-content: center;
  display: flex;
  margin-top: 1.5625rem;
}
form .no-list.hs-error-msgs.inputs-list li{
  margin-top: 0.625rem;
  margin-bottom: 1.875rem;
}
.modalPopMB .legal-consent-container .hs-form-booleancheckbox-display p a, 
.modalPopMB .legal-consent-container .hs-form-booleancheckbox-display p{
  font-size: 0.75rem;
  color: #121619;
}
.modalPop .legal-consent-container .hs-form-booleancheckbox-display p a,
.modalPop .legal-consent-container .hs-form-booleancheckbox-display p {
  color: #121619;
}
header .subNavi .subNaviWrap ul > li .subSubNav li > a span.subsubNavDsc p{
  display: flex;
  justify-content: flex-start;
  width: 100%;
  align-items: flex-start;
  flex-direction: column;
}
.submitted-message {
    height: 37.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.submitted-message h5,
.submitted-message h5 strong{
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: -0.01em;
  color: #121619;
}
.submitted-message p img {
  height: 10.625rem;
  object-fit: cover;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .content,
header .headerWrap .headerRight .subNavigation .subNavigationWrap .content .cont span,
header .headerWrap .headerRight .subNavigation .subNavigationWrap .content .cont ul,
header .headerWrap .headerRight .subNavigation .subNavigationWrap .content .cont span p,
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution,
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .inHr > a span:first-child i,
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .inHr > a span:first-child i:first-child img,
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .japda > a span:first-child i:first-child img,
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .inHr > a span,
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .inHr > a,
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .inHr > a span:last-child i img,
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .inHr > a span:last-child p,
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .japda > a span,
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .japda,
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .japda > a span:last-child p,
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .japda > a span:last-child i img{
  height: 0;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .inHr > a,
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .japda > a{
  gap: 0;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution.display .inHr > a,
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution.display .japda > a{
  gap: 1.25rem;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .japda>a span:first-child i:last-child,
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .inHr>a span:first-child i:last-child{
  padding-bottom: 0rem;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution.display .japda>a span:first-child i:last-child,
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution.display .inHr>a span:first-child i:last-child{
  padding-bottom: 0.25rem;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .content.display,
header .headerWrap .headerRight .subNavigation .subNavigationWrap .content.display .cont span,
header .headerWrap .headerRight .subNavigation .subNavigationWrap .content.display .cont ul,
header .headerWrap .headerRight .subNavigation .subNavigationWrap .content.display .cont span p,
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution.display,
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution .inHr > a,
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution.display .inHr > a span:first-child i,
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution.display .inHr > a span:first-child i:first-child img,
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution.display .japda > a span:first-child i:first-child img,
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution.display .inHr > a span,
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution.display .inHr > a span:last-child i img,
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution.display .inHr > a span:last-child p,
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution.display .japda,
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution.display .japda > a span,
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution.display .japda > a span:last-child p,
header .headerWrap .headerRight .subNavigation .subNavigationWrap .solution.display .japda > a span:last-child i img{
  height: auto;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .content .toHr:hover span:first-child p{
  border-bottom: 0.0625rem solid #fff;
}
header .headerWrap .headerRight .subNavigation .subNavigationWrap .content .toHr:hover span:last-child p{
  color: #fff;
}
/* 서치 */
.searchPc {
  display: none;
  width: 100%;
  background-color: #fff;
  border-top: 0.0625rem solid #CFD1D5;
  position: absolute;
  top: 6.6875rem;
  left: 0;
  padding: 0 1.5rem;
}
.searchPc .active {
  display: block;
}
.searchPc > div {
  max-width: 43.75rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.5rem;
  margin: 0 auto;
  padding: 3.5rem 0;
}
.searchPc > div .searchWrap {
  max-width: 43.75rem;
  width: 100%;
  height: 4.25rem;
  background: #F4F4F5;
  border-radius: 18.75rem;
  position: relative;
}
.searchPc > div .searchWrap input {
  max-width: 43.75rem;
  width: 100%;
  height: 4.25rem;
  background: #F4F4F5;
  border-radius: 18.75rem;
  border: none;
  padding: 1.125rem 2rem;
}
.searchPc > div .searchWrap input:focus {
  outline: none;
}
.searchPc > div .searchWrap .inputIcon {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  position: absolute;
  top: 1.125rem;
  right: 1.875rem;
}
.searchPc > div .searchWrap .inputIcon .btnClear {
  display: block;
}
.searchPc > div .searchWrap .inputIcon .btnClearPC{
  display: none;
}
.searchPc > div .searchWrap .inputIcon .btnClearPC a img {
  display: block;
  max-width: 1.125rem;
  max-height: 1.125rem;
  width: 100%;
  height: 100%;
}
.searchPc > div .searchWrap .inputIcon .searchIcon {
  display: block;
}
.searchPc > div .searchWrap .inputIcon .searchIcon button{  
    background-color: transparent;
  cursor: pointer;
}
.searchPc > div .searchWrap .inputIcon .searchIcon button img {
  display: block;
  max-width: 2rem;
  max-height: 2rem;
  width: 100%;
  height: 100%;
}
.searchPc > div .tagWrap {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  gap: 0.5rem;
}
.searchPc > div .tagWrap span {
  cursor: pointer;
  padding: 0.5rem 0.9375rem;
  border: 0.0625rem solid #CFD1D5;
  border-radius: 1.3125rem;
}
.searchPc > div .tagWrap span:hover {
  border: 0.0625rem solid #121619;
  background-color: #121619;
}
.searchPc > div .tagWrap span:hover a {
  color: #fff;
}
.searchPc > div .tagWrap span a {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 160%;
  display: flex;
  align-items: center;
  letter-spacing: -0.01em;
  color: #121619;
}
.headerSearchCloseButton {
  display: none;
  cursor: pointer;
}
.headerSearchCloseButton img {
  max-width: 2rem;
}
.searchMb {
  display: none;
}
.searchMb .tagWrap {
  margin-top: 1rem;
}
.searchMb .tagWrap span {
  display: inline-flex;
  align-items: center;
  height: 31px;
  margin-right: 10px;
  padding: 0 1rem;
  border: 1px solid #cfd1d5;
  border-radius: 21px;
}
.searchMb .tagWrap span a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 21px;
  font-size: 12px;
  color: #121619;
}
.submitted-message h2 {
  font-size: 1.625rem;
    line-height: 180%;
}
.submitted-message h5 {
line-height: 144%;
    margin-top: 1.125rem;
    margin-bottom: 0.625rem;
}
.hs_firstname.hs-firstname.hs-fieldtype-text.field.hs-form-field .input .hs-input{
  max-width: 100%!important;
}

/* subscribe_cta */
.subscribe_cta{
  display: flex;
  justify-content: space-between;
  padding: 3.875rem 5.5rem!important;
  background: #25314D;
  border-radius: 1.25rem;
  width: 100%;
  height: 100%;
}
.subscribe_cta_LogoTitle{
  display: flex;
  flex-direction: column;
  gap: 5rem;
  flex: 1;
  max-width: 28.625rem;
  padding-right: 1.875rem;
}
.ctaLine{
  border: 0.03125rem solid #656A71;
}
.ctaFormWrap{
  flex: 1;
  max-width: 28.625rem;
}
.subscribe_cta .ctaFormWrap .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field .hs-input,
.subscribe_cta .hs_lastname.hs-lastname.hs-fieldtype-text.field.hs-form-field .input .hs-input{
  box-sizing: border-box;
  background: transparent;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 1.25rem 1.5rem;
  width: 100%;
  height: 3.875rem;
  border: 0.0625rem solid #656A71!important;
  color: #656A71;
  font-family: Pretendard,Noto Sans KR,돋움,Dotum,Helvetica,AppleGothic,Sans-serif;
  font-size: 1rem;
  margin-bottom: 0.625rem;
}
.subscribe_cta .ctaFormWrap .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field .hs-input:focus,
.subscribe_cta .hs_lastname.hs-lastname.hs-fieldtype-text.field.hs-form-field .input .hs-input:focus{
  outline: none;
}
.subscribe_cta .ctaFormWrap .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field .hs-input:hover,
.subscribe_cta .hs_lastname.hs-lastname.hs-fieldtype-text.field.hs-form-field .input .hs-input:hover,
.subscribe_cta .ctaFormWrap .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field .hs-input:hover:focus,
.subscribe_cta .hs_lastname.hs-lastname.hs-fieldtype-text.field.hs-form-field .input .hs-input:hover:focus,
.subscribe_cta .ctaFormWrap .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field .hs-input:focus,
.subscribe_cta .hs_lastname.hs-lastname.hs-fieldtype-text.field.hs-form-field .input .hs-input:focus{
    border: 0.0625rem solid #fff!important;
    color: #fff;
}
.subscribe_cta .ctaFormWrap .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field .hs-input:hover::placeholder,
.subscribe_cta .hs_lastname.hs-lastname.hs-fieldtype-text.field.hs-form-field .input .hs-input:hover::placeholder,
.subscribe_cta .ctaFormWrap .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field .hs-input:focus::placeholder,
.subscribe_cta .hs_lastname.hs-lastname.hs-fieldtype-text.field.hs-form-field .input .hs-input:focus::placeholder{
  color: #fff;
}
/* .ctaFormWrap .input .hs-input:nth-child(1){
  margin-bottom: 0.625rem;
} */
.ctaTit div{
  font-weight: 400;
  font-size: 1rem;
  line-height: 160%;
  letter-spacing: -0.01em;
  color: #FFFFFF;
}
.ctaFormWrap .input .hs-input:focus {   
  border: 0.0625rem solid #F4F4F5!important;
}
.no-list.hs-error-msgs.inputs-list{
  list-style: none;
  color: #fff;
  padding: 0;
  font-size: 0.875rem;
}
.legal-consent-container .hs-form-booleancheckbox-display>span{
  margin: 0;
}
.legal-consent-container .hs-form-booleancheckbox-display p{
/*   padding-top: 0.1125rem!important; */
  display: flex!important;
  color: #E7E8EA;
}
.legal-consent-container .hs-form-booleancheckbox-display p a{
  text-decoration: none;
  color: #fff;
  padding: 0 0.25rem;
}
.legal-consent-container .hs-form-booleancheckbox-display .hs-form-required{
  display: none!important;
}
.input ul.inputs-list{
  padding: 0;
  list-style: none;
  margin: 0;
}
.hs-form-booleancheckbox-display{
  display: flex;
  height: 1.25rem;
  margin-top: 1.125rem;
  align-items: center;
}
.hs-form-booleancheckbox-display>.hs-input[type="checkbox"]{
  height: 1.25rem;
  width: 1.25rem;
  margin: 0;
/*   transform: scale(0.86);  */
/*   margin: 0 0.9375rem 0 0; */
  display: inline!important;
}
.subscribe_cta  .hs-button.primary.large{
  font-family: "Pretendard", "Noto Sans KR", "돋움", Dotum, Helvetica, AppleGothic, Sans-serif;
  max-width: 9.4375rem;
  width: 100%;
  height: 3.3125rem;
  background: #FFFFFF;
  border-radius: 1.6875rem;
  -webkit-appearance: none;
  border: none;
  font-weight: 400;
  font-size: 1rem;
  line-height: 140%;
  letter-spacing: -0.01em;
  color: #121619;
  margin: 0;
}
.subscribe_cta .hs-error-msg{
  color: #ff5858;
  font-size: 0.8125rem;
}
.hs_submit.hs-submit > .actions{
  display: flex;
  justify-content: flex-end;
  margin-top: 1.125rem;
}
.no-list.hs-error-msgs.inputs-list li{
  margin-bottom: 0.625rem;
}
.span12.widget-span.widget-type-custom_widget.container{
  padding: 0;
}
.ctaFormWrap .hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_form form{
  padding: 0 0 0 1.875rem;
}
.subscribe_cta form .hs_submit.hs-submit > .actions{
  justify-content: flex-end;
}
.subscribe_cta .submitted-message{
  padding: 4.375rem 0;
  height: 100%;
}
.subscribe_cta .submitted-message img{
  height: 5.25rem;
  width: 5.25rem;
  margin-bottom: 1rem;
}
.subscribe_cta .submitted-message h4{
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 140%;
  text-align: center;
  letter-spacing: -0.01em;
  color: #FFFFFF;
  margin-bottom: 0.6875rem;
}
.subscribe_cta .submitted-message>div{
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 140%;
  display: flex;
  align-items: center;
  text-align: center;
  color: #E7E8EA;
}
/* .ctaFormWrap{
  background-color: #FFF;
    border-radius: 1.25rem;
    padding: 1.25rem;
    width: 9.375rem;
    display: block;
    margin-left: 3.125rem;
}
.ctaFormWrap strong{
  font-size: 1.25rem;
    line-height: 200%;
} */

/* product_cta */
.product_cta_bg_mov{
  width:18.75rem;
}
.p_cta_product1{
  cursor: pointer;
  padding: 3rem 4.0625rem; 
  width: 50%;
  position: relative;
  overflow: hidden;
  max-height: 13.75rem;
  border: 0.0625rem solid #CFD1D5;
  border-radius: 1.25rem;
}
.p_cta_product2{
  cursor: pointer;
  padding: 3rem 4.0625rem; 
  width: 50%;
  position: relative;
  overflow: hidden;
  max-height: 13.75rem;
  border: 0.0625rem solid #CFD1D5;
  border-radius: 1.25rem;
}
.cta_text{
  position: absolute;
  z-index: 100;
}
.cta_logo{
  position: absolute;
  z-index: 100;
  top: 9.0625rem;
}
.product_cta{
  display: flex;
  gap: 1.5rem;
  margin-top: 2.5rem!important;
}
.p_cta_product1 .hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_inline_text{
  font-weight: 700;
/*   font-size: 1.25rem; */
  line-height: 140%;
  letter-spacing: -0.01em;
  color: #121619;
  margin-bottom: 5.9375rem;
}
.p_cta_product2 .hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_inline_text{
  font-style: normal;
  font-weight: 700;
/*  font-size: 1.25rem; */
  line-height: 140%;
  letter-spacing: -0.01em;
  color: #FFFFFF;
  margin-bottom: 5.9375rem;
}
.p_cta_product1:hover .product_cta_bg_mov{
 display: block; 
}
.p_cta_product2:hover .product_cta_bg_mov{
 display: block; 
}
.p_cta_product1 .bgbg_box{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1rem;
    overflow: hidden;
}
.p_cta_product2 .bgbg_box{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1rem;
    overflow: hidden;
}
.p_cta_product1 .bgbg_img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    border-radius: 1.25rem;
}
.p_cta_product2 .bgbg_img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    border-radius: 1.25rem;
}
.p_cta_product1 .bgbg_div{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.p_cta_product2 .bgbg_div{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.p_cta_product1 .bgbg_mov{
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.25rem;
  top: 0;
  left: 0;
  overflow:hidden;
}
.p_cta_product2 .bgbg_mov{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  overflow:hidden;
  border-radius: 1.25rem;
}
.product_cta{
  min-height: 13.75rem!important;
}

/* top_bt */
.btn-pageTop{
  max-width: 80rem;
  display: flex;
  justify-content: flex-end;
  margin: 0 auto 1.75rem;
  padding: 4.375rem 1.875rem 0 1.875rem;
}
section.btn-pageTop a{
  text-underline-position: under;
}
section.btn-pageTop a {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  text-align: center;
  color: rgba(0,0,0,0.25);
  text-decoration: none;
  cursor: pointer;
}
section.btn-pageTop i {
  display: block;
  width: 2.875rem;
  height: 2.875rem;
  background: rgba(0,0,0,0.85) url(//20028749.fs1.hubspotusercontent-na1.net/hubfs/20028749/raw_assets/public/hynixNewsRoom/codeFiles/images/icons/icon-outlined-24-px-up.svg) center no-repeat;
  border-radius: 50%;
  margin: 0 auto;
  margin-bottom: 0.375rem;
  transition: all .7s cubic-bezier(.2,1,.22,1);
}

/* footer */
/* 0916 조성우 책임 최초 작성 */
footer {
  position: relative;
  width: 100%;
  max-height: 14.875rem;
  height: 100%;
  background-color: #fff;
  padding: 2.8125rem 3rem 2.8125rem!important;
  box-sizing: border-box;
  border-top: 0.0625rem solid #CFD1D5!important;
}
footer .footInner {
  max-width: 76.25rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
footer .footInner .footLeft {
  display: flex;
  flex-direction: column;
  max-width: 10.625rem;
  width: 100%;
  gap: 1rem;
}
footer .footInner .footLeft .footLogo {
  display: flex;
  cursor: pointer;
}
footer .footInner .footLeft .footLogo img {
  max-width: 5.9375rem;
  width: 100%;
}
footer .footInner .footLeft .footLogoTit {
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 140%;
  text-align: center;
  color: #121619;
  white-space: nowrap;
}
footer .footInner .footRight {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 22.75rem;
  width: 100%;
}
footer .footInner .footRight .footMenu {
  display: flex;
  justify-content: space-between;
}
footer .footInner .footRight .footMenu li {
  white-space: nowrap;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 140%;
  display: flex;
  align-items: center;
  letter-spacing: -0.01em;
  color: #656A71;
  cursor: pointer;
}
footer .footInner .footRight .footMenu li.active {
  font-weight: 700;
  color: #121619;
}
footer .footInner .footRight .footMenu li:hover{
  font-weight: 700;
  color: #121619;
}
footer .footInner .footRight div {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
footer .footInner .footRight div .snsIcon {
  display: flex;
  justify-content: right;
  align-items: center;
  gap: 1.5rem;
}
footer .footInner .footRight div .snsIcon a img {
  max-width: 1.5rem;
  width: 100%;
}
footer .footInner .footRight div .Copyright {
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 140%;
  display: flex;
  justify-content: right;
  align-items: center;
  letter-spacing: -0.01em;
  color: #656A71;
}

/* responsive : max-width: 980px */
@media screen and (max-width: 61.24em){
  /* subscribe_cta */
  .subscribe_cta{
    flex-direction: column;
  }  
  .ctaFormWrap .hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_form form {
    padding: 1.875rem 0 0 0;
  }
  .ctaLine{
    display:none;
  }
  .subscribe_cta .subscribe_cta_LogoTitle{
    padding-right: 0;
  }
  .subscribe_cta .subscribe_cta_LogoTitle,
  .subscribe_cta .ctaFormWrap{
    max-width: 100%;
  }
  .subscribe_cta .ctaFormWrap .input .hs-input{
   max-width: 100%;
  }
}

/* responsive : max-width: 768px */
@media screen and (max-width: 47.99em) {
  /* header */
  header .headerWrap .headerRight {
    max-width: 29.3125rem;
  }
  header .headerWrap .headerRight .headerMenu {
    max-width: 18.6875rem;
  }
  header .headerWrap .headerLeft a {
    height: 100%;
  }
  
  /* product_cta */
  .product_cta{
    flex-direction: column;
    margin-top: 2.5rem!important;
  }
  .p_cta_product1, .p_cta_product2{
    padding: 1.875rem;
    width: 100%;
    height: 20.1875rem;
  }
  
  /* footer */
  footer .footInner .footRight {
    justify-content: flex-end;
  }
  footer .footInner .footRight .footMenu {
    gap: 1.875rem;
    position: absolute;
    top: 4.0625rem;
    right: 0;
  }
  footer .footInner .footRight div .snsIcon {
    top: 0;
    right: 0;
    position: absolute;
  }
  footer .footInner .footRight .footMenu li:first-child {
    display: none;
  }
}

/* responsive : max-width: 672px */
@media screen and (max-width: 41.99em){
  /* common */
  .List_contentListTab .List_contentListTabWrap .List_contentListTabMenu ul li{
    white-space: nowrap;
  }
  
  /* header */
  .row-fluid [class*=span] {
    min-height: 0;
  }
  header .headerWrap .headerRight .EtcMenu .headerSearchButton{
    display: none!important;
  }
  .searchPc {
    display: none !important;
  }
  header .header_top {
    display: none;
  }
  header .headerWrap {
    height: 100%;
  }
  header .headerWrap .headerRight .EtcMenu .headerSearchCloseButton,
  header .headerWrap .headerRight .EtcMenu .headerSearchButton {
    display: none;
  }
  .searchMb {
    display: block;
    position: relative;
    padding: 1.5rem;
    margin-bottom: 15px;
    background-color: #fff;
    border-top: 1px solid #e7e8ea;
  }
  .searchMb > input {
    padding: 0.9375rem 1.5rem;
    width: 100%;
    height: 3.375rem;
    background: #F4F4F5;
    border-radius: 18.75rem;
    border: none;
    font-family: pretendard;
    font-size: 1rem;
  }
  .searchMb > input::placeholder {
    font-family: pretendard;
    font-size: 1rem;
    color: #9fa4ab;
  }
  .searchMb > input:focus {
    outline: none;
  }
  .searchMb .inputIcon {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    position: absolute;
    top: 35px;
    right: 2.6875rem;
  }
  .searchMb .inputIcon .btnClear {
    display: block;
  }
  .searchMb .inputIcon .btnClearMB{
   display: none; 
  }
  .searchMb .inputIcon .btnClearMB a img{
    display: block;
    max-width: 1.125rem;
    max-height: 1.125rem;
    width: 100%;
    height: 100%;
  }
  .searchMb .inputIcon .searchIcon {
    display: block;
  }
  .searchMb .inputIcon .searchIcon button{
    height: 32px;
    background-color: transparent;
    cursor: pointer;
  }
  .searchMb .inputIcon .searchIcon button img {
    display: block;
    max-width: 2rem;
    max-height: 2rem;
    width: 100%;
    height: 100%;
  }
  header .WebBgLayout.display{
    display:none;
  }
  .submitted-message{
    height: 34.1875rem;
  }
  header {
    padding: 1.1875rem 1.5rem;
    max-height: 4.25rem;
  }
  header .headerWrap .headerRight .headerMenu {
    display: none;
  }
  header .headerWrap .headerRight {
    justify-content: flex-end;
  }
  header .headerWrap .headerRight .EtcMenu .subscribeButton {
    display: none;
  }
  header .headerWrap .headerRight .EtcMenu .subscribeButton2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 65px;
    height: 34px;
    overflow: hidden;
  }
  .navTit1,
  .navTit2,
  .navTit3,
  .navTit4{
    font-size: 1.25rem;
    color: #000;
  }
  header .headerWrap .headerLeft .headerLogo {
    min-width: 3.375rem;
  }
  header .headerWrap .headerRight .EtcMenu .headerHamBtn {
    display: block;
    width: 100%;
    max-width: 2rem;
    height: 32px;
  }
  header .headerWrap .headerRight .EtcMenu .headerHamBtn .gnb-m1.active{
    display: block;
    background: red;
  }
  header .headerWrap .headerRight .EtcMenu .headerHamBtn .gnb-m2{
    display: none;
  }
  header .headerWrap .headerRight .EtcMenu .headerHamBtn .gnb-m2.active{
    display: block;
  }
  header .headerWrap .headerRight .EtcMenu {
    gap: 1.1875rem;
  }
  header .modalPop.toggleActive {
    display: none;
  }
  
  /* subscribe_cta */
  .subscribe_cta form .hs_submit.hs-submit>.actions{
    width: 100%;
  }
  .hs_submit.hs-submit{
    display: block;
  }
  .subscribe_cta .subscribe_cta_LogoTitle{
    gap: 3.5rem;
  }
  .subscribe_cta .legal-consent-container .hs-form-booleancheckbox-display p,
  .subscribe_cta .ctaTit div{
    font-size: 0.875rem;
  }
  
  .ctaFormWrap .input .hs-form-booleancheckbox-display .hs-input{
    margin: 0;
  }
  .subscribe_cta .actions .hs-button.primary.large{
    max-width: 100%;
    width: 100%;
    margin-top : 1.25rem;
  }
  .subscribe_cta {
    padding: 1.875rem 1.25rem!important;
  }
  
  /* footer */
  footer {
    padding: 3rem 1.5rem;
    max-height: 100%;
    height: 22.1875rem;
  }
  footer .footInner {
    justify-content: flex-end;
    margin: 0 auto;
    position: absolute;
    bottom: 3rem;
    right: 1.5rem;
  }
  footer .footInner .footLeft {
    position: absolute;
    right: 0;
    align-items: flex-end;
    bottom: 2.0625rem;
  }
  footer .footInner .footRight div .snsIcon {
    top: -15rem;
  }
  footer .footInner .footLeft .footLogo {
    cursor: pointer;
    
  }
  footer .footInner .footLeft .footLogo img {
    max-width: 5.375rem;
    cursor: pointer;
  }
  footer .footInner .footRight .footMenu {
    top: -12.5625rem;
    right: 0;
    gap: 1rem;
  }
}

/* responsive : max-width: 500px */
@media screen and (max-width: 31.24em){
  /* common */
  .List_contentListTab .List_contentListTabWrap .List_contentListTabMenu ul{
    overflow-X: auto;
    width: 21.25rem;
    box-sizing: border-box;
    -ms-overflow-style: none;
  }
   ul::-webkit-scrollbar {
    display: none;
  }
}

/* responsive : max-width: 420px */
@media screen and (max-width: 26.24em){
  /* common */
  .List_contentListTab .List_contentListTabWrap .List_contentListTabMenu ul{
    overflow-X: auto;
    width: 16.5625rem;
    box-sizing: border-box;
    -ms-overflow-style: none;
  }
}

/* responsive : max-width: 360px */
@media screen and (max-width: 22.49em) {
  /* header */
  body {
    min-width: 22.5rem;
  }
}

/* responsive : min-width: 672px */
@media screen and (min-width: 42em) {
  /* header */
  header .subNavi.active, header .subNavi {
    display: none;
  }
  header .subNavi .subNaviWrap {
    display: none;
  }
  header .modalPopMB.toggleActive {
    display: none;
  }
}