@charset "UTF-8";
.governance .section_kv .kv_wrap .__breadcrumb {
  position: static;
}
.governance .section_kv .kv_wrap .kv_tit_box {
  margin-top: 9px;
}
.governance .desc_cont {
  flex: 1;
}
.governance .desc_cont dl dt p {
  font-size: 1.3333333333rem;
  line-height: 1.5em;
  font-family: "Spoqa Han Sans Neo", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-weight: 700;
  color: #222;
}
@media screen and (max-width: 1024px) {
  .governance .desc_cont dl dt p {
    font-size: 1.1428571429rem;
    line-height: 1.5em;
    font-family: "Spoqa Han Sans Neo", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  }
}
.governance .desc_cont dl dd {
  font-size: 1rem;
  line-height: 1.7777777778em;
  font-family: "Spoqa Han Sans Neo", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-weight: 400;
  color: #222;
  margin-top: 1.7777777778rem;
}
@media screen and (max-width: 1024px) {
  .governance .desc_cont dl dd {
    margin-top: 0.6666666667rem;
    font-size: 1rem;
    line-height: 1.5714285714em;
    font-family: "Spoqa Han Sans Neo", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
    font-weight: 400;
  }
}
.governance .desc_cont .link_box {
  border-top: 1px solid #e5e5e5;
  padding-top: 1.3333333333rem;
  margin-top: 4.4444444444rem;
}
.governance .desc_cont .link_box::after {
  content: "";
  display: block;
  clear: both;
}
@media screen and (max-width: 1024px) {
  .governance .desc_cont .link_box {
    margin-top: 48px;
    padding-top: 16px;
  }
}
.governance .desc_cont .link_box .link_double {
  float: right;
  display: flex;
  align-items: center;
  gap: 24px;
}
.governance .desc_cont .link_box .link_double .link_item a {
  float: none;
}
.governance .desc_cont .link_box a {
  float: right;
}
.governance .desc_cont .link_box a + a {
  margin-left: 24px;
}
.governance .desc_cont .link_box a span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}
@media screen and (max-width: 1024px) {
  .governance .desc_cont .link_box a span {
    font-size: 14px;
  }
}
@media screen and (max-width: 1024px) {
  .governance .tbl_exp.al_r {
    text-align: left;
  }
}
.governance .section-header h3 {
  word-break: keep-all;
}
.governance .item_figure {
  margin-top: 56px;
}
.governance .item_figure .figure_item {
  margin-top: 48px;
}
@media screen and (max-width: 1024px) {
  .governance .item_figure .figure_item {
    margin-top: 32px;
  }
}
.governance .item_figure .figure_item strong {
  display: block;
  font-weight: 700;
  font-size: 18px;
  color: #222;
}
@media screen and (max-width: 1024px) {
  .governance .item_figure .figure_item strong {
    font-size: 14px;
  }
}
.governance .item_figure .figure_item ul {
  margin-top: 16px;
}
.governance .item_figure .figure_item ul li {
  font-size: 18px;
  line-height: 32px;
}
@media screen and (max-width: 1024px) {
  .governance .item_figure .figure_item ul li {
    font-size: 14px;
    line-height: 22px;
  }
}
.governance .director_list .dir_box {
  padding-top: 80px;
  float: left;
  width: 32.45%;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .governance .director_list .dir_box {
    padding-top: 48px;
  }
}
@media screen and (max-width: 768px) {
  .governance .director_list .dir_box {
    float: none;
    width: 100%;
  }
}
.governance .director_list .dir_box::after {
  content: "";
  display: block;
  clear: both;
}
.governance .director_list .dir_box.middle {
  margin: 0 1.3%;
}
@media screen and (max-width: 768px) {
  .governance .director_list .dir_box.middle {
    margin: 0;
  }
}
.governance .director_list .dir_box.middle .dir_cont {
  left: -104%;
}
@media screen and (max-width: 768px) {
  .governance .director_list .dir_box.middle .dir_cont {
    left: auto;
  }
}
.governance .director_list .dir_box.right .dir_cont {
  left: -208%;
}
@media screen and (max-width: 768px) {
  .governance .director_list .dir_box.right .dir_cont {
    left: auto;
  }
}
.governance .director_list .dir_box.active .dir_cont {
  display: block;
}
.governance .director_list .dir_box.active .dir_name {
  background: #1428a0;
}
.governance .director_list .dir_box.active .dir_name .name {
  color: #fff;
}
.governance .director_list .dir_box.active .dir_name .rank {
  color: #fff;
}
.governance .director_list .dir_box.active .dir_name .__l1 {
  display: none;
}
.governance .director_list .dir_box .dir_name {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 40px 28px;
  box-sizing: border-box;
  background: #f5f5f5;
  margin-top: 16px;
  border-radius: 8px;
}
@media screen and (max-width: 1024px) {
  .governance .director_list .dir_box .dir_name {
    margin-top: 10px;
    padding: 32px 24px;
  }
}
.governance .director_list .dir_box .dir_name span {
  display: block;
}
.governance .director_list .dir_box .dir_name span.name {
  font-size: 24px;
  font-weight: 700;
  color: #222;
}
@media screen and (max-width: 1024px) {
  .governance .director_list .dir_box .dir_name span.name {
    font-size: 16px;
  }
}
.governance .director_list .dir_box .dir_name span.rank {
  font-size: 15px;
  margin-top: 16px;
  color: #888;
}
@media screen and (max-width: 1024px) {
  .governance .director_list .dir_box .dir_name span.rank {
    font-size: 12px;
    margin-top: 12px;
  }
}
.governance .director_list .dir_box .dir_name svg {
  width: 34px;
  height: 34px;
}
.governance .director_list .dir_box .dir_cont {
  display: none;
  position: relative;
  z-index: 1;
  width: 1280px;
  margin-top: 60px;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media screen and (max-width: 1024px) {
  .governance .director_list .dir_box .dir_cont {
    margin-top: 32px;
  }
}
@media screen and (max-width: 768px) {
  .governance .director_list .dir_box .dir_cont {
    width: 100%;
  }
}
.governance .director_list .dir_box .dir_cont .dir_info.first {
  clear: both;
  overflow: hidden;
  padding-bottom: 28px;
  margin-bottom: 28px;
  border-bottom: 1px solid #e5e5e5;
}
@media screen and (max-width: 1024px) {
  .governance .director_list .dir_box .dir_cont .dir_info.first {
    padding-bottom: 24px;
    margin-bottom: 24px;
  }
}
.governance .director_list .dir_box .dir_cont .dir_info .dot {
  float: left;
  padding-right: 48px;
  background: url(/images/front/icon/ico_listdot_type02.jpg) no-repeat left 8px;
}
@media screen and (max-width: 768px) {
  .governance .director_list .dir_box .dir_cont .dir_info .dot + .dot {
    margin-top: 16px;
  }
}
.governance .director_list .dir_box .dir_cont .dir_info .sub_tit {
  font-size: 18px;
  font-weight: 700;
  color: #222;
  margin-bottom: 16px;
  margin-right: 16px;
}
@media screen and (max-width: 1024px) {
  .governance .director_list .dir_box .dir_cont .dir_info .sub_tit {
    font-size: 14px;
  }
}
.governance .director_list .dir_box .dir_cont .dir_info .career + .sub_tit {
  display: block;
  float: none;
  margin-top: 28px;
  padding-top: 28px;
  padding-left: 0;
  border-top: 1px solid #e5e5e5;
}
@media screen and (max-width: 1024px) {
  .governance .director_list .dir_box .dir_cont .dir_info .career + .sub_tit {
    margin-top: 24px;
    padding-top: 24px;
  }
}
.governance .director_list .dir_box .dir_cont .dir_info .career li {
  position: relative;
  clear: both;
  overflow: hidden;
  line-height: 32px;
  padding-left: 14px;
}
@media screen and (max-width: 768px) {
  .governance .director_list .dir_box .dir_cont .dir_info .career li {
    padding-left: 12px;
  }
}
.governance .director_list .dir_box .dir_cont .dir_info .career li::before {
  content: "・";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1024px) {
  .governance .director_list .dir_box .dir_cont .dir_info .career li {
    line-height: 22px;
  }
}
.governance .director_list .dir_box .dir_cont .dir_info .career li:last-child {
  padding-bottom: 0;
}
.governance .director_list .dir_box .dir_cont .dir_info .career span {
  display: block;
  float: left;
  font-size: 18px;
  color: #222;
}
@media screen and (max-width: 1024px) {
  .governance .director_list .dir_box .dir_cont .dir_info .career span {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .governance .director_list .dir_box .dir_cont .dir_info .career span {
    float: none;
    display: inline;
  }
}
.governance .director_list .dir_box .dir_cont .dir_info .career span.text {
  padding-left: 4px;
}
.governance .director_list .dir_box .dir_img {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}
.governance .director_list .dir_box .dir_img img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.3s ease-out;
}
@media screen and (max-width: 768px) {
  .governance .director_list .dir_box .dir_img img {
    display: none;
  }
}
.governance .director_list .dir_box .dir_img img.mo_img {
  display: none;
}
@media screen and (max-width: 768px) {
  .governance .director_list .dir_box .dir_img img.mo_img {
    display: block;
  }
}
.governance .clfix {
  clear: both;
}

.desc_cont {
  flex: 1;
}
.desc_cont dl dt p {
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  color: #222;
}
@media screen and (max-width: 1024px) {
  .desc_cont dl dt p {
    font-size: 16px;
    line-height: 26px;
  }
}
.desc_cont dl dd {
  font-size: 18px;
  line-height: 32px;
  color: #222;
  margin-top: 1.7777777778rem;
}
@media screen and (max-width: 1024px) {
  .desc_cont dl dd {
    font-size: 14px;
    line-height: 22px;
    margin-top: 0.6666666667rem;
  }
}
.desc_cont .link_box {
  border-top: 1px solid #e5e5e5;
  padding-top: 1.3333333333rem;
  margin-top: 4.4444444444rem;
}
@media screen and (max-width: 1024px) {
  .desc_cont .link_box {
    margin-top: 24px;
    padding-top: 8px;
  }
}
.desc_cont .link_box a {
  float: right;
}
.desc_cont .link_box a span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}
@media screen and (max-width: 1024px) {
  .desc_cont .link_box a span {
    font-size: 14px;
  }
}

body.__loaded.en .governance .director_list .dir_box .dir_name {
  max-height: 135px;
}
@media screen and (max-width: 1024px) {
  body.__loaded.en .governance .director_list .dir_box .dir_name {
    max-height: 105px;
  }
}
body.__loaded.en .governance .director_list .dir_box .dir_name .txt {
  line-height: 1.1;
}
body.__loaded.en .section .tab_area .__grid > li:not(:last-child) {
  margin-right: 1.7777777778rem;
}
@media screen and (max-width: 768px) {
  body.__loaded.en .section .tab_area .__grid > li:not(:last-child) {
    margin-right: 0.8888888889rem;
  }
}
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImVzZy9nb3Zlcm5hbmNlLnNjc3MiLCJfdmFyLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUtZO0VBQ0k7O0FBRUo7RUFDSTs7QUFJWjtFQUNJOztBQUdRO0VDa0RaO0VBQ0E7RURqRGdCLGFDZk47RURnQk07RUFJQTs7QUFDQTtFQVJKO0lDa0RaO0lBQ0E7SUR2Q29CLGFDekJWOzs7QUQ4QkY7RUNpQ1I7RUFDQTtFRGhDWSxhQ2hDRjtFRGlDRTtFQUdBO0VBQ0E7O0FBQ0E7RUFSSjtJQVdRO0lDc0JoQjtJQUNBO0lEckJnQixhQzNDTjtJRDRDTTs7O0FBSVo7RUFFSTtFQUNBO0VBQ0E7O0FBQ0E7RUFDSTtFQUNBO0VBQ0E7O0FBRUo7RUFWSjtJQVdRO0lBQ0E7OztBQUVKO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7O0FBRUk7RUFDSTs7QUFJWjtFQUNJOztBQUNBO0VBQ0k7O0FBRUo7RUFDSTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUxKO0lBTVE7OztBQU9oQjtFQURKO0lBRVE7OztBQUlKO0VBQ0k7O0FBR1I7RUFDSTs7QUFDQTtFQUNJOztBQUNBO0VBRko7SUFHUTs7O0FBRUo7RUFDSTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUxKO0lBTVE7OztBQUdSO0VBQ0k7O0FBQ0E7RUFDSTtFQUNBOztBQUNBO0VBSEo7SUFJUTtJQUNBOzs7QUFPaEI7RUFDSTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUxKO0lBTVE7OztBQUVKO0VBUko7SUFTUTtJQUNBOzs7QUFFSjtFQUNJO0VBQ0E7RUFDQTs7QUFFSjtFQUNJOztBQUNBO0VBRko7SUFHUTs7O0FBRUo7RUFDSTs7QUFDQTtFQUZKO0lBR1E7OztBQU1SO0VBQ0k7O0FBQ0E7RUFGSjtJQUdROzs7QUFLUjtFQUNJOztBQUVKO0VBQ0k7O0FBQ0E7RUFDSTs7QUFFSjtFQUNJOztBQUVKO0VBQ0k7O0FBSVo7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFWSjtJQVdRO0lBQ0E7OztBQUVKO0VBQ0k7O0FBQ0E7RUFDSTtFQUNBO0VBQ0E7O0FBQ0E7RUFKSjtJQUtROzs7QUFHUjtFQUNJO0VBQ0E7RUFDQTs7QUFDQTtFQUpKO0lBS1E7SUFDQTs7O0FBSVo7RUFDSTtFQUNBOztBQUdSO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFYSjtJQVlROzs7QUFFSjtFQWRKO0lBZVE7OztBQUdBO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQU5KO0lBT1E7SUFDQTs7O0FBR1I7RUFDSTtFQUNBO0VBQ0E7O0FBRUk7RUFESjtJQUVROzs7QUFJWjtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFOSjtJQU9ROzs7QUFJSjtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQVBKO0lBUVE7SUFDQTs7O0FBR1I7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBTko7SUFPUTs7O0FBRUo7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVKO0VBaEJKO0lBaUJROzs7QUFFSjtFQUNJOztBQUdSO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFMSjtJQU1ROzs7QUFFSjtFQVJKO0lBU1E7SUFDQTs7O0FBRUo7RUFDSTs7QUFNcEI7RUFDSTtFQUNBO0VBQ0E7O0FBQ0E7RUFDSTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUxKO0lBTVE7OztBQUVKO0VBQ0k7O0FBQ0E7RUFGSjtJQUdROzs7QUFReEI7RUFDSTs7O0FBSVI7RUFDSTs7QUFHUTtFQUNJO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBTEo7SUFNUTtJQUNBOzs7QUFLWjtFQUNJO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBTEo7SUFNUTtJQUNBO0lBQ0M7OztBQUliO0VBRUk7RUFDQTtFQUNBOztBQUNBO0VBTEo7SUFNUTtJQUNBOzs7QUFFSjtFQUNJOztBQUNBO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFMSjtJQU1ROzs7O0FBWUo7RUFDSTs7QUFDQTtFQUZKO0lBR1E7OztBQUVKO0VBQ0k7O0FBZUo7RUFDSTs7QUFDQTtFQUZKO0lBR1EiLCJmaWxlIjoiZXNnL2dvdmVybmFuY2UuY3NzIn0= */

/*# sourceMappingURL=governance.css.map */
