@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-jp.css);
@import url("https://p.typekit.net/p.css?s=1&k=oyq3azw&ht=tk&f=34862.34863.34866.34867&a=16670750&app=typekit&e=css");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, input, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: "Spoqa Han Sans Neo", "Spoqa Han Sans JP", "돋움", Dotum, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  vertical-align: baseline;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  word-break: break-word;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

html, body {
  overflow: hidden;
  overflow-y: auto;
}

body {
  line-height: 1.4;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

hr {
  display: none;
}

img {
  vertical-align: middle;
}

button {
  margin: 0;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
  border: none;
  color: #0D0D0D;
}

b, strong {
  font-weight: 700;
}

fieldset, iframe {
  width: 100%;
}

img, a, frame, iframe, fieldset {
  border: 0;
}

a {
  text-decoration: none;
}

a:-webkit-any-link {
  color: #0D0D0D;
}

table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

caption {
  height: 0;
  font-size: 0;
  overflow: hidden;
}

.tow-nd {
  display: none;
}

.fp-watermark {
  display: none !important;
}

/* Font Style */
/* 영문폰트 */
@font-face {
  font-family: "arboria";
  src: url("https://use.typekit.net/af/2ed003/00000000000000003b9b011c/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/2ed003/00000000000000003b9b011c/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/2ed003/00000000000000003b9b011c/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "arboria";
  src: url("https://use.typekit.net/af/f350ae/00000000000000003b9b011d/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/f350ae/00000000000000003b9b011d/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/f350ae/00000000000000003b9b011d/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "arboria";
  src: url("https://use.typekit.net/af/7c0289/00000000000000003b9b0120/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/7c0289/00000000000000003b9b0120/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/7c0289/00000000000000003b9b0120/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: "arboria";
  src: url("https://use.typekit.net/af/1f8fa9/00000000000000003b9b0121/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/1f8fa9/00000000000000003b9b0121/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/1f8fa9/00000000000000003b9b0121/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: "Spoqa Han Sans Neo";
  font-weight: 700;
  src: local("Spoqa Han Sans Neo Bold"), url("https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.woff2") format("woff2"), url("https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.woff") format("woff"), url("https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.ttf") format("truetype");
}
/* 한글폰트 */
@font-face {
  font-family: "Spoqa Han Sans Neo";
  font-style: normal;
  font-display: auto;
  font-weight: 300;
  src: url(/font/SpoqaHanSansNeo-Light.eot);
  src: url(/font/SpoqaHanSansNeo-Light.eot?#iefix) format("embedded-opentype"), url(/font/SpoqaHanSansNeo-Light.woff) format("woff"), url(/font/SpoqaHanSansNeo-Light.ttf) format("truetype");
}
@font-face {
  font-family: "Spoqa Han Sans Neo";
  font-style: normal;
  font-display: auto;
  font-weight: 400;
  src: url(/font/SpoqaHanSansNeo-Regular.eot);
  src: url(/font/SpoqaHanSansNeo-Regular.eot?#iefix) format("embedded-opentype"), url(/font/SpoqaHanSansNeo-Regular.woff) format("woff"), url(/font/SpoqaHanSansNeo-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "Spoqa Han Sans Neo";
  font-style: normal;
  font-display: auto;
  font-weight: 500;
  src: url(/font/SpoqaHanSansNeo-Medium.eot);
  src: url(/font/SpoqaHanSansNeo-Medium.eot?#iefix) format("embedded-opentype"), url(/font/SpoqaHanSansNeo-Medium.woff) format("woff"), url(/font/SpoqaHanSansNeo-Medium.ttf) format("truetype");
}
@font-face {
  font-family: "Spoqa Han Sans Neo";
  font-style: normal;
  font-display: auto;
  font-weight: 700;
  src: url(/font/SpoqaHanSansNeo-Bold.eot);
  src: url(/font/SpoqaHanSansNeo-Bold.eot?#iefix) format("embedded-opentype"), url(/font/SpoqaHanSansNeo-Bold.woff) format("woff"), url(/font/SpoqaHanSansNeo-Bold.ttf) format("truetype");
}
.tk-arboria {
  font-family: "arboria", sans-serif;
}

/* variables */ /* Layout Style*/ /* UI Style(Button, Form, Dialogs */
.blind {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px !important;
  height: 1px !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

.fw-300 {
  font-weight: 300;
}

.content, .topArea {
  position: relative;
  font-size: 4.4444444444vw;
}
.content *, .topArea * {
  font-size: 4.4444444444vw;
}

.topArea.sub {
  padding-top: 27.7777777778vw;
}

.iframe-wrap {
  width: 100%;
  height: auto;
  overflow-x: scroll;
}

@media all and (min-width: 960px) {
  .topArea.sub {
    padding-top: 153px;
  }
}
.cont {
  padding: 12.5vw 6.6666666667vw 12.2222222222vw;
}
.cont .cont_tit {
  display: block;
  text-align: center;
  font-size: 6.1111111111vw;
  font-weight: 700;
}
.cont.pd-rl-20 {
  padding: 12.5vw 5.5555555556vw 12.2222222222vw;
}
.cont .iframe-wrap {
  width: 100%;
  height: auto;
  overflow-x: auto;
}

/* 상단 제목 및 비주얼 */
.topArea {
  padding-top: 10vw;
  text-align: center;
}
.topArea .titArea .tit {
  font-weight: 700;
  font-size: 7.7777777778vw;
  line-height: 1.5;
  color: #0D0D0D;
}
.topArea .titArea .tit .tk-arboria {
  font-size: 9.4444444444vw;
  font-weight: 600;
}
.topArea .titArea .desc {
  height: 12.2222222222vw;
  font-weight: 400;
  font-size: 4.1666666667vw;
  line-height: 1.4;
  color: #454545;
}
.topArea .visual {
  position: relative;
  margin-top: 3.3333333333vw;
  height: 66.6666666667vw;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.topArea .visual.esg-news {
  background-image: url("/images/img_esgNews_m.jpg");
}
.topArea .visual.ak-news {
  background-image: url("/images/img_akNews_m.jpg");
}
.topArea .visual.management {
  background-image: url("/images/img_esg_management_m.jpg");
}
.topArea .visual.value {
  background-image: url("/images/img_value_m.jpg");
}
.topArea .visual.ir {
  background-image: url("/images/img_ir_m.jpg");
}
.topArea .visual.ir-governance {
  background-image: url("/images/img_ir_governance_m.jpg");
}
.topArea .visual.investment {
  background-image: url("/images/img_investment_m.jpg");
}
.topArea .visual.intro-history {
  background-image: url("/images/img_introduce_history_m.jpg");
}
.topArea .visual.intro-history .desc {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 5px 0 3px;
  background: rgba(13, 13, 13, 0.7);
  font-size: 3.6111111111vw;
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
  letter-spacing: -0.02em;
}
.topArea .visual.intro {
  background-image: url("/images/img_introduce_m.png");
}
.topArea .visual.intro-company {
  background-image: url("/images/img_introduce_company_m.jpg");
}
.topArea .visual.financial {
  background-image: url("/images/img_financial_m.jpg");
}
.topArea .visual .top-tab {
  position: absolute;
  top: 53.3333333333vw;
  left: 6.6666666667vw;
  width: calc(100vw - 13.3333333333vw);
  height: 13.3333333333vw;
  background-color: #00498C;
  z-index: 1;
}
.topArea .visual .top-tab.on {
  height: auto;
}
.topArea .visual .top-tab.on ul li.active a {
  color: #8CE0FF;
}
.topArea .visual .top-tab.on ul li:first-child a::after {
  transform: rotate(180deg) translateY(50%);
}
.topArea .visual .top-tab.on ul li a {
  display: flex;
}
.topArea .visual .top-tab ul li:first-child a {
  display: flex !important;
  position: relative;
  background-color: #00498c;
  font-weight: 700;
}
.topArea .visual .top-tab ul li:first-child a::after {
  content: "";
  display: block;
  position: absolute;
  right: 6.6666666667vw;
  top: 50%;
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  transform: translateY(-50%);
  background: url("/images/ico_arrow_white.png") no-repeat 50% 50%;
  background-size: cover;
}
.topArea .visual .top-tab ul li a {
  display: none;
  width: 100%;
  height: 13.3333333333vw;
  padding: 0 6.6666666667vw;
  line-height: 13.3333333333vw;
  font-size: 4.4444444444vw;
  font-weight: 500;
  color: #fff;
  background-color: #003a70;
}
.topArea .visual .top-tab ul li a.colorChange {
  color: #7fa4c5;
}

.tab_menu {
  display: flex;
  margin-bottom: 6.6666666667vw;
  border: 1px solid #E8E8E8;
}

.tab_menu li {
  flex-grow: 1;
  width: 10%;
  border-left: 1px solid #E8E8E8;
}

.tab_menu li:first-child {
  border-left: 0;
}

.tab_menu li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 13.8888888889vw;
  color: #0D0D0D;
  font-size: 4.4444444444vw;
  font-weight: 500;
  line-height: 7.2222222222vw;
}

.tab_menu li.active a {
  color: #fff;
  background: #08A2DC;
}

@media all and (max-width: 960px) {
  .pc {
    display: none;
  }
}
@media all and (min-width: 961px) {
  .mo {
    display: none;
  }
  .content, .topArea {
    max-width: 2560px;
    margin: 0 auto;
  }
  .content *, .topArea * {
    font-size: 16px;
  }
  .topArea {
    padding-top: 36px;
  }
  .topArea .titArea .tit {
    font-size: 60px;
  }
  .topArea .titArea .tit .tk-arboria {
    font-size: 72px;
  }
  .topArea .titArea .desc {
    height: 100%;
    font-size: 18px;
  }
  .topArea .visual {
    margin-top: 32px;
    height: 480px;
  }
  .topArea .visual.esg-news {
    background-image: url("/images/img_esgNews.jpg");
  }
  .topArea .visual.ak-news {
    background-image: url("/images/img_akNews.jpg");
  }
  .topArea .visual.management {
    background-image: url("/images/img_esg_management.jpg");
  }
  .topArea .visual.value {
    background-image: url("/images/img_value.jpg");
  }
  .topArea .visual.ir {
    background-image: url("/images/img_ir.jpg");
  }
  .topArea .visual.ir-governance {
    background-image: url("/images/img_ir_governance.jpg");
  }
  .topArea .visual.investment {
    background-image: url("/images/img_investment.jpg");
  }
  .topArea .visual.intro-history {
    background-image: url("/images/img_introduce_history.jpg");
  }
  .topArea .visual.intro-history .desc {
    bottom: 0;
    left: 50%;
    width: 405px;
    height: 40px;
    transform: translateX(195px);
    padding: 9px 15px 7px;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0;
    line-height: 1.7;
  }
  .topArea .visual.intro {
    background-image: url("/images/img_introduce.png");
  }
  .topArea .visual.intro-company {
    background-image: url("/images/img_introduce_company.jpg");
  }
  .topArea .visual.financial {
    background-image: url("/images/img_financial.jpg");
  }
  .topArea .visual.has-tab {
    margin-bottom: 38px;
  }
  .topArea .visual.has-tab::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40%;
    height: 74px;
    transform: translateY(50%);
    background: #00498C;
  }
  .topArea .visual .top-tab {
    position: absolute;
    top: 443px;
    left: 50%;
    transform: translateX(-50%);
    width: 1200px;
    height: 74px;
    background-color: transparent;
    z-index: 1;
  }
  .topArea .visual .top-tab ul {
    display: flex;
    position: relative;
    justify-content: center;
    width: 100%;
    background: #00498C;
  }
  .topArea .visual .top-tab ul li {
    height: 74px;
  }
  .topArea .visual .top-tab ul li.active {
    position: relative;
    display: block;
  }
  .topArea .visual .top-tab ul li.active a {
    font-weight: 700;
  }
  .topArea .visual .top-tab ul li.active a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 6px;
    background-color: #43C9FB;
  }
  .topArea .visual .top-tab ul li:first-child a {
    display: inline-flex !important;
    background-color: #00498C;
    font-weight: 400;
  }
  .topArea .visual .top-tab ul li:first-child a::after {
    content: none;
  }
  .topArea .visual .top-tab ul li a {
    display: flex;
    height: 74px;
    padding: 0 32px;
    line-height: 74px;
    font-size: 18px;
    font-weight: 400;
    background-color: #00498C;
    color: #fff;
  }
  .cont {
    margin: 0 auto;
  }
  .cont .cont_tit {
    font-size: 32px;
  }
  .tab_menu {
    display: flex;
    margin-bottom: 36px;
    border: 1px solid #E8E8E8;
  }
  .tab_menu li {
    flex-grow: 1;
    width: 10%;
    border-left: 1px solid #E8E8E8;
  }
  .tab_menu li:first-child {
    border-left: 0;
  }
  .tab_menu li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 70px;
    color: #0D0D0D;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
  }
  .tab_menu li.active a {
    color: #fff;
    background: #08A2DC;
  }
}
@media all and (min-width: 1321px) {
  .cont {
    width: 1200px;
    padding: 80px 0 110px;
  }
  .cont.pd-rl-20 {
    padding: 80px 0 110px;
  }
}
@media all and (min-width: 961px) and (max-width: 1320px) {
  .cont {
    width: 100%;
    padding: 80px 48px 110px;
  }
  .cont.pd-rl-20 {
    padding: 80px 48px 110px;
  }
}
/* 게시판 */
.bbs_util {
  margin-bottom: 6.6666666667vw;
}
.bbs_util .sortWrap {
  width: 100%;
}
.bbs_util .searchWrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 3.3333333333vw;
  height: 12.2222222222vw;
}
.bbs_util .searchWrap .bbs_sort {
  width: 50%;
  margin-right: 1.6666666667vw;
}
.bbs_util .searchWrap .search-input {
  margin-left: 1.6666666667vw;
}

.bbs_sort {
  position: relative;
}
.bbs_sort .bbs_button {
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
  height: 12.2222222222vw;
  font-size: 3.8888888889vw;
  border-bottom: 1px solid #0D0D0D;
  font-weight: 400;
}
.bbs_sort .bbs_button::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  transform: translateY(-50%);
  background: url("/images/ico_arrow_black.png") no-repeat 50% 50%;
  background-size: cover;
}
.bbs_sort .bbs_button.on::after {
  transform: rotate(180deg) translateY(50%);
}
.bbs_sort .bbs_button.on + .bbs_sortList {
  display: block;
}
.bbs_sort .bbs_sortList {
  display: none;
  position: absolute;
  top: 12.2222222222vw;
  left: 0;
  width: 100%;
  padding: 4.4444444444vw 5.5555555556vw;
  background-color: #0D0D0D;
  z-index: 10;
}
.bbs_sort .bbs_sortList li a {
  font-size: 3.8888888889vw;
  font-weight: 500;
  color: #fff;
}
.bbs_sort .bbs_sortList li + li {
  margin-top: 2.7777777778vw;
}
.bbs_sort .bbs_sortList li.active a, .bbs_sort .bbs_sortList li a:hover {
  font-weight: 700;
  color: #43C9FB;
}

.btn-search {
  display: block;
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background: url("/images/ico_search.png") no-repeat 50% 50%;
  background-size: cover;
}

.search-input {
  position: relative;
  height: 100%;
  padding-right: 6.6666666667vw;
  border-bottom: 1px solid #0D0D0D;
}
.search-input input {
  height: 100%;
  width: 100%;
  border: none;
  font-size: 3.8888888889vw;
}
.search-input .btn-search {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.bbsList li {
  position: relative;
  padding: 16px 0;
  border-bottom: 1px solid #E8E8E8;
  font-size: 14px;
  color: #0D0D0D;
  line-height: 1.5;
}
.bbsList li:first-child {
  border-top: 2px solid #0D0D0D;
}
.bbsList li a {
  display: block;
  text-align: left;
  color: #0D0D0D;
}
.bbsList li a.btn-download {
  position: absolute;
  right: 0;
  top: 50%;
  height: auto;
  margin-top: -2.5vw;
}
.bbsList li .date {
  display: inline-block;
  margin-top: 6px;
  font-size: 3.8888888889vw;
  color: #777777;
}
.bbsList li.no-data {
  padding: 27.7777777778vw 0;
  font-size: 4.4444444444vw;
  color: #0D0D0D;
  text-align: center;
}
.bbsList.has-download li {
  padding-right: 11.1111111111vw;
}
.bbsList.has-download li .btn-download {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8.3333333333vw;
  height: 8.3333333333vw;
}
.bbsList.has-download li .btn-download::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 5vw;
  height: 5vw;
  margin: 0;
}
.bbsList.has-download li.no-data {
  padding-right: 0;
}

.bbsTbl th {
  height: 53px;
  vertical-align: middle;
  border-top: 2px solid #0D0D0D;
  border-bottom: 1px solid #0D0D0D;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  color: #0D0D0D;
}
.bbsTbl td {
  height: 85px;
  border-bottom: 1px solid #E8E8E8;
  vertical-align: middle;
  color: #777777;
  text-align: center;
  font-weight: 400;
  line-height: 1.5;
}
.bbsTbl td a {
  display: block;
  text-align: left;
  font-size: 18px;
  color: #0D0D0D;
}
.bbsTbl td a:hover {
  font-weight: 500;
  color: #00498C;
}
.bbsTbl td a.btn-download {
  display: inline-block;
  font-size: 16px;
}
.bbsTbl td a.btn-download::before {
  vertical-align: text-bottom;
}
.bbsTbl td a.btn-download:hover {
  color: #08A2DC;
}
.bbsTbl tr.no-data td {
  height: auto;
  padding: 150px 0;
  font-size: 18px;
  color: #0D0D0D;
  text-align: center;
}

@media all and (min-width: 961px) {
  .bbs_util {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
  }
  .bbs_util .sortWrap {
    min-width: 180px;
    max-width: 20%;
  }
  .bbs_util .searchWrap {
    width: 372px;
    margin-top: 0;
    height: 44px;
  }
  .bbs_util .searchWrap .bbs_sort {
    width: 140px;
    margin-right: 6px;
  }
  .bbs_util .searchWrap .search-input {
    width: 220px;
    margin-left: 6px;
  }
  .bbs_sort .bbs_button {
    height: 44px;
    font-size: 16px;
  }
  .bbs_sort .bbs_button::after {
    width: 16px;
    height: 16px;
  }
  .bbs_sort .bbs_sortList {
    top: 44px;
    padding: 16px 20px;
  }
  .bbs_sort .bbs_sortList li a {
    font-size: 16px;
  }
  .bbs_sort .bbs_sortList li + li {
    margin-top: 10px;
  }
  .btn-search {
    width: 24px;
    height: 24px;
  }
  .search-input {
    padding-right: 24px;
  }
  .search-input input {
    font-size: 16px;
  }
  .search-input input::placeholder {
    color: #0D0D0D;
    opacity: 0.25;
  }
}
.thumb_list_area {
  width: 100%;
}

.thumb_list_area ul {
  display: block;
  margin-left: 0;
  margin-bottom: 0;
}

.thumb_list_area ul li {
  width: 100%;
  margin-bottom: 8.33vw;
}

.thumb_list_area ul li a {
  display: block;
  padding-left: 0;
}

.thumb_list_area ul li a .thumb {
  overflow: hidden;
  position: relative;
  padding-top: 56.3%;
  background: #eee;
}

.thumb_list_area ul li a .thumb img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 130%;
  transform: translate(-50%, -50%);
}

.thumb_list_area ul li a .text {
  color: #454545;
  font-size: 4.44vw;
  line-height: 7.22vw;
  margin-top: 3.33vw;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  word-wrap: break-word;
  overflow: hidden;
}

.thumb_list_area ul li a .company {
  color: #08A2DC;
  font-size: 3.61vw;
  font-weight: 500;
  line-height: 7.22vw;
  margin-top: 2.22vw;
  margin-bottom: -2vw;
}

.thumb_list_area ul li a .date {
  color: #ABABAB;
  font-size: 4.44vw;
  line-height: 6.11vw;
}

@media all and (min-width: 961px) {
  .thumb_list_area {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
  .thumb_list_area ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
    margin-bottom: -50px;
  }
  .thumb_list_area ul li {
    width: 33.3%;
    margin-bottom: 50px;
  }
  .thumb_list_area ul li a {
    display: block;
    padding-left: 30px;
  }
  .thumb_list_area ul li a .thumb {
    overflow: hidden;
    position: relative;
    padding-top: 56.3%;
    background: #eee;
  }
  .thumb_list_area ul li a .thumb img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 130%;
    transform: translate(-50%, -50%);
  }
  .thumb_list_area ul li a .text {
    color: #454545;
    font-size: 18px;
    line-height: 28px;
    margin-top: 18px;
  }
  .thumb_list_area ul li a .company {
    color: #08A2DC;
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    margin-top: 10px;
    margin-bottom: -18px;
  }
  .thumb_list_area ul li a .date {
    color: #ABABAB;
    font-size: 14px;
    line-height: 24px;
    margin-top: 2px;
  }
}
/* 페이징 */
.paging {
  display: flex;
  justify-content: space-between;
  width: 100%;
  text-align: center;
  margin: 4.1666666667vw 0 0;
  font-size: 0;
}
.paging > div {
  font-size: 0;
}
.paging a {
  display: inline-block;
  vertical-align: middle;
  width: 10.5555555556vw;
  height: 11.1111111111vw;
  text-align: center;
  font-size: 4.4444444444vw;
  font-weight: 700;
  line-height: 11.1111111111vw;
  color: #ABABAB;
}
.paging a:hover, .paging a.active {
  color: #00498C;
}
.paging a.cur {
  margin: 0 1.3888888889vw;
}
.paging a.arrow {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 4.4444444444vw;
}
.paging a.arrow.disabled {
  opacity: 0.3;
  filter: contrast(0.1);
}
.paging a.first {
  background-image: url("/images/ico_arrow_rightbar.png");
  transform: rotate(180deg);
  margin-left: -3.6111111111vw;
}
.paging a.prev {
  background-image: url("/images/ico_arrow_right.png");
  transform: rotate(180deg);
}
.paging a.next {
  background-image: url("/images/ico_arrow_right.png");
}
.paging a.last {
  background-image: url("/images/ico_arrow_rightbar.png");
  margin-right: -3.6111111111vw;
}

@media all and (min-width: 961px) {
  .paging {
    display: block;
    margin: 50px 0 0;
  }
  .paging > * {
    display: inline-block;
  }
  .paging > div {
    display: inline-block;
  }
  .paging a {
    width: 40px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
  }
  .paging a.cur {
    margin: 0 5px;
  }
  .paging a.first {
    margin-left: 0;
  }
  .paging a.last {
    margin-right: 0;
  }
  .paging a.arrow {
    background-size: 16px;
  }
  .paging .center {
    margin: 0 20px;
  }
}
/* 게시판 상세 */
.bbsWrap .category_tit {
  color: #08A2DC;
  font-size: 3.8888888889vw;
  line-height: 6.1111111111vw;
  font-weight: 500;
  text-align: center;
}

.bbsWrap .cont_tit {
  font-weight: 500;
}

.bbs_detail {
  margin-top: 6.6666666667vw;
  border-top: 1px solid #0D0D0D;
}
.bbs_detail hr {
  display: block;
}
.bbs_detail .top {
  position: relative;
  margin-top: 2.2222222222vw;
}
.bbs_detail .top span, .bbs_detail .top em {
  display: inline-block;
  font-size: 3.8888888889vw;
}
.bbs_detail .top span.item {
  font-weight: 400;
  color: #777;
}
.bbs_detail .top em.value {
  margin-left: 5px;
  font-weight: 500;
}
.bbs_detail .top .cate, .bbs_detail .top .info {
  position: absolute;
  top: 0;
}
.bbs_detail .top .cate {
  left: 0;
}
.bbs_detail .top .info {
  right: 0;
}
.bbs_detail .bbs-view-content {
  padding: 9.7222222222vw 0 0;
}
.bbs_detail .bbs-view-content strong {
  font-size: inherit;
}
.bbs_detail .bbs-view-content img {
  width: 100%;
  text-align: center;
}

.bbs_detail .bbs-view-content .aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.bbs_detail .download-area {
  margin-top: 6.6666666667vw;
  padding: 4.4444444444vw 5.5555555556vw;
  background: #EFF6FC;
}
.bbs_detail .download-area .btn-download {
  font-size: 3.8888888889vw;
}

.bbs-more {
  margin-top: 11.1111111111vw;
  border-top: 1px solid #0D0D0D;
  border-bottom: 1px solid #0D0D0D;
}
.bbs-more li {
  position: relative;
  padding: 4.4444444444vw 11.1111111111vw 4.4444444444vw 0;
}
.bbs-more li.disabled {
  display: none;
}
.bbs-more li + li {
  border-top: 1px solid #E8E8E8;
}
.bbs-more li a {
  display: block;
  word-break: keep-all;
}
.bbs-more li::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background: url("/images/ico_arrow_black.png") no-repeat 50% 50%;
  background-size: cover;
}
.bbs-more li.prev::after {
  transform: translateY(-50%) rotate(-180deg);
}

/* 하단버튼 */
.btn-area {
  margin-top: 6.6666666667vw;
  text-align: center;
}
.btn-area a, .btn-area button {
  display: inline-block;
}

.btn-p {
  display: inline-block;
  width: 100%;
  height: 14.4444444444vw;
  background: #00498C;
  text-align: center;
  line-height: 14.4444444444vw;
  font-weight: 700;
}
.btn-p span {
  color: #FFFFFF;
  font-size: inherit;
  font-weight: inherit;
}

@media all and (min-width: 961px) {
  .bbsWrap .category_tit {
    color: #08A2DC;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    text-align: center;
  }
  .bbs_detail {
    margin-top: 40px;
  }
  .bbs_detail .top {
    height: 20px;
    margin-top: 15px;
  }
  .bbs_detail .top .info {
    display: flex;
  }
  .bbs_detail .top .info div + div {
    margin-left: 50px;
  }
  .bbs_detail .top span, .bbs_detail .top em {
    font-size: 16px;
  }
  .bbs_detail .bbs-view-content {
    padding: 40px 0 0;
  }
  .bbs_detail .bbs-view-content img {
    width: auto;
  }
  .bbs_detail .download-area {
    margin-top: 60px;
    padding: 30px 40px;
  }
  .bbs_detail .download-area .btn-download {
    font-size: 16px;
  }
  .bbs_detail .download-area .btn-download:hover {
    color: #08A2DC;
  }
  .bbs_detail .download-area .label {
    color: #777777;
    margin-right: 10px;
  }
  .bbs-more {
    margin-top: 60px;
  }
  .bbs-more li {
    display: flex;
    justify-content: left;
    align-items: center;
    position: relative;
    padding: 28px 60px 28px 0;
  }
  .bbs-more li + li {
    border-top: 1px solid #E8E8E8;
  }
  .bbs-more li span {
    display: inline-block;
    flex-shrink: 0;
    width: 120px;
    color: #777777;
    text-align: center;
  }
  .bbs-more li a {
    font-size: 18px;
  }
  .bbs-more li a:hover {
    font-weight: 500;
    color: #00498C;
  }
  .bbs-more li::after {
    width: 16px;
    height: 16px;
    right: 30px;
  }
  .btn-area {
    margin-top: 50px;
  }
  .btn-p {
    width: 312px;
    height: 60px;
    line-height: 60px;
  }
  .btn-p span {
    font-size: 17px;
  }
}
/* 다운로드 리스트 */
.download-list li + li {
  margin-top: 3.3333333333vw;
}
.download-list li .inner {
  display: block;
  position: relative;
  height: 44.4444444444vw;
  padding: 6.1111111111vw 6.6666666667vw;
  border: 1px solid #E8E8E8;
}
.download-list li .inner:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 34.7222222222vw;
  height: 36.1111111111vw;
  background: url("/images/bg_download_cont.png") no-repeat 50% 50%;
  background-size: cover;
}
.download-list li .number {
  display: block;
  margin-bottom: 5px;
  font-size: 3.8888888889vw;
  color: #ABABAB;
}
.download-list li .tit {
  font-weight: 500;
  font-size: 4.4444444444vw;
  word-break: keep-all;
  color: #0D0D0D;
}
.download-list li .btn-download {
  position: absolute;
  bottom: 6.1111111111vw;
  left: 6.6666666667vw;
}

.btn-download {
  height: 6.1111111111vw;
  font-size: 3.6111111111vw;
  color: #454545;
}
.btn-download::before {
  content: "";
  display: inline-block;
  width: 5vw;
  height: 5vw;
  margin-right: 2.2222222222vw;
  background: url("/images/ico_download.png") no-repeat 50% 50%;
  background-size: cover;
  vertical-align: text-bottom;
}

@media all and (min-width: 961px) {
  .download-list ul {
    margin: -16px;
    font-size: 0;
  }
  .download-list li {
    display: inline-block;
    width: 25%;
    padding: 16px;
    vertical-align: top;
  }
  .download-list li + li {
    margin-top: 0;
  }
  .download-list li:hover {
    padding: 15px;
  }
  .download-list li:hover a {
    height: 278px;
    border: 2px solid #08A2DC;
  }
  .download-list li:hover a .btn-download {
    color: #08A2DC;
    font-weight: 700;
  }
  .download-list li .inner {
    position: relative;
    height: 276px;
    padding: 30px 36px 32px;
  }
  .download-list li .inner:after {
    width: 160px;
    height: 170px;
  }
  .download-list li .number {
    margin-bottom: 5px;
    font-size: 14px;
  }
  .download-list li .tit {
    font-size: 18px;
  }
  .download-list li .btn-download {
    position: absolute;
    bottom: 32px;
    left: 36px;
  }
  .btn-download {
    height: 24px;
    font-size: 14px;
  }
  .btn-download::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 8px;
  }
}
/* 3depth tab */
.tab {
  display: flex;
  justify-content: center;
  margin: 3.3333333333vw -4.4444444444vw 6.1111111111vw;
}
.tab li {
  margin: 0 2.2222222222vw;
}
.tab li a {
  position: relative;
  display: inline-block;
  padding-bottom: 5.5555555556vw;
  font-size: 3.8888888889vw;
  color: #08A2DC;
}
.tab li a.active {
  font-weight: 700;
}
.tab li a.active::after {
  display: block;
}
.tab li a::after {
  content: "";
  position: absolute;
  display: none;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background: url("/images/ico_arrow_blue.png") no-repeat 50% 50%;
  background-size: cover;
}

/* 재무재표 */
.tbl-title-area {
  min-height: 30px;
  margin-bottom: 10px;
}
.tbl-title-area .tit {
  font-weight: 500;
  font-size: 6.1111111111vw;
  color: #0D0D0D;
}
.tbl-title-area .tbl-util {
  float: right;
  position: relative;
  top: 3.8888888889vw;
  font-size: 3.6111111111vw;
  color: #777;
}
.tbl-title-area::after {
  content: "";
  display: block;
  clear: both;
}

.tbl-finance-wrap {
  border-top: 2px solid #0D0D0D;
}
.tbl-finance-wrap + .tbl-title-area {
  margin-top: 13.8888888889vw;
}
.tbl-finance-wrap .tbl-finance + .tbl-finance {
  border-top: 1px solid #0D0D0D;
}
.tbl-finance-wrap .tbl-finance th, .tbl-finance-wrap .tbl-finance td {
  padding: 4.1666666667vw 4.4444444444vw;
  border-bottom: 1px solid #E8E8E8;
  font-size: 3.8888888889vw;
  color: #0D0D0D;
}
.tbl-finance-wrap .tbl-finance th.txtc-skyblue, .tbl-finance-wrap .tbl-finance td.txtc-skyblue {
  color: #08A2DC;
}
.tbl-finance-wrap .tbl-finance th {
  text-align: left;
}
.tbl-finance-wrap .tbl-finance td {
  text-align: right;
}
.tbl-finance-wrap .tbl-finance tfoot th, .tbl-finance-wrap .tbl-finance tfoot td, .tbl-finance-wrap .tbl-finance thead th, .tbl-finance-wrap .tbl-finance thead td {
  background: rgba(239, 246, 252, 0.5);
  font-weight: 700;
}
.tbl-finance-wrap .tbl-finance tfoot .total th, .tbl-finance-wrap .tbl-finance tfoot .total td, .tbl-finance-wrap .tbl-finance thead .total th, .tbl-finance-wrap .tbl-finance thead .total td {
  background: rgb(0, 73, 140);
  color: #FFF;
}
.tbl-finance-wrap .tbl-finance tfoot .total th.txtc-skyblue, .tbl-finance-wrap .tbl-finance tfoot .total td.txtc-skyblue, .tbl-finance-wrap .tbl-finance thead .total th.txtc-skyblue, .tbl-finance-wrap .tbl-finance thead .total td.txtc-skyblue {
  color: #8CE0FF;
}

@media all and (min-width: 961px) {
  .tab {
    margin: 20px -16px 0;
  }
  .tab li {
    margin: 0 8px;
  }
  .tab li a {
    padding-bottom: 20px;
    font-size: 18px;
  }
  .tab li a::after {
    width: 16px;
    height: 16px;
  }
  .tbl-title-area {
    margin-bottom: 12px;
  }
  .tbl-title-area .tit {
    font-size: 28px;
  }
  .tbl-title-area .tbl-util {
    top: 24px;
    font-size: 14px;
  }
  .tbl-finance-wrap + .tbl-title-area {
    margin-top: 100px;
  }
  .tbl-finance-wrap .tbl-finance th, .tbl-finance-wrap .tbl-finance td {
    padding: 20px;
    font-size: 16px;
  }
}
/* 애경가치 */
.founded-story {
  position: relative;
  text-align: center;
}
.founded-story .desc .caption {
  font-size: 5.2777777778vw;
}
.founded-story .desc p {
  margin-top: 2.5vw;
  font-weight: 400;
  color: #454545;
}
.founded-story .desc p + p {
  margin-top: 3.8888888889vw;
}
.founded-story .ak-cally {
  width: 100%;
  height: auto;
  margin-top: 8.8888888889vw;
  text-align: right;
}
.founded-story .ak-cally img {
  width: 67.5vw;
  height: 100%;
}

.core-value {
  position: relative;
}
.core-value .tit {
  display: block;
  padding-top: 12.5vw;
  text-align: center;
  font-weight: 700;
  font-size: 6.6666666667vw;
  line-height: 9.4444444444vw;
  letter-spacing: -0.02em;
  color: #0D0D0D;
}
.core-value .core-value-list {
  position: relative;
  margin: 5.5555555556vw 6.6666666667vw 6.6666666667vw;
}
.core-value .core-value-list li {
  position: relative;
  padding: 8.3333333333vw 6.1111111111vw 7.7777777778vw;
  border: 1px solid #E8E8E8;
  text-align: center;
}
.core-value .core-value-list li + li {
  margin-top: 3.3333333333vw;
}
.core-value .core-value-list li::after {
  content: "";
  display: block;
  position: absolute;
  top: 8.3333333333vw;
  left: 50%;
  transform: translateX(-50%);
  width: 16.6666666667vw;
  height: 16.6666666667vw;
}
.core-value .core-value-list li.clean::after {
  background: url("/images/ico_value_clean.png") no-repeat 50% 50%;
  background-size: cover;
}
.core-value .core-value-list li.trust::after {
  background: url("/images/ico_value_trust.png") no-repeat 50% 50%;
  background-size: cover;
}
.core-value .core-value-list li.innovation::after {
  background: url("/images/ico_value_innovation.png") no-repeat 50% 50%;
  background-size: cover;
}
.core-value .core-value-list li.challenge::after {
  background: url("/images/ico_value_challenge.png") no-repeat 50% 50%;
  background-size: cover;
}
.core-value .core-value-list li .tit {
  padding-top: 21.1111111111vw;
  font-weight: 500;
  font-size: 5.2777777778vw;
  line-height: 8.3333333333vw;
  color: #00498C;
}
.core-value .core-value-list li .desc {
  margin-top: 1.1111111111vw;
  font-weight: 400;
  font-size: 3.8888888889vw;
  line-height: 6.1111111111vw;
  color: #454545;
  opacity: 0.8;
}
.core-value .visual {
  height: 66.6666666667vw;
  background-image: url(/images/img_core_value_m.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

@media all and (min-width: 961px) {
  .founded-story {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    padding-top: 0;
    text-align: left;
  }
  .founded-story .desc {
    margin-left: 33px;
  }
  .founded-story .desc .caption {
    font-size: 24px;
  }
  .founded-story .desc p {
    margin-top: 16px;
    font-size: 18px;
  }
  .founded-story .desc p + p {
    margin-top: 16px;
  }
  .founded-story .ak-cally {
    width: 567.65px;
    height: auto;
    margin-top: 0;
    text-align: left;
  }
  .founded-story .ak-cally img {
    width: 100%;
    height: auto;
  }
  .core-value .tit {
    display: block;
    padding-top: 80px;
    font-size: 36px;
    line-height: 45px;
    letter-spacing: -0.03em;
  }
  .core-value .core-value-list {
    display: flex;
    position: relative;
    justify-content: space-between;
    max-width: 1200px;
    margin: 40px auto 100px;
  }
  .core-value .core-value-list li {
    position: relative;
    width: 25%;
    padding: 60px 28px 46px;
    text-align: center;
  }
  .core-value .core-value-list li + li {
    margin-top: 0;
    margin-left: 12px;
  }
  .core-value .core-value-list li::after {
    top: 60px;
    width: 72px;
    height: 72px;
  }
  .core-value .core-value-list li.clean::after {
    background: url("/images/ico_value_clean.png") no-repeat 50% 50%;
    background-size: cover;
  }
  .core-value .core-value-list li.trust::after {
    background: url("/images/ico_value_trust.png") no-repeat 50% 50%;
    background-size: cover;
  }
  .core-value .core-value-list li.innovation::after {
    background: url("/images/ico_value_innovation.png") no-repeat 50% 50%;
    background-size: cover;
  }
  .core-value .core-value-list li.challenge::after {
    background: url("/images/ico_value_challenge.png") no-repeat 50% 50%;
    background-size: cover;
  }
  .core-value .core-value-list li .tit {
    padding-top: 124px;
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
  }
  .core-value .core-value-list li .desc {
    margin-top: 12px;
    font-size: 16px;
    line-height: 26px;
    word-break: keep-all;
  }
  .core-value .visual {
    height: 600px;
    background-image: url(/images/img_core_value.png);
  }
}
@media all and (min-width: 961px) and (max-width: 1320px) {
  .core-value .core-value-list {
    width: 100%;
    padding: 0 48px;
  }
  .core-value .core-value-list li .desc {
    word-break: keep-all;
  }
  .core-value .core-value-list li br {
    display: none;
  }
}
.quotes {
  display: block;
  margin: 5.5555555556vw 0;
  font-size: 0;
  text-align: center;
}
.quotes img {
  width: 3.8888888889vw;
  height: auto;
}

.sub-desc {
  font-size: 5.2777777778vw;
  color: #0D0D0D;
  text-align: center;
  letter-spacing: -0.05em;
}

.ak-value-list {
  margin-top: 5.5555555556vw;
  /* esg 경영목표 */
}
.ak-value-list li {
  text-align: center;
}
.ak-value-list li + li {
  margin-top: 3.3333333333vw;
}
.ak-value-list li .img-wrap {
  display: block;
}
.ak-value-list li .img-wrap img {
  width: 100%;
  height: auto;
}
.ak-value-list li .inner {
  border: 1px solid #E8E8E8;
  border-top: none;
  padding: 6.6666666667vw 5.5555555556vw 7.7777777778vw;
}
.ak-value-list li .tit {
  font-weight: 500;
  font-size: 5.2777777778vw;
}
.ak-value-list li .desc {
  margin-top: 2.2222222222vw;
  font-size: 14px;
  color: #777;
}
.ak-value-list.goal {
  position: relative;
  padding-bottom: 21.3888888889vw;
}
.ak-value-list.goal::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 9.7222222222vw;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 11.1111111111vw;
  background: #E8E8E8;
  z-index: -1;
}
.ak-value-list.goal::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 10.2777777778vw;
  height: 10.2777777778vw;
  background: url("/images/ico_arrow_o_down.png") no-repeat 50% 50%;
  background-size: cover;
}
.ak-value-list.goal li {
  position: relative;
}
.ak-value-list.goal li::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(50%);
  width: 1.9444444444vw;
  height: 1.9444444444vw;
  background: #ABABAB;
  border-radius: 50%;
}
.ak-value-list.goal li + li::before {
  content: "";
  display: block;
  position: absolute;
  top: -2.7777777778vw;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 2.7777777778vw;
  background: #E8E8E8;
  z-index: -1;
}

.esg-reflection {
  position: relative;
  padding: 0 6.6666666667vw;
  text-align: center;
}
.esg-reflection::before {
  content: "";
  display: block;
  position: absolute;
  top: 71.1111111111vw;
  bottom: 0;
  left: 0;
  right: 0;
  background: url("/images/bg_vision_mo.png") no-repeat 50% 50%;
  background-size: cover;
  z-index: -1;
}
.esg-reflection .cont_tit {
  font-weight: 700;
  font-size: 6.1111111111vw;
  color: #00498C;
}
.esg-reflection .ak-value-list li .inner {
  border: none;
  background: rgba(0, 69, 135, 0.85);
  backdrop-filter: blur(20px);
  color: #FFFFFF;
}
.esg-reflection .ak-value-list li .inner .desc {
  color: #FFFFFF;
}
.esg-reflection .tk-arboria {
  margin-top: 11.1111111111vw;
  padding-bottom: 15.5555555556vw;
  font-weight: 300;
  font-size: 14.4444444444vw;
  line-height: 1;
  color: #FFFFFF;
}
.esg-reflection .tk-arboria em {
  font-family: "arboria", sans-serif;
  font-size: 14.4444444444vw;
  font-weight: 700;
}

@media all and (min-width: 961px) {
  .quotes {
    margin: 40px 0 20px;
  }
  .quotes img {
    width: 17px;
  }
  .sub-desc {
    font-size: 24px;
  }
  .ak-value-list {
    display: flex;
    margin: 25px -15px;
    /* esg 경영목표 */
  }
  .ak-value-list li {
    width: 33.33%;
    padding: 15px;
  }
  .ak-value-list li + li {
    margin-top: 0;
  }
  .ak-value-list li .inner {
    height: 162px;
    padding: 28px 20px 40px;
  }
  .ak-value-list li .tit {
    font-size: 24px;
  }
  .ak-value-list li .desc {
    margin-top: 8px;
    font-size: 16px;
  }
  .ak-value-list.goal {
    position: relative;
    padding-bottom: 142px;
  }
  .ak-value-list.goal::before {
    content: "";
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 161px;
    background: url("/images/img_diagram_arrow.png") no-repeat 50% 100%;
    z-index: 1;
  }
  .ak-value-list.goal::after {
    content: none;
  }
  .ak-value-list.goal li {
    position: relative;
  }
  .ak-value-list.goal li::after {
    content: none;
  }
  .ak-value-list.goal li + li::before {
    content: none;
  }
  .esg-reflection {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: -107px auto 0;
    padding: 0;
    text-align: center;
  }
  .esg-reflection::before {
    content: "";
    display: block;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    right: auto;
    width: 1920px;
    height: 448px;
    background: url("/images/bg_vision_pc.png") no-repeat 50% 50%;
    background-size: cover;
    z-index: -1;
  }
  .esg-reflection .cont_tit {
    font-size: 32px;
  }
  .esg-reflection .ak-value-list {
    width: 1200px;
    margin: 25px auto 0;
  }
  .esg-reflection .ak-value-list .inner {
    height: 138px;
  }
  .esg-reflection .tk-arboria {
    margin-top: 80px;
    padding-bottom: 96px;
    font-weight: 300;
    font-size: 74px;
    line-height: 1;
    color: #FFFFFF;
  }
  .esg-reflection .tk-arboria em {
    font-family: "arboria", sans-serif;
    font-size: inherit;
    font-weight: 700;
  }
}
@media all and (min-width: 961px) and (max-width: 1320px) {
  .esg-reflection .ak-value-list {
    width: 100%;
    padding: 0 30px;
  }
}
.value-talent .cont_tit {
  padding: 12.5vw 0;
  font-weight: 300;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -0.03em;
  color: #0D0D0D;
  text-align: center;
}
.value-talent .talent-cont {
  padding: 13.8888888889vw 6.6666666667vw;
  background: #EFF6FC;
}
.value-talent .talent-cont .img-wrap {
  width: 100%;
}
.value-talent .talent-cont .img-wrap img {
  width: 100%;
  height: auto;
}
.value-talent .talent-cont .talent-list {
  margin-top: 8.3333333333vw;
}
.value-talent .talent-cont .talent-list li {
  text-align: center;
}
.value-talent .talent-cont .talent-list li + li {
  margin-top: 11.1111111111vw;
  padding-top: 11.1111111111vw;
  border-top: 1px solid #454545;
}
.value-talent .talent-cont .talent-list li .tit {
  margin-bottom: 2.2222222222vw;
  font-weight: 500;
  font-size: 6.1111111111vw;
  line-height: 8.8888888889vw;
  letter-spacing: -0.03em;
}
.value-talent .talent-cont .talent-list li .sub-tit {
  font-weight: 500;
  font-size: 4.4444444444vw;
  line-height: 7.2222222222vw;
}
.value-talent .talent-cont .talent-list li .desc {
  font-weight: 400;
  font-size: 4.4444444444vw;
  line-height: 7.2222222222vw;
  color: #454545;
}
.value-talent .talent-cont .talent-list li.respect .tit, .value-talent .talent-cont .talent-list li.respect .sub-tit {
  color: #08A2DC;
}
.value-talent .talent-cont .talent-list li.sacrifice .tit, .value-talent .talent-cont .talent-list li.sacrifice .sub-tit {
  color: #00AAB5;
}
.value-talent .talent-cont .talent-list li.professional .tit, .value-talent .talent-cont .talent-list li.professional .sub-tit {
  color: #00498C;
}

@media all and (min-width: 961px) {
  .value-talent .cont_tit {
    padding: 80px 0;
    font-size: 24px;
    line-height: 36px;
  }
  .value-talent .talent-cont {
    padding: 80px 0;
    background: #EFF6FC;
  }
  .value-talent .talent-cont .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    max-width: 1200px;
    margin: 0 auto;
  }
  .value-talent .talent-cont .img-wrap {
    width: 600px;
  }
  .value-talent .talent-cont .img-wrap img {
    width: 100%;
    height: auto;
  }
  .value-talent .talent-cont .talent-list {
    width: 541px;
    margin-top: 0;
  }
  .value-talent .talent-cont .talent-list li {
    padding-bottom: 20px;
    border-bottom: 1px solid #454545;
    text-align: left;
  }
  .value-talent .talent-cont .talent-list li + li {
    margin-top: 60px;
    padding-top: 0;
    border-top: 0;
  }
  .value-talent .talent-cont .talent-list li .tit {
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: -0.02em;
  }
  .value-talent .talent-cont .talent-list li .sub-tit {
    display: none;
  }
  .value-talent .talent-cont .talent-list li .desc {
    font-size: 18px;
    line-height: 28px;
    word-break: keep-all;
  }
}
@media all and (min-width: 961px) and (max-width: 1320px) {
  .value-talent .talent-cont {
    padding: 80px 48px;
  }
  .value-talent .talent-cont .img-wrap {
    width: 48%;
  }
  .value-talent .talent-cont .talent-list {
    width: 48%;
  }
}
.intro-ci {
  position: relative;
}
.intro-ci .ci-wrap {
  margin-top: 5.5555555556vw;
}
.intro-ci .ci-wrap .symbol {
  display: block;
  width: 100%;
  height: 52.7777777778vw;
  padding: 8.3333333333vw 0;
  border: 1px solid #E8E8E8;
  text-align: center;
}
.intro-ci .ci-wrap .symbol img {
  width: auto;
  height: calc(100% + 0.5555555556vw);
}
.intro-ci .sub-tit, .intro-ci .desc {
  font-size: 4.4444444444vw;
  line-height: 7.2222222222vw;
  text-align: left;
}
.intro-ci .sub-tit {
  margin-top: 6.6666666667vw;
  color: #08A2DC;
  font-weight: 700;
}
.intro-ci .desc {
  margin-right: -2.7777777778vw;
  margin-top: 4.4444444444vw;
  color: #454545;
  font-weight: 400;
  letter-spacing: -0.04em;
}
.intro-ci .download-wrap {
  margin-top: 7.7777777778vw;
}
.intro-ci .download-wrap li + li {
  margin: 1.3888888889vw 0 0;
}
.intro-ci .download-wrap .btn-download {
  display: block;
  position: relative;
  width: 100%;
  height: 14.4444444444vw;
  line-height: 14.4444444444vw;
  padding-left: 7.7777777778vw;
  border: 1px solid rgba(0, 73, 140, 0.8);
  font-weight: 700;
  font-size: 4.1666666667vw;
  color: #00498C;
  text-align: left;
}
.intro-ci .download-wrap .btn-download::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 10vw;
  transform: translateY(-50%);
  width: 5vw;
  height: 5vw;
  margin-right: 0;
  background: url(/images/ico_download_blue.png) no-repeat 50% 50%;
  background-size: cover;
}

@media all and (min-width: 961px) {
  .intro-ci {
    position: relative;
    padding-left: 616px;
  }
  .intro-ci .cont_tit {
    text-align: left;
  }
  .intro-ci .ci-wrap {
    position: absolute;
    margin-top: 0;
    top: 0;
    left: 0;
  }
  .intro-ci .ci-wrap .symbol {
    width: 551px;
    height: 400px;
    padding: 83px 0 77px;
  }
  .intro-ci .ci-wrap .symbol img {
    width: auto;
    height: 100%;
  }
  .intro-ci .sub-tit, .intro-ci .desc {
    font-size: 18px;
    line-height: 28px;
    word-break: keep-all;
  }
  .intro-ci .sub-tit {
    margin-top: 30px;
  }
  .intro-ci .desc {
    margin-right: 0;
    margin-top: 16px;
  }
  .intro-ci .download-wrap {
    display: flex;
    justify-content: flex-start;
    position: absolute;
    bottom: 25px;
    right: 0;
    margin-top: 0;
  }
  .intro-ci .download-wrap li + li {
    margin: 0 0 0 12px;
  }
  .intro-ci .download-wrap .btn-download {
    width: 286px;
    height: 60px;
    line-height: 60px;
    padding-left: 25px;
    border: 1px solid rgba(0, 73, 140, 0.8);
    font-weight: 700;
    font-size: 17px;
    color: #00498C;
    text-align: left;
  }
  .intro-ci .download-wrap .btn-download::before {
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    margin-right: 0;
    background: url(/images/ico_download_blue.png) no-repeat 50% 50%;
    background-size: cover;
  }
  .intro-ci .download-wrap .btn-download:hover {
    background: #00498C;
    color: #FFFFFF;
  }
  .intro-ci .download-wrap .btn-download:hover::before {
    filter: brightness(30);
  }
}
@media all and (min-width: 961px) and (max-width: 1320px) {
  .intro-ci {
    padding-left: 50%;
  }
  .intro-ci .ci-wrap {
    width: 45%;
  }
  .intro-ci .ci-wrap .symbol {
    width: 100%;
  }
}
.ceo-message {
  text-align: center;
}
.ceo-message .cont_tit {
  padding: 12.5vw 4.1666666667vw 0;
  font-weight: 300;
  font-size: 5.5555555556vw;
  letter-spacing: -0.03em;
}
.ceo-message .cont_tit em {
  font-weight: 700;
  font-size: inherit;
}
.ceo-message .ceo-img-wrap {
  position: relative;
  width: 100%;
  height: auto;
  margin-top: 11.1111111111vw;
}
.ceo-message .ceo-img-wrap::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 2.7777777778vw);
  left: 0;
  right: 0;
  bottom: 0;
  background: #F3F4F6;
  z-index: -1;
}
.ceo-message .ceo-img-wrap .img-wrap {
  display: block;
  width: 52.7777777778vw;
  margin: 0 auto;
}
.ceo-message .ceo-img-wrap .img-wrap img {
  width: 100%;
  height: auto;
}
.ceo-message .ceo-img-wrap .name {
  margin-top: 2.7777777778vw;
  font-size: 3.8888888889vw;
}
.ceo-message .ceo-img-wrap .name em {
  margin: 0 4px;
  font-weight: 700;
  font-size: 4.4444444444vw;
}
.ceo-message .desc {
  position: relative;
  padding: 20.2777777778vw 6.6666666667vw 13.8888888889vw;
  background-color: #F3F4F6;
  font-size: 4.4444444444vw;
  color: #454545;
  text-align: left;
}
.ceo-message .desc::before {
  content: "";
  display: block;
  position: absolute;
  top: 12.5vw;
  left: 6.6666666667vw;
  right: 6.6666666667vw;
  border-top: 1px solid #0D0D0D;
}

.message-list {
  padding: 13.8888888889vw 4.7222222222vw 13.8888888889vw 6.6666666667vw;
}
.message-list li + li {
  margin-top: 8.3333333333vw;
}
.message-list .tit {
  font-weight: 500;
  font-size: 5.2777777778vw;
  color: #00498C;
}
.message-list .desc {
  font-size: 4.4444444444vw;
  color: #454545;
  word-break: keep-all;
}

.catchphrase {
  width: 100%;
  padding: 13.8888888889vw 0 12.2222222222vw;
  text-align: center;
  background: #00498C;
}
.catchphrase img {
  width: 49.4444444444vw;
  height: auto;
}

@media all and (min-width: 961px) {
  .ceo-message {
    position: relative;
    width: 1200px;
    margin: 117px auto 0;
    text-align: left;
  }
  .ceo-message .cont_tit {
    padding: 0;
    font-size: 36px;
  }
  .ceo-message .ceo-img-wrap {
    position: absolute;
    width: 345px;
    height: 470px;
    margin-top: 0;
    top: 0;
    right: 0;
  }
  .ceo-message .ceo-img-wrap::after {
    content: "";
    display: block;
    position: absolute;
    top: 35px;
    left: 35px;
    right: 0;
    bottom: 0;
    background: #F3F4F6;
    z-index: -1;
  }
  .ceo-message .ceo-img-wrap .img-wrap {
    display: block;
    width: 310px;
    margin: 0;
  }
  .ceo-message .ceo-img-wrap .img-wrap img {
    width: 100%;
    height: auto;
  }
  .ceo-message .ceo-img-wrap .name {
    margin-top: 8px;
    padding-right: 30px;
    font-size: 16px;
    text-align: right;
  }
  .ceo-message .ceo-img-wrap .name em {
    font-size: 18px;
  }
  .ceo-message .desc {
    position: relative;
    padding: 81px 0 0;
    background-color: transparent;
    font-size: 18px;
    color: #454545;
    text-align: left;
  }
  .ceo-message .desc::before {
    content: "";
    display: block;
    position: absolute;
    top: 40px;
    left: 0;
    right: auto;
    width: 92px;
    border-top: 1px solid #0D0D0D;
  }
  .message-list {
    padding: 100px 0;
    margin-top: 114px;
    background: #F3F4F6;
  }
  .message-list ul {
    position: relative;
    width: 1200px;
    margin: 0 auto;
  }
  .message-list ul:after {
    content: "";
    display: block;
    position: absolute;
    top: -100px;
    bottom: -100px;
    left: 226px;
    border-left: 1px solid #E8E8E8;
  }
  .message-list li {
    display: flex;
    position: relative;
    justify-content: flex-start;
  }
  .message-list li::before {
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    left: 224px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #00498C;
    z-index: 2;
  }
  .message-list li + li {
    margin-top: 80px;
  }
  .message-list .tit {
    display: block;
    flex-shrink: 0;
    width: 226px;
    font-weight: 500;
    font-size: 24px;
    color: #00498C;
  }
  .message-list .desc {
    padding-left: 42px;
    font-size: 18px;
    color: #454545;
    word-break: keep-all;
  }
  .catchphrase {
    padding: 80px 0 70px;
  }
  .catchphrase img {
    width: 491.38px;
    height: auto;
  }
}
@media all and (min-width: 961px) and (max-width: 1320px) {
  .ceo-message {
    width: 100%;
    padding: 0 48px;
  }
  .ceo-message .cont_tit, .ceo-message .desc {
    padding-right: 350px;
    word-break: keep-all;
  }
  .ceo-message .cont_tit em, .ceo-message .desc em {
    word-break: inherit;
  }
  .message-list {
    padding: 100px 45px;
  }
  .message-list ul {
    width: auto;
  }
}
.contact-ir .desc {
  font-weight: 300;
  font-size: 5.2777777778vw;
  line-height: 8.0555555556vw;
  text-align: center;
  letter-spacing: -0.03em;
  color: #0D0D0D;
}
.contact-ir .mail-address {
  position: relative;
  margin-top: 5.5555555556vw;
  padding-top: 7.5vw;
}
.contact-ir .mail-address::before, .contact-ir .mail-address::after {
  content: "";
  display: block;
  position: absolute;
}
.contact-ir .mail-address::before {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 15.2777777778vw;
  height: 15.2777777778vw;
  background: url("/images/ico_mail.png") no-repeat 50% 50%;
  background-size: cover;
}
.contact-ir .mail-address::after {
  bottom: -3.7944444444vw;
  left: 11.0055555556vw;
  width: 70vw;
  height: 70vw;
  background: url("/images/img_letter_mo.png") no-repeat 50% 50%;
  background-size: cover;
}
.contact-ir .mail-address .inner {
  padding: 13.3333333333vw 6.9444444444vw 55.2777777778vw;
  background: rgba(243, 244, 246, 0.4);
  border: 1px solid #E8E8E8;
  text-align: center;
}
.contact-ir .mail-address .inner .tit {
  font-weight: 700;
  font-size: 3.8888888889vw;
  line-height: 6.1111111111vw;
  color: #08A2DC;
}
.contact-ir .mail-address .inner .address {
  margin-top: 1.1111111111vw;
  font-weight: 700;
  font-size: 5vw;
  line-height: 8.3333333333vw;
  color: #454545;
}
.contact-ir .mail-address .inner .desc {
  margin-top: 6.6666666667vw;
  padding-top: 6.6666666667vw;
  border-top: 1px solid rgba(232, 232, 232, 0.8);
  font-weight: 400;
  font-size: 3.8888888889vw;
  line-height: 6.1111111111vw;
  color: #777777;
}

@media all and (min-width: 961px) {
  .contact-ir .desc {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.02em;
  }
  .contact-ir .mail-address {
    margin-top: 30px;
    padding-top: 32px;
  }
  .contact-ir .mail-address::before {
    width: 65px;
    height: 65px;
  }
  .contact-ir .mail-address::after {
    top: -75.38px;
    bottom: auto;
    left: auto;
    right: -34.66px;
    width: 433.23px;
    height: 433.23px;
    background: url("/images/img_letter_pc.png") no-repeat 50% 50%;
    background-size: cover;
  }
  .contact-ir .mail-address .inner {
    padding: 63px 200px 31px;
  }
  .contact-ir .mail-address .inner .tit {
    font-size: 16px;
    line-height: 26px;
  }
  .contact-ir .mail-address .inner .address {
    margin-top: 5px;
    font-size: 20px;
    line-height: 30px;
  }
  .contact-ir .mail-address .inner .desc {
    margin-top: 55px;
    padding-top: 30px;
    font-size: 16px;
    line-height: 26px;
  }
}
@media all and (min-width: 961px) and (max-width: 1320px) {
  .contact-ir .mail-address::after {
    top: 50%;
    transform: translateY(-50%);
    width: 30%;
    height: 100%;
  }
}
.esg-level-wrap .esg-mark-wrap {
  text-align: center;
}
.esg-level-wrap .esg-mark-wrap + .esg-mark-wrap {
  margin-top: 13.8888888889vw;
  padding-top: 13.8888888889vw;
  border-top: 1px solid #E8E8E8;
}
.esg-level-wrap .esg-mark-wrap .desc {
  display: inline-block;
  margin-top: 1.6666666667vw;
  font-size: 3.6111111111vw;
  color: #777777;
}
.esg-level-wrap .esg-mark-wrap .esg-mark {
  width: 21.6666666667vw;
}
.esg-level-wrap .esg-mark-wrap .esg-mark span {
  display: block;
  margin-top: 1.1111111111vw;
  font-weight: 700;
  font-size: 3.8888888889vw;
}
.esg-level-wrap .esg-mark-wrap .esg-mark img {
  width: 100%;
  height: auto;
  padding: 0 1.3888888889vw;
}
.esg-level-wrap .esg-mark-wrap .esg-mark.total span {
  color: #002856;
}
.esg-level-wrap .esg-mark-wrap .esg-mark.env span {
  color: #72B91D;
}
.esg-level-wrap .esg-mark-wrap .esg-mark.social span {
  color: #00BCB5;
}
.esg-level-wrap .esg-mark-wrap .esg-mark.gov span {
  color: #009ADE;
}
.esg-level-wrap .esg-mark-wrap .esg-mark-list {
  display: flex;
  justify-content: space-between;
  margin-top: 5.5555555556vw;
}

@media all and (min-width: 961px) {
  .esg-level-wrap {
    display: flex;
    justify-content: center; /*20231108 추가*/
  }
  .esg-level-wrap .esg-mark-wrap {
    width: 50%;
    padding-right: 65px;
  }
  .esg-level-wrap .esg-mark-wrap + .esg-mark-wrap {
    margin-top: 0;
    padding-top: 0;
    padding-right: 0;
    padding-left: 65px;
    border-top: none;
    border-left: 1px solid #E8E8E8;
  }
  .esg-level-wrap .esg-mark-wrap .desc {
    margin-top: 8px;
    font-size: 14px;
  }
  .esg-level-wrap .esg-mark-wrap .esg-mark {
    width: 114px;
  }
  .esg-level-wrap .esg-mark-wrap .esg-mark span {
    display: block;
    margin-top: 7px;
    font-size: 17px;
  }
  .esg-level-wrap .esg-mark-wrap .esg-mark img {
    padding: 0;
  }
  .esg-level-wrap .esg-mark-wrap .esg-mark-list {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
  }
}
@media all and (min-width: 961px) and (max-width: 1320px) {
  .esg-level-wrap {
    /* justify-content: space-between; 20231108 주석처리*/
    justify-content: center;
  }
  .esg-level-wrap .esg-mark-wrap {
    padding-right: 2%;
  }
  .esg-level-wrap .esg-mark-wrap + .esg-mark-wrap {
    padding-left: 2%;
  }
  .esg-level-wrap .esg-mark-wrap .esg-mark {
    width: 78px;
  }
  .esg-level-wrap .esg-mark-wrap .esg-mark span {
    font-size: 14px;
  }
}
.tbl-scrollable {
  position: relative;
  overflow-x: scroll;
  width: 100%;
}
.tbl-scrollable .tbl-governance {
  width: 650px;
}
.tbl-scrollable .tbl-governance thead tr:last-child th {
  border-top: 1px solid #0D0D0D;
}
.tbl-scrollable .tbl-governance th, .tbl-scrollable .tbl-governance td {
  font-size: 3.8888888889vw;
  color: #0D0D0D;
  vertical-align: middle;
}
.tbl-scrollable .tbl-governance th {
  padding: 2.2222222222vw 0 3.0555555556vw;
  border-top: 2px solid #0D0D0D;
  border-bottom: 1px solid #0D0D0D;
  font-weight: 500;
  text-align: center;
}
.tbl-scrollable .tbl-governance td {
  padding: 3.8888888889vw 4.4444444444vw 4.1666666667vw;
  border-bottom: 1px solid #E8E8E8;
  border-left: 1px solid #E8E8E8;
  text-align: left;
}
.tbl-scrollable .tbl-governance td:first-child {
  border-left: none;
}
.tbl-scrollable .tbl-governance td.al-r {
  text-align: right;
}
.tbl-scrollable .tbl-governance td.al-c {
  text-align: center;
}
.tbl-scrollable .tbl-governance .detail td {
  background: rgba(243, 244, 246, 0.5);
  color: #777777;
}
.tbl-scrollable .tbl-governance .detail td:first-child {
  padding-left: 8.3333333333vw;
}
.tbl-scrollable .tbl-governance.voting {
  width: 1130px;
}
.tbl-scrollable + .cont_tit {
  margin-top: 13.8888888889vw;
  margin-bottom: 5.5555555556vw;
}
.tbl-scrollable .drag-noti {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 33.3333333333vw;
  height: 33.3333333333vw;
}
.tbl-scrollable .drag-noti img {
  width: 100%;
  height: 100%;
}

.notice-list {
  margin-top: 3.3333333333vw;
  font-size: 3.6111111111vw;
  color: #777777;
}
.notice-list li {
  padding-left: 9.1666666667vw;
  font-size: inherit;
  text-indent: -9.1666666667vw;
  word-break: keep-all;
}

.bod-wrap .desc {
  margin: 0 -0.2777777778vw;
  font-size: 4.4444444444vw;
  line-height: 7.2222222222vw;
  text-align: center;
  color: #454545;
}
.bod-wrap .bod-diagram .img-wrap {
  width: 100%;
  padding: 6.6666666667vw 0 11.1111111111vw;
}
.bod-wrap .bod-diagram .img-wrap img {
  width: 100%;
  height: auto;
}
.bod-wrap .bod-diagram .bod-desc-list li {
  padding: 6.6666666667vw;
  background: rgba(243, 244, 246, 0.5);
  border: 1px solid #E8E8E8;
}
.bod-wrap .bod-diagram .bod-desc-list li + li {
  border-top: 0;
}
.bod-wrap .bod-diagram .bod-desc-list li:first-child .tit {
  color: #00498C;
}
.bod-wrap .bod-diagram .bod-desc-list li:first-child .tit::after {
  background: #00498C;
}
.bod-wrap .bod-diagram .bod-desc-list li .tit {
  font-weight: 700;
  font-size: 4.4444444444vw;
  line-height: 7.2222222222vw;
  color: #08A2DC;
}
.bod-wrap .bod-diagram .bod-desc-list li .tit::after {
  content: "";
  display: inline-block;
  width: 1.3888888889vw;
  height: 1.3888888889vw;
  margin-left: 0.5555555556vw;
  background: #08A2DC;
  border-radius: 50%;
  vertical-align: text-top;
}
.bod-wrap .bod-diagram .bod-desc-list li .desc {
  margin-top: 1.1111111111vw;
  font-weight: 400;
  font-size: 3.8888888889vw;
  line-height: 6.1111111111vw;
  text-align: left;
  color: #777777;
}

.noti {
  margin-top: 1.1111111111vw;
  padding-left: 3.8888888889vw;
  font-weight: 400;
  font-size: 3.6111111111vw;
  line-height: 6.1111111111vw;
  letter-spacing: -0.02em;
  color: #777777;
  text-indent: -3.8888888889vw;
}

.bod-composition {
  padding: 13.8888888889vw 6.6666666667vw;
  background: #EFF6FC;
}
.bod-composition .cont_tit {
  display: block;
  text-align: center;
  font-size: 6.1111111111vw;
  font-weight: 700;
}
.bod-composition .desc {
  margin-top: 3.3333333333vw;
  font-size: 4.4444444444vw;
  color: #454545;
  text-align: center;
}
.bod-composition .bod-list {
  margin-top: 6.6666666667vw;
}
.bod-composition .bod-list li {
  display: flex;
  justify-content: space-between;
  padding: 5.5555555556vw 0 6.1111111111vw 5.5555555556vw;
  background: #FFFFFF;
}
.bod-composition .bod-list li + li {
  margin-top: 1.3888888889vw;
}
.bod-composition .bod-list li .value {
  font-weight: 700;
  font-size: 3.6111111111vw;
  color: #08A2DC;
}
.bod-composition .bod-list li .name {
  width: 53.3333333333vw;
}
.bod-composition .bod-list li .name em, .bod-composition .bod-list li .name span {
  display: block;
  font-weight: 500;
  color: #454545;
}
.bod-composition .bod-list li .name em {
  font-size: 22px;
}
.bod-composition .bod-list li .name span {
  font-size: 3.8888888889vw;
}
.bod-composition .bod-list li .name span.date {
  margin-top: 5.5555555556vw;
  padding-top: 1.9444444444vw;
  border-top: 2px solid #EFF6FC;
  font-weight: 400;
  color: #777777;
}
.bod-composition .btn-list {
  margin-top: 6.1111111111vw;
}
.bod-composition .btn-list li + li {
  margin-top: 1.3888888889vw;
}
.bod-composition .btn-list li .btn-more {
  display: block;
  position: relative;
  padding: 3.8888888889vw 7.7777777778vw;
  border: 1px solid #00498C;
  font-weight: 700;
  font-size: 4.1666666667vw;
  color: #00498C;
}
.bod-composition .btn-list li .btn-more::after {
  content: "+";
  display: block;
  position: absolute;
  top: 50%;
  right: 7.7777777778vw;
  transform: translateY(-50%);
  font-size: 6.1111111111vw;
  font-weight: 400;
}

@media all and (min-width: 961px) {
  .tbl-title-area + .tbl-scrollable {
    padding-top: 6px;
  }
  .tbl-scrollable {
    overflow-x: auto;
    width: 100%;
  }
  .tbl-scrollable .tbl-governance {
    width: 100%;
  }
  .tbl-scrollable .tbl-governance th, .tbl-scrollable .tbl-governance td {
    font-size: 16px;
  }
  .tbl-scrollable .tbl-governance th {
    padding: 12px 0 13px;
  }
  .tbl-scrollable .tbl-governance td {
    padding: 21px 20px 20px;
  }
  .tbl-scrollable .tbl-governance .detail td:first-child {
    padding-left: 40px;
  }
  .tbl-scrollable .tbl-governance.voting {
    width: 100%;
  }
  .tbl-scrollable + .cont_tit {
    margin-top: 100px;
    margin-bottom: 40px;
  }
  .tbl-scrollable .drag-noti {
    display: none;
  }
  .notice-list {
    margin-top: 20px;
    font-size: 14px;
  }
  .notice-list li {
    padding-left: 34px;
    text-indent: -34px;
  }
  .bod-wrap .desc {
    margin: 16px 0 0;
    font-size: 18px;
    line-height: 28px;
  }
  .bod-wrap .bod-diagram {
    display: flex;
    max-width: 1200px;
    margin: 40px auto 0;
    border: 1px solid #E8E8E8;
  }
  .bod-wrap .bod-diagram .img-wrap {
    width: 66.6666%;
    padding: 88px;
  }
  .bod-wrap .bod-diagram .img-wrap img {
    width: 100%;
    height: auto;
  }
  .bod-wrap .bod-diagram .bod-desc-list {
    width: 33.3333%;
  }
  .bod-wrap .bod-diagram .bod-desc-list li {
    padding: 35px 30px 35px 45px;
    background: rgba(243, 244, 246, 0.5);
    border: 0;
  }
  .bod-wrap .bod-diagram .bod-desc-list li + li {
    border-top: 1px solid #E8E8E8;
  }
  .bod-wrap .bod-diagram .bod-desc-list li:first-child .tit {
    color: #00498C;
  }
  .bod-wrap .bod-diagram .bod-desc-list li:first-child .tit::after {
    background: #00498C;
  }
  .bod-wrap .bod-diagram .bod-desc-list li .tit {
    font-size: 18px;
    line-height: 28px;
  }
  .bod-wrap .bod-diagram .bod-desc-list li .tit::after {
    width: 6px;
    height: 6px;
    margin-left: 2px;
  }
  .bod-wrap .bod-diagram .bod-desc-list li .desc {
    margin-top: 4px;
    font-size: 16px;
    line-height: 26px;
  }
  .noti {
    margin-top: 4px;
    padding-left: 14px;
    font-size: 14px;
    line-height: 24px;
    text-indent: -14px;
  }
  .bod-composition {
    padding: 100px 0 80px;
    background: #EFF6FC;
  }
  .bod-composition .cont_tit {
    font-size: 32px;
  }
  .bod-composition .desc {
    margin-top: 16px;
    font-size: 18px;
  }
  .bod-composition .bod-list {
    width: 1200px;
    margin: 40px auto 0;
    text-align: center;
    font-size: 0;
  }
  .bod-composition .bod-list li {
    position: relative;
    display: inline-block;
    width: 293px;
    height: 294px;
    padding: 32px 0 36px 30px;
    text-align: left;
    vertical-align: top;
  }
  .bod-composition .bod-list li + li {
    margin: 4px;
  }
  .bod-composition .bod-list li:first-child {
    margin: 4px 4px 4px 0;
  }
  .bod-composition .bod-list li:nth-child(5) {
    margin: 4px 4px 4px 0;
  }
  .bod-composition .bod-list li .value {
    font-size: 16px;
  }
  .bod-composition .bod-list li .name {
    position: absolute;
    left: 30px;
    bottom: 30px;
    width: 100%;
    margin-top: 86px;
  }
  .bod-composition .bod-list li .name em {
    font-size: 28px;
  }
  .bod-composition .bod-list li .name span {
    font-size: 16px;
  }
  .bod-composition .bod-list li .name span.date {
    margin-top: 14px;
    padding-top: 14px;
  }
  .bod-composition .btn-list {
    width: 898px;
    margin: 50px auto 0;
  }
  .bod-composition .btn-list li {
    display: inline-block;
    width: 293px;
  }
  .bod-composition .btn-list li + li {
    margin-top: 0;
    margin-left: 4px;
  }
  .bod-composition .btn-list li .btn-more {
    padding: 17px 25px;
    font-size: 17px;
  }
  .bod-composition .btn-list li .btn-more::after {
    content: "+";
    display: block;
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translateY(-50%);
    font-size: 24px;
  }
  .bod-composition .btn-list li .btn-more:hover {
    border: none;
    background: #00498C;
    color: #FFFFFF;
  }
}
@media all and (min-width: 961px) and (max-width: 1320px) {
  .bod-wrap .bod-diagram .img-wrap {
    width: 66.6666%;
    padding: 5%;
  }
  .bod-wrap .bod-diagram .img-wrap img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
  .bod-wrap .bod-diagram .bod-desc-list li {
    padding: 10% 5% 10% 10%;
  }
  .bod-wrap .bod-diagram .bod-desc-list li .desc {
    word-break: keep-all;
  }
  .bod-wrap .bod-diagram .bod-desc-list li .desc br {
    display: none;
  }
  .bod-composition .bod-list {
    width: 100%;
  }
  .bod-composition .bod-list li {
    width: 23%;
  }
  .bod-composition .bod-list li .name span {
    word-break: keep-all;
  }
}
/* 연혁 */
.history-cont.fix {
  padding-top: 16.6666666667vw;
}
.history-cont.fix .history-tab {
  position: fixed;
  top: 15.5555555556vw;
  width: 100%;
  z-index: 8;
  background-color: #fff;
  border-top: 1px solid #F3F4F6;
}
.history-cont .history-tab {
  position: relative;
}
.history-cont .history-tab::after {
  content: "";
  display: block;
  position: absolute;
  top: 5.5555555556vw;
  right: 6.1111111111vw;
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background: url("/images/ico_arrow_s_dwon_blue.png") no-repeat 50% 50%;
  background-size: cover;
  transition: all 0.3s ease-out;
  z-index: 1;
}
.history-cont .history-tab .selected-tab {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 16.6666666667vw;
  padding: 0 13.8888888889vw 0 9.1666666667vw;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
}
.history-cont .history-tab .selected-tab li {
  position: relative;
  padding: 5vw 2.2222222222vw 4.4444444444vw;
  flex-shrink: 0;
}
.history-cont .history-tab .selected-tab li:first-child {
  padding-left: 0;
}
.history-cont .history-tab .selected-tab li::before {
  content: "";
  display: inline-block;
  width: 1.3888888889vw;
  height: 1.3888888889vw;
  border-radius: 50%;
  background: #E8E8E8;
  vertical-align: middle;
}
.history-cont .history-tab .selected-tab li span {
  overflow: hidden;
  font-size: 0;
  line-height: 1;
  vertical-align: middle;
}
.history-cont .history-tab .selected-tab li.active::before {
  background: #00498C;
}
.history-cont .history-tab .selected-tab li.active span {
  overflow: visible;
  margin-left: 3.3333333333vw;
  margin-right: 5vw;
  font-size: 3.8888888889vw;
  font-weight: 700;
  color: #00498C;
}
.history-cont .history-tab .select-tab {
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  height: auto;
  padding: 4.1666666667vw 9.1666666667vw 6.6666666667vw;
  background: #FFFFFF;
  z-index: 1;
}
.history-cont .history-tab .select-tab li + li {
  margin-top: 3.8888888889vw;
}
.history-cont .history-tab .select-tab li a {
  font-size: 3.8888888889vw;
  color: #ABABAB;
}
.history-cont .history-tab .select-tab li a::before {
  content: "";
  display: inline-block;
  margin-right: 12px;
  width: 1.3888888889vw;
  height: 1.3888888889vw;
  border-radius: 50%;
  background: #E8E8E8;
  vertical-align: middle;
}
.history-cont .history-tab .select-tab li.active a {
  font-weight: 700;
  color: #00498C;
}
.history-cont .history-tab.active::after {
  transform: rotate(180deg);
}
.history-cont .history-tab.active .select-tab {
  display: block;
}
.history-cont .history-tab.active .select-tab::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.07) 0%, rgba(0, 0, 0, 0) 100%);
}
.history-cont .history-wrap {
  padding: 6.6666666667vw 6.6666666667vw 13.8888888889vw;
}
.history-cont .history-wrap .year-wrap {
  position: relative;
  padding-left: 11.1111111111vw;
  padding-bottom: 14.4444444444vw;
}
.history-cont .history-wrap .year-wrap:last-child {
  padding-bottom: 0;
}
.history-cont .history-wrap .year-wrap::before, .history-cont .history-wrap .year-wrap::after {
  content: "";
  display: block;
  position: absolute;
}
.history-cont .history-wrap .year-wrap::before {
  top: 1.1111111111vw;
  left: 0;
  width: 6.9444444444vw;
  height: 6.9444444444vw;
  background: url("/images/ico_history_close.png") no-repeat 50% 50%;
  background-size: cover;
}
.history-cont .history-wrap .year-wrap.active::before {
  background: url("/images/ico_history_open.png") no-repeat 50% 50%;
}
.history-cont .history-wrap .year-wrap::after {
  top: 1.1111111111vw;
  left: 3.4722222222vw;
  width: 1px;
  height: 100%;
  background: #E8E8E8;
  z-index: -1;
}
.history-cont .history-wrap .year-wrap .year {
  font-weight: 700;
  font-size: 6.6666666667vw;
  color: #00498C;
}
.history-cont .history-wrap .year-wrap ul {
  margin-top: 4.7222222222vw;
}
.history-cont .history-wrap .year-wrap li {
  position: relative;
  display: flex;
  justify-content: flex-start;
}
.history-cont .history-wrap .year-wrap li + li {
  margin-top: 4.1666666667vw;
}
.history-cont .history-wrap .year-wrap li::before {
  content: "";
  display: block;
  position: absolute;
  top: 1.9444444444vw;
  left: -8.1944444444vw;
  width: 1.3888888889vw;
  height: 1.3888888889vw;
  border-radius: 50%;
  background: #00498C;
}
.history-cont .history-wrap .year-wrap .month {
  flex-shrink: 0;
  font-weight: 700;
  font-size: 4.4444444444vw;
  color: #08A2DC;
}
.history-cont .history-wrap .year-wrap .desc {
  margin-left: 2.2222222222vw;
}
.history-cont .history-wrap .year-wrap .desc p {
  font-size: 4.1666666667vw;
  color: #454545;
  word-break: keep-all;
}
.history-cont .history-wrap .year-wrap .desc p + * {
  margin-top: 2.7777777778vw;
}
.history-cont .history-wrap .year-wrap .desc .img {
  width: 100%;
  font-size: 0;
}
.history-cont .history-wrap .year-wrap .desc .img img {
  width: 100%;
  height: auto;
}
.history-cont .history-wrap .year-wrap .desc .img + * {
  margin-top: 2.7777777778vw;
}
.history-cont .history-wrap .year-wrap.active .year::after {
  content: "자세히보기";
  display: inline-block;
  margin-left: 2.7777777778vw;
  font-size: 3.6111111111vw;
  font-weight: 500;
  color: inherit;
  vertical-align: middle;
}
.history-cont .history-wrap .year-wrap.active ul {
  overflow: hidden;
  height: 0;
  margin: 0;
  transition: height 0.3s;
}

@media all and (min-width: 961px) {
  /* 연혁 */
  .history-cont {
    display: flex;
    justify-content: space-between;
    padding: 80px 0 100px;
    width: 1200px;
    margin: 0 auto;
  }
  .history-cont.fix {
    padding-top: 0;
  }
  .history-cont.fix .history-tab {
    position: relative;
    top: 0;
    width: auto;
    z-index: 1;
    background-color: transparent;
  }
  .history-cont .history-tab {
    position: relative;
  }
  .history-cont .history-tab::after {
    content: none;
  }
  .history-cont .history-tab .selected-tab {
    display: none;
  }
  .history-cont .history-tab .select-tab {
    display: block;
    position: relative;
    width: 120px;
    height: auto;
    padding: 0;
    background: transparent;
  }
  .history-cont .history-tab .select-tab.fix {
    position: fixed;
    top: 178px;
  }
  .history-cont .history-tab .select-tab li + li {
    margin-top: 20px;
  }
  .history-cont .history-tab .select-tab li a {
    font-size: 16px;
  }
  .history-cont .history-tab .select-tab li a::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
  }
  .history-cont .history-tab .select-tab li.active a, .history-cont .history-tab .select-tab li:hover a {
    font-weight: 700;
    color: #00498C;
  }
  .history-cont .history-tab .select-tab li.active a::before, .history-cont .history-tab .select-tab li:hover a::before {
    background: #00498C;
  }
  .history-cont .history-wrap {
    padding: 0;
    margin-left: 120px;
  }
  .history-cont .history-wrap .year-wrap {
    position: relative;
    padding-left: 173px;
    padding-bottom: 80px;
  }
  .history-cont .history-wrap .year-wrap:last-child {
    padding-bottom: 0;
  }
  .history-cont .history-wrap .year-wrap::before, .history-cont .history-wrap .year-wrap::after {
    content: "";
    display: block;
    position: absolute;
  }
  .history-cont .history-wrap .year-wrap::before {
    top: 0;
    left: 118px;
    width: 25px;
    height: 25px;
  }
  .history-cont .history-wrap .year-wrap::after {
    top: 0;
    left: 130px;
    width: 1px;
    height: 100%;
    background: #E8E8E8;
    z-index: -1;
  }
  .history-cont .history-wrap .year-wrap .year {
    position: absolute;
    top: -13px;
    left: 0;
    font-size: 36px;
  }
  .history-cont .history-wrap .year-wrap ul {
    margin-top: 0;
  }
  .history-cont .history-wrap .year-wrap li + li {
    margin-top: 20px;
  }
  .history-cont .history-wrap .year-wrap li::before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: -45px;
    width: 5px;
    height: 5px;
  }
  .history-cont .history-wrap .year-wrap li:first-child::before {
    content: none;
  }
  .history-cont .history-wrap .year-wrap .month {
    font-size: 18px;
  }
  .history-cont .history-wrap .year-wrap .desc {
    margin-left: 20px;
  }
  .history-cont .history-wrap .year-wrap .desc p {
    font-size: 18px;
  }
  .history-cont .history-wrap .year-wrap .desc p + * {
    margin-top: 6px;
  }
  .history-cont .history-wrap .year-wrap .desc .img {
    width: 100%;
    max-width: 535px;
    font-size: 0;
  }
  .history-cont .history-wrap .year-wrap .desc .img img {
    width: 100%;
    height: auto;
  }
  .history-cont .history-wrap .year-wrap .desc .img + * {
    margin-top: 6px;
  }
  .history-cont .history-wrap .year-wrap.active .year::after {
    font-size: 15px;
    margin-left: 88px;
  }
}
@media all and (min-width: 961px) and (max-width: 1320px) {
  .history-cont {
    width: 100%;
    padding: 80px 45px 100px;
  }
  .history-cont .history-wrap {
    width: calc(100% - 240px);
  }
}
.esg-act-wrap .top-area {
  padding: 12.5vw 6.6666666667vw 6.6666666667vw;
}
.esg-act-wrap .top-area .desc {
  font-weight: 300;
  font-size: 5.2777777778vw;
  line-height: 8.0555555556vw;
  text-align: center;
  letter-spacing: -0.03em;
  color: #0D0D0D;
}
.esg-act-wrap .top-area .esg-act-tab {
  display: flex;
  margin-top: 11.1111111111vw;
  border: 1px solid #E8E8E8;
}
.esg-act-wrap .top-area .esg-act-tab li {
  width: 33.9%;
  text-align: center;
}
.esg-act-wrap .top-area .esg-act-tab li + li {
  border-left: 1px solid #E8E8E8;
}
.esg-act-wrap .top-area .esg-act-tab li a {
  display: block;
  font-size: 0;
  padding: 5.5555555556vw 0 2.7777777778vw;
}
.esg-act-wrap .top-area .esg-act-tab li a em {
  font-size: 0;
}
.esg-act-wrap .top-area .esg-act-tab li a span {
  display: block;
  font-weight: 500;
  font-size: 3.3333333333vw;
  line-height: 4.4444444444vw;
  letter-spacing: -0.02em;
  color: #0D0D0D;
}
.esg-act-wrap .top-area .esg-act-tab li a::before {
  content: "";
  display: inline-block;
  margin-bottom: 3.0555555556vw;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.esg-act-wrap .top-area .esg-act-tab li.env a::before {
  width: 6.6666666667vw;
  height: 8.3333333333vw;
  background-image: url("/images/ico_tab_env.png");
}
.esg-act-wrap .top-area .esg-act-tab li.soc a::before {
  width: 6.6666666667vw;
  height: 8.6111111111vw;
  background-image: url("/images/ico_tab_soc.png");
}
.esg-act-wrap .top-area .esg-act-tab li.gov a::before {
  width: 8.0555555556vw;
  height: 8.6111111111vw;
  background-image: url("/images/ico_tab_gov.png");
}
.esg-act-wrap .top-area .esg-act-tab li.active {
  background: #08A2DC;
  box-shadow: 0px 4px 14px rgba(0, 72, 140, 0.12);
}
.esg-act-wrap .top-area .esg-act-tab li.active a span {
  color: #FFFFFF;
}
.esg-act-wrap .top-area .esg-act-tab li.active.env a::before {
  background-image: url("/images/ico_tab_env_on.png");
}
.esg-act-wrap .top-area .esg-act-tab li.active.soc a::before {
  background-image: url("/images/ico_tab_soc_on.png");
}
.esg-act-wrap .top-area .esg-act-tab li.active.gov a::before {
  background-image: url("/images/ico_tab_gov_on.png");
}
.esg-act-wrap .cont-wrap section {
  padding: 0 6.6666666667vw 13.8888888889vw;
}
.esg-act-wrap .cont-wrap section + section {
  padding: 13.8888888889vw 6.6666666667vw;
}
.esg-act-wrap .cont-wrap section:nth-child(even) {
  background: #F3F4F6;
}
.esg-act-wrap .cont-wrap section .hr {
  margin-top: 11.1111111111vw;
  padding-top: 11.1111111111vw;
  border-top: 1px solid #E8E8E8;
}
.esg-act-wrap .cont-wrap section .cate span {
  font-family: "arboria", sans-serif;
  font-weight: 700;
  font-size: 3.6111111111vw;
  line-height: 4.4444444444vw;
  color: #08A2DC;
}
.esg-act-wrap .cont-wrap section .cate span:first-child:after {
  content: "";
  display: inline-block;
  margin: 0 1.9444444444vw;
  width: 30px;
  height: 1px;
  background: #08A2DC;
  vertical-align: middle;
}
.esg-act-wrap .cont-wrap section .tit {
  margin-top: 1.9444444444vw;
  font-weight: 500;
  font-size: 6.1111111111vw;
  line-height: 8.8888888889vw;
  letter-spacing: -0.03em;
  color: #0D0D0D;
  word-break: keep-all;
}
.esg-act-wrap .cont-wrap section .tit + .desc {
  margin-top: 5.5555555556vw;
}
.esg-act-wrap .cont-wrap section .tit + .img-wrap {
  margin-top: 6.6666666667vw;
}
.esg-act-wrap .cont-wrap section .desc {
  font-weight: 400;
  font-size: 4.4444444444vw;
  line-height: 7.2222222222vw;
  color: #777777;
  word-break: keep-all;
}
.esg-act-wrap .cont-wrap section .desc + .img-wrap {
  margin-top: 6.6666666667vw;
}
.esg-act-wrap .cont-wrap section .img-wrap {
  width: 100%;
  font-size: 0;
}
.esg-act-wrap .cont-wrap section .img-wrap img {
  width: 100%;
  height: auto;
}
.esg-act-wrap .cont-wrap section .img-wrap + .desc {
  margin-top: 6.6666666667vw;
}
.esg-act-wrap .cont-wrap section .img-wrap.col2 img {
  width: 50%;
}
.esg-act-wrap .cont-wrap section.soc01 .cont01 + .desc {
  margin-top: 6.6666666667vw;
}

@media all and (min-width: 961px) {
  .esg-act-wrap .top-area {
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 0 36px;
  }
  .esg-act-wrap .top-area .desc {
    font-size: 24px;
    line-height: 36px;
  }
  .esg-act-wrap .top-area .esg-act-tab {
    margin-top: 78px;
  }
  .esg-act-wrap .top-area .esg-act-tab li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 40px;
  }
  .esg-act-wrap .top-area .esg-act-tab li a em span + span:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    margin: 0 11px 4px;
    background-color: #0D0D0D;
    border-radius: 50%;
    vertical-align: middle;
  }
  .esg-act-wrap .top-area .esg-act-tab li a span {
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
  }
  .esg-act-wrap .top-area .esg-act-tab li a::before {
    margin-bottom: 0;
  }
  .esg-act-wrap .top-area .esg-act-tab li.env a::before {
    width: 32px;
    height: 40px;
  }
  .esg-act-wrap .top-area .esg-act-tab li.soc a::before {
    width: 32px;
    height: 42px;
  }
  .esg-act-wrap .top-area .esg-act-tab li.gov a::before {
    width: 37px;
    height: 40px;
  }
  .esg-act-wrap .top-area .esg-act-tab li.active a em span + span:before {
    background-color: #FFFFFF;
  }
  .esg-act-wrap .cont-wrap section {
    padding: 0 48px 100px;
  }
  .esg-act-wrap .cont-wrap section + section {
    padding: 100px 48px;
  }
  .esg-act-wrap .cont-wrap section .inner {
    max-width: 1200px;
    margin: 0 auto;
  }
  .esg-act-wrap .cont-wrap section .hr {
    margin-top: 80px;
    padding-top: 80px;
  }
  .esg-act-wrap .cont-wrap section .cate span {
    font-size: 15px;
    line-height: 18px;
  }
  .esg-act-wrap .cont-wrap section .cate span:first-child:after {
    margin: 0 8px;
  }
  .esg-act-wrap .cont-wrap section .tit {
    margin-top: 14px;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: -0.03em;
  }
  .esg-act-wrap .cont-wrap section .tit + .desc {
    margin-top: 35px;
  }
  .esg-act-wrap .cont-wrap section .tit + .img-wrap {
    margin-top: 40px;
  }
  .esg-act-wrap .cont-wrap section .desc {
    font-size: 18px;
    line-height: 28px;
  }
  .esg-act-wrap .cont-wrap section .desc + .img-wrap {
    margin-top: 40px;
  }
  .esg-act-wrap .cont-wrap section .img-wrap + .desc {
    margin-top: 40px;
  }
  .esg-act-wrap .cont-wrap section.env01 .inner .cont01 {
    position: relative;
    padding-right: 52%;
  }
  .esg-act-wrap .cont-wrap section.env01 .inner .cont01 .img-wrap {
    position: absolute;
    top: 0;
    right: 0;
    width: 46.6666%;
    margin: 0;
  }
  .esg-act-wrap .cont-wrap section.env03 .inner .img-wrap img {
    width: 50%;
  }
  .esg-act-wrap .cont-wrap section.env06 .inner .cont01 {
    position: relative;
    padding-right: 50%;
  }
  .esg-act-wrap .cont-wrap section.env06 .inner .cont01 .img-wrap {
    position: absolute;
    top: 0;
    right: 0;
    width: 46.6666%;
    margin: 0;
  }
  .esg-act-wrap .cont-wrap section.env06 .inner .cont02, .esg-act-wrap .cont-wrap section.env06 .inner .cont03 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .esg-act-wrap .cont-wrap section.env06 .inner .cont02 .desc, .esg-act-wrap .cont-wrap section.env06 .inner .cont03 .desc {
    margin-top: 0;
  }
  .esg-act-wrap .cont-wrap section.env06 .inner .cont02 .img-wrap, .esg-act-wrap .cont-wrap section.env06 .inner .cont03 .img-wrap {
    width: 46.6666%;
    flex-shrink: 0;
  }
  .esg-act-wrap .cont-wrap section.env06 .inner .cont02 .desc {
    padding-left: 6.66%;
  }
  .esg-act-wrap .cont-wrap section.env06 .inner .cont03 {
    flex-direction: row-reverse;
  }
  .esg-act-wrap .cont-wrap section.env06 .inner .cont03 .desc {
    padding-right: 6.66%;
  }
  .esg-act-wrap .cont-wrap section.soc01 .inner .cont01 {
    position: relative;
    padding-right: 52%;
  }
  .esg-act-wrap .cont-wrap section.soc01 .inner .cont01 .img-wrap {
    position: absolute;
    top: 0;
    right: 0;
    width: 46.6666%;
    margin: 0;
  }
  .esg-act-wrap .cont-wrap section.soc01 .inner .cont01 + .desc {
    margin-top: 35px;
  }
}
@media all and (min-width: 961px) and (max-width: 1320px) {
  .esg-act-wrap .top-area {
    padding: 80px 48px;
    width: 100%;
    max-width: 100%;
  }
}
/* Layout Style*/
body.fixed {
  overflow: hidden;
  width: 100%;
  height: 100vh;
}

header {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100vw;
  height: 15.5555555556vw;
  padding: 0 24px 0 20px;
  box-sizing: border-box;
  background-color: #fff;
  transition: background-color 0.1s;
  z-index: 9;
}
header .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
header .head h1 a img {
  width: auto;
  height: 6.6666666667vw;
}
header .head h1 a img:nth-child(1) {
  display: none;
}
header .head h1 a img:nth-child(2) {
  display: block;
}
header .head .quick-menu {
  display: none;
}
header .head .btn-show-menu {
  width: 8.3333333333vw;
  height: 8.3333333333vw;
}
header .head .btn-show-menu:before, header .head .btn-show-menu:after {
  content: "";
  display: block;
  width: 8.3333333333vw;
  height: 0.5555555556vw;
  background-color: #454545;
  transition: background-color 0.3s, transform 0.3s;
}
header .head .btn-show-menu:after {
  margin-top: 1.6666666667vw;
}
header nav {
  display: none;
}
header nav > ul {
  padding-bottom: 30vw;
}
header.main-top, header.main-up {
  background-color: transparent;
}
header.main-top .head h1 a img:nth-child(1), header.main-up .head h1 a img:nth-child(1) {
  display: block;
}
header.main-top .head h1 a img:nth-child(2), header.main-up .head h1 a img:nth-child(2) {
  display: none;
}
header.main-top .head .btn-show-menu:before, header.main-top .head .btn-show-menu:after, header.main-up .head .btn-show-menu:before, header.main-up .head .btn-show-menu:after {
  background-color: #fff;
}
header.expand {
  background-color: #00498C !important;
}
header.expand .head h1 a img:nth-child(1) {
  display: block;
}
header.expand .head h1 a img:nth-child(2) {
  display: none;
}
header.expand .head .btn-show-menu:before, header.expand .head .btn-show-menu:after {
  background-color: #fff !important;
  transform-origin: 2.6388888889vw;
}
header.expand .head .btn-show-menu:before {
  transform: rotate(45deg);
}
header.expand .head .btn-show-menu:after {
  transform: rotate(-45deg);
}
header.expand nav {
  display: block;
  position: absolute;
  top: 15.5555555556vw;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: calc(100vh - 17.7777777778vw);
  padding: 0 6.6666666667vw;
  box-sizing: border-box;
  font-weight: 400;
  color: #0D0D0D;
  background-color: #fff;
  overflow-y: auto;
}
header.expand nav a {
  font-size: 3.8888888889vw;
  font-weight: 500;
}
header.expand nav > ul > em {
  display: none;
}
header.expand nav > ul > li {
  background: url(/images/ico_nav_menu_arrow_blue.png) no-repeat right 9.7222222222vw;
  background-size: auto 4.4444444444vw;
  border-bottom: 1px solid #E8E8E8;
  /* Todo 2nd remove */
  /* //Todo 2nd remove */
}
header.expand nav > ul > li h3 a {
  display: flex;
  align-items: center;
  font-size: 6.1111111111vw;
  font-weight: 400;
  height: 23.8888888889vw;
}
header.expand nav > ul > li > ul {
  position: relative;
  top: -16.6666666667vw;
  left: 41.6666666667vw;
  display: block;
  width: calc(100% - 45.5555555556vw);
  height: 0;
  overflow: hidden;
  transition: height 0.6s ease-out;
}
header.expand nav > ul > li > ul > li a {
  display: block;
  height: 7.2222222222vw;
  margin-top: 2.2222222222vw;
  color: #454545;
  opacity: 0.7;
}
header.expand nav > ul > li > ul > li a.colorChange {
  color: #bbbbbb;
}
header.expand nav > ul > li > ul > li > ul {
  margin-bottom: 5.5555555556vw;
  padding-bottom: 5.5555555556vw;
  border-bottom: 1px solid #E8E8E8;
}
header.expand nav > ul > li > ul > li > ul:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
header.expand nav > ul > li > ul > li > ul > li:first-child a {
  font-size: 4.4444444444vw;
  font-weight: 700;
  color: #0D0D0D;
  opacity: 1;
}
header.expand nav > ul > li > ul > li > ul > li:first-child a.colorChange {
  color: #bbbbbb;
}
header.expand nav > ul > li.active {
  background: url(/images/ico_nav_menu_arrow_blue_active.png) no-repeat right 9.7222222222vw;
  background-size: auto 4.4444444444vw;
}
header.expand nav > ul > li.active h3 a {
  font-weight: 700;
  color: #00498C;
}
header.expand nav > ul > li.active > ul {
  height: auto;
}
header.expand nav > ul > li.active > ul > li > ul > li.active a {
  color: #08A2DC;
}

@media all and (min-width: 961px) {
  header {
    height: 92px;
    padding: 0 60px;
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.12);
  }
  header.top, header.up {
    box-shadow: none;
  }
  header.top .head .quick-menu, header.up .head .quick-menu {
    display: block;
  }
  header.main-top, header.main-up {
    box-shadow: none;
  }
  header.main-top .head .quick-menu, header.main-up .head .quick-menu {
    display: block;
  }
  header.main-top .head .quick-menu ul li a, header.main-up .head .quick-menu ul li a {
    color: #fff;
  }
  header .head h1 a img {
    height: 32px;
  }
  header .head .quick-menu {
    display: block;
    width: calc(100% - 200px - 80px);
    max-width: 600px;
  }
  header .head .quick-menu ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  header .head .quick-menu ul li.active a {
    position: relative;
    display: flex;
    color: #00498C;
  }
  header .head .quick-menu ul li.active a:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 30px;
    width: 6px;
    height: 6px;
    margin-left: -3px;
    border-radius: 50%;
    background-color: #00498C;
  }
  header .head .quick-menu ul li a {
    font-size: 18px;
    font-weight: 700;
    color: #454545;
  }
  header .head .quick-menu ul li:last-child {
    margin-right: 0;
  }
  header .head .btn-show-menu {
    display: inline-block;
    margin-left: 144px;
    width: 30px;
    height: 30px;
  }
  header .head .btn-show-menu:before, header .head .btn-show-menu:after {
    content: "";
    display: block;
    width: 30px;
    height: 2px;
    background-color: #454545;
    transition: background-color 0.3s, transform 0.3s;
  }
  header .head .btn-show-menu:after {
    margin-top: 6px;
  }
  header.show-menu {
    flex-direction: column;
    height: 92px;
    line-height: 91px;
    box-sizing: border-box;
  }
  header.show-menu.main-top, header.show-menu.main-up {
    background-color: #fff;
  }
  header.show-menu.main-top .head h1 a img:nth-child(1), header.show-menu.main-up .head h1 a img:nth-child(1) {
    display: none;
  }
  header.show-menu.main-top .head h1 a img:nth-child(2), header.show-menu.main-up .head h1 a img:nth-child(2) {
    display: block;
  }
  header.show-menu.main-top .head .btn-show-menu:before, header.show-menu.main-top .head .btn-show-menu:after, header.show-menu.main-up .head .btn-show-menu:before, header.show-menu.main-up .head .btn-show-menu:after {
    background-color: #454545;
  }
  header.show-menu.main-top .head .quick-menu ul li a, header.show-menu.main-up .head .quick-menu ul li a {
    color: #454545;
  }
  header.show-menu .quick-menu ul li.active a:after {
    top: 64px;
  }
  header.show-menu .quick-menu ul li a {
    position: relative;
    display: flex;
  }
  header.show-menu .quick-menu ul li a:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 64px;
    display: none;
    width: 6px;
    height: 6px;
    margin-left: -3px;
    border-radius: 50%;
    background-color: #00498C;
  }
  header.show-menu nav {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 251px;
    min-height: 251px;
    margin-top: -1px;
    box-sizing: content-box;
    background-color: #00498C;
  }
  header.show-menu nav > ul {
    width: 100%;
    height: 100% !important;
    padding-bottom: 0;
  }
  header.show-menu nav > ul > li {
    display: none;
    width: 100%;
    height: 100%;
  }
  header.show-menu nav > ul > li h3 {
    display: none;
  }
  header.show-menu nav > ul > li > ul {
    width: 100%;
    max-width: 1200px;
    height: 100%;
    margin: 0 auto;
  }
  header.show-menu nav > ul > li > ul > li {
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
    height: 100%;
  }
  header.show-menu nav > ul > li > ul > li > ul {
    width: 241px;
    height: 251px;
    min-height: 251px;
    padding-top: 36px;
    padding-left: 41px;
    border-left: 1px solid rgba(239, 246, 252, 0.15);
  }
  header.show-menu nav > ul > li > ul > li > ul:last-child {
    border-right: 1px solid rgba(239, 246, 252, 0.15);
  }
  header.show-menu nav > ul > li > ul > li > ul > li {
    height: 26px;
    line-height: 26px;
    margin-top: 6px;
  }
  header.show-menu nav > ul > li > ul > li > ul > li a {
    position: relative;
  }
  header.show-menu nav > ul > li > ul > li > ul > li.active a {
    color: #8CE0FF !important;
    text-decoration: none;
    opacity: 1;
  }
  header.show-menu nav > ul > li > ul > li > ul > li:hover a {
    color: #8CE0FF !important;
    text-decoration: none;
    opacity: 1;
  }
  header.show-menu nav > ul > li > ul > li > ul > li:hover a::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #8CE0FF;
  }
  header.show-menu nav > ul > li > ul > li > ul > li:first-child.active a, header.show-menu nav > ul > li > ul > li > ul > li:first-child:hover a {
    color: #fff;
  }
  header.show-menu nav > ul > li > ul > li > ul > li:first-child.active a::before, header.show-menu nav > ul > li > ul > li > ul > li:first-child:hover a::before {
    background: #FFFFFF;
  }
  header.show-menu nav > ul > li > ul > li > ul > li:first-child {
    margin-bottom: 15px;
  }
  header.show-menu nav > ul > li > ul > li > ul > li:first-child a {
    font-size: 17px;
    font-weight: 700;
    opacity: 1;
  }
  header.show-menu nav > ul > li > ul > li > ul > li a {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    opacity: 0.7;
  }
  header.show-menu nav > ul > li > ul > li > ul > li a.colorChange {
    opacity: 50%;
  }
  header.show-menu.menu0 .quick-menu ul li:nth-child(1) a {
    color: #00498C;
  }
  header.show-menu.menu0 .quick-menu ul li:nth-child(1) a:after {
    display: block;
  }
  header.show-menu.menu0 nav > ul > li:nth-child(1) {
    display: flex;
    width: 820px;
    margin: 0 auto;
  }
  header.show-menu.menu1 .quick-menu ul li:nth-child(2) a {
    color: #00498C;
  }
  header.show-menu.menu1 .quick-menu ul li:nth-child(2) a:after {
    display: block;
  }
  header.show-menu.menu1 nav > ul > li:nth-child(2) {
    display: flex;
    width: 820px;
    margin: 0 auto;
  }
  header.show-menu.menu2 .quick-menu ul li:nth-child(3) a {
    color: #00498C;
  }
  header.show-menu.menu2 .quick-menu ul li:nth-child(3) a:after {
    display: block;
  }
  header.show-menu.menu2 nav > ul > li:nth-child(3) {
    display: flex;
    width: 820px;
    margin: 0 auto;
  }
  header.show-menu.menu3 .quick-menu ul li:nth-child(4) a {
    color: #00498C;
  }
  header.show-menu.menu3 .quick-menu ul li:nth-child(4) a:after {
    display: block;
  }
  header.show-menu.menu3 nav > ul > li:nth-child(4) {
    display: flex;
    width: 820px;
    margin: 0 auto;
  }
  header.expand {
    background-color: #fff !important;
  }
  header.expand .head h1 a img:nth-child(1) {
    display: none !important;
  }
  header.expand .head h1 a img:nth-child(2) {
    display: block !important;
  }
  header.expand .head .btn-show-menu:before, header.expand .head .btn-show-menu:after {
    background-color: #454545 !important;
    transform-origin: 10px;
  }
  header.expand .head .btn-show-menu:before {
    transform: rotate(45deg);
  }
  header.expand .head .btn-show-menu:after {
    transform: rotate(-45deg);
  }
  header.expand .head .quick-menu {
    display: none;
  }
  header.expand nav {
    top: 92px;
    bottom: unset;
    display: flex;
    justify-content: center;
    width: 100vw;
    height: calc(100vh - 92px);
    margin: 0 auto;
    padding: 125px 30px 0;
    box-sizing: border-box;
    font-weight: 400;
    color: #0D0D0D;
    overflow-y: auto;
  }
  header.expand nav a {
    font-size: 16px;
    font-weight: 400;
  }
  header.expand nav > ul {
    display: flex;
    height: 636px;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: 1200px;
    padding-bottom: 0;
  }
  header.expand nav > ul > li {
    position: relative;
    height: inherit;
    padding: 0 93px;
    background: none;
    border-bottom: none;
  }
  header.expand nav > ul > li:first-child {
    padding-left: 0;
  }
  header.expand nav > ul > li:last-child {
    padding-right: 0;
  }
  header.expand nav > ul > li + li::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background-color: #E8E8E8;
  }
  header.expand nav > ul > li h3 a {
    display: flex;
    align-items: center;
    height: auto;
    font-size: 32px;
    font-weight: 700;
    color: #00498C;
  }
  header.expand nav > ul > li > ul {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 160px;
    height: auto;
    padding-bottom: 50px;
  }
  header.expand nav > ul > li > ul > li a {
    display: inline-block;
    position: relative;
    height: auto;
    margin-top: 0;
    color: #454545;
    opacity: 0.7;
  }
  header.expand nav > ul > li > ul > li a:hover {
    color: #08A2DC !important;
  }
  header.expand nav > ul > li > ul > li a:hover::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #08A2DC;
  }
  header.expand nav > ul > li > ul > li > ul {
    margin-top: 30px;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }
  header.expand nav > ul > li > ul > li > ul:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }
  header.expand nav > ul > li > ul > li > ul > li {
    margin-top: 10px;
  }
  header.expand nav > ul > li > ul > li > ul > li.active a {
    color: #08A2DC !important;
  }
  header.expand nav > ul > li > ul > li > ul > li:first-child {
    margin-bottom: 15px;
  }
  header.expand nav > ul > li > ul > li > ul > li:first-child a {
    font-size: 17px;
    font-weight: 700;
    color: #0D0D0D;
    opacity: 1;
  }
  header.expand nav > ul > li > ul > li > ul > li a.colorChange {
    color: #bbbbbb;
  }
  header.expand nav > ul > li.active {
    background: none;
  }
  header.expand nav > ul > li.active h3 a {
    font-weight: 700;
    color: #00498C;
  }
  header.expand nav > ul > li.active > ul {
    height: auto;
  }
  header.expand nav > ul > li.active > ul > li > ul > li.active a {
    color: #08A2DC;
    text-decoration: none;
  }
}
main h2 {
  font-size: 10.5555555556vw;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: #fff;
}
main h3 {
  font-weight: 300;
  font-size: 6.1111111111vw;
  line-height: 8.8888888889vw;
  letter-spacing: -0.03em;
  color: #0D0D0D;
}
main .top-visual {
  position: relative;
  height: calc(var(--vh, 1vh) * 100);
  overflow: hidden;
}
main .top-visual .video-box {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding: 0;
  overflow: hidden;
}
main .top-visual .video-box.pc {
  display: none;
}
main .top-visual .video-box.mo {
  display: block;
}
main .top-visual .video-box video {
  z-index: -1;
  width: 100vw;
}
main .top-visual .typo-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  width: 100vw;
  height: 100vh;
  line-height: 9.4444444444vw;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
main .top-visual .typo-box div {
  font-size: 6.6666666667vw;
  font-weight: 300;
  letter-spacing: -0.02em;
  color: #fff;
  text-align: center;
}
main .top-visual .typo-box div strong {
  font-size: 6.6666666667vw;
  font-weight: 700;
  letter-spacing: -0.04em;
}
main .top-visual .typo-box div p {
  margin-top: 4.1666666667vw;
}
main .top-visual .typo-box div p strong {
  font-size: 7.7777777778vw;
}
main .top-visual .btn-scroll-down {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8.3333333333vw;
  justify-content: center;
  width: 100vw;
  height: 14.4444444444vw;
}
main .top-visual .btn-scroll-down.pc {
  display: none;
}
main .top-visual .btn-scroll-down.mo {
  display: flex;
}
main .top-visual .btn-scroll-down a {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 700;
  font-size: 3.6111111111vw;
  color: #fff;
}
main .top-visual .btn-scroll-down a img {
  width: 5.5555555556vw;
  height: auto;
  margin-bottom: 6px;
}
main .news-room {
  overflow: hidden;
  background: #F3F4F6 url("/images/bg_ak_main_mo.png") no-repeat 50% 0;
  background-size: 100% auto;
  padding-bottom: 22.2222222222vw;
}
main .news-room .news-top {
  padding: 22.2222222222vw 0 11.1111111111vw 0;
}
main .news-room .news-top h2 {
  font-weight: 700;
  font-size: 12.5vw;
  line-height: 1;
  color: #00498C;
  text-align: center;
}
main .news-room .news-top p {
  margin-top: 4.1666666667vw;
  font-size: 4.7222222222vw;
  line-height: 6.6666666667vw;
  letter-spacing: -0.03em;
  color: #0D0D0D;
  text-align: center;
}
main .news-list {
  position: relative;
  padding: 0 6.6666666667vw 6.6666666667vw 6.6666666667vw;
}
main .news-list .swiper-slide .thumb {
  overflow: hidden;
  position: relative;
  padding-top: 67%;
}
main .news-list .swiper-slide img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}
main .news-list .swiper-slide .tit {
  margin-top: 2.7777777778vw;
  font-weight: 500;
  font-size: 3.6111111111vw;
  line-height: 5.5555555556vw;
  color: #08A2DC;
}
main .news-list .swiper-slide .con {
  font-size: 4.4444444444vw;
  line-height: 7.2222222222vw;
  color: #454545;
}
main .news-list .swiper-slide .date {
  font-size: 3.6111111111vw;
  line-height: 6.1111111111vw;
  letter-spacing: -0.02em;
  color: #ABABAB;
}
main .news-list .paging-box {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 16px;
  margin-top: 6.6666666667vw;
}
main .news-list .paging-box .bar-bg {
  position: relative;
  width: calc(100% - 52px - 4.44vw);
  top: 50%;
  height: 2px;
  margin-top: -1px;
  background-color: #E8E8E8;
  overflow: hidden;
}
main .news-list .paging-box .bar-bg .swiper-pagination-progressbar-fill {
  background: #00498C;
}
main .news-list .paging-box .bar-bg .bar {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 0;
  height: 2px;
  background-color: #00498C;
  transition: width 0.3s ease;
}
main .news-list .paging-box .btn-box {
  display: flex;
  justify-content: space-between;
  width: 52px;
  margin-left: 4.4444444444vw;
}
main .news-list .paging-box .swiper-button-prev, main .news-list .paging-box .swiper-button-next {
  position: unset;
  top: 0;
  margin: 0;
  width: 16px;
  height: 16px;
  color: #00498C;
}
main .news-list .paging-box .swiper-button-prev::after, main .news-list .paging-box .swiper-button-next::after {
  width: 100%;
  height: 100%;
  background: url("/images/ico_arrow_right.png") no-repeat 50% 50%;
  background-size: cover;
  font-size: 0;
}
main .news-list .paging-box .swiper-button-prev::after {
  transform: rotate(180deg);
}
main .news-list .paging-box .swiper-button-next {
  right: 20px;
}
main .newspick-area {
  display: block;
  padding: 0 6.66vw;
}
main .newspick-area .thumb {
  overflow: hidden;
  position: relative;
  padding-top: 58%;
}
main .newspick-area .thumb:before {
  z-index: 1;
  content: "";
  position: absolute;
  left: -18px;
  top: -4px;
  display: block;
  border-bottom: 28px solid #00498C;
  border-left: 28px solid transparent;
  border-right: 28px solid transparent;
  transform: rotate(-45deg);
}
main .newspick-area .thumb img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}
main .newspick-area .thumb-title {
  position: relative;
  color: #fff;
  padding: 6.6666666667vw 6.6666666667vw 15.8333333333vw;
  background: #00498C;
}
main .newspick-area .thumb-title .tit {
  font-size: 5.2777777778vw;
}
main .newspick-area .thumb-title .sub {
  opacity: 0.8;
  font-size: 4.1666666667vw;
  font-weight: 400;
  line-height: 6.1111111111vw;
  margin-top: 1.6666666667vw;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  word-wrap: break-word;
  overflow: hidden;
}
main .newspick-area .thumb-title .btn_more {
  position: absolute;
  right: 5.5555555556vw;
  bottom: 5.5555555556vw;
  display: block;
  width: 8.3333333333vw;
  height: 8.3333333333vw;
  font-size: 0;
  border-radius: 100%;
  background: #fff url("/images/ico_arrow_right.png") 50% 50% no-repeat;
  background-size: 4.4vw 4.44vw;
}
main .esg {
  padding: 30.5555555556vw 6.6666666667vw 6.6666666667vw;
  background: url("/images/bg_main_esg_mo.jpg") no-repeat 50% 50%;
  background-size: cover;
  overflow: hidden;
}
main .esg .caption h2 {
  font-weight: 700;
  font-size: 12.5vw;
  line-height: 11.1111111111vw;
}
main .esg .caption p {
  margin-top: 3.3333333333vw;
  font-size: 5.5555555556vw;
  line-height: 6.6666666667vw;
  color: #FFFFFF;
}
main .esg .right-box {
  display: none;
}
main .esg .cont-box {
  margin-top: 30.5555555556vw;
}
main .esg .cont-box .news, main .esg .cont-box .activity {
  display: block;
  position: relative;
  padding: 6.1111111111vw 6.6666666667vw;
}
main .esg .cont-box .news h3, main .esg .cont-box .activity h3 {
  font-weight: 700;
  font-size: 4.1666666667vw;
  line-height: 6.9444444444vw;
}
main .esg .cont-box .news p, main .esg .cont-box .activity p {
  margin-top: 2.7777777778vw;
  font-size: 4.7222222222vw;
  line-height: 7.2222222222vw;
  letter-spacing: -0.03em;
}
main .esg .cont-box .news::after, main .esg .cont-box .activity::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 5.5555555556vw;
  right: 5.5555555556vw;
  width: 8.3333333333vw;
  height: 8.3333333333vw;
  border-radius: 50%;
}
main .esg .cont-box .news {
  background: #FFFFFF;
}
main .esg .cont-box .news h3 {
  color: #00498C;
}
main .esg .cont-box .news p {
  color: #0D0D0D;
}
main .esg .cont-box .news::after {
  background: #00498C url("/images/ico_arrow_right_white.png") no-repeat 50% 50%;
  background-size: 4.4444444444vw 4.4444444444vw;
}
main .esg .cont-box .activity {
  background: #00498C;
}
main .esg .cont-box .activity h3 {
  color: #8CE0FF;
}
main .esg .cont-box .activity p {
  color: #FFFFFF;
}
main .esg .cont-box .activity::after {
  background: #FFFFFF url("/images/ico_arrow_right.png") no-repeat 50% 50%;
  background-size: 4.4444444444vw 4.4444444444vw;
}

@media all and (min-width: 961px) {
  main h2 {
    font-weight: 700;
    font-size: 80px;
    letter-spacing: -0.01em;
  }
  main .top-visual .video-box.pc {
    display: block;
  }
  main .top-visual .video-box.mo {
    display: none;
  }
  main .top-visual .typo-box div {
    font-weight: 300;
    font-size: 43px;
    line-height: 45px;
    letter-spacing: -0.026em;
  }
  main .top-visual .typo-box div strong {
    font-weight: 700;
    font-size: 43px;
    letter-spacing: -0.026em;
  }
  main .top-visual .typo-box div p {
    margin-top: 20px;
  }
  main .top-visual .typo-box div p strong {
    font-size: 64px;
    letter-spacing: -0.04em;
  }
  main .top-visual .btn-scroll-down {
    left: 0;
    right: 0;
    bottom: 30px;
    justify-content: center;
    width: 100vw;
    height: 64px;
  }
  main .top-visual .btn-scroll-down.pc {
    display: none;
  }
  main .top-visual .btn-scroll-down.mo {
    display: flex;
  }
  main .top-visual .btn-scroll-down a {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 700;
    font-size: 15px;
    color: #fff;
  }
  main .top-visual .btn-scroll-down a img {
    width: 26px;
    height: auto;
    margin-bottom: 6px;
  }
  main .news-room {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /*height: 998px;*/
    padding: 120px 0 180px;
    background: rgba(243, 244, 246, 0.55) url(/images/bg_ak_main_pc.png) no-repeat right top;
    background-size: auto 100%;
  }
  main .news-room .news-top {
    background: none;
    padding: 0;
  }
  main .news-room .news-top h2 {
    font-weight: 700;
    font-size: 70px;
    line-height: 80px;
    text-align: center;
    color: #00498C;
  }
  main .news-room .news-top p {
    margin-top: 12px;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.02em;
    color: #0D0D0D;
    text-align: center;
  }
  main .news-room .news-list {
    width: 100vw;
    margin-top: 70px;
    padding: 0 0 120px 0;
    box-sizing: border-box;
    background: none;
  }
  main .news-room .news-list .swiper {
    width: 100%;
    max-width: 1200px;
    overflow: hidden;
    background: none;
    box-sizing: border-box;
  }
  main .news-room .news-list .swiper .swiper-wrapper .swiper-slide {
    width: 376px;
    overflow: hidden;
  }
  main .news-room .news-list .swiper .swiper-wrapper .swiper-slide h3 a {
    display: flex;
    flex-direction: column;
    letter-spacing: 0.005rem;
  }
  main .news-room .news-list .swiper .swiper-wrapper .swiper-slide h3 a .thumb {
    overflow: hidden;
    position: relative;
    padding-top: 67%;
  }
  main .news-room .news-list .swiper .swiper-wrapper .swiper-slide h3 a img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 118%;
    height: auto;
  }
  main .news-room .news-list .swiper .swiper-wrapper .swiper-slide h3 a .tit {
    margin-top: 10px;
    font-size: 15px;
    line-height: 25px;
  }
  main .news-room .news-list .swiper .swiper-wrapper .swiper-slide h3 a .con {
    margin-top: 12px;
    font-size: 18px;
    line-height: 28px;
  }
  main .news-room .news-list .swiper .swiper-wrapper .swiper-slide h3 a .date {
    margin-top: 2px;
    font-size: 14px;
    line-height: 24px;
  }
  main .news-room .news-list .swiper .paging-box {
    margin-top: 55px;
    width: 100%;
  }
  main .news-room .news-list .swiper .paging-box .bar-bg {
    position: relative;
    width: calc(100% - 82px);
    height: 2px;
    background-color: #E8E8E8;
  }
  main .news-room .news-list .swiper .paging-box .bar-bg .swiper-pagination-progressbar-fill {
    background: #00498C;
  }
  main .news-room .news-list .swiper .paging-box .bar-bg .bar {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 0;
    height: 2px;
    background-color: #00498C;
    transition: width 0.3s ease;
  }
  main .news-room .news-list .swiper .paging-box .btn-box {
    margin-left: 26px;
  }
  main .newspick-area {
    max-width: 1200px;
    display: flex;
    margin: 50px auto 0;
    padding: 0;
  }
  main .newspick-area .thumb {
    width: 50%;
    padding-top: 29%;
  }
  main .newspick-area .thumb-title {
    width: 50%;
    padding: 50px 60px;
  }
  main .newspick-area .thumb-title .tit {
    font-size: 24px;
  }
  main .newspick-area .thumb-title .sub {
    font-size: 18px;
    line-height: 28px;
    margin-top: 10px;
  }
  main .newspick-area .thumb-title .btn_more {
    position: absolute;
    left: 60px;
    right: 60px;
    bottom: 50px;
    width: auto;
    height: auto;
    color: #fff;
    font-size: 15px;
    border-radius: 0;
    background: none;
    padding-top: 11px;
    border-top: 1px solid #fff;
  }
  main .newspick-area .thumb-title .btn_more::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 6px;
    background: url(/images/ico_arrow_right_white.png) no-repeat 50% 50%;
    background-size: cover;
  }
  main .esg {
    display: flex;
    height: 998px;
    padding: 0;
    margin-top: 0;
    background: none;
  }
  main .esg .left-box {
    width: calc(100vw - 460px);
    /*height: 100vh;*/
    background: url(../images/bg_main_esg_pc.jpg) no-repeat center center;
    background-size: auto 100%;
  }
  main .esg .caption {
    margin: 85px 0 0 92px;
  }
  main .esg .caption h2 {
    font-size: 112px;
    line-height: 90px;
  }
  main .esg .caption p {
    margin-top: 28px;
    font-size: 30px;
    line-height: 38px;
  }
  main .esg .caption p strong {
    font-size: inherit;
  }
  main .esg .right-box {
    display: block;
  }
  main .esg .right-box .news, main .esg .right-box .activity {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 460px;
    height: 499px;
  }
  main .esg .right-box .news::before, main .esg .right-box .activity::before {
    content: "";
    display: block;
    width: 100%;
    height: 30%;
    background: url("/images/bg_main_esg_news.png") no-repeat 50% 50%;
    background-size: auto 100%;
  }
  main .esg .right-box .news h3, main .esg .right-box .activity h3 {
    margin-top: 35px;
    font-weight: 700;
    font-size: 17px;
    color: #00498C;
    line-height: 27px;
  }
  main .esg .right-box .news p, main .esg .right-box .activity p {
    margin-top: 12px;
    font-size: 24px;
    line-height: 36px;
    color: #454545;
    text-align: center;
    letter-spacing: -0.02em;
  }
  main .esg .right-box .news .btn_link, main .esg .right-box .activity .btn_link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 320px;
    height: 50px;
    margin-top: 20px;
    background-color: #00498C;
    transition: background-color 0.1s linear;
    font-weight: 500;
    font-size: 15px;
    line-height: 50px;
    color: #FFFFFF;
    text-align: center;
  }
  main .esg .right-box .news .btn_link::after, main .esg .right-box .activity .btn_link::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 6px;
    background: url("/images/ico_arrow_right_white.png") no-repeat 50% 50%;
    background-size: cover;
    vertical-align: text-top;
  }
  main .esg .right-box .news .btn_link:hover, main .esg .right-box .activity .btn_link:hover {
    background: #FFFFFF;
    border: 1px solid #00498C;
    color: #00498C;
  }
  main .esg .right-box .news .btn_link:hover::after, main .esg .right-box .activity .btn_link:hover::after {
    background: url("/images/ico_arrow_right.png") no-repeat 50% 50%;
    background-size: cover;
  }
  main .esg .right-box .news {
    background-color: #fff;
  }
  main .esg .right-box .activity {
    background-color: #00498C;
  }
  main .esg .right-box .activity::before {
    background: url("/images/bg_main_esg_act.png") no-repeat 50% 50%;
    background-size: contain;
  }
  main .esg .right-box .activity h3 {
    color: #8CE0FF;
  }
  main .esg .right-box .activity p {
    color: #FFFFFF;
  }
  main .esg .right-box .activity .btn_link {
    background-color: #FFFFFF;
    color: #00498C;
  }
  main .esg .right-box .activity .btn_link::after {
    background: url("/images/ico_arrow_right.png") no-repeat 50% 50%;
    background-size: cover;
  }
  main .esg .right-box .activity .btn_link:hover {
    background: #00498C;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
  }
  main .esg .right-box .activity .btn_link:hover::after {
    background: url("/images/ico_arrow_right_white.png") no-repeat 50% 50%;
    background-size: cover;
  }
  main .esg .cont-box {
    display: none;
  }
}
@media all and (max-height: 900px) {
  .esg .right-box .news::before, .esg .right-box .activity::before {
    content: "";
    display: block;
    width: 100%;
    height: 25%;
    background: url("/images/bg_main_esg_news.png") no-repeat 50% 50%;
    background-size: auto 100%;
  }
  .esg .right-box .news h3, .esg .right-box .activity h3 {
    margin-top: 17px !important;
  }
}
@media screen and (max-aspect-ratio: 1219/685) {
  main .top-visual .video-box video {
    width: auto;
    height: 100%;
  }
  #background_video {
    width: auto;
    height: 100%;
  }
}
footer {
  padding: 6.6666666667vw;
  font-size: 3.8888888889vw;
  font-weight: 500;
  color: #ABABAB;
  background-color: #202020;
}
footer a {
  color: #ABABAB !important;
  font-size: 3.8888888889vw;
  font-weight: 500;
}
footer .info h1 a {
  color: #FFF !important;
  font-weight: 700;
}
footer .info h1 a img {
  height: 7.5vw;
}
footer .info h1 + p {
  margin-top: 2.2222222222vw;
  font-weight: 400;
  font-size: 3.8888888889vw;
  line-height: 5.5555555556vw;
  color: #ABABAB;
}
footer .copyright {
  margin-top: 2.2222222222vw;
  font-weight: 500;
  font-size: 3.0555555556vw;
  line-height: 4.4444444444vw;
  color: #777777;
}

@media all and (min-width: 961px) {
  footer {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 60px 30px;
    font-size: 16px;
    font-weight: 400;
  }
  footer .btn-scroll-top {
    position: fixed;
    width: 48px;
    height: 48px;
    right: -60px;
    bottom: 107px;
    background: #00498C url(../images/ico_scrolltop.png) no-repeat center center;
    background-size: 48px 48px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 50px;
    transition: right 0.3s ease;
  }
  footer .btn-scroll-top.active {
    right: 60px;
  }
  footer a {
    font-size: 16px;
    font-weight: 500;
  }
  footer .info {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  footer .info h1 a {
    font-weight: 700;
  }
  footer .info h1 a img {
    height: 27px;
  }
  footer .info h1 + p {
    margin-top: 0;
    margin-left: 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #ABABAB;
  }
  footer .copyright {
    margin-top: 0;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #777777;
  }
}
.popup {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: none;
  width: 100vw;
  height: 100vh;
  z-index: 10;
  overflow: hidden;
}
.popup.active {
  display: block;
}
.popup .pop-top {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 16.6666666667vw;
  padding: 0 5.5555555556vw 0 6.6666666667vw;
  box-sizing: border-box;
  background-color: #00498C;
}
.popup .pop-top h5 {
  font-weight: 500;
  font-size: 6.1111111111vw;
  letter-spacing: -0.03em;
  color: #fff;
}
.popup .pop-top h5 em {
  margin-left: 1.1111111111vw;
  font-size: 3.8888888889vw;
  color: #8CE0FF;
}
.popup .pop-top .btn-close {
  width: 8.3333333333vw;
  height: 8.3333333333vw;
  background: url(/images/ico_close_white.png) no-repeat center;
  background-size: 8.3333333333vw;
}
.popup .pop-con {
  height: 100vh;
  padding: 5.5555555556vw 6.6666666667vw 5.5555555556vw;
  margin-top: 16.6666666667vw;
  overflow: hidden;
  overflow-y: auto;
  background-color: #fff;
}
.popup .pop-con > div {
  padding-bottom: 6.6666666667vw;
  margin-bottom: 6.6666666667vw;
  border-bottom: 1px solid #0D0D0D;
}
.popup .pop-con > div:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}
.popup .pop-con > div h6 {
  font-weight: 400;
  font-size: 5.2777777778vw;
  line-height: 8.0555555556vw;
  letter-spacing: -0.03em;
  color: #0D0D0D;
}
.popup .pop-con > div > ul.etc li {
  font-weight: 400;
  font-size: 3.8888888889vw;
  line-height: 6.1111111111vw;
  color: #454545;
}
.popup .pop-con > div > ul.etc li p {
  font-weight: 700;
  font-size: 4.1666666667vw;
  line-height: 6.9444444444vw;
  color: #454545;
}
.popup .pop-con > div > ul > li {
  margin-top: 2.7777777778vw;
  font-weight: 400;
  font-size: 3.8888888889vw;
  line-height: 6.1111111111vw;
  color: #454545;
}
.popup .pop-con > div > ul > li > p {
  padding-bottom: 0.5555555556vw;
  font-weight: 700;
  font-size: 4.1666666667vw;
  line-height: 6.9444444444vw;
  color: #00498C;
}
.popup .pop-con > div > ul > li > ul > li {
  font-weight: 400;
  font-size: 3.8888888889vw;
  line-height: 6.1111111111vw;
  color: #454545;
  padding-left: 5.5555555556vw;
}
.popup .pop-con > div > ul > li > ul > li > em {
  margin-left: -5.5555555556vw;
  margin-right: 1.6666666667vw;
}
.popup .pop-con > div > ul > li > ul > li > p {
  margin-top: 1.3888888889vw;
  font-weight: 500;
  font-size: 3.8888888889vw;
  line-height: 6.1111111111vw;
  color: #777;
}
.popup .pop-con > div > ul > li > ul > li > ul > li {
  margin-left: 12.5vw;
  font-size: 3.8888888889vw;
  line-height: 6.1111111111vw;
  color: #777;
}
.popup .pop-con > div > ul > li > ul > li > ul > li > em {
  margin-left: -6.9444444444vw;
  margin-right: 1.6666666667vw;
}

@media all and (min-width: 961px) {
  .popup .pop-top {
    height: 80px;
    padding: 0 50px;
  }
  .popup .pop-top h5 {
    font-weight: 500;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: -0.03em;
  }
  .popup .pop-top h5 em {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
  }
  .popup .pop-top .btn-close {
    width: 24px;
    height: 24px;
    background-size: 24px;
  }
  .popup .pop-con {
    padding: 45px 50px 50px;
    margin-top: 80px;
  }
  .popup .pop-con > div {
    padding-bottom: 45px;
    margin-bottom: 45px;
  }
  .popup .pop-con > div:last-child {
    margin-bottom: 0;
    border-bottom: 0;
  }
  .popup .pop-con > div h6 {
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.02em;
    color: #0D0D0D;
  }
  .popup .pop-con > div > ul.etc li {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
  }
  .popup .pop-con > div > ul.etc li p {
    font-weight: 700;
    font-size: 17px;
    line-height: 27px;
  }
  .popup .pop-con > div > ul > li {
    margin-top: 24px;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #454545;
  }
  .popup .pop-con > div > ul > li > p {
    padding-bottom: 2px;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #00498C;
  }
  .popup .pop-con > div > ul > li > ul > li {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #454545;
    padding-left: 20px;
  }
  .popup .pop-con > div > ul > li > ul > li > em {
    margin-left: -20px;
    margin-right: 6px;
  }
  .popup .pop-con > div > ul > li > ul > li > p {
    margin-top: 5px;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #777;
  }
  .popup .pop-con > div > ul > li > ul > li > p:last-child {
    margin-bottom: 10px;
  }
  .popup .pop-con > div > ul > li > ul > li > ul > li {
    margin-left: 45px;
    font-size: 16px;
    line-height: 26px;
    color: #777;
  }
  .popup .pop-con > div > ul > li > ul > li > ul > li > em {
    margin-left: -25px;
    margin-right: 6px;
  }
}
@media all and (min-width: 1201px) {
  .popup.active {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .popup.active:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 0;
  }
  .popup .pop-wrap {
    position: relative;
    width: 1200px;
    height: 70vh;
    overflow: hidden;
  }
  .popup .pop-wrap .pop-con {
    height: calc(100% - 80px);
  }
}

/*# sourceMappingURL=style.css.map */