.sub-page .cont-sec.blue-bg {

  position: relative;

  padding: 160rem 0 !important;

}



.cont-intro-wrap .img {

  margin: 80rem 0;

}



.cont-intro-wrap-txt {

  display: flex;

  gap: 20rem;

}



.cont-intro-wrap-txt .left-div {

  width: 100%;

  max-width: 600rem;

}



.cont-intro-wrap-txt .right-div {

  flex: 1;

}



.cont-ceo-name {

  margin-top: 80rem;

  display: flex;

  flex-direction: column;

  align-items: flex-end;

}



.cont-intro-wrap .img {

  border-radius: var(--border-radius-lg);

  overflow: hidden;

}





@media all and (max-width:1024px) {

  .cont-intro-wrap-txt {

    flex-direction: column;

    gap: 24px;

  }



  .cont-intro-wrap-txt .left-div {

    width: 100%;

    max-width: unset;

    font-size: 24rem;

  }



  .cont-intro-wrap .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

  }

}





.con-history-wrap {

  display: flex;

  position: relative;

  gap: 195rem;

}



.left-div {

  flex: 1;

  min-width: 120rem;

}



.year-nav ul {

  display: flex;

  flex-direction: column;

  gap: 20rem;

}



.year-nav a {

  display: block;

  text-decoration: none;

  color: #c5c5c5;

  transition: color 0.2s, font-weight 0.2s;

}



.year-nav a.active {

  color: var(--Color-Blue-Primary);

  font-weight: 700;

  font-size: 32rem;

}



.right-div {

  max-width: 910rem;

  width: 100%;

}



.con-history-wrap ul {

  display: flex;

  flex-direction: column;

  gap: 24rem;

}



.con-history-wrap li {

  display: flex;

  color: var(--Color-Gray-800);

}



.con-history-wrap li span {

  margin-right: 20rem;

  color: var(--Color-Blue-Primary);

}



.con-history-wrap .f-d2 {

  margin: 60rem 0;

}



.con-history-wrap section+section {

  margin-top: 160rem;

}



.year-nav a .progress {

  display: inline-block;

  width: 20rem;

  height: 20rem;

  margin-right: 16rem;

  border-radius: var(--border-radius-full);

  background: conic-gradient(#003087 0 var(--progress, 0%),

      #F1F4F8 var(--progress, 0%) 100%);

  transition: opacity 0.3s, visibility 0.3s;

  opacity: 0;

  visibility: hidden;

  image-rendering: -webkit-optimize-contrast;

}



.year-nav a.active .progress {

  opacity: 1;

  visibility: visible;

}



.slide-scroll {

  overflow-x: auto;

  scrollbar-width: none;

}



.con-history-wrap .img {

  border-radius: var(--border-radius-sm);

  overflow: hidden;

}



@media all and (max-width:1024px) {

  .sub-page #hisroty.cont-sec {

    margin-top: 0rem;

  }



  .con-history-wrap {

    flex-direction: column;

  }



  .con-history-wrap .year-nav {

    border-bottom: 1px solid var(--Color-Gray-200);

    background: var(--Color-Gray-White);

    transition: all 0.3;

  }



  .con-history-wrap .year-nav ul {

    flex-direction: row;

    padding: 27rem 0;



  }



  .con-history-wrap .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

  }



  .year-nav a.active {

    color: var(--Color-Blue-Primary);

    font-weight: 700;

    font-size: 18rem;

  }



  .year-nav a {

    display: flex;

    align-items: center;

  }



  .year-nav a .progress {

    opacity: 1;

    visibility: visible;

  }



  .cont-sec .year-nav ul li:first-child {

    padding-left: 16rem;

  }



  .cont-sec .year-nav ul li:last-child {

    padding-right: 16rem;

  }



  .cont-sec .year-nav {

    margin-left: -16rem;

    margin-right: -16rem;

    width: calc(100% + 32rem);

    transition: all 0.3s;

  }



  .con-history-wrap section+section {

    margin-top: 120rem;

  }



  .con-history-wrap {

    gap: 120rem;

  }



  .con-history-wrap li span {

    margin-right: 25rem;

  }

}



/* 기술지식 */

.tech-con-wrap {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 80rem;

  padding-bottom: 90rem;

}



.tech-con-wrap .box {

  border-radius: 16rem;

  padding: 60rem;

  color: var(--Color-Gray-White);

}



.tech-con-wrap .box:nth-child(1) {

  background-color: var(--Color-Blue-Primary);

  height: 530rem;

}



.tech-con-wrap .box:nth-child(2) {

  background: url(/common/kr/images/img-tech-box01.png);

  background-repeat: no-repeat;

  background-size: cover;

  height: 610rem;

}



.tech-con-wrap .box:nth-child(3) {

  background: url(/common/kr/images/img-tech-box02.png);

  background-repeat: no-repeat;

  background-size: cover;

  height: 610rem;

  margin-top: -90rem;

  margin-bottom: 90rem;

}



.tech-con-wrap .box:nth-child(4) {

  color: var(--Color-Gray-900);

  background-color: var(--Color-Blue-Light);

  height: 530rem;

}



.tech-con-wrap .box:nth-child(even) {

  margin-top: 90rem;

  margin-bottom: -90rem;

}



.tech-con-wrap .box>p {

  margin-bottom: 60rem;

}



.tech-con-wrap .box ul {

  display: flex;

  flex-direction: column;

  gap: 20rem;

}



.tech-con-wrap .box li {

  padding: 16rem 32rem;

  border-radius: 999rem;

  background: #FFF;

  color: var(--Color-Gray-900);

}



@media all and (max-width:1024px) {

  .tech-con-wrap {

    grid-template-columns: repeat(1, 1fr);

    gap: 40rem;

  }



  .tech-con-wrap .box:nth-child(even) {

    margin-top: 0rem;

    margin-bottom: 0rem;

  }



  .tech-con-wrap .box:nth-child(3) {

    margin-top: 0rem;

    margin-bottom: 0rem;

  }



  .tech-con-wrap .box {

    height: auto !important;

    padding: 40rem 20rem;

  }



  .tech-con-wrap .box li {

    padding: 16rem 24rem;

    white-space: nowrap;

  }



  .tech-con-wrap .box>p {

    font-size: 24rem;

  }



  .tech-con-wrap {

    padding-bottom: 0rem;

  }

}



/* 복리후생 */

.con-benefit-area {

  padding-top: 0 !important;

  background: url(/common/kr/images/img-benefit-bg.jpg) no-repeat center;

  background-size: cover;

  transform: scale(1.05);

  transition-property: transform;

  transition-timing-function: ease-out;

  transition-duration: 1s;

}



.con-benefit-area.show {

  transform: scale(1);

}



.con-benefit-wrap {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  text-align: center;

  height: 100vh;

  color: #FFF;

}



.con-benefit-wrap p {

  white-space: nowrap;

}



.con-benefit-wrap h2 {

  margin: 20rem 0 40rem;

}



.con-benefit-card {

  display: flex;

  flex-direction: column;

  gap: 160rem;

}



.con-benefit-card .img {

  border-radius: 16rem;

  overflow: hidden;

}



.con-benefit-card .img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.benefit-card {

  display: flex;

  align-items: flex-start;

  gap: 175rem;

}



.benefit-card:nth-child(even) {

  flex-direction: row-reverse;

}



.benefit-card .txt>span {

  color: var(--Color-Gray-White);

}



.benefit-card .txt>p {

  color: var(--Color-Gray-White);

  margin: 10rem 0 60rem;

}



.benefit-card ul {

  display: flex;

  flex-direction: column;

  gap: 40rem;

}



.benefit-card li {

  display: flex;

  flex-direction: column;

  gap: 20rem;

}



.benefit-card li span:nth-child(1) {

  color: var(--Color-Gray-White);

}



.benefit-card li span:nth-child(2) {

  color: var(--Color-Gray-300);

}



/* 

#header.type02 {

  border-bottom: none;

  background-color: transparent;

}



#header.type02 nav .menu-list>li .one-dept {

  color: var(--Color-Gray-White);

}



#header.type02 .logo a {

  background: url(/common/kr/images/icon-logo-white.svg) no-repeat center center / 100% auto;

}



#header.type02 .family-wrap {

  color: var(--Color-Gray-White);

}



#header.type02 .family-btn {

  background: url(/common/kr/images/icon-family-site-plus-white.svg) no-repeat right center / 20rem auto;

}



#header.type02 .util .lang-wrap {

  color: var(--Color-Gray-White);

}



#header.type02 .util .lang-wrap .lang-btn::before {

  background: url(/common/kr/images/icon-select20-white.svg) no-repeat center center / 100% auto;



}





#header.type02 .allmenu-wrap .allmenu-btn {

  filter: brightness(0) invert(1);

} */



@media all and (max-width:1024px) {

  .con-benefit-area {

    background: url(/common/kr/images/img-benefit-bg-mo.jpg) no-repeat center / cover;

  }



  .benefit-card {

    flex-direction: column !important;

    align-items: stretch;

  }



  .benefit-card {

    gap: 60rem;

  }

}



/* 지속가능경영 */

.square-border-btn.white {

  border: 1px solid var(--Color-Gray-White);

  width: fit-content;

  background: transparent;

  margin-top: 40rem;



}



.square-border-btn.white span {

  color: var(--Color-Gray-White);

}



.square-border-btn.link.white span {

  padding-right: 24rem;

  background: url(/common/kr/images/icon-btn-plus-white.svg) no-repeat right center / 20rem auto;

}



.fixed-visual.hmst-007 .txt-div {



  display: flex;

  flex-direction: column;

  align-items: center;

}



.fixed-visual.hmst-007 .f-h1 {

  position: relative;

  top: 80rem;

  opacity: 0;

  transition: var(--transition-default);

}



.fixed-visual.hmst-007 .txt-div a {

  opacity: 0;

  position: relative;

  top: 80rem;

  transition: var(--transition-default);

}



.fixed-visual.hmst-007 .txt-div .f-d3 {

  margin-top: 20rem;

}



@media all and (max-width:1024px) {

  .fixed-visual.hmst-007 .txt-div .f-h1 {

    font-size: 20rem;

  }



  .fixed-visual.hmst-007 .txt-div .f-d3 {

    font-size: 32rem;

  }

}



/* 글로벌 아카데미 */



.title-box {

  display: flex;

  flex-direction: column;

  gap: 16px;

}



.title-box .f-t2 {

  color: var(--Color-Gray-900);

}



.title-box .f-b3-r {

  color: var(--Color-Gray-700);

}



.title-box .f-b3-r .text-bold {

  font-weight: 700;

}



.calender-box {

  margin-top: 80rem;

}



.schedule-mark {

  display: flex;

  align-items: center;

  justify-content: flex-end;

  gap: 16px;

  margin-bottom: 40rem;

}



.schedule-mark p {

  display: flex;

  align-items: center;

  gap: 8px;

  color: var(--Color-Gray-700);

}



.schedule-mark p::before {

  content: "";

  width: 16rem;

  height: 16rem;

  border-radius: 100%;

}



.schedule-mark p.basic::before {

  background: var(--Color-Blue-Primary);

}



.schedule-mark p.advenced::before {

  background: #E90C0C;

}



.schedule-mark p.intermediate::before {

  background: var(--Color-Green-Primary);

}





/* 캘린더 */

.calender-area {

  display: flex;

  gap: 20rem;

}



.calender-area .calendar-wrap {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  padding: 48rem;

  width: 100%;

  border: 1px solid var(--Color-Gray-300);

  border-radius: var(--border-radius-md);

  box-sizing: border-box;

}



#calendar {

  max-width: 100%;

  margin: 20px auto;

}







.fc .fc-col-header-cell {

  padding-block: 8.5rem;

  background: #f4f4f4;

}



.fc .fc-col-header-cell-cushion {

  padding: 0;

  color: #1A1A1A;

  font-size: 14rem;

  font-weight: 500;

  line-height: 110%;

  letter-spacing: -0.28px;

}



.fc .fc-col-header-cell.fc-day-sun .fc-col-header-cell-cushion {

  color: #E90C0C;

}



.fc .fc-daygrid-day .fc-daygrid-day-number {

  padding: 0;

  color: #1A1A1A;

  font-size: 16rem;

  font-weight: 700;

  line-height: 160%;

  letter-spacing: -0.32px;

}



.fc .fc-daygrid-day.fc-day-sun .fc-daygrid-day-number {

  color: #E90C0C;

}



.fc .fc-daygrid-day.fc-day-sat .fc-daygrid-day-number {

  color: #999;

}



.fc-day-other {

  visibility: hidden;

}





.fc .fc-daygrid-day-frame {

  padding: 8rem 4rem;

}



.calendar-header {

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 20px;

  margin-bottom: 15px;

}



#prevBtn,

#nextBtn {

  cursor: pointer;

}



#prevBtn.disabled {

  opacity: 0.3;

  pointer-events: none;

}



.fc .fc-daygrid-day-top {

  display: flex;

  justify-content: center;

}







.fc-daygrid-event {

  border-radius: 2px;

  padding: 2rem;

  margin-top: 8rem !important;

  border: none;

}



.fc-event {

  transition: .4s;

}



.fc-event-title {

  width: 100%;

  text-align: center;

  font-size: 12rem;

  font-weight: 400;

  line-height: 160%;

  letter-spacing: -0.24px;

}



.fc-event.basic .fc-event-title {

  color: var(--Color-Blue-Primary) !important;

}



.fc-event.basic:hover {

  background-color: var(--Color-Blue-Primary) !important;

}



.fc-event.advenced .fc-event-title {

  color: #E90C0C !important;

}



.fc-event.advenced:hover {

  background-color: #E90C0C !important;

}





.fc-event.intermediate .fc-event-title {

  color: var(--Color-Green-Primary) !important;

}



.fc-event.intermediate:hover {

  background-color: var(--Color-Green-Primary) !important;

}



.fc-event:hover .fc-event-title {

  color: var(--Color-Gray-White) !important;

}



.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {

  margin-bottom: 0;

  min-height: 31rem;

}



.fc .fc-daygrid-day.fc-day-today {

  background: none;

}



@media (width <=1024px) {

  #calendar {

    margin: 0 auto;

  }



  .calender-area .calendar-wrap {

    padding: 26rem 10rem;

  }



  .fc .fc-daygrid-day-frame {

    padding: 4rem 1rem;

  }



  .schedule-mark p {

    font-size: 12rem;

  }



  .schedule-mark p::before {

    width: 8rem;

    height: 8rem;

    min-width: 8rem;

    min-height: 8rem;

    border-radius: 8rem;

  }



  .fc-event-title {

    font-size: 10rem;

  }



  .fc-h-event .fc-event-title {

    vertical-align: middle;

  }

}











.con-global-acdm {

  margin-bottom: 170rem;

}



.con-global-acdm .f-t1 {

  margin-bottom: 60rem;

}



.con-global-acdm ul {

  display: flex;

  gap: 24rem;

}



.con-global-acdm li {

  flex: 1;

  display: flex;

  flex-direction: column;

  align-items: flex-end;

  gap: 80rem;

  padding: 60rem;

  border: 1px solid var(--Color-Gray-200);

  border-radius: 16rem;

}



.con-global-acdm li .txt {

  display: flex;

  flex-direction: column;

  gap: 20rem;

  width: 100%;

}



.con-global-acdm li .txt p {

  color: var(--Color-Gray-800);

}



.content-customer.type02 .af-market-info {

  border: none;

  padding: 0;



}



.content-customer.type02 .info-list {

  gap: 60rem;

}



.content-customer.type02 .info-list li:first-child {

  border: none;

  padding-top: 0;

}



.content-customer.type02 .info-list li {

  border-top: 1px solid var(--Color-Gray-200);

  padding-top: 60rem;

}



.af-market-slide p.f-b3-r {

  margin-top: 40rem;

  color: var(--Color-Gray-700);

}



.content-customer.type02 strong {

  display: flex;

  align-items: center;

  gap: 16rem;

}



.content-customer.type02 strong .img {

  display: flex;

  align-items: center;

  justify-content: center;

}



.content-customer.type02 li:nth-child(1) strong {

  color: #38D430;

}



.content-customer.type02 li:nth-child(2) strong {

  color: #00AE42;

}



.content-customer.type02 li:nth-child(3) strong {

  color: #00823D;

}



.content-customer.type02 p.f-b3-r span {

  color: var(--Color-Gray-500);

}



.content-customer.type02 {

  margin-bottom: 0;

}



.content-customer.type02>ul {

  margin-top: 60rem;

}



@media all and (max-width:1024px) {

  .con-global-acdm {

    margin-bottom: 120rem;

  }



  .con-global-acdm ul {

    flex-direction: column;

  }



  .con-global-acdm li {

    gap: 40rem;

    padding: 40rem;

  }



  .content-customer.type02 .customer-box {

    flex-direction: column;

    gap: 0;

  }



}



/* 협력사 교육문의 폼 */

.visitor-wrap .visitor-list .item .form-wrap {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 24rem 20rem;

}



.essential {

  color: #E90C0C;

}



.form-field .blue-bg-info {

  background: var(--Color-Gray-White);

  border-radius: var(--border-radius-md);

  border: 1px solid var(--Color-Gray-200);

}



.form-field .half-tit .f-b3-r {

  color: var(--Color-Gray-700);

  margin-top: 16rem;

}



.form-textarea {

  position: relative;

}



.form-textarea .count-box {

  position: absolute;

  right: 16rem;

  bottom: 16rem;

  color: var(--Color-Gray-500);

}



.form-area .agree-area {

  display: flex;

  flex-direction: column;

  align-items: flex-end;

  gap: 8rem;

}



.agree-area .form-agree {

  height: 160rem;

  border: 1px solid var(--Color-Gray-300);

  border-radius: var(--border-radius-xs);

  background-color: var(--Color-Gray-White);

}



.input-div .form-input:has(input:read-only) {

  border: 1px solid var(--Color-Gray-300) !important;

  background-color: var(--Color-Gray-White);

}



.input-div .sub-text {

  margin-top: 8px;

  color: var(--Color-Gray-700);

}





@media all and (max-width:1024px) {

  .visitor-wrap .visitor-list .item .form-wrap {

    grid-template-columns: repeat(1, 1fr);

    gap: 32rem;

  }



}



/* 신청완료 */

.con-form-ok {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  text-align: center;

}



.con-form-ok .img {

  margin-bottom: 40rem;

}



.con-form-ok .txt-wrap {

  display: flex;

  flex-direction: column;

  gap: 20rem;

  color: var(--Color-Gray-800);

  margin-bottom: 80rem;

}



.con-form-ok a {

  border: none;

  border-radius: 999rem;

  color: var(--Color-Gray-White);

  background-color: var(--Color-Blue-Primary);

  padding: 19rem 32rem;

}



@media all and (max-width:1024px) {

  .con-form-ok .txt-wrap {

    margin-bottom: 60rem;

  }

}











/* sub-tab-area */

.sub-tab-area {

  background-color: var(--Color-Blue-500);

}



.sub-tab-list {



  display: flex;

  align-items: center;

  justify-content: center;

}



.sub-tab-area a {

  flex: 1;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 25.5rem 0;

  color: var(--Color-Gray-White);

  transition: all 0.3s;

  border-bottom: 2px solid var(--Color-Blue-500);

  white-space: nowrap;

}



.sub-tab-area a.active {

  color: var(--Color-Green-Eco);

  border-bottom: 2px solid var(--Color-Green-Eco);

}



@media all and (max-width:1024px) {

  .sub-tab-list {

    justify-content: normal

  }



  .sub-tab-area a {

    padding: 24rem;

  }



  .con-features-wrap {

    flex-direction: column;

  }



  .con-desc {

    padding-top: 120rem;

  }



  .con-features-wrap .left-div {

    margin-bottom: 60rem;

  }



}



.tab-vis {

  position: relative;

  height: 100vh;

  overflow: hidden;

}



.tab-vis .img {

  position: absolute;

  left: 0;

  top: 0;

  z-index: -1;

  width: 100%;

  height: 100%;

}



.tab-vis .img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.tab-vis .txt {

  position: relative;

  z-index: 5;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  justify-content: center;

  gap: 20rem;

  height: 100vh;

}



.tab-vis .txt {

  font-size: 24rem;

  color: var(--Color-Gray-White);

}



.con-desc {

  padding-top: 160rem;

}





/* 특장점 */

.con-features-wrap {

  display: flex;

}



.right-div.type02 {

  max-width: 755rem;

  width: 100%;

}



.right-div.type02>.f-b3-r {



  margin-bottom: 60rem;

}



.right-div.type02 .f-b3-r {

  color: var(--Color-Gray-800);

}



.features-list {

  border-radius: 16rem;

  border: 1px solid var(--Color-Gray-200);

  padding: 40rem;

  display: flex;

  flex-direction: column;

  gap: 40rem;

}



.features-list li {

  display: flex;

  flex-direction: column;

  gap: 10rem;

}



.features-list li p:nth-child(1) {

  color: var(--Color-Blue-Primary);

}



.features-list li p:nth-child(2) {

  color: var(--Color-Gray-800);

}



.features-list li+li {

  padding-top: 40rem;

  border-top: 1px solid var(--Color-Gray-200);

}



@media all and (max-width:1024px) {

  .tab-vis .txt .f-t1 {

    font-size: 28rem;

  }



  .tab-vis .txt .f-h1 {

    font-size: 20rem;

  }



  .features-list {

    padding: 40rem 24rem;

  }



  .sub-tab-area .inner-1220 {

    padding: 0rem 0rem;



  }



  .sub-tab-area .sub-tab-list {

    width: max-content;

    padding: 0 16rem;

  }



}



.con-features-wrap .right-div .img {

  margin-bottom: 60rem;

}



.con-features-wrap .right-div .img-wrap {

  display: flex;

  gap: 15rem;

  margin-bottom: 60rem;

}



.con-features-wrap .right-div .img-wrap .img {

  flex: 1;

  margin-bottom: 0rem;

}



@media all and (max-width:1024px) {

  .con-features-wrap .right-div .img-wrap {

    flex-direction: column;

  }



  .con-features-wrap .right-div .img-wrap .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

  }

}







.content-customer {

  margin-bottom: 120rem;

}



.customer-tit {

  display: flex;

  flex-direction: column;

  gap: 16rem;

}



.content-customer>ul {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  gap: 120rem;

  margin-top: 120rem;

}



.content-customer>ul>li {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  gap: 40rem;

  width: 100%;

}



.customer-box {

  display: flex;

  align-items: flex-start;

  gap: 120rem;

  width: 100%;

}



.customer-box .f-b3-r {

  color: var(--Color-Gray-700);

}



.customer-box-img {

  display: flex;

  flex-direction: column;

  gap: 40rem;

}



.customer-box-img li {

  width: 100%;

  max-width: 400rem;

  border-radius: var(--border-radius-md);

}



.customer-box-img li img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}





@media all and (max-width:1024px) {

  .content-customer {

    margin-bottom: 80rem;

  }



  .content-customer>.f-t2 {

    margin-bottom: 40rem;

  }

}







.customer-info {

  flex: 1;

  display: flex;

  flex-direction: column;

  gap: 56rem;

  padding-block: 56rem;

  border-bottom: 1px solid var(--Color-Gray-200);

  box-sizing: border-box;

  width: 100%;

}







.customer-info:last-child {

  border-bottom: none;

}



.customer-info>p {

  color: var(--Color-Gray-800);

}



.customer-info>div {

  display: flex;

  flex-direction: column;

  gap: 16rem;

}



.customer-tit .f-t1 {

  color: var(--Color-Gray-Black);

}