.board-of-director-banner-slide img {
    width: 100%;
   
}

.board-of-director-banner-slide h2 {
    font-family: proximanovabold;
    font-size: 36px !important;
    line-height: 49px;
    text-align: left;
    color: var(--blockword-orange);
    margin: 0;
    margin-bottom: 20px;
    margin-top: -10px;
}

.board-of-director-banner-slide {
    margin-bottom: 20px;
}

.tab-my-class {
    display: block !important;
}

.aboutkr-overview {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
}

.board-of-director-overview {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.aboutkr-overview img {
    width: 100px;
    margin: auto;
}

.aboutkroverview-title {
  color: #000;
  text-align: center;
  font-family: proximanovasemibold;
  font-size: 14px !important;
  font-style: normal;
  line-height: 20px;
  max-width: 200px;
  margin: auto;
}

.aboutkr-overview-title h1 {
    font-family: proximanovabold;
    font-size: 36px;
    line-height: 49px;
    text-align: left;
    color: var(--blockword-orange);
    margin: 0;
    margin-bottom: 20px;
    margin-top: -10px;
}


@media only screen and (min-width: 991px){
    .board-of-director-overview .layout__region {
    /* width: calc(24% - 20px); */
    flex: 0 1 calc(24% - 20px) !important;
}
  .board-of-director-group-content-synopsis {
    gap: 20px;
    justify-content: space-between;
    padding-left: 120px;
}

.board-of-director-group-content-synopsis .layout__region {
    flex: 0 1 calc(25% - 20px) !IMPORTANT;
    display: flex;
    flex-direction: column;
    align-items: inherit;
}
    .board-of-director-banner-slide img {
        height:300px;
        object-fit:cover;
    }
.board-of-director-ho .layout__region{
    max-width: 1400px;
    margin: auto;
    padding-inline: 20px;
}

/* .board-of-director-ho .layout__region {
    flex: 0 1 calc(50% - 14px) !important;
} */
}
@media only screen and (max-width: 991px){
    .board-of-director-overview .layout__region {
    /* width: calc(24% - 20px); */
    flex: 0 1 calc(50% - 20px) !important;
}
  /* .board-of-director-ho {
    gap: 20px;
} */
}

.aboutkr-ho-title h1{
    font-family: proximanovabold;
    font-size: 36px;
    line-height: 49px;
    text-align: left;
    color: var(--blockword-orange);
    margin: 0;
    margin-bottom: 20px;
    margin-top: -10px;
}





.aboutkr-ho img {
    max-width: 100%;
}

.board-of-director-group-title h1 {
   font-family: proximanovabold;
   font-size: 36px;
   line-height: 49px;
   text-align: left;
   color: var(--blockword-orange);
   margin: 0;
   margin-bottom: 20px;
   /* margin-top: -10px; */
}


.board-of-director-ho {
    margin-bottom: 20px;
    border-radius: 0px 0px 6px 6px;
    background: #F4F2EF;
    padding: 40px 20px;
}

.aboutkr-desc {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}
.board-of-director-group-content-synopsis .field-content a:before {
    content: "\2022";
    color: #000;
    font-weight: bold;
    display: inline-block;
}

.board-of-director-group-content-synopsis .field-content a:nth-child(1):before {
    display:none
}

.board-of-director-group-content-synopsis .field-content a {
    display: flex;
    flex-direction: row;
    gap: 10px;
    color: #000;
    font-size: 11px;
    font-style: normal;
    line-height: 24px;
    text-decoration: none !important;
    justify-content: c;
}

.aboutkr-synopsis img {
    width: 100px;
    /* margin: auto; */
    display: block;
    margin-bottom: 10px;
}

.board-of-director-group-content-synopsis h1 {
    font-family: proximanovabold;
    font-size: 16px !important;
    line-height: 25px;
    text-align: left;
    color: var(--blockword-orange);
    margin: 0;
    margin-bottom: 10px;
}

.board-of-director-tab .attachment-before .view-dirctor-ceo-message .view-content {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: start;
    /* padding-inline: 20px; */
    max-width: 1100px;
    margin: auto;
    align-items: center;
}


.board-of-director-tab .attachment.attachment-before {
    background: #EAE7E0;
    padding: 25px;
}

.board-of-director-tab a.node-det-title {
    color: #000;
    font-size: 18px;
    font-style: normal;
    line-height: 25px;
    font-family: 'proximanovasemibold';
    text-decoration: none !important;
    text-align: left;
    display: flex;
    gap: 10px;
}


.board-of-director-tab h2 {
    border-radius: 6px 6px 0px 0px;
    background: #00426A;
    padding: 10px;
    margin: 0;
    color: #FFF;
    text-align: center;
    font-family: 'proximanovabold';
    font-size: 22px !important;
    font-style: normal;
    line-height: normal;
}

.node-detail-cnt {margin-top: 20px;}

.aboutkr-news-media-image img {
    width: 100%;
}

.board-of-director-tab .more-link {
    display: none;
}
@media only screen and (min-width: 991px){
    .aboutkr-news-media-image {
        display: inline-block;
        width: calc(20% - 20px);
    }
    .aboutkr-title-body {
        display: inline-block;
        width: calc(80% - 20px);
        vertical-align: top;
        padding-left: 20px;
    }
    .board-of-director-tab .aboutkr-director-tab {
    width: calc(33% - 20px);
    display: flex;
}


}

@media only screen and (max-width: 991px){
    .board-of-director-tab .aboutkr-director-tab {
    width:100%;
}
    .aboutkr-news-media-image img {
    width: 100%;
    margin-bottom: 20px;
    height: 300px;
}
    
}

.aboutkr-title-body a {
    color: #00426A;
    font-family: 'proximanovabold';
    font-size: 36px;
    font-style: normal;
    line-height: normal;
    text-decoration: none !important;
}

.aboutkr-title-body p {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding-top: 10px;
}

.board-of-director-tab {
    margin-bottom: 25px;
}

.node-det-title:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 1px;
    padding-left: 15px;
}


.tab-active .node-det-title:before{
 background: none !important;
 background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"><path d="M11 2L20 11L11 20" stroke="%2300426A" stroke-width="3"/><line x1="19" y1="10.5" x2="-1.31134e-07" y2="10.5" stroke="%2300426A" stroke-width="3"/></svg>');
 background-repeat: no-repeat;
 background-size: 20px;
 background-position: center;
 transition: 1s ease-in-out;
}
.tab-active a.node-det-title{
    color: #00426A !important;
    text-decoration: underline 2px !important;
}

.board-of-director-tab .attachment.attachment-before .views-element-container {
    max-width: 1000px;
    margin: auto;
}

/* about ho */

 .board-of-director-ho .field.field--name-body *{
     color: #000;
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     line-height: 23px;
 }

.board-of-director-ho .field--name-field-about-kr-ho img {
    width: 100%;
}
@media only screen and (min-width: 991px){
.board-of-director-ho .field--name-field-about-kr-ho {
    width: 35%;
    display: inline-block;
}
    .board-of-director-tab a.node-det-title{
    gap: 40px;
}

.board-of-director-ho .field.field--name-body {
    width: 64%;
    display: inline-block;
    vertical-align: top;
    padding-left: 20px;
}}

@media only screen and (max-width: 991px){
 .board-of-director-ho .field--name-field-about-kr-ho img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    margin-bottom: 20px;
}
}

.board-of-director-group-content-synopsis .field--name-field-synopsis-icon img {
    margin-bottom: 10px;
    width: 90px;
}


.board-of-director-overview .block-block-content {display: flex;flex-direction: column;gap: 10px;margin-bottom: 20px;}

.board-of-director-overview .field--name-field-overview-image img {
    margin: auto;
    display: block;
    width: 90px;
}

.board-of-director-overview .field--name-field-overview-title {
    color: #000;
    text-align: center;
    font-family: proximanovasemibold;
    font-size: 14px !important;
    font-style: normal;
    line-height: 20px;
    max-width: 200px;
    margin: auto;
}

/* Tab background color */
.board-of-director-tab .views-view-grid{
    padding: 15px 35px 35px;
    border-radius: 0px 0px 6px 6px;
    background: #F4F2EF;
}

.contextual-region {
    position: static;
}

.aboutkr-overview-title {
    display: none;
}

.board-of-director-overview {
    display: none;
}

.board-of-director-group-title {
    display: none;
}

.board-of-director-group-content-synopsis {
    display: none;
}