<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* 웹폰트 */
@font-face {
  font-family: "PretendardGOV";
  font-style: normal;
  font-weight: 300;
  src: url("../../c/2025/fonts/PretendardGOV-Light.woff2") format("woff2"), url("../../c/2025/fonts/PretendardGOV-Light.woff") format("woff");
}
@font-face {
  font-family: "PretendardGOV";
  font-style: normal;
  font-weight: 400;
  src: url("../../c/2025/fonts/PretendardGOV-Regular.woff2") format("woff2"), url("../../c/2025/fonts/PretendardGOV-Regular.woff") format("woff");
}
@font-face {
  font-family: "PretendardGOV";
  font-style: normal;
  font-weight: 500;
  src: url("../../c/2025/fonts/PretendardGOV-Medium.woff2") format("woff2"), url("../../c/2025/fonts/PretendardGOV-Medium.woff") format("woff");
}
@font-face {
  font-family: "PretendardGOV";
  font-style: normal;
  font-weight: 600;
  src: url("../../c/2025/fonts/PretendardGOV-SemiBold.woff2") format("woff2"), url("../../c/2025/fonts/PretendardGOV-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "PretendardGOV";
  font-style: normal;
  font-weight: 700;
  src: url("../../c/2025/fonts/PretendardGOV-Bold.woff2") format("woff2"), url("../../c/2025/fonts/PretendardGOV-Bold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 300;
  src: url("../../c/2025/fonts/Pretendard-Light.woff2") format("woff2"), url("../../c/2025/fonts/Pretendard-Light.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 500;
  src: url("../../c/2025/fonts/Pretendard-Regular.woff2") format("woff2"), url("../../c/2025/fonts/Pretendard-Regular.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 600;
  src: url("../../c/2025/fonts/Pretendard-Medium.woff2") format("woff2"), url("../../c/2025/fonts/Pretendard-Medium.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 700;
  src: url("../../c/2025/fonts/Pretendard-Bold.woff2") format("woff2"), url("../../c/2025/fonts/Pretendard-Bold.woff") format("woff");
}
/* default */
/****************************
	국문 : default
****************************/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-text-size-adjust: none;
}

body {
  position: relative;
  margin: 0;
  padding: 0;
  min-width: 320px;
  color: #333;
  font-size: 1.7rem;
  word-break: keep-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: "PretendardGOV", -apple-system, BlinkMacSystemFont, "malgungothic", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  overflow-y: scroll;
  letter-spacing: 0;
}

a,
select,
button,
input,
textarea {
  font-family: inherit;
}

header,
section,
article,
aside,
footer,
nav {
  display: block;
}

pre {
  white-space: pre-wrap;
}

fieldset {
  border: 0;
}

img {
  max-width: 100%;
  vertical-align: middle;
  border: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
th,
strong,
b {
  font-weight: bold;
}

fieldset {
  padding: 0;
}

header *,
footer *,
aside * {
  margin: 0;
  padding: 0;
}

header li,
footer li,
aside li {
  list-style: none;
}

p {
  margin: 0.5em 0;
}

.tts {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}

caption.tts {
  position: static;
  width: auto;
  height: 0;
}

.code {
  border: 1px solid rgba(255, 0, 0, 0.2);
  padding: 2px 3px 1px;
  border-radius: 2px;
  color: #000;
  font-size: 1.4rem;
  font-family: "Courier New", "Roboto", "Noto Sans CJK KR", "Noto Sans KR", "Malgun Gothic", sans-serif, Arial, Dotum, Gulim, Verdana, Tahoma;
  letter-spacing: -0.03em;
  vertical-align: middle;
  background-color: antiquewhite;
}
.code strong {
  font-weight: bold;
}

textarea.code {
  padding: 10px 15px;
}

.code-block {
  display: block;
  padding: 10px 20px;
  border-color: #ddd;
  background-color: #f8f8f8;
  white-space: pre-wrap;
}

.clearfix {
  position: relative;
}
.clearfix:after {
  display: block;
  clear: both;
  content: "";
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

.both {
  position: relative;
  display: table;
  width: 100%;
}
.both:after {
  display: block;
  clear: both;
  content: "";
}
.both .left {
  display: table-cell;
  vertical-align: middle;
}
.both .left &gt; * {
  display: inline-block;
  vertical-align: middle;
}
.both .left form {
  white-space: nowrap;
}
.both .right {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}
.both .right &gt; * {
  display: inline-block;
  vertical-align: middle;
}
.both .title1 {
  margin: 0;
}
.both .title2 {
  margin: 0;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.vertical-top {
  vertical-align: top !important;
}

.vertical-middle {
  vertical-align: middle !important;
}

.vertical-bottom {
  vertical-align: bottom !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.ml55 {
  margin-left: 55px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.mr60 {
  margin-right: 60px !important;
}

@media (min-width: 1025px) {
  .only-mobile {
    display: none;
  }
}

@media (max-width: 1024.98px) {
  .only-pc {
    display: none !important;
  }
}

@media (max-width: 1024.98px) {
  .d-up-lg {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  .d-up-md {
    display: none !important;
  }
}

@media (min-width: 1025px) {
  .d-down-md {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .d-down-sm {
    display: none !important;
  }
}

.title1 {
  position: relative;
  margin: 20px 0 10px;
  padding-left: 20px;
  background: url(../../../images/c/2025/bul-title1@2x.png) no-repeat 0 6px;
  background-size: 14px auto;
  font-weight: bold;
  color: #005ec7;
  font-size: 19px;
  text-align: left;
  line-height: 1.4;
}
@media (min-width: 1025px) {
  .title1 {
    margin: 40px 0 24px;
  }
}
.title1 + .list {
  margin-top: -14px;
}

.title2 {
  position: relative;
  margin: 15px 0 5px;
  padding-left: 20px;
  font-weight: bold;
  color: #000;
  font-size: 1.6rem;
  text-align: left;
}
.title2:before {
  display: inline-block;
  content: "";
  position: absolute;
  left: 8px;
  top: 9px;
  width: 5px;
  height: 5px;
  vertical-align: middle;
  background-color: #2c8aea;
}

.size-xs {
  font-size: 1.2rem;
}

.size-sm {
  font-size: 1.4rem;
}

.size-md {
  font-size: 1.6rem;
}

.size-lg {
  font-size: 1.8rem;
}

.size-xl {
  font-size: 2rem;
}

.text-refer + .title1 {
  margin-top: 68px;
}

.color-primary {
  color: #005ec7;
}

.color-secondary {
  color: #40d075;
}

.color-gray {
  color: #555;
}

.color-black {
  color: #000;
}

.color-red {
  color: red;
}

.color-blue {
  color: #7586ba;
}

.bg-primary {
  background-color: #0078ff;
}

.bg-secondary {
  background-color: #40d176;
}

.bg-gray {
  background-color: #555;
}

.bg-lightgray {
  background-color: #f5f6fa;
}

.bg-black {
  background-color: #000;
}

.bg-white {
  background-color: #fff !important;
}

.bg-gradient {
  background: #0078ff;
}

.ico {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: -2px;
  text-indent: -9999px;
  white-space: nowrap;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
}
.ico:focus-within {
  outline-offset: 2px;
}
.ico.ico-write {
  width: 16px;
  height: 13px;
  background-image: url(../../../images/c/2025/ico-write.png);
  background-size: 16px 13px;
}
.ico.ico-external-blue {
  width: 16px;
  height: 16px;
  background-image: url(../../../images/c/2025/ico-external-blue.png);
  background-size: 16px 16px;
}
.ico.ico-external-white {
  width: 14px;
  height: 14px;
  background-image: url(../../../images/c/2025/ico-external-white.png);
  background-size: 14px 14px;
}
.ico.ico-file-doc {
  width: 16px;
  height: 16px;
  background-image: url(../../../images/c/2025/ico-file-doc@2x.png);
  background-size: 16px auto;
}
.ico.ico-file-xls {
  width: 16px;
  height: 16px;
  background-image: url(../../../images/c/2025/ico-file-excel@2x.png);
  background-size: 16px auto;
}
.ico.ico-file-hwp {
  width: 16px;
  height: 16px;
  background-image: url(../../../images/c/2025/ico-file-hwp@2x.png);
  background-size: 16px auto;
  background-size: 16px auto;
}
.ico.ico-file-img {
  width: 16px;
  height: 16px;
  background-image: url(../../../images/c/2025/ico-file-img@2x.png);
  background-size: 16px auto;
}
.ico.ico-file-pdf {
  width: 16px;
  height: 16px;
  background-image: url(../../../images/c/2025/ico-file-pdf@2x.png);
  background-size: 16px auto;
}
.ico.ico-file-zip {
  width: 16px;
  height: 16px;
  background-image: url(../../../images/c/2025/ico-file-zip@2x.png);
  background-size: 16px auto;
}
.ico.ico-arr-left {
  width: 9px;
  height: 17px;
  background-image: url(../../../images/c/2025/ico-arr-left-gray.png);
}
.ico.ico-arr-right {
  width: 9px;
  height: 17px;
  background-image: url(../../../images/c/2025/ico-arr-right-gray.png);
}
.ico.ico-arr-right-sm {
  width: 12px;
  height: 12px;
  background-image: url(../../../images/c/2025/ico-paging-next.png);
}
.ico.ico-calendar {
  width: 26px;
  height: 24px;
  background-image: url(../../../images/c/2025/ico-calendar.png);
}
.ico.ico-note {
  width: 14px;
  height: 15px;
  background-image: url(../../../images/c/2025/ico-doc-gray.png);
}
.ico.ico-tel {
  width: 11px;
  height: 15px;
  background-image: url(../../../images/c/2025/ico-tel-gray.png);
}
.ico.ico-download {
  width: 16px;
  height: 16px;
  background-image: url(../../../images/c/2025/ico-download.png);
}
.ico.ico-download-gra {
  width: 20px;
  height: 22px;
  background-image: url(../../../images/c/2025/ico-download-gradient.png);
}
.ico.ico-lock {
  width: 13px;
  height: 16px;
  background-image: url(../../../images/c/2025/ico-lock.png);
}
.ico.ico-home-thin {
  width: 18px;
  height: 17px;
  background-image: url(../../../images/c/2025/ico-home-thin.png);
}
.ico.ico-refresh-thin {
  width: 16px;
  height: 18px;
  background-image: url(../../../images/c/2025/ico-refresh-thin.png);
}
.ico.ico-back-thin {
  width: 19px;
  height: 18px;
  background-image: url(../../../images/c/2025/ico-back-thin.png);
}
.ico.ico-education-primary {
  width: 30px;
  height: 28px;
  background-image: url(../../../images/c/2025/ico-education-primary.png);
}
.ico.ico-chevron-down-xs {
  width: 8px;
  height: 8px;
  background-image: url(../../../images/c/2025/ico-chevron-down-xs.png);
}
.ico.ico-chevron-up-xs {
  width: 8px;
  height: 8px;
  background-image: url(../../../images/c/2025/ico-chevron-up-xs.png);
}
.ico.ico-plus-primary-xs {
  width: 12px;
  height: 12px;
  background-image: url(../../../images/c/2025/ico-plus-primary-xs.png);
}
.ico.ico-arrow-up-lg {
  width: 24px;
  height: 24px;
  background-image: url(../../../images/c/2025/ico-arrow-up-lg.png);
}
.ico.ico-arrow-down-lg {
  width: 24px;
  height: 24px;
  background-image: url(../../../images/c/2025/ico-arrow-down-lg.png);
}
.ico.ico-praise-circle {
  width: 48px;
  height: 50px;
  background-image: url(../../../images/u/ico-praise-circle.png);
}
.ico.ico-praise {
  width: 50px;
  height: 52px;
  background-image: url(../../../images/u/ico-praise.png);
}
.ico.ico-propose-circle {
  width: 48px;
  height: 50px;
  background-image: url(../../../images/u/ico-propose-circle.png);
}
.ico.ico-suggest-circle {
  width: 48px;
  height: 50px;
  background-image: url(../../../images/u/ico-suggest-circle.png);
}
.ico.ico-report-circle {
  width: 48px;
  height: 50px;
  background-image: url(../../../images/u/ico-report-circle.png);
}
.ico.ico-link-circle-blue {
  width: 18px;
  height: 18px;
  background-image: url(../../../images/u/ico-link-circle-blue.png);
}
.ico.ico-download-blue {
  width: 18px;
  height: 18px;
  background-image: url(../../../images/u/ico-download-blue.png);
}
.ico.ico-mail-md {
  width: 16px;
  height: 16px;
  background-image: url(../../../images/c/2025/ico-email-md@2x.png);
  background-size: 16px 16px;
}
.ico.ico-plus-white {
  width: 16px;
  height: 16px;
  background-image: url(../../../images/c/2025/ico-plus-white.png);
  background-size: 16px 16px;
}
.ico.ico-person {
  width: 20px;
  height: 20px;
  background-image: url(../../../images/c/2025/ico-person@2x.png);
  background-size: cover;
}
.ico.ico-tel {
  width: 20px;
  height: 20px;
  background-image: url(../../../images/c/2025/ico-phone@2x.png);
  background-size: cover;
}
.ico.ico-email {
  width: 20px;
  height: 20px;
  background-image: url(../../../images/c/2025/ico-email@2x.png);
  background-size: cover;
}
.ico.ico-cal {
  width: 20px;
  height: 20px;
  background-image: url(../../../images/c/2025/ico-cal@2x.png);
  background-size: cover;
}
.ico.ico-comment {
  width: 24px;
  height: 24px;
  background-image: url(../../../images/c/2025/ico-comment@2x.png);
  background-size: cover;
}
.ico.ico-top-darkgray-md {
  width: 16px;
  height: 16px;
  background-image: url(../../../images/c/2025/ico-top-darkgray-md@2x.png);
  background-size: cover;
}
.ico.ico-arrow-right-sm-blue {
  width: 11px;
  height: 4.5px;
  background-image: url(../../../images/c/2025/ico-arrow-right-sm-blue.png);
  background-size: 11px 4.5px;
}
.ico.ico-chevron-down-darkgray-lg {
  width: 20px;
  height: 20px;
  background-image: url(../../../images/c/2025/ico-chevron-down-darkgray-lg@2x.png);
  background-size: auto 20px;
}
.ico.ico-chevron-right-primary-lg {
  width: 16px;
  height: 16px;
  background-image: url(../../../images/c/2025/ico-chevron-right-primary-lg@2x.png);
  background-size: auto 16px;
}
.ico.ico-menu02 {
  width: 36px;
  height: 36px;
  background-image: url(../../../images/c/2025/ico-menu02@2x.png);
  background-size: auto 36px;
}
.ico.ico-menu03 {
  width: 36px;
  height: 36px;
  background-image: url(../../../images/c/2025/ico-menu03@2x.png);
  background-size: auto 36px;
}
.ico.ico-menu04 {
  width: 36px;
  height: 36px;
  background-image: url(../../../images/c/2025/ico-menu04@2x.png);
  background-size: auto 36px;
}
.ico.ico-menu05 {
  width: 36px;
  height: 36px;
  background-image: url(../../../images/c/2025/ico-menu05@2x.png);
  background-size: auto 36px;
}
.ico.ico-menu06 {
  width: 36px;
  height: 36px;
  background-image: url(../../../images/c/2025/ico-menu06@2x.png);
  background-size: auto 36px;
}
.ico.ico-menu07 {
  width: 36px;
  height: 36px;
  background-image: url(../../../images/c/2025/ico-menu07@2x.png);
  background-size: auto 36px;
}
.ico.ico-menu08 {
  width: 36px;
  height: 36px;
  background-image: url(../../../images/c/2025/ico-menu08@2x.png);
  background-size: auto 36px;
}
.ico.ico-menu09 {
  width: 36px;
  height: 36px;
  background-image: url(../../../images/c/2025/ico-menu09@2x.png);
  background-size: auto 36px;
}
.ico.ico-menu10 {
  width: 36px;
  height: 36px;
  background-image: url(../../../images/c/2025/ico-menu10@2x.png);
  background-size: auto 36px;
}
.ico.ico-menu11 {
  width: 36px;
  height: 36px;
  background-image: url(../../../images/c/2025/ico-menu11@2x.png);
  background-size: auto 36px;
}
.ico.ico-menu12 {
  width: 36px;
  height: 36px;
  background-image: url(../../../images/c/2025/ico-menu12@2x.png);
  background-size: auto 36px;
}
.ico.ico-menu13 {
  width: 36px;
  height: 36px;
  background-image: url(../../../images/c/2025/ico-menu13@2x.png);
  background-size: auto 36px;
}
.ico.ico-menu14 {
  width: 36px;
  height: 36px;
  background-image: url(../../../images/c/2025/ico-menu14@2x.png);
  background-size: auto 36px;
}
.ico.ico-menu15 {
  width: 36px;
  height: 36px;
  background-image: url(../../../images/c/2025/ico-menu15@2x.png);
  background-size: auto 36px;
}
.ico.ico-menu16 {
  width: 36px;
  height: 36px;
  background-image: url(../../../images/c/2025/ico-menu16@2x.png);
  background-size: auto 36px;
}
.ico.ico-menu17 {
  width: 36px;
  height: 36px;
  background-image: url(../../../images/c/2025/ico-menu17@2x.png);
  background-size: auto 36px;
}
.ico.ico-evaluation1 {
  width: 48px;
  width: 48px;
  background-image: url(../../../images/c/2025/ico-evaluation1@2x.png);
  background-size: auto 48px;
}
.ico.ico-evaluation2 {
  width: 48px;
  width: 48px;
  background-image: url(../../../images/c/2025/ico-evaluation2@2x.png);
  background-size: auto 48px;
}
.ico.ico-evaluation3 {
  width: 48px;
  width: 48px;
  background-image: url(../../../images/c/2025/ico-evaluation3@2x.png);
  background-size: auto 48px;
}
.ico.ico-evaluation4 {
  width: 48px;
  width: 48px;
  background-image: url(../../../images/c/2025/ico-evaluation4@2x.png);
  background-size: auto 48px;
}
.ico.ico-evaluation5 {
  width: 48px;
  width: 48px;
  background-image: url(../../../images/c/2025/ico-evaluation5@2x.png);
  background-size: auto 48px;
}
.ico.ico-evaluation6 {
  width: 48px;
  width: 48px;
  background-image: url(../../../images/c/2025/ico-evaluation6@2x.png);
  background-size: auto 48px;
}
.ico.ico-evaluation7 {
  width: 48px;
  width: 48px;
  background-image: url(../../../images/c/2025/ico-evaluation7@2x.png);
  background-size: auto 48px;
}
.ico.ico-evaluation8 {
  width: 48px;
  width: 48px;
  background-image: url(../../../images/c/2025/ico-evaluation8@2x.png);
  background-size: auto 48px;
}
.ico.ico-evaluation9 {
  width: 48px;
  width: 48px;
  background-image: url(../../../images/c/2025/ico-evaluation9@2x.png);
  background-size: auto 48px;
}
.ico.ico-evaluation10 {
  width: 48px;
  width: 48px;
  background-image: url(../../../images/c/2025/ico-evaluation10@2x.png);
  background-size: auto 48px;
}
.ico.ico-util-search {
  width: 16px;
  height: 16px;
  background-image: url(../../../images/c/2025/ico-util-search@2x.png);
  background-size: 16px auto;
}
.ico.ico-plus {
  width: 20px;
  height: 20px;
  background-image: url(../../../images/c/2025/ico-plus@2x.png);
  background-size: 20px auto;
}
.ico.ico-minus {
  width: 20px;
  height: 20px;
  background-image: url(../../../images/c/2025/ico-minus@2x.png);
  background-size: 20px auto;
}
.ico.ico-bars-darkgray-xl {
  width: 20px;
  height: 20px;
  background-image: url(../../../images/c/2025/ico-bars-darkgray-xl@2x.png);
  background-size: 20px auto;
}
.ico.ico-fav1 {
  width: 40px;
  height: 40px;
  background-image: url(../../../images/u/2025/main-v5/ico-fav1@2x.png);
  background-size: 40px auto;
}
.ico.ico-fav2 {
  width: 40px;
  height: 40px;
  background-image: url(../../../images/u/2025/main-v5/ico-fav2@2x.png);
  background-size: 40px auto;
}
.ico.ico-fav3 {
  width: 40px;
  height: 40px;
  background-image: url(../../../images/u/2025/main-v5/ico-fav3@2x.png);
  background-size: 40px auto;
}
.ico.ico-fav4 {
  width: 40px;
  height: 40px;
  background-image: url(../../../images/u/2025/main-v5/ico-fav4@2x.png);
  background-size: 40px auto;
}
.ico.ico-fav5 {
  width: 40px;
  height: 40px;
  background-image: url(../../../images/u/2025/main-v5/ico-fav5@2x.png);
  background-size: 40px auto;
}
.ico.ico-fav6 {
  width: 40px;
  height: 40px;
  background-image: url(../../../images/u/2025/main-v5/ico-fav6@2x.png);
  background-size: 40px auto;
}
.ico.ico-fav7 {
  width: 40px;
  height: 40px;
  background-image: url(../../../images/u/2025/main-v5/ico-fav7@2x.png);
  background-size: 40px auto;
}
.ico.ico-fav8 {
  width: 40px;
  height: 40px;
  background-image: url(../../../images/u/2025/main-v5/ico-fav8@2x.png);
  background-size: 40px auto;
}
.ico.ico-rnd01 {
  width: 32px;
  height: 32px;
  background-image: url(../../../images/u/2025/main-v5/ico-rnd01@2x.png);
  background-size: 32px auto;
}
.ico.ico-rnd02 {
  width: 32px;
  height: 32px;
  background-image: url(../../../images/u/2025/main-v5/ico-rnd02@2x.png);
  background-size: 32px auto;
}
.ico.ico-rnd03 {
  width: 32px;
  height: 32px;
  background-image: url(../../../images/u/2025/main-v5/ico-rnd03@2x.png);
  background-size: 32px auto;
}
.ico.ico-rnd04 {
  width: 32px;
  height: 32px;
  background-image: url(../../../images/u/2025/main-v5/ico-rnd04@2x.png);
  background-size: 32px auto;
}
.ico.ico-rnd05 {
  width: 32px;
  height: 32px;
  background-image: url(../../../images/u/2025/main-v5/ico-rnd05@2x.png);
  background-size: 32px auto;
}
.ico.ico-rnd06 {
  width: 32px;
  height: 32px;
  background-image: url(../../../images/u/2025/main-v5/ico-rnd06@2x.png);
  background-size: 32px auto;
}
.ico.ico-rnd07 {
  width: 32px;
  height: 32px;
  background-image: url(../../../images/u/2025/main-v5/ico-rnd07@2x.png);
  background-size: 32px auto;
}
.ico.ico-rnd08 {
  width: 32px;
  height: 32px;
  background-image: url(../../../images/u/2025/main-v5/ico-rnd08@2x.png);
  background-size: 32px auto;
}
.ico.ico-link {
  width: 18px;
  height: 18px;
  background-image: url(../../../images/c/2025/ico-link@2x.png);
  background-size: 18px auto;
}
.ico.ico-fontsetting-reset {
  width: 20px;
  height: 20px;
  background-image: url(../../../images/c/2025/ico-fontsetting-reset@2x.png);
  background-size: 20px auto;
}
.ico.ico-viewsetting-sm {
  width: 22px;
  height: 22px;
  background-image: url(../../../images/c/2025/ico-viewsetting-sm@2x.png);
  background-size: 22px auto;
}
.ico.ico-viewsetting-md {
  width: 24px;
  height: 24px;
  background-image: url(../../../images/c/2025/ico-viewsetting-md@2x.png);
  background-size: 24px auto;
}
.ico.ico-viewsetting-lg {
  width: 26px;
  height: 26px;
  background-image: url(../../../images/c/2025/ico-viewsetting-lg@2x.png);
  background-size: 26px auto;
}
.ico.ico-viewsetting-xl {
  width: 28px;
  height: 28px;
  background-image: url(../../../images/c/2025/ico-viewsetting-xl@2x.png);
  background-size: 28px auto;
}
.ico.ico-viewsetting-xxl {
  width: 30px;
  height: 30px;
  background-image: url(../../../images/c/2025/ico-viewsetting-xxl@2x.png);
  background-size: 30px auto;
}
.ico.ico-introbox-arrow {
  width: 24px;
  height: 24px;
  background-image: url(../../../images/c/2025/ico-introbox-arrow@2x.png);
  background-size: 24px auto;
}
.ico.ico-introbox-external {
  width: 24px;
  height: 24px;
  background-image: url(../../../images/c/2025/ico-introbox-external@2x.png);
  background-size: 24px auto;
}
.ico.ico-introbox-violations {
  width: 48px;
  height: 38px;
  background-image: url(../../../images/c/2025/ico-introbox-violations@2x.png);
  background-size: 48px auto;
}

.btn-group {
  margin: 15px -2px -4px;
  text-align: right;
  overflow: hidden;
}
@media (max-width: 1024.98px) {
  .btn-group {
    margin-top: 20px;
  }
}

.btn-group .btn {
  margin: 4px;
}

.btn {
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  border-radius: 6px;
}

.btn .ico {
  margin-top: -2px;
}

.btn,
.btn-default {
  color: #fff;
  background-color: #666;
}

.btn:focus-visible,
.btn-default:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
}

.btn,
.btn-md {
  min-width: 78px;
  height: 44px;
  padding: 0 25px;
  line-height: 44px;
}

.btn-sm {
  min-width: inherit;
  height: 28px;
  border: 1px solid transparent;
  padding: 0 10px;
  font-size: 12px;
  line-height: 26px;
}

.btn-lg {
  height: 50px;
  font-size: 16px;
  line-height: 50px;
}

.btn-gunmetal {
  color: #fff;
  background-color: #636d86;
}

.btn-primary {
  background-color: #0078ff;
}

.btn-secondary {
  color: #005ec7;
  border: 1px solid #005ec7;
  background-color: transparent;
}

.btn-dark {
  background-color: #173766;
}

.btn-dark-outline {
  position: relative;
  height: 50px;
  font-size: 16px;
  padding: 0 25px;
  border: solid 2px #0078ff;
  font-weight: bold;
  color: #0078ff;
  line-height: 46px;
  background: transparent;
}
.btn-dark-outline .ico {
  margin-left: 8px;
}
@media (max-width: 1024.98px) {
  .btn-dark-outline {
    font-size: 13px;
    padding: 0 10px;
    height: 40px;
    line-height: 36px;
  }
  .btn-dark-outline .ico.ico-download-gra {
    width: 14px;
    height: 16px;
  }
}

.btn-external-link,
.btn-download {
  min-width: auto;
  height: auto;
  padding: 0 4px;
  border: 0;
  font-weight: normal;
  color: #333;
  line-height: inherit;
  background-color: transparent;
}
.btn-external-link .ico,
.btn-download .ico {
  margin-right: 0;
}
@media (max-width: 767.98px) {
  .btn-external-link .ico,
  .btn-download .ico {
    display: none;
  }
}

.btn-download:after {
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  margin-left: 4px;
  margin-top: -2px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
  background-image: url(../../../images/c/2025/ico-download.png);
}

.btn-external-link:after {
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  margin-left: 0;
  margin-top: -2px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
  background-image: url(../../../images/c/2025/ico-externallink-gray-md.png);
}

.btn-detail {
  display: inline-block;
  color: #0078ff;
  font-size: 14px;
}
.btn-detail:before {
  display: inline-block;
  content: "";
  width: 5px;
  height: 9px;
  margin: -2px 2px 0 0;
  vertical-align: middle;
  background: url(../../../images/c/2025/ico-arr-right-green.png) no-repeat;
  background-size: auto 9px;
}
.btn-detail:after {
  display: inline-block;
  content: "";
  width: 13px;
  height: 14px;
  margin: -2px 0 0 4px;
  vertical-align: middle;
  background: url(../../../images/c/2025/ico-search-green.png) no-repeat;
  background-size: 12.5px auto;
}

/* 인풋 요소 */
.input,
input,
textarea,
select,
button,
label {
  display: inline-block;
  max-width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
  vertical-align: middle;
  font-weight: inherit;
  font-size: inherit;
  word-spacing: normal;
  letter-spacing: inherit;
}

.input,
button,
select {
  border-radius: 6px;
  appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.input {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

input[type=text]:-ms-clear {
  display: none;
}

input[type=text]::-ms-clear {
  display: none;
}

input[type=radio],
input[type=checkbox] {
  margin: 0;
}

input[type=checkbox] {
  width: 16px;
  height: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../../../images/c/2025/ico-checkbox.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
}

input[type=checkbox]:checked {
  width: 16px;
  height: 16px;
  background-image: url(../../../images/c/2025/ico-checkbox-on.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  border: 0;
  background-color: #0078ff;
  border-radius: 2px;
}

.input,
input[type=text],
input[type=password],
input[type=tel],
input[type=email],
input[type=search],
textarea {
  border-radius: 1px;
  padding: 8px 14px;
  line-height: 24px;
  background-color: #fff;
  appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.input,
input[type=text],
input[type=password],
input[type=tel],
input[type=email],
input[type=search],
select {
  height: 40px;
}

.input,
input[type=text],
input[type=password],
input[type=tel],
input[type=email],
input[type=search],
textarea,
select {
  max-width: 100%;
  border: 1px solid #c6c6c6;
  font-size: 1.4rem;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media (max-width: 1024.98px) {
  .input,
  input[type=text],
  input[type=password],
  input[type=tel],
  input[type=email],
  input[type=search],
  textarea,
  select {
    font-size: 14px;
  }
}

.input,
input[disabled],
input[readonly] {
  color: #333;
  background-color: #f2f3f4;
  opacity: 1;
}

select {
  padding: 2px 35px 2px 14px;
  background: #fff url(../../../images/c/2025/bg-arr-select.png);
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: auto 12px;
  color: #333;
  line-height: 1.2;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

select::-ms-expand {
  display: none;
}

input[type=text]::-ms-clear {
  display: none;
}

input::-webkit-input-placeholder {
  color: #8e8e8e;
}

input:-moz-placeholder {
  color: #8e8e8e;
}

input::-moz-placeholder {
  color: #8e8e8e;
  opacity: 1;
}

input:-ms-input-placeholder {
  color: #8e8e8e;
}

.input-group {
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
}

.input-group .input,
.input-group input[type=text],
.input-group input[type=password],
.input-group input[type=tel],
.input-group input[type=search],
.input-group input[type=email],
.input-group select {
  display: table-cell;
  width: 100%;
  border-right: transparent;
}

.input-group:has(.input-addon) select, .input-group:has(.input-addon) input[type=text] {
  border-right: 1px solid #c6c6c6;
}

.input-group .input-addon {
  display: table-cell;
  width: 1%;
  vertical-align: middle;
}
.input-group .input-addon .btn {
  height: 40px;
  line-height: 40px;
  margin-left: 4px;
}
@media (max-width: 767.98px) {
  .input-group .input-addon .btn {
    padding: 0 16px;
    height: 40px;
    line-height: 40px;
  }
}

textarea {
  width: 100%;
}

button,
input[type=submit] {
  margin: 0;
  padding: 0;
  border: 0;
  color: inherit;
  cursor: pointer;
  background: transparent;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.item-lg select {
  padding-right: 75px;
}
@media (max-width: 1024.98px) {
  .item-lg select {
    width: auto !important;
  }
}

.check-item {
  line-height: 18px;
}
.check-item input[type=checkbox], .check-item input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.check-item input[type=checkbox]:focus + label, .check-item input[type=radio]:focus + label {
  outline: 2px solid #000;
  border-radius: 3px;
}
.check-item input[type=checkbox]:not(:focus-visible) + label, .check-item input[type=radio]:not(:focus-visible) + label {
  outline: 0;
}
.check-item input[type=checkbox] + label,
.check-item input[type=checkbox] + .label, .check-item input[type=radio] + label,
.check-item input[type=radio] + .label {
  display: inline-block;
  position: relative;
  height: 18px;
  white-space: nowrap;
  vertical-align: top;
}
.check-item input[type=checkbox] + label .sr-only,
.check-item input[type=checkbox] + .label .sr-only, .check-item input[type=radio] + label .sr-only,
.check-item input[type=radio] + .label .sr-only {
  position: static;
  margin-right: -6px !important;
}
.check-item input[type=checkbox] + label:before,
.check-item input[type=checkbox] + .label:before, .check-item input[type=radio] + label:before,
.check-item input[type=radio] + .label:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 0;
  vertical-align: top;
  margin: 0 4px 0 0;
  background-color: #fff;
  content: "";
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: border-color, background-color, -webkit-box-shadow;
  transition-property: border-color, background-color, -webkit-box-shadow;
  transition-property: border-color, box-shadow, background-color;
  transition-property: border-color, box-shadow, background-color, -webkit-box-shadow;
  will-change: border-color, box-shadow, background-color;
}
.check-item input[type=checkbox]:disabled + label,
.check-item input[type=checkbox]:disabled + .label, .check-item input[type=radio]:disabled + label,
.check-item input[type=radio]:disabled + .label {
  color: #959595;
}
.check-item input[type=checkbox]:disabled + label:before,
.check-item input[type=checkbox]:disabled + .label:before, .check-item input[type=radio]:disabled + label:before,
.check-item input[type=radio]:disabled + .label:before {
  background-image: url(../../../images/c/2025/ico-checkbox-md-disabled@2x.png);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.check-item input[type=checkbox] + label:before,
.check-item input[type=checkbox] + .label:before {
  border-radius: 0;
  background-size: cover;
  background-image: url(../../../images/c/2025/ico-checkbox-md-default@2x.png);
}
.check-item input[type=checkbox]:checked + label:before,
.check-item input[type=checkbox]:checked + .label:before {
  border-color: transparent;
  background: url(../../../images/c/2025/ico-checkbox-md-checked@2x.png) no-repeat center center;
  background-size: cover;
}
.check-item input[type=checkbox]:disabled + label:before,
.check-item input[type=checkbox]:disabled + .label:before {
  background-image: url(../../../images/c/2025/ico-checkbox-md-disabled@2x.png);
}
.check-item input[type=checkbox]:disabled:checked + label:before,
.check-item input[type=checkbox]:disabled:checked + .label:before {
  background-image: url(../../../images/c/2025/ico-checkbox-md-disabled-checked@2x.png);
}
.check-item input[type=radio] + label:before,
.check-item input[type=radio] + .label:before {
  border-radius: 50%;
  background-size: cover;
  background-image: url(../../../images/c/2025/ico-radio-md-default@2x.png);
}
.check-item input[type=radio]:checked + label:before,
.check-item input[type=radio]:checked + .label:before {
  border-color: #0078ff;
  background: url(../../../images/c/2025/ico-radio-md-checked@2x.png) no-repeat center center;
  background-size: cover;
}
.check-item input[type=radio]:disabled + label:before,
.check-item input[type=radio]:disabled + .label:before {
  background-image: url(../../../images/c/2025/ico-radio-md-disabled@2x.png);
}
.check-item input[type=radio]:disabled:checked + label:before,
.check-item input[type=radio]:disabled:checked + .label:before {
  background-image: url(../../../images/c/2025/ico-radio-md-disabled-checked@2x.png);
}

input[type=radio] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url(../../../images/c/2025/ico-radio@2x.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 18px auto;
  cursor: pointer;
}
input[type=radio]:checked {
  background-image: url(../../../images/c/2025/ico-radio-checked@2x.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 18px auto;
  border: 0;
  background-color: #0078ff;
}
input[type=radio]:checked:disabled {
  background-image: url(../../../images/c/2025/ico-radio-md-disabled-checked@2x.png);
}
input[type=radio]:disabled {
  background-image: url(../../../images/c/2025/ico-radio-md-disabled@2x.png);
}
input[type=radio] + label {
  margin-left: 4px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "malgungothic", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  cursor: pointer;
}

.box {
  padding: 25px;
  border-radius: 8px;
  border: 1px solid #ddd;
  background-color: #f5f6f8;
}
.box &gt; *:first-child {
  margin-top: 0;
}
.box &gt; *:last-child {
  margin-bottom: 0;
}
.box.box-round {
  border: 0;
  border-radius: 5px;
}
@media (max-width: 1024.98px) {
  .box {
    padding: 20px;
  }
  .box.box-solid {
    margin-bottom: 25px;
  }
}

.box.box-solid {
  margin-bottom: 20px;
  padding: 35px 25px;
  border-color: transparent;
  background-color: #dfe1e9;
}

.modal-opened {
  overflow: hidden;
}

.layer-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  vertical-align: middle;
  text-align: center;
  z-index: 1000;
  overflow-y: scroll;
  background-color: rgba(0, 0, 0, 0.3);
}
.layer-popup .layer-inner {
  display: inline-block;
  width: 600px;
  max-width: calc(100vw - 20px);
  margin: 80px auto;
  padding: 35px 45px;
  border: 1px solid #000;
  text-align: center;
  background-color: #f5f6f8;
}
.layer-popup .btn-group {
  text-align: center;
  margin-top: 25px;
}

.layer-popup.show {
  display: block;
}

.layer-popup.qna-password .layer-inner {
  width: 380px;
  margin: calc(50vh - 115px) auto 0;
}
.layer-popup.qna-password label {
  display: block;
}
.layer-popup.qna-password label strong {
  display: block;
  margin-bottom: 20px;
  font-size: 22px;
}

.layer-popup.video .layer-inner {
  width: 490px;
  margin: calc(50vh - 252px) auto 0;
}
.layer-popup.video label {
  display: block;
}
.layer-popup.video label strong {
  display: block;
  margin-bottom: 20px;
  font-size: 22px;
}
.layer-popup.video .pr-movie {
  width: 402px;
  max-width: 100%;
  height: 342px;
  border: 1px solid #000;
}
.layer-popup.video .title1 {
  margin: 0 0 15px;
}

.list {
  margin: 0.5em 0;
  padding: 0;
}
.list &gt; li {
  position: relative;
  padding-left: 20px;
  list-style: none;
}
.list &gt; li:before {
  display: block;
  position: absolute;
  left: 8px;
  top: 10px;
  content: "";
  width: 5px;
  height: 5px;
  background-color: #2c8aea;
}
.list &gt; li + li {
  margin-top: 8px;
}
.list .list-none {
  margin-top: 5px;
}
.list.list-2 &gt; li::before {
  background-color: #005ec7;
}
@media (max-width: 1024.98px) {
  .list.list-2 {
    margin-top: 18px;
  }
}
@media (max-width: 1024.98px) {
  .list &gt; li + li {
    margin-top: 10px;
  }
}

.table .list &gt; li:before {
  top: 8px;
}

.list-none {
  margin: 0;
  padding: 0;
}
.list-none &gt; li {
  list-style: none;
}

.tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0;
  padding: 0;
  color: #333;
  font-size: 1.6rem;
  line-height: 1.1;
  text-align: center;
  background: #F6F6F6;
}
.tab-list li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 20%;
          flex: 1 1 20%;
  list-style: none;
  vertical-align: middle;
}
.tab-list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 49px;
  border: 1px solid transparent;
}
.tab-list li span {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  max-height: 2.2em;
  line-height: 1.1em;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 8px;
}
.tab-list li.on a {
  position: relative;
  font-weight: 600;
  color: #fff;
  color: #0078ff;
  background: #FFFFFF;
  border: 1px solid #0078ff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 3px 10px rgba(0, 66, 140, 0.1);
          box-shadow: 0px 3px 10px rgba(0, 66, 140, 0.1);
  border-radius: 6px;
}
@media (max-width: 1024.98px) {
  .tab-list {
    margin-bottom: 30px;
    font-size: 1.4rem;
    line-height: 1.3;
  }
  .tab-list li {
    width: 1%;
  }
}
@media (max-width: 767.98px) {
  .tab-list {
    margin-bottom: 25px;
  }
  .tab-list.tab-list-matrix {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 0 25px;
    padding: 0;
  }
  .tab-list.tab-list-matrix li {
    min-width: 33.33333%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}

.tab-cont {
  display: none;
}

.table {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  font-size: 1.4rem;
}
.table &gt; thead + tbody &gt; tr &gt; td {
  text-align: center;
}
.table .no-result {
  width: 100%;
  line-height: 120px;
  font-size: 16px;
  text-align: center !important;
  background-color: #fff !important;
}
.table .no-result td {
  width: 100%;
}
.table .link {
  font-weight: bold;
  color: #0078ff;
  text-decoration: underline;
}
.table .ico-lock {
  margin-right: 5px;
}
.table + .table {
  margin-top: 25px;
}
@media (max-width: 1024.98px) {
  .table {
    font-size: 1.3rem;
  }
}
@media (max-width: 767.98px) {
  .table + .table {
    margin-top: 20px;
  }
}

caption.title1 {
  margin-top: 0;
}

caption.title2 {
  margin-top: 0;
}

.tag-label {
  display: inline-block;
  padding: 0 12px;
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 25px;
  vertical-align: middle;
  background-color: #6f6f6f;
}
@media (max-width: 1024.98px) {
  .tag-label {
    padding: 0 10px;
    font-size: 1.2rem;
    line-height: 23px;
  }
}

.tag-label-primary {
  background-color: #0078ff;
}

.table-write {
  width: 100%;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}
.table-write th {
  height: 40px;
  padding: 5px 15px;
  border-bottom: 1px solid #e5e5e5;
  background: #fff;
  color: #000;
  background-color: #fafafa;
  white-space: nowrap;
  text-align: left;
}
.table-write th .nessesary {
  display: inline-block;
  color: #EA2B4D;
}
.table-write th small.text-xs {
  display: block;
  font-size: 1.3rem;
  font-weight: normal;
  color: #555;
}
.table-write td {
  height: 40px;
  padding: 5px 6px;
  border-bottom: 1px solid #e5e5e5;
  background: #fff;
  color: #555;
  border-left: 1px solid #e5e5e5;
}
.table-write td input[type=text],
.table-write td textarea {
  border-radius: 5px;
}
.table-write td.border-left-none {
  border-left-color: transparent;
}
.table-write input[type=text] {
  width: 100%;
}
.table-write input[type=password] {
  width: 100%;
}
.table-write + .btn-group {
  margin-top: 16px;
}
@media only all and (max-width: 414px) {
  .table-write {
    margin: 0 -20px;
    width: calc(100% + 40px);
  }
  .table-write colgroup {
    display: none;
  }
  .table-write th {
    display: block;
    height: auto;
    border-left: 0;
    text-align: left;
  }
  .table-write td {
    display: block;
    height: auto;
    border-left: 0;
    text-align: left;
  }
}
.table-write + .btn-group {
  margin-top: 8px;
}

.table-data {
  font-size: 1.5rem;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.table-data &gt; thead &gt; tr:first-child &gt; * {
  border-top-width: 0;
}
.table-data &gt; tbody &gt; tr:first-child &gt; * {
  border-top-width: 0;
}
.table-data &gt; thead ~ tbody &gt; tr &gt; * {
  text-align: center;
}
.table-data &gt; thead ~ tbody &gt; tr:first-child &gt; * {
  border-top-width: 1px;
}
.table-data th,
.table-data td {
  height: 44px;
  padding: 5px 15px;
  border-top: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  color: #333;
}
.table-data th {
  background-color: #f9f9f9;
}
.table-data th:last-child {
  border-right: 0;
}
.table-data td:last-child {
  border-right: 0;
}
@media (min-width: 1025px) {
  .table-data a:hover {
    color: #0078ff;
    text-decoration: underline;
  }
}
@media (max-width: 1024.98px) {
  .table-data th {
    padding: 5px;
  }
  .table-data td {
    padding: 5px;
    padding: 5px 10px;
  }
}

.wide-scroll {
  margin: 0 -20px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.wide-scroll .wide-scroll-inner {
  display: inline-block;
  min-width: 100%;
  padding: 0 20px;
  vertical-align: middle;
}

.table-list tbody &gt; tr &gt; td,
.table-list-simple tbody &gt; tr &gt; td {
  text-align: center;
}
.table-list tbody &gt; tr &gt; td.cell-subject,
.table-list-simple tbody &gt; tr &gt; td.cell-subject {
  text-align: left;
}
@media (min-width: 1025px) {
  .table-list tbody tr:not(.no-result):hover &gt; *,
  .table-list-simple tbody tr:not(.no-result):hover &gt; * {
    color: #0078ff;
    background-color: #FAFAFE;
  }
}

.table-list {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}
.table-list th,
.table-list td {
  height: 40px;
  padding: 5px;
  font-size: 15px;
  text-align: center;
}
.table-list th {
  padding: 5px;
  background: #F5F6F8;
}
@media (min-width: 1025px) {
  .table-list th.pr-80 {
    padding-right: 80px;
  }
}
.table-list td {
  border-top: 1px solid #E6E6E6;
}
.table-list .label-notice,
.table-list .label-category {
  display: none;
}
.table-list tbody &gt; tr:first-child &gt; td {
  border-top: 1px solid #ccc;
}
@media (max-width: 1024.98px) {
  .table-list thead th {
    font-size: 1.4rem;
  }
  .table-list th {
    height: 40px;
  }
  .table-list td {
    height: 40px;
  }
}
@media (max-width: 767.98px) {
  .table-list td {
    max-width: 220px;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}

.table-list-simple {
  width: 100%;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 15px;
}
.table-list-simple thead {
  display: none;
}
.table-list-simple tbody &gt; tr:first-child &gt; td {
  border-top: 0;
}
@media (min-width: 1025px) {
  .table-list-simple td {
    border-top: 1px solid #E6E6E6;
    height: 52px;
  }
  .table-list-simple .label-notice,
  .table-list-simple .label-category {
    display: none;
  }
}
@media (max-width: 1024.98px) {
  .table-list-simple {
    display: block;
    color: #666;
    font-size: 12px;
    line-height: 14px;
  }
  .table-list-simple tbody {
    display: block;
  }
  .table-list-simple tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 16px 0;
  }
  .table-list-simple tr + tr {
    border-top: 1px solid #E6E6E6;
  }
  .table-list-simple td:not(.cell-subject) + td:not(.cell-subject) {
    position: relative;
    margin-left: 6px;
    padding-left: 7px;
  }
  .table-list-simple td:not(.cell-subject) + td:not(.cell-subject):before {
    left: 0;
    top: 50%;
    margin-top: -4px;
    position: absolute;
    content: "";
    width: 1px;
    height: 10px;
    background: #E6E6E6;
  }
  .table-list-simple .cell-num,
  .table-list-simple .cell-category {
    display: none;
  }
  .table-list-simple .cell-subject {
    margin-bottom: 12px;
    width: 100%;
    font-weight: bold;
    font-size: 14px;
    color: #333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    height: 32px;
    max-height: none;
    line-height: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}

.table-list-card {
  display: block;
  color: #333;
  font-size: 13px;
  line-height: 15px;
}
.table-list-card thead,
.table-list-card colgroup {
  display: none;
}
.table-list-card tbody {
  display: block;
}
.table-list-card tr.no-result {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}
.table-list-card tr:not(.no-result) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  border: 1px solid #E6E6E6;
  border-radius: 10px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.04);
}
.table-list-card td {
  display: block;
}
.table-list-card td:not(.cell-subject) + td:not(.cell-subject) {
  position: relative;
  margin-left: 6px;
  padding-left: 7px;
}
.table-list-card td:not(.cell-subject) + td:not(.cell-subject):before {
  left: 0;
  top: 50%;
  margin-top: -4px;
  position: absolute;
  content: "";
  width: 1px;
  height: 10px;
  background: #E6E6E6;
}
.table-list-card .cell-num,
.table-list-card .cell-category {
  display: none;
}
.table-list-card .cell-subject {
  text-align: left;
  width: 100%;
  font-weight: bold;
  color: #333;
  margin-bottom: 12px;
  font-size: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
  max-height: 54px;
  line-height: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (min-width: 768px) {
  .table-list-card tbody {
    margin-top: -16px;
  }
  .table-list-card tbody:after {
    display: block;
    clear: both;
    content: "";
  }
  .table-list-card tr {
    float: left;
    width: calc(33.333333% - 11px);
    height: 163px;
    margin-top: 16px;
    margin-left: 16px;
    padding: 24px 20px;
  }
  .table-list-card tr:nth-child(3n+1) {
    margin-left: 0;
  }
  .table-list-card tr:hover {
    background-color: #F0F7FF;
  }
  .table-list-card tr:hover .cell-subject {
    color: inherit;
  }
}
@media (min-width: 768px) and (max-width: 1024.98px) {
  .table-list-card tr {
    width: calc(50% - 6px);
    margin-left: 8px;
  }
  .table-list-card tr:nth-child(3n+1) {
    margin-left: 8px;
  }
  .table-list-card tr:nth-child(2n+1) {
    margin-left: 0;
  }
}
@media (max-width: 1024.98px) {
  .table-list-card {
    font-size: 12px;
    line-height: 14px;
  }
  .table-list-card tbody {
    margin-top: -8px;
  }
  .table-list-card tr {
    height: 120px;
    margin-top: 8px;
    padding: 20px 16px;
  }
  .table-list-card .cell-subject {
    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    max-height: 36px;
    line-height: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
@media (max-width: 767.98px) {
  .table-list-card tbody {
    display: block;
  }
}

.link-file {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.file-item + .file-item {
  margin-top: 5px;
}

.file-item a {
  margin-right: 10px;
}

.file-info {
  font-size: smaller;
}

.bbs-no-result {
  position: relative;
  padding: 50px 20px;
  text-align: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px double #ccc;
}

.bbs-search {
  padding: 20px 25px;
  margin: 0;
  border: 1px solid #e6e6e6;
  background: #f5f6f8;
  border-radius: 8px;
  overflow: hidden;
}
.bbs-search .search-item {
  float: left;
}
.bbs-search .search-item:last-child {
  float: right;
}
.bbs-search .search-item .label {
  margin-right: 8px;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 40px;
  vertical-align: middle;
}
.bbs-search .search-item label {
  font-size: 1.4rem;
}
.bbs-search .search-item + .search-item {
  margin-left: 30px;
}
.bbs-search label + label {
  margin-left: 5px;
}
.bbs-search .input-keyword {
  width: 230px;
  margin: 0 -6px;
}
.bbs-search .btn-bbs-search {
  width: 56px;
  height: 40px;
  text-indent: -9999px;
  white-space: nowrap;
  vertical-align: top;
  background: #0078ff url(../../../images/c/2025/ico-search-white-md@2x.png) no-repeat center center;
  border-radius: 0px 6px 6px 0px;
  background-size: 20px auto;
  overflow: hidden;
}
.bbs-search .btn-bbs-search:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
}
@media (min-width: 1025px) {
  .bbs-search .input-keyword {
    border-radius: 6px 0px 0px 6px;
  }
  .bbs-search .item + .item .input-keyword {
    margin-left: -8px;
    border-radius: 0;
  }
}
@media (max-width: 1024.98px) {
  .bbs-search {
    padding: 20px;
    overflow: hidden;
  }
  .bbs-search legend + .search-item {
    margin-top: -7px;
  }
  .bbs-search .search-item {
    float: none;
  }
  .bbs-search .search-item .label {
    display: block;
    margin: 3px 20px 10px 0;
    line-height: 20px;
  }
  .bbs-search .search-item:last-child {
    float: none;
  }
  .bbs-search .search-item + .search-item {
    margin: 15px 0 0;
  }
  .bbs-search .item {
    display: block;
    margin-top: 5px;
  }
  .bbs-search .item select {
    width: 100%;
    border-radius: 6px;
  }
  .bbs-search .item .input-keyword {
    width: calc(100% - 56px);
    margin: 0 -5px 0 0;
    border-radius: 6px 0px 0px 6px;
  }
  .bbs-search .item .btn-bbs-search {
    width: 56px;
    vertical-align: top;
  }
}

.table-search {
  padding: 19px 24px;
  border: 1px solid #d3d4d8;
  background-color: #f5f6f8;
}
.table-search td:last-child {
  text-align: right;
}
.table-search .btn-bbs-search {
  width: 56px;
  height: 40px;
  text-indent: -9999px;
  white-space: nowrap;
  background: #59595b url(../../../images/c/2025/ico-search.png) no-repeat center center;
  overflow: hidden;
}
.table-search .item-keyword {
  text-align: right;
}
.table-search td.item-keyword {
  font-size: 0;
}
.table-search .input-keyword {
  margin: 0 -1px;
}
@media (max-width: 1024.98px) {
  .table-search {
    padding: 19px 24px 4px;
    border: 1px solid #d3d4d8;
    background-color: #f5f6f8;
  }
  .table-search th {
    display: block;
    text-align: left;
    margin-bottom: 5px;
  }
  .table-search td {
    display: block;
    text-align: left;
    margin-bottom: 15px;
  }
  .table-search td:last-child {
    text-align: left;
  }
  .table-search select {
    width: 100%;
  }
  .table-search .item-keyword {
    text-align: left;
  }
  .table-search .item-keyword select {
    margin-bottom: 5px;
  }
  .table-search .input-keyword {
    width: calc(100% - 42px);
  }
  .table-search .btn-bbs-search {
    width: 42px;
    vertical-align: top;
    background-image: url(../../../images/c/2025/ico-m-search.png);
    background-size: 15.5px auto;
  }
}

.bbs-total {
  margin: 25px 0 20px;
  color: #585858;
  font-size: 1.4rem;
}
.bbs-total:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 13px;
  margin: -2px 8px 0 0;
  vertical-align: middle;
  background: url(../../../images/c/2025/ico-doc.png) no-repeat;
  background-size: auto 100%;
}
.bbs-total span {
  color: #0078ff;
}

.bbs-list-header {
  margin: 5px 0 3px;
  line-height: 30px;
  font-size: 15px;
}
.bbs-list-header:after {
  content: "";
  display: block;
  clear: both;
}
.bbs-list-header .bbs-search {
  margin-bottom: 4px;
}
.bbs-list-header .bbs-total {
  margin: 0;
}
.bbs-list-header .bbs-total span {
  font-weight: bold;
}

.bbs-list-header + .bbs-no-result {
  margin-top: 0;
}

.js-list-toggle dt button {
  display: block;
  width: 100%;
  text-align: left;
}
.js-list-toggle dt a {
  display: block;
  width: 100%;
  text-align: left;
}
.js-list-toggle dd {
  display: none;
}

.js-list-accordion dt button {
  display: block;
  width: 100%;
  text-align: left;
}
.js-list-accordion dt a {
  display: block;
  width: 100%;
  text-align: left;
}
.js-list-accordion dd {
  display: none;
}

.btn-group + .pagination {
  margin-top: 20px;
}

.pagination {
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0;
}
.pagination a,
.pagination strong {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 30px;
  height: 30px;
  line-height: 28px;
  border: 1px solid transparent;
  margin: 0 2px;
  padding: 0 5px;
  font-size: 1.4rem;
  vertical-align: middle;
  font-weight: 600;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 4px;
}
.pagination a {
  color: #666;
}
.pagination strong {
  color: #fff;
  border-color: transparent;
  background: #0078ff;
}
.pagination .direction {
  border-color: #e6e6e6;
  width: 30px;
  border-radius: 4px;
  text-indent: 50px;
  background: url(../../../images/c/2025/ico-paging-first.png) no-repeat center center;
}
.pagination .direction.first {
  background-image: url(../../../images/c/2025/ico-paging-first.png);
}
.pagination .direction.prev {
  background-image: url(../../../images/c/2025/ico-paging-prev.png);
}
.pagination .direction.next {
  background-image: url(../../../images/c/2025/ico-paging-next.png);
}
.pagination .direction.last {
  background-image: url(../../../images/c/2025/ico-paging-last.png);
}
@media (max-width: 767.98px) {
  .pagination a,
  .pagination strong {
    font-size: 12px;
    height: 24px;
    line-height: 22px;
    margin: 0 1px;
  }
  .pagination a {
    min-width: 20px;
  }
  .pagination strong,
  .pagination .direction {
    min-width: 24px;
    width: 24px;
  }
}

.bbs-article-title {
  margin: 0;
  padding: 10px 15px;
  font-weight: bold;
  font-size: 1.8rem;
  text-align: center;
  border-top: 1px solid #848898;
}

.bbs-article-detail {
  width: auto !important;
  padding: 20px 10px 30px;
  border-bottom: 1px solid #ccc;
  font-size: 1.6rem;
}
.bbs-article-detail .image-area {
  text-align: center;
  margin-bottom: 1.5em;
}
.bbs-article-detail .image-area img {
  max-width: 100%;
  vertical-align: top;
}
.bbs-article-detail img {
  height: auto !important;
}
.bbs-article-detail ul {
  margin: 0.5em 0;
}
.bbs-article-detail dl {
  margin: 0.5em 0;
}
.bbs-article-detail table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  border-top: 1px solid #ccc;
  border-left: hidden;
  border-right: hidden;
  font-size: 1.4rem;
  background-color: #fff;
}
.bbs-article-detail caption {
  padding: 10px 0;
}
.bbs-article-detail th {
  height: 30px !important;
  padding: 5px 15px;
  border: 1px solid #e6e6e6;
  border-top: 0;
  background-color: #f5f6f8;
}
.bbs-article-detail td {
  height: 30px !important;
  padding: 5px 15px;
  border: 1px solid #e6e6e6;
  border-top: 0;
}
@media (min-width: 1025px) {
  .bbs-article-detail.news-detail {
    padding: 20px 150px;
    word-break: break-all;
  }
}
@media (max-width: 1024.98px) {
  .bbs-article-detail {
    padding: 25px 0;
    font-size: 1.4rem;
  }
  .bbs-article-detail table {
    font-size: 1.3rem;
  }
}

td.bbs-article-detail {
  padding: 20px 10px;
  border-bottom: 0;
}

.table-inner {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  border-top: 1px solid #323136;
  border-left: hidden;
  border-right: hidden;
  font-size: 1.4rem;
  background-color: #fff;
}
.table-inner caption {
  padding: 10px 0;
}
.table-inner caption.tts {
  padding: 0;
}
.table-inner th {
  height: 30px !important;
  padding: 5px 15px;
  border: 1px solid #d4d5d9;
  border-top: 0;
  background-color: #dbeceb;
}
.table-inner td {
  height: 30px !important;
  padding: 5px 15px;
  border: 1px solid #d4d5d9;
  border-top: 0;
}
@media (max-width: 1024.98px) {
  .table-inner {
    font-size: 1.3rem;
  }
}

.bbs-search .item.pack-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 1024.98px) {
  .bbs-search .item.pack-list {
    gap: 4px 12px;
  }
  .bbs-search .item.pack-list .label {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-bottom: 6px;
  }
}
.bbs-search .item.pack-list .item-pack {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bbs-search .item.pack-list .item-pack:has(.btn-default) {
  gap: 4px;
}
.bbs-search .item.pack-list .item-pack:has(.ico-calendar) {
  gap: 8px;
}
@media (max-width: 1024.98px) {
  .bbs-search .item.pack-list .item-pack .btn {
    min-width: 60px;
    padding: 0 12px;
  }
}
.bbs-search .search-item:has(.pack-list) + .search-item {
  margin-left: 0;
}

.bbs-nav {
  margin: 25px 0;
  padding: 0;
  border-bottom: 1px solid #ccc;
  font-size: 1.4rem;
}
.bbs-nav li {
  border-top: 1px solid #e5e5e5;
  color: #555;
  line-height: 40px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bbs-nav li:first-child {
  border-top: 1px solid #ccc;
}
.bbs-nav li &gt; * {
  vertical-align: top;
}
.bbs-nav li strong:before {
  display: inline-block;
  content: "";
  width: 13px;
  height: 8px;
  margin-right: 12px;
  background: url(../../../images/c/2025/ico-arr-up.png) no-repeat;
  vertical-align: middle;
}
.bbs-nav li:nth-child(2) strong:before {
  background-image: url(../../../images/c/2025/ico-arr-down.png);
}
.bbs-nav strong {
  display: inline-block;
  width: 15%;
  min-width: 110px;
  margin-right: 30px;
  padding-left: 20px;
  color: #000;
  background-color: #fafafa;
}
@media (max-width: 1024.98px) {
  .bbs-nav li {
    line-height: 48px;
  }
  .bbs-nav li strong:before {
    display: none;
  }
  .bbs-nav strong {
    min-width: 70px;
    margin-right: 10px;
    padding: 0;
    text-align: center;
  }
}

.notice-banner {
  position: relative;
  z-index: 2001;
  min-height: 32px;
  color: #1d1d1d;
  font-size: 15px;
  background-color: #edf1f5;
  overflow: hidden;
}
.notice-banner .inner {
  position: relative;
  gap: 8px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.notice-banner .nuri-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 6px;
  letter-spacing: -0.25px;
}
.notice-banner .nuri-txt::before {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 28px;
  height: 20px;
  background-image: url(../../../images/c/2025/ico-flag@2x.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 1024.98px) {
  .notice-banner .fix-width {
    padding: 0 16px;
  }
}

.top-banner {
  display: none;
  position: relative;
  z-index: 2001;
  color: #fff;
  font-size: 14px;
  background-color: #1c81f2;
  overflow: hidden;
}
.top-banner:before {
  content: "";
  position: absolute;
  z-index: 1010;
  height: 36px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.27);
}
.top-banner .fix-width {
  position: relative;
}
.top-banner .top-banner-slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.top-banner .top-banner-slider .item {
  text-align: center;
}
.top-banner .top-banner-slider .item img {
  height: 100%;
  max-width: none;
  -o-object-fit: contain;
     object-fit: contain;
}
.top-banner .top-banner-slider .slick-dots {
  position: absolute;
  z-index: 1030;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  left: 50%;
  bottom: 0;
  height: 36px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin: 0;
}
.top-banner .top-banner-slider .slick-dots li::marker {
  content: none;
}
.top-banner .top-banner-slider .slick-dots li + li {
  margin-left: 2px;
}
.top-banner .top-banner-slider .slick-dots button {
  display: block;
  position: relative;
  width: 16px;
  height: 16px;
  padding: 4px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  vertical-align: middle;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  color: transparent;
  white-space: nowrap;
  text-align: center;
}
.top-banner .top-banner-slider .slick-dots button:after {
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  border: 1px solid #fff;
  border-radius: 4px;
  content: "";
}
.top-banner .top-banner-slider .slick-dots .slick-active button {
  width: 24px;
}
.top-banner .top-banner-slider .slick-dots .slick-active button:after {
  border: 1px solid #ff9f39;
  background-color: #ff9f39;
}
.top-banner .today-nomore {
  position: absolute;
  z-index: 1030;
  right: 20px;
  bottom: 0;
  line-height: 36px;
}
.top-banner .today-nomore .btn-notice-close {
  margin-left: 0;
  width: 30px;
  height: 30px;
  background: url(../../../images/u/btn-close-circle@2x.png) no-repeat center center;
  background-size: 23px auto;
  text-indent: -9999px;
  overflow: hidden;
}
@media (min-width: 1025px) {
  .top-banner .top-banner-slider {
    height: 170px;
  }
  .top-banner .top-banner-slider .slick-track {
    width: 100% !important;
    height: 100%;
  }
  .top-banner .top-banner-slider .slick-list {
    height: 170px !important;
  }
  .top-banner .top-banner-slider .slick-slide {
    min-width: 100% !important;
  }
}
@media (max-width: 1024.98px) {
  .top-banner:before {
    height: 30px;
  }
  .top-banner .fix-width {
    padding: 0 0 30px;
  }
  .top-banner .today-nomore {
    right: 10px;
    font-size: 13px;
    line-height: 30px;
  }
  .top-banner .top-banner-slider {
    height: 85px;
  }
  .top-banner .top-banner-slider .slick-slide {
    width: 100% !important;
  }
  .top-banner .top-banner-slider .slick-list {
    height: 85px !important;
  }
  .top-banner .top-banner-slider .slick-dots {
    bottom: 0;
    left: 20px;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    height: 30px;
  }
  .top-banner .top-banner-slider .item {
    position: relative;
    height: 85px;
  }
  .top-banner .top-banner-slider .item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

@media (min-width: 1025px) {
  body.header-fixed #header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }
  body.header-fixed .btn-popupzone {
    -webkit-transform: translateY(-110%);
            transform: translateY(-110%);
  }
  body.header-fixed.main-wrap #content {
    margin-top: 124px;
  }
  body.header-fixed #breadcrumb {
    margin-top: 124px;
  }
}

#header {
  position: relative;
  z-index: 3600;
}
#header .header-inner {
  position: relative;
  height: 92px;
}
#header .header-inner .fix-width {
  position: relative;
  width: 100%;
}
#header .logo-area {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 50;
  width: 205px;
  height: 92px;
}
#header .menu-area {
  position: relative;
  height: 100%;
}
@media (min-width: 1025px) {
  #header {
    border-bottom: 1px solid #f0f4f9;
    background-color: #fff;
    height: 124px;
  }
  #header .allmenu-area {
    display: none;
  }
}
@media (max-width: 1024.98px) {
  #header {
    position: static;
    min-height: 96px;
  }
  #header .header-inner {
    height: 64px;
    padding: 8px 0;
  }
  #header .logo-area {
    position: relative;
    width: 138px;
    height: 40px;
  }
  #header .menu-area .fix-width {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%;
    padding: 0 16px;
  }
  #header .topmenu-area {
    height: 100%;
  }
  #header .allmenu-area {
    display: block;
  }
}

@media screen and (max-width: 1320px) {
  .scaled-layout #header .logo-area {
    width: 165px;
  }
  .scaled-layout #header .logo-area #logo {
    width: 165px;
    height: 52px;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .scaled-layout #gnb {
    gap: 4px;
    padding-left: 165px;
  }
  .scaled-layout #gnb &gt; li &gt; a {
    padding: 0 8px;
    font-size: 17px;
  }
  .scaled-layout .lnb-area dl {
    row-gap: 10px;
    padding: 26px 0 26px 200px;
  }
  .scaled-layout .lnb-area dd {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 33.3%;
            flex: 0 1 33.3%;
  }
  .scaled-layout .lnb-area dd &gt; a {
    min-height: 36px;
    font-size: 16px;
  }
  .scaled-layout .lnb-area dd ul li::before {
    top: 15.5px;
  }
  .scaled-layout .lnb-area dd ul a {
    min-height: 27px;
    padding: 8px 12px 8px 24px;
    font-size: 15px;
  }
}
@media screen and (max-width: 1320px) {
  .scaled-layout.xlarge #header .logo-area {
    width: 155px;
  }
  .scaled-layout.xlarge #header .logo-area #logo {
    width: 155px;
    height: 45px;
  }
  .scaled-layout.xlarge #gnb {
    padding-left: 155px;
  }
  .scaled-layout.xlarge #gnb &gt; li &gt; a {
    font-size: 16px;
  }
}
@media screen and (max-width: 1520px) {
  .scaled-layout.xxlarge #header .logo-area {
    width: 135px;
  }
  .scaled-layout.xxlarge #header .logo-area #logo {
    width: 135px;
    height: 45px;
  }
  .scaled-layout.xxlarge #gnb {
    padding-left: 135px;
  }
  .scaled-layout.xxlarge #gnb &gt; li &gt; a {
    padding: 0 8px;
    font-size: 14px;
  }
  .scaled-layout.xxlarge .lnb-area dt {
    width: 134px;
  }
  .scaled-layout.xxlarge .lnb-area dl {
    padding-left: 134px;
  }
  .scaled-layout.xxlarge .lnb-area dd {
    padding: 0 8px;
  }
  .scaled-layout.xxlarge .lnb-area dd .lnb-title {
    min-height: 56px;
    margin-bottom: 8px;
  }
  .scaled-layout.xxlarge .lnb-area dd .lnb-title a {
    font-size: 14px;
  }
  .scaled-layout.xxlarge .lnb-area dd ul {
    padding-top: 8px;
  }
  .scaled-layout.xxlarge .lnb-area dd ul a {
    font-size: 13px;
  }
}

.fix-width {
  max-width: 1300px;
  margin: auto;
  padding: 0 10px;
}
@media (max-width: 1024.98px) {
  .fix-width {
    padding: 0 20px;
  }
}

#skip a {
  display: block;
  position: absolute;
  top: 0;
  margin-bottom: -1px;
  width: 100%;
  height: 1px;
  text-align: center;
  text-decoration: none;
  font-size: 1.8rem;
  overflow: hidden;
  z-index: 600;
}
#skip a:focus {
  height: 40px;
  line-height: 40px;
  color: #fff;
  background: #666;
}
#skip a:focus-within {
  outline: 1px dashed #fff;
  outline-offset: -5px;
}
#skip a:active {
  height: 40px;
  line-height: 40px;
  color: #fff;
  background: #666;
}
@media (max-width: 1024.98px) {
  #skip {
    display: none;
  }
}

#util {
  position: relative;
}
#util &gt; * {
  z-index: 1000;
}
.util-area .util-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 25px;
  width: 100%;
  font-size: 15px;
}
.util-area .util-menu &gt; li + li {
  position: relative;
}
.util-area .util-menu &gt; li + li:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -12.5px;
  width: 1px;
  height: 12px;
  background-color: #d8d8d8;
  border-radius: 0.5px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.util-area .btn-search {
  display: inline-block;
  min-height: 20px;
  border-radius: 4px;
}
.util-area .btn-search .ico {
  margin-right: 4px;
}
.util-area .btn-search:hover {
  background-color: #f3f7fa;
}
.util-area .btn-search:active {
  background-color: #eaeef0;
}
@media (min-width: 1025px) {
  .util-area {
    width: 100%;
    height: 32px;
    padding: 6px 0;
  }
}
@media (max-width: 1024.98px) {
  .util-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 8px;
    height: 100%;
  }
  .util-area .util-menu {
    height: 100%;
  }
  .util-area .util-menu &gt; li {
    display: none;
    height: 100%;
  }
  .util-area .util-menu &gt; li:first-child {
    display: block;
  }
  .util-area .util-menu .btn-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8px;
    width: 53px;
    height: 100%;
    padding: 4px;
  }
  .util-area .util-menu .btn-search .text {
    font-size: 13px;
    color: #1d1d1d;
    line-height: 1;
  }
  .util-area .util-menu .btn-search .ico {
    margin: 0;
  }
  .util-area .util-menu .btn-search .ico-util-search {
    width: 20px;
    height: 20px;
    background-size: 20px auto;
  }
}

#logo {
  height: 60px;
  text-indent: -9999px;
  white-space: nowrap;
  background-size: cover;
  background-repeat: no-repeat;
  width: 205px;
  height: 60px;
  background-image: url(../../../images/u/2025/logo@2x.png);
}
#logo a {
  display: block;
  width: 100%;
  height: 100%;
}
@media (max-width: 1024.98px) {
  #logo {
    height: 100%;
    width: 138px;
  }
}

.dropdown-menu {
  position: relative;
  width: auto;
  color: #333;
  overflow: visible;
}
.dropdown-menu.active .drop-menu {
  display: block;
}
.dropdown-menu.active .btn-drop:after {
  -webkit-transform: translateY(-50%) rotate(-180deg);
          transform: translateY(-50%) rotate(-180deg);
}
.dropdown-menu .btn-drop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 20px;
  padding: 0 16px 0 2px;
  border-radius: 4px;
}
.dropdown-menu .btn-drop:after {
  position: absolute;
  top: 50%;
  right: 2px;
  content: "";
  width: 12px;
  height: 12px;
  background: url(../../../images/c/2025/ico-arrow-down-sm@2x.png) no-repeat;
  background-size: 12px auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.dropdown-menu .btn-drop:hover {
  background-color: #f3f7fa;
}
.dropdown-menu .btn-drop:active {
  background-color: #eaeef0;
}
.dropdown-menu .drop-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: none;
  margin-top: 14px;
  padding: 8px;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 8px;
  color: #1d1d1d;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1215686275);
          box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1215686275);
  overflow: visible;
  z-index: 100;
}
.dropdown-menu .drop-menu::before {
  content: "";
  position: absolute;
  top: -12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 20px;
  height: 12px;
  z-index: 1;
  background: url(../../../images/c/2025/ico-drop-arrow@2x.png) no-repeat;
  background-size: 20px auto;
}
.dropdown-menu .drop-menu .drop-list .item-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 48px;
  padding: 0 16px;
  border-radius: 6px;
}
.dropdown-menu .drop-menu .drop-list .item-link:hover, .dropdown-menu .drop-menu .drop-list .item-link:focus-within {
  background-color: #f3f7fa;
}
.dropdown-menu .drop-menu .drop-list .item-link:active {
  background-color: #eaeef0;
}
.dropdown-menu .drop-menu .drop-list li:nth-child(2) .ico-wrap {
  width: 24px;
  height: 24px;
}
.dropdown-menu .drop-menu .drop-list li:nth-child(3) .ico-wrap {
  width: 26px;
  height: 26px;
}
.dropdown-menu .drop-menu .drop-list li:nth-child(4) .ico-wrap {
  width: 28px;
  height: 28px;
}
.dropdown-menu .drop-menu .drop-list li:nth-child(5) .ico-wrap {
  width: 30px;
  height: 30px;
}
.dropdown-menu.language .item-link {
  min-width: 105px;
}
.dropdown-menu.view-mode .btn-view {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-width: 132.4px;
  min-height: 48px;
  padding: 0 16px;
  border-radius: 6px;
}
.dropdown-menu.view-mode .btn-view .ico-wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 22px;
  height: 22px;
}
.dropdown-menu.view-mode .btn-view .ico-wrap .ico {
  position: absolute;
  margin-top: 0;
}
.dropdown-menu.view-mode .btn-view .ico-wrap + span {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: left;
  margin-left: 8px;
}
.dropdown-menu.view-mode .btn-view:hover, .dropdown-menu.view-mode .btn-view:focus-within {
  background-color: #f3f7fa;
}
.dropdown-menu.view-mode .btn-view:active {
  background-color: #eaeef0;
}
.dropdown-menu.view-mode .btn-view:active span {
  font-weight: 700;
  color: #005ec7;
}
.dropdown-menu.view-mode .btn-view:active .ico-viewsetting-sm {
  background-image: url(../../../images/c/2025/ico-viewsetting-primary-sm@2x.png);
}
.dropdown-menu.view-mode .btn-view:active .ico-viewsetting-md {
  background-image: url(../../../images/c/2025/ico-viewsetting-primary-md@2x.png);
}
.dropdown-menu.view-mode .btn-view:active .ico-viewsetting-lg {
  background-image: url(../../../images/c/2025/ico-viewsetting-primary-lg@2x.png);
}
.dropdown-menu.view-mode .btn-view:active .ico-viewsetting-xl {
  background-image: url(../../../images/c/2025/ico-viewsetting-primary-xl@2x.png);
}
.dropdown-menu.view-mode .btn-view:active .ico-viewsetting-xxl {
  background-image: url(../../../images/c/2025/ico-viewsetting-primary-xxl@2x.png);
}
.dropdown-menu.view-mode .drop-btm {
  border-top: 1px solid #cdd1d5;
}
.dropdown-menu.view-mode .drop-btm .btn-reset {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  width: 100%;
  min-width: 105px;
  min-height: 48px;
  padding: 0 16px;
  border-radius: 6px;
}
@media (max-width: 1024.98px) {
  .dropdown-menu .btn-drop {
    font-size: 15px;
  }
  .dropdown-menu .drop-menu .drop-list .item-link {
    min-height: 44px;
    padding: 0 12px;
    font-size: 17px;
    color: #1d1d1d;
  }
  .dropdown-menu.language .item-link {
    min-width: 97px;
  }
}

.allmenu-open {
  overflow-y: hidden;
}
@media (min-width: 1025px) {
  .allmenu-open .top-banner,
  .allmenu-open #quick-link {
    z-index: 1000;
  }
}
@media (min-width: 768px) {
  .allmenu-open .btn-allmenu-close {
    right: 20px;
  }
}

#allmenu-area {
  position: absolute;
  will-change: right;
}
#allmenu-area .allmenu-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
#allmenu-area .allmenu-title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 64px;
}
#allmenu-area #allmenu {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: calc(100% - 64px);
  overflow: auto;
}
@media (min-width: 1025px) {
  #allmenu-area {
    display: none;
  }
}
@media (max-width: 1024.98px) {
  #allmenu-area {
    display: none;
    position: fixed;
    right: -360px;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    z-index: 3000;
    -webkit-box-shadow: 0 0 20px 1000px rgba(0, 0, 0, 0.7);
            box-shadow: 0 0 20px 1000px rgba(0, 0, 0, 0.7);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  #allmenu-area.allmenu-opened {
    display: block;
    right: 0;
  }
  #allmenu-area .allmenu-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 24px;
    background-color: #fff;
    border-bottom: 1px solid #e2eaef;
  }
}

#allmenu {
  position: relative;
}
@media (max-width: 1024.98px) {
  #allmenu {
    width: 100%;
    background: #f3f7fa;
  }
  #allmenu:before {
    content: "";
    position: absolute;
    top: 0;
    left: 130px;
    width: 1px;
    height: 100%;
    background-color: #e2eaef;
  }
  #allmenu a {
    display: block;
    position: relative;
    padding: 0 15px;
    color: #1d1d1d;
    word-break: break-word;
  }
  #allmenu &gt; li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #allmenu &gt; li.on &gt; a {
    background-color: #fff;
    color: #0078ff;
  }
  #allmenu &gt; li.on .gnb-depth {
    display: block;
  }
  #allmenu &gt; li &gt; a {
    position: relative;
    width: 132px;
    height: 64px;
    display: table;
    text-align: left;
    padding: 22px 20px;
    font-weight: bold;
    font-size: 17px;
    color: #1d1d1d;
  }
  #allmenu &gt; li &gt; .gnb-depth {
    display: none;
    position: absolute;
    top: 0;
    left: 131px;
    z-index: 2;
    width: calc(100% - 131px);
    height: 100%;
    padding: 24px 16px;
    background-color: #fff;
    overflow-y: auto;
  }
  #allmenu &gt; li &gt; .gnb-depth a {
    border-radius: 8px;
  }
  #allmenu &gt; li &gt; .gnb-depth &gt; li &gt; a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
    margin: 0 auto;
    padding: 17px 12px;
    font-weight: 500;
    font-size: 15px;
  }
  #allmenu &gt; li &gt; .gnb-depth &gt; li &gt; a:active, #allmenu &gt; li &gt; .gnb-depth &gt; li &gt; a.active {
    background: #f3f7fa;
    font-weight: 700;
    color: #0078ff;
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  #allmenu &gt; li &gt; .gnb-depth &gt; li &gt; ul {
    display: none;
    padding: 0px 0 12px;
    background-color: #fff;
    width: 100%;
    margin: 0 auto;
  }
  #allmenu &gt; li &gt; .gnb-depth &gt; li &gt; ul &gt; li {
    background-color: #fff;
  }
  #allmenu &gt; li &gt; .gnb-depth &gt; li &gt; ul &gt; li + li {
    margin-top: 4px;
  }
  #allmenu &gt; li &gt; .gnb-depth &gt; li &gt; ul &gt; li &gt; a {
    position: relative;
    padding: 15px 12px 15px 24px;
    font-size: 15px;
    font-weight: 400;
  }
  #allmenu &gt; li &gt; .gnb-depth &gt; li &gt; ul &gt; li &gt; a:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 20.5px;
    left: 12px;
    width: 4px;
    height: 4px;
    background-color: #2d2d2d;
    border-radius: 50%;
  }
  #allmenu &gt; li &gt; .gnb-depth &gt; li &gt; ul &gt; li &gt; a:active, #allmenu &gt; li &gt; .gnb-depth &gt; li &gt; ul &gt; li &gt; a.active {
    background: #f3f7fa;
    font-weight: 700;
    color: #0078ff;
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  #allmenu &gt; li &gt; .gnb-depth &gt; li.collapse.on &gt; a:after {
    -webkit-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
  }
  #allmenu &gt; li &gt; .gnb-depth &gt; li.collapse &gt; a {
    padding-right: 40px;
  }
  #allmenu &gt; li &gt; .gnb-depth &gt; li.collapse &gt; a:after {
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../../../images/c/2025/ico-arrow-up-lightgray@2x.png) no-repeat center center;
    background-size: 20px auto;
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
  }
  #allmenu &gt; li.on &gt; a:after {
    background: url(../../../images/c/2025/ico-arr-right-primary-on.png) no-repeat center center;
    background-size: 17px auto;
  }
}

.btn-allmenu.close {
  border-color: transparent;
  background: #2d69d7 url(../../../images/c/2025/ico-close-white.png) no-repeat center center;
  background-size: 15px 15px;
}
@media (max-width: 1024.98px) {
  .btn-allmenu {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8px;
    width: 53px;
    height: 100%;
    padding: 4px;
  }
  .btn-allmenu .text {
    font-size: 13px;
    color: #1d1d1d;
    line-height: 1;
  }
}

.btn-allmenu-close {
  position: absolute;
  top: 0;
  right: 4px;
  width: 64px;
  height: 64px;
  text-indent: -9999px;
  overflow: hidden;
}
@media (max-width: 1024.98px) {
  .btn-allmenu-close {
    background: url(../../../images/c/2025/ico-close-mobile@2x.png) no-repeat center center;
    background-size: 24px 24px;
  }
}

#gnb-area {
  position: relative;
  height: 60px;
}
#gnb-area .inner {
  position: relative;
  max-width: 1200px;
  margin: auto;
  text-align: center;
}
@media (max-width: 1024.98px) {
  #gnb-area {
    display: none;
  }
}

#gnb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 20px;
  overflow: hidden;
  max-width: 1300px;
  margin: auto;
  padding: 0 10px;
  color: #1d1d1d;
}
#gnb &gt; li {
  margin: 0;
  padding: 0;
  font-size: 2rem;
  vertical-align: middle;
  list-style: none;
}
#gnb &gt; li &gt; a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 12px;
  margin: auto;
  text-align: center;
  padding-top: 2px;
  outline-offset: -2px;
  line-height: 58px;
  font-family: "PretendardGOV", -apple-system, BlinkMacSystemFont, "malgungothic", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: bold;
  font-size: 19px;
}
#gnb &gt; li &gt; a.active {
  position: relative;
  color: #0078ff;
}
#gnb &gt; li &gt; a.active::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #0078ff;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#gnb &gt; li &gt; a:hover + dl {
  background-color: #173766;
}
@media (min-width: 1025px) {
  #gnb {
    padding-left: 215px;
  }
}

.lnb-area {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  background-color: #fff;
  -webkit-box-shadow: 0px 10px 20px rgba(27, 68, 118, 0.1);
          box-shadow: 0px 10px 20px rgba(27, 68, 118, 0.1);
  overflow: hidden;
  border-top: 1px solid #eaeef0;
}
.lnb-area:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 458px;
  height: 240px;
  background: url(../../../images/c/2025/bg-lnb@2x.png) no-repeat right bottom;
  background-size: contain;
}
.lnb-area dl {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1280px;
  margin: auto;
  padding: 28px 0 53px 178px;
  min-height: 260px;
}
.lnb-area dt {
  position: absolute;
  top: 0;
  left: 0;
  width: 164px;
  height: 90px;
  background-color: #0078ff;
  border-radius: 0 0 20px 20px;
  font-size: 22px;
  color: #fff;
  font-weight: bold;
  z-index: 1;
}
.lnb-area dt &gt; a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}
.lnb-area dd {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 20%;
          flex: 1 1 20%;
  width: 20%;
  padding: 0 12px;
  border-right: 1px solid #eaeef0;
  color: #1d1d1d;
}
.lnb-area dd a {
  border-radius: 8px;
  word-break: break-word;
  font-size: 15px;
}
.lnb-area dd a:hover, .lnb-area dd a:focus-within {
  background-color: #f3f7fa;
}
.lnb-area dd a:active {
  background-color: #eaeef0;
}
.lnb-area dd a.active {
  background-color: #f3f7fa;
  font-weight: 700;
  color: #005ec7;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.lnb-area dd .lnb-title {
  position: relative;
  min-height: 66px;
  margin-bottom: 12px;
}
.lnb-area dd .lnb-title::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -12px;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #f3f7fa;
}
.lnb-area dd .lnb-title a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  min-height: 39px;
  padding: 6px 12px;
  font-weight: 600;
  font-size: 17px;
  line-height: 1.5;
  letter-spacing: -0.45px;
}
.lnb-area dd ul {
  padding-top: 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}
.lnb-area dd ul &gt; li {
  position: relative;
}
.lnb-area dd ul &gt; li:before {
  content: "";
  position: absolute;
  top: 15.5px;
  left: 12px;
  display: block;
  width: 4px;
  height: 4px;
  background-color: #333;
  border-radius: 50%;
}
.lnb-area dd ul a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  min-height: 35px;
  padding: 8px 10px 8px 22px;
  word-break: break-word;
}
.lnb-area dd ul a[target=_blank] {
  padding-right: 34px;
}
.lnb-area dd ul a[target=_blank]:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 16px;
  height: 16px;
  background: url(../../../images/c/2025/ico-link-sm@2x.png) no-repeat center;
  background-size: contain;
}
.active .lnb-area {
  display: block;
}

.btn-popupzone {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #0078ff;
  width: 57px;
  margin-right: -57px;
  height: 50px;
  color: #fff;
  border-radius: 0 0 29px 29px;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.btn-popupzone:after {
  content: "";
  margin: 7px 0 3px;
  width: 13px;
  height: 8px;
  background: url(../../../images/u/ico-chevron-up-white-sm@2x.png) no-repeat center center;
  background-size: cover;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.btn-popupzone.open:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.main-wrap .btn-popupzone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1024.98px) {
  .btn-popupzone {
    display: none !important;
  }
}

.slogan-copy {
  display: table-cell;
  display: none;
  width: 1%;
  margin: 94px 0 0;
  height: 176px;
  padding-bottom: 20px;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.4;
  vertical-align: middle;
  text-align: center;
  background: url(../../../images/u/bg-slogan-default.jpg) no-repeat center center;
  background-size: auto 100%;
}
.slogan-copy strong {
  font-size: 2rem;
}
.slogan-copy strong span {
  font-size: 30px;
}
@media (min-width: 1025px) {
  .slogan-copy {
    line-height: 1.6;
  }
}
@media (max-width: 1024.98px) {
  .slogan-copy {
    height: 112px;
    margin: 0;
    padding: 0 15px 10px;
    font-size: 1.4rem;
    letter-spacing: -1px;
  }
  .slogan-copy strong {
    font-size: 1.5rem;
  }
  .slogan-copy strong span {
    font-size: 2rem;
  }
}

.slogan-copy-rnd {
  background-image: url(../../../images/u/bg-slogan-rnd.jpg);
}

.slogan-copy-data {
  background-image: url(../../../images/u/bg-slogan-data.jpg);
}

.slogan-copy-parti {
  background-image: url(../../../images/u/bg-slogan-parti.jpg);
}

.slogan-copy-news {
  background-image: url(../../../images/u/bg-slogan-news.jpg);
}

.slogan-copy-open {
  background-image: url(../../../images/u/bg-slogan-open.jpg);
}

.slogan-copy-intro {
  background-image: url(../../../images/u/bg-slogan-intro.jpg);
}

.slogan-copy-service {
  background-image: url(../../../images/u/bg-slogan-service.jpg);
}

.slogan-copy-etc {
  background-image: url(../../../images/u/bg-slogan-etc.jpg);
}

#breadcrumb {
  position: relative;
  height: 24px;
  margin-top: 28px;
  z-index: 500;
}
#breadcrumb .inner {
  position: relative;
  max-width: 1300px;
  margin: auto;
  padding: 0 10px;
}
#breadcrumb .breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  max-width: 100%;
}
#breadcrumb .breadcrumb li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  min-width: 0;
}
#breadcrumb .breadcrumb li::after {
  position: absolute;
  top: 50%;
  right: -16px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  display: block;
  width: 16px;
  height: 24px;
  background-image: url(../../../images/c/2025/ico-chevron-right-gray-lg@2x.png);
  background-size: 16px auto;
  background-position: center center;
  background-repeat: no-repeat;
}
#breadcrumb .breadcrumb li:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
#breadcrumb .breadcrumb li:last-child::after {
  content: none;
}
#breadcrumb .breadcrumb li.on .txt {
  font-weight: 700;
  color: #0078ff;
}
#breadcrumb .breadcrumb .txt {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 4px 6px;
  border-radius: 4px;
  color: #333;
  text-decoration: underline;
  text-underline-offset: 3px;
  max-width: 100%;
  white-space: nowrap;
  max-height: 1.2;
  line-height: 1.2;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  min-width: 0;
}
#breadcrumb .breadcrumb .txt:hover, #breadcrumb .breadcrumb .txt:focus-within {
  background-color: #f3f7fa;
}
#breadcrumb .breadcrumb .txt:active {
  background-color: #eaeef0;
}
#breadcrumb .breadcrumb .home .txt {
  position: relative;
  padding-left: 24px;
}
#breadcrumb .breadcrumb .home .txt:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(../../../images/c/2025/ico-home@2x.png);
  background-size: 16px auto;
  background-position: center center;
  background-repeat: no-repeat;
}
@media (max-width: 1024.98px) {
  #breadcrumb {
    margin-top: 24px;
  }
  #breadcrumb .inner {
    padding: 0 16px;
  }
  #breadcrumb .breadcrumb {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    width: 100%;
  }
  #breadcrumb .breadcrumb li:not(.home) {
    display: none;
  }
  #breadcrumb .breadcrumb li:not(.home):nth-child(2):last-child {
    padding-left: 0;
  }
  #breadcrumb .breadcrumb li:not(.home):nth-child(2):last-child::before, #breadcrumb .breadcrumb li:not(.home):nth-child(2):last-child::after {
    content: none;
  }
  #breadcrumb .breadcrumb li:not(.home):last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 58px);
    padding-left: 40px;
  }
  #breadcrumb .breadcrumb li:not(.home):last-child::before {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(../../../images/c/2025/ico-ellipsis@2x.png);
    background-size: 16px auto;
    background-position: center center;
    background-repeat: no-repeat;
  }
  #breadcrumb .breadcrumb li:not(.home):last-child::after {
    content: "";
    top: 50%;
    left: 24px;
  }
  #breadcrumb .breadcrumb .txt {
    max-width: 100%;
    white-space: nowrap;
    max-height: 1.2;
    line-height: 1.2;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    min-width: 0;
  }
}

#content {
  min-height: calc(100vh - 384px);
  line-height: 1.5;
  overflow-y: hidden;
}
@media (max-width: 1024.98px) {
  #content {
    min-height: calc(100vh - 448px);
  }
}

.content-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto 44px;
  padding: 64px 20px 0;
}
.content-header .content-title {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin: 0;
  text-align: left;
  font-family: "PretendardGOV", -apple-system, BlinkMacSystemFont, "malgungothic", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 36px;
  line-height: 41px;
  color: #1d1d1d;
  font-weight: bold;
}
.content-header:has(.page-ctrl) {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.content-header:has(.page-ctrl) .content-title {
  width: calc(100% - 92px);
}
.content-header:has(.page-ctrl) .page-ctrl {
  width: 92px;
}
.content-header .content-banner {
  margin: 0 auto;
  max-width: 1200px;
  text-align: right;
  font-size: 36px;
  line-height: 41px;
  color: #333;
  font-weight: bold;
}
.content-header .content-banner img {
  height: 86px;
}
@media (max-width: 1024.98px) {
  .content-header {
    margin: 0;
    padding: 22px 16px 36px;
    background: none;
  }
  .content-header .content-title {
    width: 100%;
    font-size: 32px;
    margin: 0;
    line-height: 1.2;
  }
  .content-header .content-banner {
    font-size: 26px;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .content-header .content-banner img {
    height: 44px;
    width: auto;
    max-width: none;
  }
}

.content-body {
  max-width: 1320px;
  padding: 0 20px 60px;
  margin: 0 auto;
}
@media (max-width: 1024.98px) {
  .content-body {
    padding: 0 16px 40px;
  }
}

.page-ctrl {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.page-ctrl button,
.page-ctrl a {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #eaeef0;
  border-radius: 50%;
  text-indent: -9999px;
  white-space: nowrap;
  vertical-align: middle;
  overflow: hidden;
}
.page-ctrl .btn-page-print {
  background-image: url(../../../images/c/2025/btn-page-print.png);
  background-size: 20px auto;
}
.page-ctrl .btn-page-share {
  background-image: url(../../../images/c/2025/btn-page-share.png);
  background-size: 20px auto;
}

/* 콘텐츠 담당자 */
.page-admin-info {
  clear: both;
  margin-top: 20px;
  margin-bottom: 0;
  padding: 27px 29px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "malgungothic", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1.6rem;
  background: #f5f6f8;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  list-style: none;
}
.page-admin-info + .content-satisfy {
  position: relative;
  margin-top: -9px;
  border-top: 0;
  padding-top: 38px;
}
.page-admin-info + .content-satisfy:before {
  display: block;
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #e6e6e6;
}
.page-admin-info .title {
  color: #333;
  font-weight: 500;
  margin-left: -2px;
  margin-right: 4px;
}
@media (min-width: 1025px) {
  .page-admin-info {
    margin-top: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .page-admin-info li + li {
    margin-left: 42px;
  }
}
@media (max-width: 1024.98px) {
  .page-admin-info {
    padding: 15px;
    line-height: 20px;
  }
  .page-admin-info li + li {
    margin-top: 16px;
  }
  .page-admin-info + .content-satisfy {
    padding-top: 26px;
  }
}

/* 만족도조사 */
.content-satisfy {
  padding: 30px 25px;
  font-size: 1.6rem;
  background: #f5f6f8;
  border: 1px solid #e6e6e6;
  border-radius: 0 0 8px 8px;
}
.content-satisfy legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  font-size: 1.8rem;
  color: #333;
  font-weight: bold;
}
.content-satisfy legend .ico {
  margin-right: 6px;
}
.content-satisfy .score-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 19px 0 21px;
  font-weight: 500;
}
.content-satisfy .score-list li {
  margin-right: 27px;
}
.content-satisfy .satisfy-comment .form-control {
  font-size: 17px;
  border: 1px solid #ccc;
  border-radius: 6px;
}
.content-satisfy .satisfy-comment .form-control,
.content-satisfy .satisfy-comment .btn {
  height: 48px;
}
@media (min-width: 1025px) {
  .content-satisfy fieldset {
    margin: 0 4px;
  }
}
@media (min-width: 768px) {
  .content-satisfy .satisfy-comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .content-satisfy .satisfy-comment .form-control {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .content-satisfy .satisfy-comment .btn {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-left: 8px;
  }
}
@media (max-width: 1024.98px) {
  .content-satisfy fieldset {
    margin: 0;
  }
  .content-satisfy .score-list {
    gap: 16px 27px;
    margin-top: 20px;
    margin-bottom: 24px;
  }
  .content-satisfy .score-list li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .content-satisfy .score-list input[type=radio] + label {
    font-size: 14px;
  }
}
@media (max-width: 767.98px) {
  .content-satisfy {
    padding: 15px;
  }
  .content-satisfy .input-group {
    display: block;
  }
  .content-satisfy .input-addon {
    display: block;
    width: 100%;
    margin-top: 8px;
    padding: 0;
  }
  .content-satisfy .score-list li {
    line-height: 1;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 27px);
            flex: 1 1 calc(50% - 27px);
    margin: 0;
  }
  .content-satisfy .score-list li input[type=radio] + label {
    width: calc(100% - 27px);
  }
  .content-satisfy .satisfy-comment .form-control,
  .content-satisfy .satisfy-comment .btn {
    width: 100%;
    margin-left: 0;
  }
}

#footer {
  font-size: 17px;
}

.floating-nav {
  position: fixed;
  left: 50%;
  margin-left: 690px;
  top: 210px;
  z-index: 3601;
}
@media (min-width: 1025px) {
  .floating-nav #quick-link {
    width: 54px;
    text-align: center;
    padding: 12px 8px;
    -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1019607843);
            box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1019607843);
    border-radius: 15px;
    background-color: #fff;
  }
  .floating-nav #quick-link.fixed {
    position: fixed;
    top: 121px;
  }
  .floating-nav #quick-link .btn-quick-open,
  .floating-nav #quick-link .btn-quick-close {
    width: 20px;
    height: 20px;
    border: 1px solid #eaeef0;
    border-radius: 5px;
    background: url(../../../images/c/2025/ico-plus-darkgray-sm@2x.png) no-repeat center center;
    background-size: 12px auto;
  }
  .floating-nav #quick-link .btn-quick-close {
    display: none;
    background-image: url(../../../images/c/2025/ico-minus-darkgray-sm@2x.png);
  }
  .floating-nav #quick-link dl {
    margin-top: 10px;
    background: #fff;
  }
  .floating-nav #quick-link dt {
    margin-bottom: 6px;
    color: #005ec7;
    font-size: 17px;
    font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "malgungothic", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: bold;
    line-height: 1;
    text-align: center;
  }
  .floating-nav #quick-link dt .hide {
    display: none;
  }
  .floating-nav #quick-link dd {
    border-bottom: 1px solid #eaeef0;
  }
  .floating-nav #quick-link dd a {
    display: block;
    padding: 6.5px 0;
    color: #333;
    font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "malgungothic", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }
  .floating-nav #quick-link dd a:before {
    display: inline-block;
    content: "";
    width: 20px;
    height: 20px;
    margin-right: 2px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 20px auto;
  }
  .floating-nav #quick-link dd .text {
    display: none;
    vertical-align: middle;
    margin-left: 2px;
    font-weight: 600;
    font-size: 14px;
    color: #333;
  }
  .floating-nav #quick-link dd:nth-of-type(1) a:before {
    background-image: url(../../../images/c/2025/img-quicklink01.png);
  }
  .floating-nav #quick-link dd:nth-of-type(2) a:before {
    background-image: url(../../../images/c/2025/img-quicklink02.png);
  }
  .floating-nav #quick-link dd:nth-of-type(3) a:before {
    background-image: url(../../../images/c/2025/img-quicklink03.png);
  }
  .floating-nav #quick-link dd:nth-of-type(4) a:before {
    background-image: url(../../../images/c/2025/img-quicklink04.png);
  }
  .floating-nav #quick-link dd:nth-of-type(5) a:before {
    background-image: url(../../../images/c/2025/img-quicklink05.png);
  }
  .floating-nav #quick-link dd:nth-of-type(6) a:before {
    background-image: url(../../../images/c/2025/img-quicklink06.png);
  }
  .floating-nav #quick-link dd:nth-of-type(7) a:before {
    background-image: url(../../../images/c/2025/img-quicklink07.png);
  }
  .floating-nav #quick-link dd:nth-of-type(8) a:before {
    background-image: url(../../../images/c/2025/img-quicklink08.png);
  }
  .floating-nav #quick-link dd:last-child {
    border-bottom: none;
  }
  .floating-nav #quick-link .sns-link {
    margin-top: 18px;
  }
  .floating-nav #quick-link .sns-link.fixed {
    position: fixed;
    top: 519px;
  }
  .floating-nav #quick-link .sns-link dd a {
    padding: 6.5px 0;
  }
  .floating-nav #quick-link .sns-link dd a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px auto;
  }
  .floating-nav #quick-link .sns-link dd a .text {
    display: none;
    vertical-align: middle;
    margin-left: 2px;
    font-weight: 600;
    font-size: 14px;
    color: #333;
  }
  .floating-nav #quick-link .sns-link dd:nth-of-type(1) a:before {
    background-image: url(../../../images/c/2025/ico-sns01@2x.png);
  }
  .floating-nav #quick-link .sns-link dd:nth-of-type(2) a:before {
    background-image: url(../../../images/c/2025/ico-sns02@2x.png);
  }
  .floating-nav #quick-link .sns-link dd:nth-of-type(3) a:before {
    background-image: url(../../../images/c/2025/ico-sns03@2x.png);
  }
  .floating-nav #quick-link .sns-link dd:nth-of-type(4) a:before {
    background-image: url(../../../images/c/2025/ico-sns04@2x.png);
  }
  .floating-nav #quick-link .sns-link dd:nth-of-type(5) a:before {
    background-image: url(../../../images/c/2025/ico-sns05@2x.png);
  }
  .floating-nav #quick-link .sns-link dd:nth-of-type(6) a:before {
    background-image: url(../../../images/c/2025/ico-sns06@2x.png);
  }
  .floating-nav #quick-link .sns-link dd:last-child {
    border-bottom: 0;
  }
}
@media (max-width: 1399.98px) {
  .floating-nav #quick-link {
    display: none;
  }
}
.floating-nav .btn-top {
  margin: 12px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  width: 40px;
  height: 40px;
  border: 1px solid #eaeef0;
  border-radius: 15px;
}
@media (min-width: 1025px) {
  .main-wrap .floating-nav {
    top: 164px;
  }
}
@media (max-width: 767.98px) {
  .floating-nav {
    position: fixed;
    left: auto;
    top: auto;
    right: 15px;
    bottom: 15px;
    z-index: 100;
  }
  .floating-nav .btn-top {
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 50%;
    -webkit-box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.08);
  }
}
.floating-nav.opened #quick-link {
  width: 180px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
}
.floating-nav.opened #quick-link .btn-quick-open {
  display: none;
}
.floating-nav.opened #quick-link .btn-quick-close {
  display: block;
}
.floating-nav.opened #quick-link dt {
  line-height: 20px;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.floating-nav.opened #quick-link dt .btn-quick-close {
  margin-top: -2px;
}
.floating-nav.opened #quick-link .hide,
.floating-nav.opened #quick-link .text {
  display: inline !important;
}
.floating-nav.opened .quick-link dd a[target=_blank],
.floating-nav.opened .sns-link dd a[target=_blank] {
  position: relative;
  padding-right: 23px;
}
.floating-nav.opened .quick-link dd a[target=_blank]::after,
.floating-nav.opened .sns-link dd a[target=_blank]::after {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  content: "";
  width: 13px;
  height: 13px;
  background-image: url(../../../images/c/2025/ico-external@2x.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 13px auto;
}

#site-link {
  min-height: 56px;
  font-size: 17px;
  color: #1d1d1d;
}
#site-link .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1300px;
  margin: auto;
  padding: 0 10px;
  height: 100%;
}
#site-link .select {
  position: relative;
  width: 16.66%;
  text-align: center;
  border: 1px solid #e4e4e4;
  border-right: none;
}
#site-link .select:last-child {
  border-right: 1px solid #e4e4e4;
}
#site-link .select dt {
  position: relative;
  height: 100%;
}
#site-link .select dt .btn-select {
  width: 100%;
  min-height: 56px;
  height: 100%;
  padding: 16px 44px 16px 16px;
  border-radius: 0;
  font-weight: 400;
  text-align: left;
  font-size: 17px;
  color: #1d1d1d;
}
#site-link .select dt .btn-select:hover, #site-link .select dt .btn-select:focus-within {
  background-color: #f3f7fa;
}
#site-link .select dt .btn-select:active {
  background-color: #eaeef0;
}
#site-link .select dt .btn-select:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  width: 20px;
  height: 20px;
  margin: auto;
  background: url(../../../images/c/2025/ico-plus-md@2x.png) no-repeat center center;
  background-size: 20px auto;
}
#site-link .select dd {
  display: none;
  position: absolute;
  left: -1px;
  right: -1px;
  bottom: 100%;
  margin: 0;
  border: 0;
  border-top: 0;
  text-align: left;
  z-index: 500;
}
#site-link .select ul {
  max-height: 561px;
  background-color: #005ec7;
  border-radius: 8px 8px 0 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#site-link .select ul::-webkit-scrollbar {
  width: 9px;
  height: 9px;
  background-color: transparent;
}
#site-link .select ul::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 10px;
  background-clip: padding-box;
  border: 3px solid transparent;
}
#site-link .select ul::-webkit-scrollbar-track {
  background-color: transparent;
}
#site-link .select li + li {
  border-top: 1px solid #337ed2;
}
#site-link .select li {
  width: 100%;
  margin: 0 auto;
}
#site-link .select li a {
  display: table-cell;
  padding: 8.5px 8px;
  width: 1%;
  color: #fff;
  vertical-align: middle;
  word-break: break-all;
  font-size: 13px;
  font-weight: 400;
}
#site-link .select li a:hover, #site-link .select li a:focus {
  background: #0055b3;
}
#site-link .select .btn-close {
  display: none;
  position: absolute;
  right: 0;
  top: -23px;
  width: 24px;
  height: 24px;
  background: #4a4a4a url(../../../images/c/2025/ico-close-gray.png) no-repeat center center;
  background-size: 13px 13px;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
}
#site-link .select.opened dd {
  display: block;
}
@media (max-width: 1024.98px) {
  #site-link {
    height: auto;
  }
  #site-link .inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0;
  }
  #site-link .select {
    width: 50%;
    min-height: 54px;
    border-bottom: 0;
  }
  #site-link .select:nth-child(2), #site-link .select:nth-child(3) {
    border-top: 0;
  }
  #site-link .select:nth-child(even) {
    border-left: 0;
  }
  #site-link .select:last-child {
    border-right: 0;
  }
  #site-link .select dt .btn-select {
    min-height: 54px;
    font-size: 15px;
    padding-right: 32px;
  }
  #site-link .select dd {
    left: 0;
    right: 0;
  }
  #site-link .select ul {
    max-height: 320px;
  }
  #site-link .select li {
    width: 100%;
  }
  #site-link .select li a {
    height: 34px;
    font-size: 1.3rem;
    padding: 4px 4px 4px 15px;
  }
  #site-link .select.opened dd {
    display: block;
  }
  #site-link .select.opened dt button:after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}

#site-info {
  color: #1d1d1d;
  padding: 40px 0;
}
#site-info .inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  max-width: 1300px;
  margin: auto;
  padding: 0 10px;
}
#site-info .logo-area {
  display: block;
  height: 52px;
}
#site-info .info-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 40px;
}
#site-info .info-cont + .info-cont {
  border-top: 1px solid #e4e4e4;
}
#site-info .info-cont .left {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  width: 70%;
}
#site-info .info-cont .right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  width: 30%;
}
@media (max-width: 1024.98px) {
  #site-info {
    font-size: 17px;
    line-height: 20px;
    text-align: center;
    padding: 32px 16px;
  }
  #site-info .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 32px;
    padding: 0;
  }
  #site-info .logo-area {
    height: 40px;
  }
  #site-info .info-cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    width: 100%;
  }
  #site-info .info-cont .left,
  #site-info .info-cont .right {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 12px;
    width: 100%;
  }
}

.logo-footer {
  display: inline-block;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  opacity: 1;
  padding: 2px;
  width: 204.29px;
  height: 100%;
  background: url(../../../images/u/2025/logo-footer-kimst@2x.png);
  background-size: auto 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
}

.address {
  display: block;
  padding: 7px 0;
  font-style: normal;
  font-size: 17px;
  line-height: 1.2;
  color: #1d1d1d;
}
.address p {
  margin: 0;
}
.address .list-info {
  margin-top: 16px;
}
.address .list-info li + li {
  margin-top: 8px;
}
.address .list-info strong {
  font-weight: 600;
}
.address .list-info strong + .text {
  margin-left: 5px;
}
@media (max-width: 1024.98px) {
  .address {
    margin-top: -5px;
    padding: 0;
    text-align: left;
    line-height: 1.5;
  }
  .address .list-info {
    margin-top: 10px;
  }
  .address .list-info li + li {
    margin-top: 3px;
  }
}

.sns-area ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.sns-area ul li {
  width: 40px;
}
@media (max-width: 1024.98px) {
  .sns-area {
    display: block;
  }
  .sns-area &gt; ul li {
    display: inline-block;
  }
}

.mark-area {
  min-width: 130px;
  height: 48px;
}
.mark-area ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
}
.mark-area img {
  width: 100%;
  height: 48px;
  -o-object-fit: contain;
     object-fit: contain;
}

#policy-area {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px 24px;
  margin-top: 16px;
  font-size: 17px;
  color: #1d1d1d;
}
#policy-area li a {
  display: inline-block;
  padding: 0 2px;
}
#policy-area li strong {
  color: #003675;
}
@media (max-width: 1024.98px) {
  #policy-area {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 16px;
    margin: 24px 0 0;
    text-align: center;
  }
  #policy-area li {
    display: inline-block;
    float: none;
    line-height: 23px;
    padding: 0 4px;
    padding: 0;
  }
  #policy-area li + li:before {
    margin-left: 2px;
    margin-right: 8px;
  }
}

.copyright {
  margin: 16px 0 0;
  font-size: 15px;
  color: #8e8e8e;
  word-break: break-all;
  line-height: 1.4;
}
@media (max-width: 1024.98px) {
  .copyright {
    margin: 4px 0 0;
    word-break: break-word;
    text-align: left;
    line-height: 1.5;
  }
}

.main-v5-content &gt; section,
.main-v5-content &gt; .main-section {
  max-width: 1320px;
  margin: 0 auto;
}
.main-v5-content fieldset {
  margin: 0;
}
.main-v5-content p {
  margin: 0;
}
.main-v5-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-v5-content .section-full {
  max-width: 100%;
  background-color: #e9ecef;
}
.main-v5-content .section-full .grid-inner {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
}
.main-v5-content .section-full .grid-inner + .section-group {
  margin-top: 60px;
}
.main-v5-content .section-tit {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  color: #1d1d1d;
  text-indent: 4px;
}
@media (min-width: 1025px) {
  .main-v5-content {
    min-width: 1320px;
  }
  .main-v5-content &gt; section,
  .main-v5-content &gt; .main-section {
    padding: 0 20px;
  }
  .main-v5-content &gt; section:first-child,
  .main-v5-content &gt; .main-section:first-child {
    margin-top: 40px;
  }
  .main-v5-content &gt; section + section,
  .main-v5-content &gt; .main-section + section {
    margin-top: 40px;
  }
  .main-v5-content &gt; section + section.section-news,
  .main-v5-content &gt; .main-section + section.section-news {
    margin-top: 28px;
  }
  .main-v5-content &gt; section + section.section-favorit,
  .main-v5-content &gt; .main-section + section.section-favorit {
    margin-top: 54px;
  }
}
@media (max-width: 1024.98px) {
  .main-v5-content .section-full .section-group {
    grid-template-columns: 1fr;
    padding: 0 16px;
    margin-bottom: 24px;
  }
  .main-v5-content .section-tit {
    padding: 0 16px;
  }
}

.section-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section-search .search-inner {
  position: relative;
  width: 100%;
  background-color: #0078ff;
  margin: 0 auto;
  background-image: url(../../../images/c/2025/bg-section-search02.png);
  background-size: auto 140px;
  background-repeat: no-repeat;
  background-position: right bottom;
  overflow: hidden;
}
.section-search .search-inner::before {
  position: absolute;
  top: calc(50% - 212px);
  left: -44px;
  content: "";
  width: 1068px;
  height: 379px;
  background-image: url(../../../images/c/2025/bg-section-search01.png);
  background-size: 1068px auto;
  background-repeat: no-repeat;
}
@media (min-width: 1025px) {
  .section-search .search-inner {
    padding: 48px 40px;
    border-radius: 20px;
  }
}
@media (max-width: 1024.98px) {
  .section-search .search-inner {
    padding: 44px 16px 48px;
    border-radius: 0 0 20px 20px;
    background-image: url(../../../images/c/2025/bg-section-m-search01.png);
    background-size: 110px auto;
    background-position: right bottom;
  }
  .section-search .search-inner::before {
    top: calc(50% - 206px);
    left: -146px;
    background-size: 525px auto;
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
}

.global-search-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.2;
}
.global-search-input .search-left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #fff;
}
.global-search-input .search-right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  max-width: 400px;
}
.global-search-input .slogan {
  font-size: 16px;
  text-align: left;
}
.global-search-input .slogan .title {
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
}
.global-search-input .input-area {
  position: relative;
}
.global-search-input .input-area .btn-search {
  position: absolute;
  right: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 32px;
  height: 32px;
  background-image: url(../../../images/c/2025/ico-search-primary@2x.png);
  background-size: auto 32px;
  background-repeat: no-repeat;
  text-indent: -9999px;
}
.global-search-input .form-keyword {
  width: 100%;
  height: 58px;
  padding: 0 80px 0 24px;
  background: #fff;
  border: none;
  border-radius: 12px;
  font-size: 17px;
}
@media (min-width: 1025px) {
  .global-search-input {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 60px;
  }
  .global-search-input .slogan br {
    display: none;
  }
}
@media (max-width: 1024.98px) {
  .global-search-input {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 26px;
  }
  .global-search-input .slogan {
    text-align: center;
  }
  .global-search-input .slogan .title {
    display: inline-block;
    margin-top: 4px;
    font-size: 26px;
  }
  .global-search-input .form-keyword {
    height: 48px;
  }
}

.section-favorit .favorit-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin-top: -20px;
  background-color: #ebf4ff;
}
.section-favorit .section-tit {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 124px;
  font-size: 19px;
}
.section-favorit .link-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 15px;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.section-favorit .link-list li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 12.5%;
          flex: 1 1 12.5%;
}
.section-favorit .link-list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: center;
      align-content: center;
  gap: 6px;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}
.section-favorit .link-list li .icon {
  display: block;
}
.section-favorit .link-list li .icon .ico {
  margin-top: 0;
}
@media (min-width: 1025px) {
  .section-favorit .favorit-inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 24px 40px 24px;
    border-radius: 20px 20px 20px 20px;
  }
}
@media (max-width: 1024.98px) {
  .section-favorit .favorit-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    padding: 40px 16px 40px;
  }
  .section-favorit .section-tit {
    width: 100%;
    padding: 0;
    text-indent: 0;
  }
  .section-favorit .link-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px 0;
  }
  .section-favorit .link-list li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
  }
}

@media (min-width: 1025px) {
  section.section-news {
    margin-top: 40px;
  }
}
@media (max-width: 1024.98px) {
  section.section-news {
    margin-top: 40px;
    padding-bottom: 60px;
  }
}

.section-news .news-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
.section-news .news-inner .news-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: block;
  width: 400px;
}
.section-news .news-inner .news-item.news-item-md {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
}
.section-news .top-news {
  height: 100%;
}
.section-news .top-news .manu-list {
  position: relative;
  height: 100%;
  margin: 0;
}
.section-news .top-news .manu-list dt {
  float: left;
}
.section-news .top-news .manu-list dt a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 100px;
  height: 44px;
  padding: 4px 18px 6px;
  border-radius: 16px 16px 0 0;
  text-align: center;
  font-weight: 600;
  color: #8e8e8e;
  z-index: 2;
  outline-offset: -1px;
}
.section-news .top-news .manu-list dt.on a {
  position: relative;
  z-index: 2;
  background: #f3f7fa;
  color: #1d1d1d;
  font-weight: bold;
}
.section-news .top-news .manu-list dt.on + dd {
  display: block;
  background: #f3f7fa;
  border-radius: 16px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.section-news .top-news .manu-list dt.on:first-child + dd {
  border-radius: 0 16px 16px 16px;
}
.section-news .top-news .manu-list dd {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 44px;
  margin: 0;
  padding: 24px;
}
.section-news .top-news .manu-list ul {
  margin: 0;
  padding: 0;
  line-height: 19px;
  list-style: none;
}
.section-news .top-news .manu-list ul li {
  position: relative;
}
.section-news .top-news .manu-list ul li + li {
  margin-top: 16px;
}
.section-news .top-news .manu-list ul a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.section-news .top-news .manu-list ul .subject {
  display: inline-block;
  width: calc(100% - 90px);
  font-size: 16px;
  max-width: 100%;
  white-space: nowrap;
  max-height: 1.4;
  line-height: 1.4;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #333;
}
.section-news .top-news .manu-list ul .label {
  display: inline-block;
  width: 70px;
  height: 26px;
  margin-right: 8px;
  padding: 3px 8px 3px 8px;
  background-color: #fff;
  border-radius: 35px;
  border: 1px solid #cbd2d9;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  color: #002044;
}
.section-news .top-news .manu-list ul .date {
  color: #8e8e8e;
  font-weight: 400;
  font-size: 16px;
}
.section-news .top-news .btn-more {
  position: absolute;
  top: -40px;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 15px;
  color: #0078ff;
}
.section-news .top-news .btn-more:after {
  content: "";
  width: 16px;
  height: 16px;
  margin-top: -1px;
  background: url(../../../images/c/2025/ico-plus-primary-sm@2x.png) no-repeat center center;
  background-size: 16px auto;
  border-radius: 50%;
}
.section-news .notice-slider .section-tit {
  font-size: 19px;
}
.section-news .notice-slider .image-link {
  position: relative;
  display: block;
  height: 206px;
  overflow: hidden;
  border-radius: 13px;
}
.section-news .notice-slider .image-link:focus-visible {
  border: 2px solid #000;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.section-news .notice-slider .image-link img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-news .notice-slider .slider-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 13px;
  overflow: hidden;
}
.section-news .notice-slider .slider-list &gt; .item {
  width: 100%;
  min-width: 100%;
}
.section-news .notice-slider .slider-list .item {
  vertical-align: top;
  border: 1px solid #cbd1d7;
  border-radius: 13px;
}
.section-news .notice-slider .slider-list .image-link .subject {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 100%;
  height: 38px;
  padding: 10px 86px 10px 10px;
  font-size: 15px;
  max-width: 100%;
  white-space: nowrap;
  max-height: 1.4;
  line-height: 1.4;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
}
.section-news .notice-slider .slider-list .slick-arrow {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  vertical-align: middle;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  color: transparent;
  white-space: nowrap;
  text-align: center;
  position: absolute;
  z-index: 10;
  top: -52px;
  width: 32px;
  height: 32px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  background: #fff url(../../../images/u/2025/main-v5/ico-chevron-left-darkgray-md@2x.png) no-repeat center center;
  background-size: 16px auto;
}
.section-news .notice-slider .slider-list .slick-prev {
  right: 40px;
}
.section-news .notice-slider .slider-list .slick-next {
  right: 0;
  background-image: url(../../../images/u/2025/main-v5/ico-chevron-right-darkgray-md@2x.png);
}
.section-news .notice-slider .slider-list.slick-slider {
  position: relative;
  overflow: visible;
  margin-top: 6px;
}
.section-news .notice-slider .slider-list.slick-slider .slick-list {
  width: 100%;
  border-radius: 13px;
  overflow: hidden;
  isolation: isolate;
}
.section-news .notice-slider .slider-list.slick-slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section-news .notice-slider .slider-list.slick-slider .slick-dots {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  bottom: 0;
  left: 0;
  right: 0;
  height: 38px;
  margin: 0;
  padding: 10px;
}
.section-news .notice-slider .slider-list.slick-slider .slick-dots li {
  margin-left: 2px;
}
.section-news .notice-slider .slider-list.slick-slider .slick-dots li::marker {
  content: none;
}
.section-news .notice-slider .slider-list.slick-slider .slick-dots button {
  display: block;
  position: relative;
  width: 16px;
  height: 16px;
  padding: 4px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  vertical-align: middle;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  color: transparent;
  white-space: nowrap;
  text-align: center;
}
.section-news .notice-slider .slider-list.slick-slider .slick-dots button:after {
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  border: 1px solid #fff;
  border-radius: 4px;
  content: "";
}
.section-news .notice-slider .slider-list.slick-slider .slick-dots .slick-active button {
  width: 24px;
}
.section-news .notice-slider .slider-list.slick-slider .slick-dots .slick-active button:after {
  border: 1px solid #0078ff;
  background-color: #0078ff;
}
@media (max-width: 1024.98px) {
  .section-news .notice-slider {
    margin-top: 28px;
  }
}
@media (min-width: 1025px) {
  .section-news .news-inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 20px;
  }
  .section-news .news-inner .news-item {
    height: 250px;
  }
}
@media (max-width: 1024.98px) {
  .section-news .news-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 80px;
    margin-top: 10px;
    padding: 0 16px;
  }
  .section-news .news-inner .news-item {
    width: 100%;
    height: 100%;
  }
  .section-news .news-inner .news-item.news-item-md {
    min-height: 200px;
  }
  .section-news .top-news .manu-list dt {
    float: none;
    position: absolute;
    top: -40px;
  }
  .section-news .top-news .manu-list dt a {
    min-width: 65.5px;
    height: 44px;
    padding: 6px 3px 13px;
  }
  .section-news .top-news .manu-list dt.on + dd {
    margin-top: 45px;
  }
  .section-news .top-news .manu-list dt:nth-of-type(2) {
    left: 66px;
  }
  .section-news .top-news .manu-list dt:nth-of-type(3) {
    left: 132px;
  }
  .section-news .top-news .manu-list dt:nth-of-type(4) {
    left: 198px;
  }
  .section-news .top-news .manu-list dt:nth-of-type(5) {
    left: 263px;
  }
}
@media (max-width: 1024.98px) and (max-width: 365px) {
  .section-news .top-news .manu-list dt:nth-of-type(5) + dd {
    border-top-right-radius: 0px;
  }
}
@media (max-width: 1024.98px) {
  .section-news .top-news .manu-list dd {
    position: static;
    top: 40px;
    padding: 12px;
  }
  .section-news .top-news .manu-list ul li + li {
    margin-top: 12px;
  }
  .section-news .top-news .manu-list ul a {
    gap: 16px;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .section-news .top-news .manu-list ul .subject {
    padding-left: 4px;
  }
  .section-news .top-news .manu-list ul .label {
    display: block;
    width: 64px;
    height: 24px;
    margin-left: -4px;
    margin-right: 0;
    margin-bottom: 4px;
    padding: 0;
    line-height: 24px;
  }
  .section-news .top-news .manu-list ul .date {
    width: 94px;
  }
  .section-news .top-news .btn-more {
    position: absolute;
    top: auto;
    bottom: -56px;
    right: 50%;
    line-height: 150%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    height: 44px;
    border: 1px solid #c6c6c6;
    border-radius: 8px;
    padding: 10px 16px 8px 20px;
  }
  .section-news .notice-slider {
    margin-top: 0;
  }
  .section-news .notice-slider .section-tit {
    padding-left: 0;
  }
  .section-news .notice-slider .image-link {
    height: 0;
    padding-top: 51.535%;
  }
  .section-news .notice-slider .image-link img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

.section-stories {
  padding: 40px 0;
  margin-bottom: 30px;
}
.section-stories .stories-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
.section-stories .stories-inner .story-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 50%;
}
.section-stories .section-tit {
  margin-bottom: 20px;
}
.section-stories .story-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.section-stories .story-list li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 50%;
}
.section-stories .story-list li a {
  display: block;
  height: 190px;
  padding: 28px 24px;
  gap: 8px;
  border-radius: 16px;
  background: #f3f7fa;
}
.section-stories .story-list li .bg-insight {
  background-image: url(../../../images/u/2025/main-v5/bg-story01@2x.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
}
.section-stories .story-list li .bg-agazine {
  background-image: url(../../../images/u/2025/main-v5/bg-story02@2x.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
}
.section-stories .rnd-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
  padding: 0;
  margin: 0;
}
.section-stories .rnd-list li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: calc(25% - 12px);
}
.section-stories .rnd-list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  width: 100%;
  height: 89px;
  padding: 17px;
  border-radius: 12px;
  background-color: #f3f7fa;
  font-size: 16px;
  font-weight: 600;
  color: #333;
}
@media (min-width: 1025px) {
  .section-stories .story-list br {
    display: none;
  }
}
@media (max-width: 1024.98px) {
  .section-stories .stories-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .section-stories .stories-inner .story-item {
    width: 100%;
  }
  .section-stories .story-cont {
    padding: 0 16px;
  }
  .section-stories .story-list {
    gap: 12px;
    font-size: 16px;
  }
  .section-stories .story-list li a {
    position: relative;
    padding: 16px;
    line-height: 1.2;
  }
  .section-stories .story-list li a::after {
    position: absolute;
    right: 18px;
    bottom: 20px;
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../../../images/c/2025/ico-story-arrow-md@2x.png) no-repeat center center;
    background-size: 24px auto;
  }
  .section-stories .story-list li .bg-insight {
    background-image: url(../../../images/u/2025/main-v5/bg-story01-md@2x.png);
    background-size: 158px auto;
    background-repeat: no-repeat;
    background-position: left bottom;
  }
  .section-stories .story-list li .bg-agazine {
    background-image: url(../../../images/u/2025/main-v5/bg-story02-md@2x.png);
    background-size: 158px auto;
    background-repeat: no-repeat;
    background-position: left bottom;
  }
  .section-stories .rnd-cont {
    padding: 0 16px;
  }
  .section-stories .rnd-list li {
    width: calc(50% - 12px);
  }
  .section-stories .rnd-list li a {
    height: 80px;
    gap: 2px;
  }
}

.main-section.section-full {
  margin-top: 80px;
  padding: 72px 0;
}
.main-section.section-full .section-tit {
  font-size: 19px;
  line-height: 1.6;
}
.main-section.section-full .section-box {
  position: relative;
  width: 100%;
}
.main-section.section-full .section-box:nth-child(1) {
  grid-area: section1;
}
.main-section.section-full .section-box:nth-child(2) {
  grid-area: section2;
}
.main-section.section-full .section-box:nth-child(3) {
  grid-area: section3;
}
.main-section.section-full .section-box:nth-child(4) {
  grid-area: section4;
}
.main-section.section-full .section-box:nth-child(5) {
  grid-area: section5;
}
.main-section.section-full .section-box .btn-more {
  position: absolute;
  top: 3px;
  right: 0;
  padding-right: 28px;
  font-size: 15px;
  font-weight: 500;
  color: #0078ff;
  background-image: url(../../../images/c/2025/ico-arrow-right-primary@2x.png);
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-position: right 6px center;
}
.main-section.section-full .box-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
  padding-left: 4px;
}
.main-section .img-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
}
.main-section .img-card .card-img {
  width: 100%;
  height: 224px;
  border-radius: 16px;
  overflow: hidden;
}
.main-section .img-card .card-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-section .img-card .card-tit {
  height: 82px;
  padding: 24px 20px;
  font-size: 15px;
  font-weight: 700;
}
.main-section .img-card .card-tit strong {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  max-height: 2.8;
  line-height: 1.4;
  text-overflow: ellipsis;
  overflow: hidden;
}
.main-section .slider-list {
  position: relative;
  display: block;
  overflow: hidden;
  width: calc(100% + 24px);
  margin-left: -12px;
}
.main-section .slider-list .slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  padding: 0 12px;
}
.main-section .slider-list .item {
  width: calc(50% - 24px);
}
.main-section .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  bottom: 0;
  left: 0;
  right: 0;
  height: 42px;
  margin: 0;
  padding: 4px 10px 0;
}
.main-section .slick-dots li {
  margin-left: 2px;
}
.main-section .slick-dots li::marker {
  content: none;
}
.main-section .slick-dots button {
  display: block;
  position: relative;
  width: 16px;
  height: 16px;
  padding: 4px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  vertical-align: middle;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  color: transparent;
  white-space: nowrap;
  text-align: center;
}
.main-section .slick-dots button:after {
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  border-radius: 4px;
  background-color: #8e8e8e;
  content: "";
}
.main-section .slick-dots .slick-active button {
  width: 24px;
}
.main-section .slick-dots .slick-active button:after {
  background-color: #0078ff;
}
.main-section .esg-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.main-section .esg-list li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 25%;
}
.main-section .esg-list li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 200px;
  padding: 24px 24px;
  background: #fff;
  border-radius: 16px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  overflow: hidden;
}
.main-section .esg-list li a strong {
  width: calc(100% - 34px);
}
.main-section .esg-list li a::after {
  content: "";
  position: absolute;
  top: 22px;
  right: 24px;
  display: block;
  width: 24px;
  height: 24px;
  background-color: #002044;
  border-radius: 50%;
  background-image: url(../../../images/c/2025/ico-esg-arrow@2x.png);
  background-size: 24px auto;
  background-repeat: no-repeat;
  background-position: center;
}
.main-section .esg-list li a::before {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 10px;
  display: block;
  width: 102px;
  height: 101.5px;
  background-image: url(../../../images/u/2025/main-v5/bg-esg01@2x.png);
  background-size: 102px auto;
  background-repeat: no-repeat;
  background-position: center;
}
.main-section .esg-list li:nth-child(2) a {
  background: #e0fff4;
}
.main-section .esg-list li:nth-child(2) a::after {
  background-color: #00a565;
}
.main-section .esg-list li:nth-child(2) a::before {
  bottom: -8px;
  background-image: url(../../../images/u/2025/main-v5/bg-esg02@2x.png);
  background-size: 71px auto;
}
.main-section .esg-list li:nth-child(3) a {
  background: #d8edff;
}
.main-section .esg-list li:nth-child(3) a::after {
  background-color: #2689ff;
}
.main-section .esg-list li:nth-child(3) a::before {
  bottom: -8px;
  background-image: url(../../../images/u/2025/main-v5/bg-esg03@2x.png);
  background-size: 79px auto;
}
.main-section .esg-list li:nth-child(4) a {
  background: #ffe7d6;
}
.main-section .esg-list li:nth-child(4) a::after {
  background-color: #de5c00;
}
.main-section .esg-list li:nth-child(4) a::before {
  bottom: -8px;
  left: 18px;
  background-image: url(../../../images/u/2025/main-v5/bg-esg04@2x.png);
  background-size: 99.5px auto;
}
.main-section .img-link {
  display: inline-block;
  width: 402px;
  height: 100%;
  margin: 2px 0;
  border-radius: 16px;
  overflow: hidden;
}
.main-section .img-link img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1025px) {
  .main-section .grid-inner {
    display: grid;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    grid-template-columns: 320px 472px 402px;
    grid-template-rows: 367px 235px;
    gap: 60px 40px;
    grid-template-areas: "section1 section2 section3" "section4 section4 section5";
  }
}
@media (max-width: 1024.98px) {
  .main-section.section-full {
    margin-top: 0;
    padding: 40px 0;
  }
  .main-section.section-full .grid-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 50px;
    padding: 0 16px;
  }
  .main-section.section-full .box-header {
    padding: 0;
  }
  .main-section.section-full .box-header .section-tit {
    padding: 0;
  }
  .main-section.section-full .section-box:not(:has(.sns-slider)) .img-card .card-img {
    position: relative;
    height: 0;
    padding-top: 68.295%;
  }
  .main-section.section-full .section-box:not(:has(.sns-slider)) .img-card .card-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .main-section.section-full .img-card .card-tit {
    padding: 22px 20px;
  }
  .main-section .box-cont {
    width: 100%;
  }
  .main-section .slider-list {
    width: calc(100% + 32px);
    margin-left: -16px;
  }
  .main-section .esg-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .main-section .esg-list li {
    width: calc(50% - 10px);
  }
  .main-section .esg-list li a {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 64px;
    padding: 20px 15px;
    font-size: 16px;
  }
  .main-section .esg-list li a strong {
    width: calc(100% - 30px);
  }
  .main-section .esg-list li a::before {
    top: 0;
    left: 0;
    bottom: 0;
    width: 154px;
    height: 64px;
    background-image: url(../../../images/u/2025/main-v5/bg-esg01-md@2x.png);
    background-size: 154px auto;
    background-position: left bottom;
  }
  .main-section .esg-list li a::after {
    top: 20px;
    right: 16px;
  }
  .main-section .esg-list li:nth-child(2) a::before {
    left: 0;
    bottom: 0;
    width: 154px;
    height: 64px;
    background-image: url(../../../images/u/2025/main-v5/bg-esg02-md@2x.png);
    background-size: 154px auto;
  }
  .main-section .esg-list li:nth-child(3) a::before {
    left: 0;
    bottom: 0;
    width: 154px;
    height: 64px;
    background-image: url(../../../images/u/2025/main-v5/bg-esg03-md@2x.png);
    background-size: 154px auto;
  }
  .main-section .esg-list li:nth-child(4) a::before {
    left: 0;
    bottom: 0;
    width: 154px;
    height: 64px;
    background-image: url(../../../images/u/2025/main-v5/bg-esg04-md@2x.png);
    background-size: 154px auto;
  }
  .main-section .img-link {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 58.865%;
  }
  .main-section .img-link img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

.sns-slider {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 1024.98px) {
  .sns-slider {
    max-width: 472px;
    overflow: hidden;
  }
  .sns-slider .slider-list {
    width: calc(100% + 24px);
    margin-left: -12px;
    overflow: visible;
  }
  .sns-slider .slick-slide {
    width: 224px;
    float: left;
  }
  .sns-slider .item {
    width: 224px;
    float: left;
  }
}
@media screen and (max-width: 532px) {
  .sns-slider {
    width: calc(100% + 16px);
    overflow: hidden;
  }
  .sns-slider .slider-list {
    width: 248px;
    margin-left: -12px;
  }
  .sns-slider .slider-list .item {
    width: 224px;
  }
  .sns-slider .slick-dots {
    width: 100vw;
    height: 30px;
    padding: 16px 10px 0;
  }
}

.youtube-slider {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.youtube-slider .slider-list .item {
  width: 100%;
}
@media (max-width: 1024.98px) {
  .youtube-slider .slider-list .slick-slide {
    padding: 0 16px;
  }
  .youtube-slider .slick-dots {
    height: 30px;
    padding: 16px 10px 0;
  }
}

.info-slider .image-link {
  position: relative;
  display: block;
  height: 230px;
  overflow: hidden;
  border-radius: 13px;
}
.info-slider .image-link:focus-visible {
  border: 2px solid #000;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.info-slider .image-link img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.info-slider .slider-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-left: 0;
  border-radius: 13px;
  overflow: hidden;
}
.info-slider .slider-list &gt; .item {
  width: 100%;
  min-width: 100%;
}
.info-slider .slider-list .item {
  vertical-align: top;
  border: 1px solid #cbd1d7;
  border-radius: 13px;
}
.info-slider .slider-list .slick-slide {
  padding: 0;
}
.info-slider .slider-list .image-link .subject {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 100%;
  height: 38px;
  padding: 10px 86px 10px 10px;
  font-size: 15px;
  max-width: 100%;
  white-space: nowrap;
  max-height: 1.4;
  line-height: 1.4;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
}
.info-slider .slider-list .slick-arrow {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  vertical-align: middle;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  color: transparent;
  white-space: nowrap;
  text-align: center;
  position: absolute;
  z-index: 10;
  top: -52px;
  width: 32px;
  height: 32px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  background: #fff url(../../../images/u/2025/main-v5/ico-chevron-left-darkgray-md@2x.png) no-repeat center center;
  background-size: 16px auto;
}
.info-slider .slider-list .slick-prev {
  right: 40px;
}
.info-slider .slider-list .slick-next {
  right: 0;
  background-image: url(../../../images/u/2025/main-v5/ico-chevron-right-darkgray-md@2x.png);
}
.info-slider .slider-list.slick-slider {
  position: relative;
  overflow: visible;
}
.info-slider .slider-list.slick-slider .slick-list {
  width: 100%;
  border-radius: 13px;
  overflow: hidden;
  isolation: isolate;
}
.info-slider .slider-list.slick-slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.info-slider .slider-list.slick-slider .slick-dots {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  bottom: 0;
  left: 0;
  right: 0;
  height: 38px;
  margin: 0;
  padding: 10px 24px;
}
.info-slider .slider-list.slick-slider .slick-dots li {
  margin-left: 2px;
}
.info-slider .slider-list.slick-slider .slick-dots li::marker {
  content: none;
}
.info-slider .slider-list.slick-slider .slick-dots button {
  display: block;
  position: relative;
  width: 16px;
  height: 16px;
  padding: 4px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  vertical-align: middle;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  color: transparent;
  white-space: nowrap;
  text-align: center;
}
.info-slider .slider-list.slick-slider .slick-dots button:after {
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: transparent;
  content: "";
}
.info-slider .slider-list.slick-slider .slick-dots .slick-active button {
  width: 24px;
}
.info-slider .slider-list.slick-slider .slick-dots .slick-active button:after {
  border: 1px solid #0078ff;
  background-color: #0078ff;
}
@media (max-width: 1024.98px) {
  .info-slider {
    margin-top: 0;
  }
  .info-slider .slider-list {
    width: 100%;
    margin-left: 0;
  }
  .info-slider .slider-list .slick-slide {
    padding: 0;
  }
  .info-slider .image-link {
    height: 0;
    padding-top: 58.535%;
  }
  .info-slider .image-link img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

/* 사업안내 guide_01 */
.top-info {
  padding: 5px;
  margin-bottom: 10px;
  overflow: hidden;
}
.top-info .left {
  margin-bottom: 10px;
  float: left;
}
.top-info .right {
  margin-bottom: 10px;
  float: right;
}
.top-info .right .top-info-desc {
  display: inline-block;
  margin-right: 10px;
}
.top-info .input-group {
  width: 200px;
}

.top-info + .title1 {
  margin-top: 0;
}

.top-info-desc {
  margin-top: 0;
  margin-bottom: 10px;
}

.rnd-guide {
  border-top: 1px solid #000;
  font-size: 15px;
}
.rnd-guide .busiView_title {
  position: relative;
  margin: 20px 0 15px;
  padding-left: 20px;
  font-weight: bold;
  color: #000;
  font-size: 1.6rem;
  text-align: left;
}
.rnd-guide .busiView_title:before {
  display: inline-block;
  content: "";
  position: absolute;
  left: 8px;
  top: 9px;
  width: 5px;
  height: 5px;
  vertical-align: middle;
  background-color: #2c8aea;
}
.rnd-guide .busiView_text {
  padding: 5px 0 0 20px;
}
.rnd-guide table {
  width: 100%;
}
.rnd-guide .table th {
  text-align: center;
}
.rnd-guide .table td {
  text-align: center;
  background-color: #fff !important;
}
.rnd-guide .table .bg-gray td {
  background-color: #e5e5e5 !important;
}
.rnd-guide .table td.bg-gray {
  background-color: #e5e5e5 !important;
}
.rnd-guide .table tbody th {
  background-color: #e5e5e5 !important;
}

.rnd-guide-title {
  margin: 0;
  padding: 6px 0;
  color: #fff;
  font-size: 16px;
  text-align: center;
  background-color: #636d86;
}

.rnd-guide-list {
  margin: 0;
  border-bottom: 1px solid #d4d5d9;
  color: #555;
}
.rnd-guide-list dt button {
  padding: 8px 25px;
  border: 1px solid #d4d5d9;
  border-bottom: 0;
  line-height: 1.3;
  overflow: hidden;
}
.rnd-guide-list dt button:before {
  display: inline;
  content: "-";
  margin-right: 4px;
}
.rnd-guide-list dt button .year {
  float: right;
}
.rnd-guide-list dd {
  padding: 8px 25px;
  border: 1px solid #d4d5d9;
  border-bottom: 0;
  margin: 0;
  padding: 25px 28px;
  background-color: #f8f9fb;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.rnd-guide-list dd &gt; table {
  padding-right: 15px;
}

.rnd-guide-box {
  padding: 8px;
  background-color: #ebefe9;
}

@media only all and (max-width: 767px) {
  .rnd-guide table table table td {
    padding-left: 10px;
    padding-right: 5px;
  }
}
@media only all and (max-width: 414px) {
  .top-info .left {
    float: none;
  }
  .top-info .right {
    float: none;
  }
  .top-info .input-group {
    width: auto;
  }
  .top-info .btn-download {
    display: block;
  }
  .top-info .btn-download .drop {
    display: none;
  }
  .rnd-guide-list dt button {
    padding: 8px 15px;
  }
  .rnd-guide-list dd {
    padding: 8px 15px;
  }
}
/* 최종보고서 result_06 */
.user-guide {
  padding: 0;
  color: #0078ff;
  font-size: 16px;
}
.user-guide li {
  position: relative;
  padding-left: 20px;
  list-style: none;
}
.user-guide li:before {
  content: "※";
  position: absolute;
  left: 0;
}
.user-guide li + li {
  margin-top: 5px;
}

@media only all and (max-width: 414px) {
  .user-guide {
    font-size: 14px;
  }
}
/* R&amp;D 중장기 계획 rnd */
.bul-hyphen {
  position: relative;
  margin: 0 0 0 15px;
  padding-left: 10px;
}
.bul-hyphen:before {
  content: "-";
  position: absolute;
  left: 0;
}

.list-hyphen {
  margin: 0 0 0 5px;
  padding: 0;
}
.list-hyphen li {
  position: relative;
  margin: 0 0 0 10px;
  padding: 0;
  list-style: none;
}
.list-hyphen li:before {
  content: "-";
  position: absolute;
  left: -10px;
}

/* 연구관리업무수행절차 process_01 */
.table-solid-type2 tbody th {
  background-color: #f8f9fb;
  color: black;
  font-weight: bold;
  font-size: 14px;
}
.table-solid-type2 tbody td ul {
  padding: 0;
}
.table-solid-type2 .bul-hyphen {
  margin: 10px 0 0 0;
}
.table-solid-type2 p {
  margin: 10px 0 0 15px;
}

/* 단계별 평가절차 process_02 */
@media only all and (max-width: 1200px) {
  .table-solid td.text-left {
    padding-left: 10px;
  }
}

/* 성과 및 현황 result_01 */
.box.result-box {
  margin-top: 20px;
  padding: 39px;
}

.table-result tbody th {
  color: black;
  background-color: #f8f9fb;
}

/* 연구시설장비공동활동사업 */
.joint-area .btn-infra {
  padding: 6px 16px;
}
.joint-area .btn-infra img {
  height: 52px;
}
.joint-area .img-sm {
  width: 380px;
}
.joint-area .img-h-150 {
  max-height: 150px;
}
.joint-area .table-custom .br-none {
  position: relative;
  border-right: 0;
}
.joint-area .table-custom .br-none .tit {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 40;
}
.joint-area .table-custom .br-none:before {
  position: absolute;
  right: calc(0% - 20px);
  content: "평가기준";
  z-index: 30;
  top: 10px;
}
.joint-area .table-custom .br-none:after {
  content: "";
  position: absolute;
  top: 20px;
  right: 40px;
  width: 50%;
  height: 1px;
  background-color: #d0e6ff;
}
.joint-area .table-custom .br-none + th {
  position: relative;
}
.joint-area .table-custom .br-none + th .tit {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 40;
}
.joint-area .table-custom .br-none + th:after {
  content: "";
  position: absolute;
  top: 20px;
  left: 27px;
  width: 50%;
  height: 1px;
  background-color: #d0e6ff;
}
.joint-area .table-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 20px);
  margin-left: -10px;
}
.joint-area .table-group .table-wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50%;
  margin: 0 10px;
}
@media (max-width: 1024.98px) {
  .joint-area .table-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  .joint-area .table-group .table-wrap {
    width: 100%;
  }
  .joint-area .table-group .table-wrap + .table-wrap {
    margin-top: 20px;
  }
}
.joint-area .table-b-r {
  border-right: 1px solid #e6e6e6 !important;
}
.joint-area .label-primary {
  display: inline-block;
  padding: 0 10px;
  background: #d0e6ff;
  border-radius: 10px;
  line-height: 2.2rem;
  color: #0078ff;
}
.joint-area .label-tit {
  display: inline-block;
  padding: 3px 10px;
  background: #e6eaf0;
  border-radius: 14px;
  line-height: 2.2rem;
}
.joint-area .label-tit.bg-ligthgray {
  background-color: #e6eaf0;
}
.joint-area .list-none &gt; li .list-hyphen {
  margin-top: 6px;
  margin-bottom: 4px;
}
.joint-area .label-list {
  text-align: left;
}
.joint-area .label-list li + li {
  margin-top: 8px;
}
.joint-area .list-inline li {
  display: inline-block;
}
.joint-area .list-inline li + li {
  margin-left: 10px;
}
.joint-area .list-arrow li {
  position: relative;
  display: inline-block;
  padding-right: 26px;
}
.joint-area .list-arrow li::after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: 0.5px;
  margin-left: 4px;
  background-image: url(../../../images/c/ico-chevron-right-gray@2x.png);
  background-size: auto 20px;
}
.joint-area .list-arrow li:last-child {
  padding-right: 0;
}
.joint-area .list-arrow li:last-child::after {
  content: none;
}
.joint-area .indent-none {
  margin-left: -20px;
}
.joint-area .infographic.fit {
  margin: 0;
}
.joint-area .infographic.fit img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1024.98px) {
  .joint-area .infographic.fit {
    width: 100%;
    margin: 0;
  }
}

.text-refer {
  font-weight: 400;
  font-size: 1.6rem;
  color: #666;
  margin: 11px 7px 0;
}
.text-refer + .text-refer {
  margin-top: 0;
}

.list .text-refer {
  margin-top: 0;
  margin-left: 0;
}

.table .text-refer {
  margin: 0;
  font-size: 1.4rem;
}

.logo-img .img-sm {
  width: 357px;
  -o-object-fit: cover;
     object-fit: cover;
}

.shortcut-img {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 280px;
  height: 64px;
  margin: 2px 0 4px;
  padding: 15px;
  border: 1px solid #116ed6;
  border-radius: 6px;
}
.shortcut-img .img-sm {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  height: 32px;
  -o-object-fit: cover;
     object-fit: cover;
}
.shortcut-img.tit-style {
  width: auto;
}
@media (max-width: 1024.98px) {
  .shortcut-img.tit-style .tit {
    text-align: left;
  }
}
.shortcut-img .tit {
  margin-right: 20px;
}
.shortcut-img .text-shortcut {
  position: relative;
  padding-right: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: inline-block;
  width: 80px;
  font-weight: 700;
  font-size: 1.6rem;
  color: #116ed6;
}
.shortcut-img .text-shortcut .ico {
  position: absolute;
  right: -5px;
  top: 5px;
}
@media (max-width: 1024.98px) {
  .shortcut-img {
    padding: 15px 10px;
  }
  .shortcut-img .text-shortcut {
    font-size: 1.5rem;
  }
}

.step.step-outline-style li {
  position: relative;
}
.step.step-outline-style li .box-round-sm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 125px;
  height: 58px;
  border-radius: 29px;
  background-color: #e6eaf0;
  line-height: 19px;
}
.step.step-outline-style li .step-text {
  position: absolute;
  top: 30px;
  right: -32px;
  line-height: 20px;
  font-weight: 500;
}
@media (min-width: 1025px) {
  .step.step-outline-style.row6 ol &gt; li,
  .step.step-outline-style.row6 ul &gt; li {
    width: calc(16.6% - 40px);
  }
}
@media (min-width: 1025px) {
  .step.step-outline-style.step-drop ol,
  .step.step-outline-style.step-drop ul {
    margin: -11px 5px -19px -20px;
  }
  .step.step-outline-style.step-drop ol &gt; li,
  .step.step-outline-style.step-drop ul &gt; li {
    width: calc(33.3% - 40px);
  }
}
.step.step-outline-style ol,
.step.step-outline-style ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
  list-style: none;
  margin: -11px -20px -19px;
}
.step.step-outline-style ol &gt; li,
.step.step-outline-style ul &gt; li {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: calc(20% - 40px);
  margin: 20px;
}
.step.step-outline-style ol &gt; li::after,
.step.step-outline-style ul &gt; li::after {
  position: absolute;
  top: calc(50% - 10px);
  right: -30px;
  display: inline-block;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(../../../images/c/2025/ico-chevron-up-primary-lg@2x.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 20px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.step.step-outline-style ol &gt; li:last-child::after,
.step.step-outline-style ul &gt; li:last-child::after {
  content: none;
}
.step.step-outline-style .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding: 15px;
  border: 1px solid #a4ceff;
  border-radius: 8px;
  text-align: center;
}
.step.step-outline-style .ico + .title {
  margin-top: 2px;
}
.step.step-outline-style .title {
  display: block;
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 1.8rem;
}
.step.step-outline-style .title .sub-text {
  font-weight: 400;
  font-size: 1.8rem;
  color: #666;
}
.step.step-outline-style .title .tit-text {
  font-style: normal;
  letter-spacing: -0.04rem;
}
.step.step-outline-style .title .number {
  margin-right: 1px;
  font-weight: 600;
  font-size: 1.8rem;
  color: #116ed6;
}
.step.step-outline-style .title + .content {
  position: relative;
  margin-top: 9px;
  padding-top: 11px;
  font-weight: 400;
  font-size: 1.6rem;
}
.step.step-outline-style .title + .content::before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  content: "";
  width: 100%;
  height: 1px;
  background: #d0e6ff;
}
.step.step-outline-style .content {
  display: block;
  width: 100%;
}
.step.step-outline-style .content p {
  margin: 0;
}
.step.step-outline-style .content p + .label-text {
  margin-top: 2px;
}
.step.step-outline-style .content .label-text {
  display: inline-block;
  padding: 2px 10px;
  background: #e6eaf0;
  border-radius: 100px;
}
.step.step-outline-style.step-col-2 .step-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 83px;
}
.step.step-outline-style.step-col-2 .step-header.ico-none {
  height: 66px;
}
.step.step-outline-style.step-col-2 .step-body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-top: 7px;
}
.step.step-outline-style.step-col-2 .step-body::before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  content: "";
  width: 100%;
  height: 1px;
  background: #d0e6ff;
}
.step.step-outline-style.step-col-2 .step-body p {
  padding-top: 12px;
  margin: 0;
}
.step.step-outline-style.step-col-2 .step-body p .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
  margin: 0 0 4px;
  padding-top: 12px;
}
.step.step-outline-style.step-col-2 .step-body p .text + .label-text {
  margin-top: 2px;
}
.step.step-outline-style.step-col-2 .step-body .label-text {
  display: inline-block;
  padding: 2px 10px;
  background: #e6eaf0;
  border-radius: 100px;
}
.step.step-outline-style.step-col-2 .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 2rem;
}
.step.step-outline-style.step-col-2 .title .number {
  margin-right: 4px;
}
.step.step-outline-style.step-col-2 .title .tit-text {
  font-style: normal;
}
@media (max-width: 1024.98px) {
  .step.step-outline-style ol &gt; li {
    width: 100%;
  }
  .step.step-outline-style ol &gt; li::after {
    position: absolute;
    top: calc(100% + 10px);
    right: calc(50% - 10px);
    background-image: url(../../../images/c/2025/ico-chevron-up-primary-lg@2x.png);
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .step.step-outline-style ol &gt; li .box-round-sm {
    height: 40px;
    margin-top: 2px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.step.step-outline-style.step-box .content {
  height: 100%;
}
.step.step-outline-style .box-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 0;
  list-style: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -4px;
}
.step.step-outline-style .box-list.box-drop {
  height: calc(50% - 4px);
  margin: -4px -4px 0;
}
.step.step-outline-style .box-list .item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: calc(50% - 8px);
  margin: 4px;
  padding: 13px 12px;
  background: #f0f7ff;
  border-radius: 8px;
}
.step.step-outline-style .box-list .item .list {
  display: block;
  font-weight: 400;
  font-size: 1.4rem;
  margin: 8px 0 0;
}
.step.step-outline-style .box-list .item .list &gt; li {
  width: 100%;
  margin: 0;
  padding-left: 11px;
  text-align: left;
  word-break: break-all;
}
.step.step-outline-style .box-list .item .list &gt; li::before {
  top: 7px;
  left: 0;
}
.step.step-outline-style .box-list .item .list &gt; li::after {
  content: none;
}
.step.step-outline-style .box-list .item::after {
  content: none;
}
.step.step-detail-style ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
.step.step-detail-style ol &gt; li {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  margin: 0 0 36px;
}
.step.step-detail-style ol &gt; li::after {
  position: absolute;
  bottom: -27px;
  right: calc(50% - 10px);
  display: inline-block;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(../../../images/c/2025/ico-chevron-up-primary-lg@2x.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 20px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.step.step-detail-style ol &gt; li:last-child::after {
  content: none;
}
.step.step-detail-style .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding: 20px 24px;
  background: #f0f7ff;
  border-radius: 8px;
  border: none;
}
.step.step-detail-style .title {
  display: block;
  text-align: center;
  font-weight: 700;
  font-size: 1.8rem;
}
.step.step-detail-style .title .number {
  font-size: 1.8rem;
  font-weight: 700;
  color: #116ed6;
}
.step.step-detail-style .title + .content {
  position: relative;
  margin-top: 18px;
  padding-top: 14px;
}
.step.step-detail-style .title + .content::before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  content: "";
  width: 100%;
  height: 1px;
  background: #d0e6ff;
}
.step.step-detail-style .title + .content .list li {
  padding-left: 13px;
}
.step.step-detail-style .title + .content .list li + li {
  margin-top: 13px;
}
.step.step-detail-style .title + .content .list li::before {
  top: 7px;
  left: 0;
}
.step.step-detail-style .title + .content .text-refer {
  margin: 10px 0 0;
  font-size: 1.4rem;
}
.step.step-detail-style .content {
  display: block;
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.7rem;
  word-break: break-all;
  text-align: left;
}
@media (min-width: 1025px) {
  .step.step-detail-style {
    margin: 0 auto;
    width: 640px;
  }
}

.list.list2 li {
  padding-left: 12px;
}
.list.list2 li:before {
  left: 0;
  background-color: #666;
}

.evaluation-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -10px;
  padding: 0;
}
.evaluation-list ul li {
  list-style: none;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(20% - 20px);
          flex: 1 1 calc(20% - 20px);
  margin: 10px;
  border: 1px solid #a4ceff;
  border-radius: 8px;
}
.evaluation-list ul li .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px;
  font-size: 18px;
}
.evaluation-list .ico {
  display: block;
  width: 48px;
  height: 48px;
}
.evaluation-list strong {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 22px;
  height: 44px;
  text-align: center;
}
@media (min-width: 1025px) {
  .evaluation-list {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 1024.98px) {
  .evaluation-list ul {
    margin: 4px -6px;
  }
  .evaluation-list ul li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 12px);
            flex: 1 1 calc(50% - 12px);
    width: calc(50% - 12px);
    margin: 6px;
  }
}

/* 창업·투자지원사업 */
.rnd-toggle-list .toggle-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 5px 0px 5px 20px;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom: none;
  border-radius: 6px 6px 0 0;
}
.rnd-toggle-list .toggle-title .title {
  font-style: normal;
  font-weight: 700;
  font-size: 2rem;
}
.rnd-toggle-list .toggle-title .btn {
  min-width: 60px;
  width: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 0 20px;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  text-align: center;
  background: transparent;
}
.rnd-toggle-list .toggle-title.active {
  border: 1px solid #116ed6;
  border-radius: 6px 6px 0 0;
  border-bottom: none;
}
.rnd-toggle-list .toggle-title.active .ico.ico-chevron-down-darkgray-lg {
  background-image: url(../../../images/c/2025/ico-chevron-up-primary-lg@2x.png);
}
.rnd-toggle-list .toggle-title.active + .toggle-container {
  border: 1px solid #116ed6;
  border-top: none;
  -webkit-transition: 0.5ms ease-out;
  transition: 0.5ms ease-out;
}
.rnd-toggle-list .toggle-title.active + .toggle-container .content-inner {
  display: block;
}
.rnd-toggle-list .toggle-title + .toggle-container {
  position: relative;
  overflow: hidden;
  margin: 0px 0 0;
  padding: 16px 20px 20px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #fff;
  border-radius: 0 0 6px 6px;
  -webkit-transition: 0.5ms ease-out;
  transition: 0.5ms ease-out;
}
.rnd-toggle-list .toggle-title + .toggle-container::before {
  content: "";
  position: absolute;
  top: 0;
  width: calc(100% - 40px);
  height: 1px;
  background-color: #ccc;
}
.rnd-toggle-list .toggle-title + .toggle-container .title1.mt0 + .list {
  margin-bottom: 0;
}
.rnd-toggle-list .toggle-title + .toggle-container .content-inner {
  display: none;
}

.step-detail {
  list-style: none;
  padding: 0;
}
.step-detail li {
  border: 1px solid #d0e6ff;
  border-radius: 8px;
  padding: 24px 20px;
}
.step-detail li + li {
  margin-top: 10px;
}
.step-detail .step-header .num {
  color: #0078ff;
  font-weight: 600;
  font-size: 18px;
}
.step-detail .step-header .title {
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
}
.step-detail .step-header .title + .title {
  display: block;
  border-top: 1px solid #e6e6e6;
  margin-top: 4px;
  padding-top: 4px;
}
.step-detail .step-header small {
  margin-top: 4px;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
}
.step-detail .title-label {
  display: inline-block;
  margin-bottom: 10px;
  padding: 5px 12px;
  color: #333;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  background: #e6eaf0;
  border-radius: 100px;
}
.step-detail .inner {
  width: 100%;
}
.step-detail .row + .row {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e6e6e6;
}
@media (min-width: 1025px) {
  .step-detail li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .step-detail .step-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 170px;
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid #d0e6ff;
  }
  .step-detail .step-header .num {
    display: block;
  }
  .step-detail .step-body {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .step-detail .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .step-detail .label-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .step-detail .title-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    width: 140px;
    padding: 5px 12px;
    margin-bottom: 0;
    color: #333;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    background: #e6eaf0;
    border-radius: 100px;
  }
  .step-detail .title-label + .title-label {
    position: relative;
    margin-left: 16px;
  }
  .step-detail .title-label + .title-label:before {
    display: block;
    content: "";
    width: 16px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: -16px;
    background: #e6eaf0;
  }
  .step-detail .detail-area {
    margin-left: 20px;
  }
}
@media (max-width: 1024.98px) {
  .step-detail .label-area {
    margin-top: 12px;
  }
  .step-detail .row + .row .label-area {
    margin-top: 0;
  }
}

.step-col-list {
  margin: 0;
  padding: 0;
}
.step-col-list &gt; li {
  font-weight: bold;
  color: #333;
}
.step-col-list &gt; li + li {
  margin-top: 2px;
}
.step-col-list &gt; li &gt; p {
  position: relative;
  font-weight: normal;
  font-size: 14px;
  margin: 0;
  color: #666;
}
.step-col-list &gt; li &gt; p.hypen {
  font-size: 16px;
  padding-left: 10px;
  line-height: 19px;
}
.step-col-list &gt; li &gt; p.hypen:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 5px;
  height: 1px;
  background-color: #333;
}
.step-col-list &gt; li &gt; ul {
  padding: 0;
  margin: 0;
}
.step-col-list &gt; li &gt; ul li {
  position: relative;
  padding-left: 10px;
  font-weight: normal;
  color: #333;
}
.step-col-list &gt; li &gt; ul li:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 5px;
  height: 1px;
  background-color: #333;
}
.step-col-list li {
  display: block;
  border: 0;
  padding: 0;
}

/* KIMSTory magazine_01 */
.magazine-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  padding: 15px 0;
  font-size: 16px;
  overflow: hidden;
  border-top: 1px solid #ccc;
  border-bottom: 1px double #ccc;
}
.magazine-list li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(20% - 30px);
  margin: 15px;
  list-style: none;
  text-align: center;
}
.magazine-list li a {
  display: block;
}
.magazine-list li span {
  display: block;
}
.magazine-list li .btn {
  display: inline-block;
}
.magazine-list .tmb {
  background-color: #f8f8f8;
}
.magazine-list .tmb .no-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../../../images/u/no-img.png) no-repeat center center;
  background-size: 66.5px auto;
}
.magazine-list .btn-group {
  margin: 12px -2px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: visible;
}
.magazine-list .btn-group .btn {
  margin: 0 2px;
}
.magazine-list.type2 .tmb {
  display: block;
  position: relative;
  height: 0;
  padding-top: 65%;
  overflow: hidden;
  border: 1px solid #eee;
}
.magazine-list.type2 .tmb img {
  position: absolute;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}
.magazine-list.type2 .subject {
  color: #0078ff;
  display: block;
  margin: 1em 0 0.3em;
  max-width: 100%;
  white-space: nowrap;
  max-height: 1em;
  line-height: 1em;
  text-overflow: ellipsis;
  overflow: hidden;
}
.magazine-list.type3 li {
  width: calc(33% - 30px);
}
.magazine-list.type3 .tmb {
  margin-bottom: 10px;
}
@media (max-width: 1024.98px) {
  .magazine-list li {
    width: calc(33.333333% - 30px);
  }
}
@media (max-width: 767.98px) {
  .magazine-list li {
    width: calc(50% - 10px) !important;
    margin: 10px 5px;
  }
  .magazine-list li .btn-group {
    margin-top: 5px;
  }
  .magazine-list li .btn-group .btn-sm {
    height: 24px;
    line-height: 22px;
    padding: 0 7px;
    font-size: 10px;
  }
}

/* 배너링크모음 */
.banner-list {
  margin-top: -35px;
  padding: 0;
  text-align: center;
  overflow: hidden;
}
.banner-list li {
  float: left;
  width: 25%;
  margin-top: 35px;
  margin-left: calc(33.3333333333% - 349.3333333333px);
  list-style: none;
}
.banner-list li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.banner-list li a {
  display: block;
}
.banner-list li span {
  display: block;
}
.banner-list .site-name {
  margin-top: 20px;
  color: #0078ff;
}
.banner-list .bn {
  display: table-cell;
  position: relative;
  width: 1%;
  height: 107px;
  padding: 4px;
  vertical-align: middle;
}
.banner-list .bn img {
  position: relative;
  z-index: 10;
}
.banner-list .bn:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #d3d4d8;
}
.banner-list .bn:after {
  content: "";
  position: absolute;
  left: 1px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  background-color: #fff;
}

@media only all and (min-width: 1025px) {
  .banner-list {
    font-size: 16px;
  }
  .banner-list li {
    max-width: 262px;
  }
  .banner-list a:hover .bn:before {
    background: #0078ff;
  }
  .banner-list a:hover .bn:after {
    left: 4px;
    right: 4px;
    top: 4px;
    bottom: 4px;
  }
  .banner-list a:focus .bn:before {
    background: #0078ff;
  }
  .banner-list a:focus .bn:after {
    left: 4px;
    right: 4px;
    top: 4px;
    bottom: 4px;
  }
}
@media only all and (max-width: 1160px) {
  .banner-list li {
    width: calc(25% - 15px);
    margin-left: 20px;
  }
}
@media only all and (max-width: 1024px) {
  .banner-list {
    margin-top: -20px;
  }
  .banner-list li {
    width: calc(33.3333% - 14px);
    margin-top: 20px;
  }
  .banner-list li:nth-child(4n+1) {
    clear: none;
    margin-left: 20px;
  }
  .banner-list li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .banner-list .bn {
    height: 80px;
  }
}
@media only all and (max-width: 640px) {
  .banner-list li {
    width: calc(50% - 7px);
    margin-left: 14px;
  }
  .banner-list li:nth-child(3n+1) {
    clear: none;
    margin-left: 14px;
  }
  .banner-list li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .banner-list li .site-link {
    margin-top: 5px;
    font-size: smaller;
  }
  .banner-list .bn {
    height: 60px;
  }
}
/* 개인정보 처리방침 */
.agreement-header {
  margin-bottom: 25px;
}
.agreement-header select {
  vertical-align: top;
}

.agreement-body .box {
  padding-left: 35px;
  padding-right: 35px;
}
.agreement-body ul {
  padding: 0;
}
.agreement-body li {
  list-style: none;
}
.agreement-body .sub06_2nd_txt {
  position: relative;
  margin: 20px 0 10px;
  padding-left: 20px;
  font-weight: bold;
  color: #0078ff;
  font-size: 1.8rem;
  text-align: left;
  background: url(../../../images/c/2025/bul-title1@2x.png) no-repeat 0 6px;
  background-size: 14px 14px;
}
.agreement-body .title2 {
  position: relative;
  margin: 20px 0 15px;
  padding-left: 20px;
  font-weight: bold;
  color: #000;
  font-size: 1.6rem;
  text-align: left;
}
.agreement-body .title2:before {
  display: inline-block;
  content: "";
  position: absolute;
  left: 8px;
  top: 9px;
  width: 5px;
  height: 5px;
  vertical-align: middle;
  background-color: #2c8aea;
}
.agreement-body .sub06_3rd_txt {
  position: relative;
  padding-left: 20px;
  font-weight: bold;
  line-height: 1.625;
  list-style: none;
  margin: 8px 0 5px;
}
.agreement-body .sub06_3rd_txt:before {
  display: block;
  position: absolute;
  left: 8px;
  top: 9px;
  content: "";
  width: 6px;
  height: 6px;
  background-color: #2c8aea;
}
.agreement-body .sub06_4th_txt {
  position: relative;
  margin: 5px 0;
  padding: 0 0 0 20px;
  list-style: none;
}
.agreement-body .sub06_4th_txt:before {
  content: "-";
  position: absolute;
  left: 9px;
  top: 0;
}
.agreement-body .sub06_5th_txt {
  padding-left: 20px;
}
.agreement-body caption {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
.agreement-body table {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  font-size: 1.4rem;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.agreement-body table &gt; thead + tbody &gt; tr &gt; td {
  text-align: center;
}
.agreement-body table .no-result {
  line-height: 120px;
  text-align: center;
  background-color: #fff !important;
}
.agreement-body table .link {
  font-weight: bold;
  color: #0078ff;
}
.agreement-body table .ico-lock {
  margin-right: 5px;
}
.agreement-body table &gt; thead &gt; tr:first-child &gt; * {
  border-top-width: 0;
}
.agreement-body table &gt; tbody &gt; tr:first-child &gt; * {
  border-top-width: 0;
}
.agreement-body table &gt; thead ~ tbody &gt; tr &gt; * {
  text-align: center;
}
.agreement-body table &gt; thead ~ tbody &gt; tr:first-child &gt; * {
  border-top-width: 1px;
}
.agreement-body table th {
  height: 36px;
  padding: 5px 15px;
  border-top: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  color: #000;
  background-color: #f9f9f9;
}
.agreement-body table th:last-child {
  border-right: 0;
}
.agreement-body table td {
  height: 36px;
  padding: 5px 15px;
  border-top: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  color: #555;
}
.agreement-body table td:last-child {
  border-right: 0;
}
.agreement-body table tbody th {
  width: 25%;
}
.agreement-body table + table {
  margin-top: 35px;
}
@media only all and (min-width: 1024px) {
  .agreement-body .box {
    padding: 40px 200px;
    text-align: center;
  }
}

@media only all and (max-width: 767px) {
  .agreement-body .box {
    padding: 25px;
  }
}
/* 관련기관 */
.box .title2 {
  margin: 20px 0 -10px;
  color: #0078ff;
}
.box .link-list {
  padding: 0;
  overflow: hidden;
}
.box .link-list li {
  float: left;
  min-width: 50%;
  margin-top: 8px;
  list-style: none;
}
.box .link-list li:nth-child(odd) {
  clear: both;
}
.box .link-list li a:after {
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  margin: -3px 0 0 10px;
  text-indent: -9999px;
  white-space: nowrap;
  vertical-align: middle;
  background: url(../../../images/c/2025/ico-external-blue.png) no-repeat center center;
  background-size: cover;
  overflow: hidden;
}
@media only all and (min-width: 1024px) {
  .box .link-list li a:hover {
    text-decoration: underline;
  }
}

@media only all and (max-width: 639px) {
  .box .link-list li {
    float: none;
    min-width: inherit;
  }
}
/* Q&amp;A */
.agreement-article {
  max-height: 228px;
  border: 1px solid #ddd;
  font-size: 1.4rem;
  line-height: 1.5;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.agreement-article-inner {
  padding: 10px 20px;
  white-space: pre-line;
}
.agreement-article-inner ul {
  list-style: none;
}
.agreement-article-inner ul li {
  position: relative;
  padding-left: 8px;
}
.agreement-article-inner ul li em {
  font-style: normal;
}
.agreement-article-inner ul li:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 5px;
  height: 1px;
  background-color: #333;
}
@media (max-width: 767.98px) {
  .agreement-article-inner {
    font-size: 1.3rem;
    line-height: 18px;
  }
}

.agree-text-guide {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 17px;
}

/* FAQ */
.faq-list {
  position: relative;
  margin: 0;
  padding: 4px 0 1px;
  font-size: 1.4rem;
}
.faq-list:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  background: #848898;
  top: 0;
  height: 1px;
}
.faq-list:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  background: #848898;
  bottom: 0;
  height: 1px;
}
.faq-list dt {
  border-top: 1px solid #e5e5e5;
}
.faq-list dt:first-child {
  border-top: 0;
}
.faq-list dt button {
  position: relative;
  height: 52px;
  padding: 5px 20px 5px 0;
  font-size: 1.5rem;
}
.faq-list dt button:after {
  display: block;
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  width: 12px;
  height: 7px;
  margin-top: -4px;
  background: url(../../../images/c/2025/ico-arr-down-lg.png) no-repeat;
  background-size: 12px 7px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.faq-list dt button:hover {
  background-color: #f9f9f9;
}
.faq-list dt button &gt; span {
  display: block;
  float: left;
  height: 30px;
  line-height: 20px;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.faq-list dt button .inner {
  display: table-cell;
  width: 1%;
  height: 30px;
  padding: 0 5px;
  vertical-align: middle;
}
.faq-list dt .num {
  display: inline-block;
  width: 9.5%;
  text-align: center;
}
.faq-list dt .category {
  display: inline-block;
  width: 11.9%;
  text-align: center;
}
.faq-list dt .subject {
  width: 75%;
  padding-left: 30px;
  padding-right: 20px;
  background: url(../../../images/c/2025/ico-qna-q.png) no-repeat 5px center;
  background-size: 20px 20px;
}
.faq-list dt.active button {
  background-color: #fff !important;
}
.faq-list dt.active button:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.faq-list dd {
  margin: 0;
  padding: 20px 30px 10px 90px;
  border-top: 1px solid #e5e5e5;
  background: #f8f9fb url(../../../images/c/2025/ico-qna-a.png) no-repeat 50px 20px;
  background-size: 20px 20px;
}
.faq-list dd &gt; * {
  margin-top: 0;
  font-size: 1.5rem;
}

@media only all and (max-width: 767px) {
  .faq-list {
    margin: 0 -20px;
    font-size: 1.4rem;
  }
  .faq-list dt button {
    padding: 12px 15px 12px 0;
    height: auto;
  }
  .faq-list dt button &gt; span {
    height: auto;
  }
  .faq-list dt .num {
    width: 16%;
    padding-left: 0;
    padding-right: 0;
  }
  .faq-list dt .category {
    width: 18%;
  }
  .faq-list dt .subject {
    width: 65%;
    padding-left: 25px;
    background-position: 3px 0px;
  }
  .faq-list dt .subject .inner {
    display: -webkit-box;
    width: 100%;
    height: auto;
    max-height: 60px;
    line-height: 20px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    background-position: 3px center;
  }
  .faq-list dd {
    margin: 0;
    padding: 12px 20px 12px 60px;
    background-position: 20px 15px;
  }
  .box.box-solid.box-propose {
    background-size: cover;
  }
}
@media only all and (max-width: 639px) {
  .faq-list dt .num {
    padding-left: 0;
    padding-right: 0;
  }
  .faq-list dd {
    margin: 0;
    padding: 12px 20px 12px 60px;
    background-position: 20px 15px;
  }
}
/* 칭찬합시다 praise */
.box.box-solid.box-praise {
  background: url(../../../images/u/bg-praise1.jpg) no-repeat center center;
}
.box.box-solid.box-praise p {
  text-align: center;
  margin-top: 35px;
  font-size: 18px;
}
.box.box-solid.box-praise p:nth-child(2) {
  margin: 25px 0 0 0;
}
.box.box-solid.box-praise ul {
  font-size: 18px;
}
.box.box-solid.box-praise ul li:first-child {
  margin: 30px 0 0 0;
}
.box.box-solid.box-praise ul li:nth-child(2) {
  margin: 10px 0 0 0;
}
.box.box-solid.box-praise ul li:nth-child(3) {
  margin: 10px 0 0 0;
}
.box.box-solid.box-praise .color-primary {
  display: inline;
}

.white-radius.praise-circle {
  width: 83px;
  height: 83px;
  background-color: white;
  border-radius: 45px;
  margin: 0 auto;
  background: #1d7bda url(../../../images/u/ico-praise-thumb.png) no-repeat center center;
}

/* 칭찬합시다 praise */
@media only all and (max-width: 767px) {
  .box.box-solid.box-praise {
    background-size: cover;
  }
}
@media only all and (max-width: 639px) {
  .box.box-solid.box-praise p {
    margin-top: 10px;
  }
}
/* 공익신고센터 register */
.box-top-guide {
  text-align: center;
  padding-left: 104px;
  padding-right: 104px;
}
.box-top-guide .box-round-sm {
  display: inline-block;
  padding: 0;
  width: 84px;
  height: 84px;
  margin-bottom: 24px;
  line-height: 80px;
  border-radius: 42px;
  border: 1px solid #d3d4d8;
  background: #fff;
}
.box-top-guide p {
  margin-top: 0;
  font-size: 1.5rem;
  line-height: 20px;
}
.box-top-guide p + p {
  margin-top: 20px;
}
@media (max-width: 767.98px) {
  .box-top-guide {
    padding: 24px 12px;
  }
  .box-top-guide .box-round-sm {
    width: 48px;
    height: 48px;
    margin-bottom: 12px;
    line-height: 42px;
  }
  .box-top-guide .box-round-sm i {
    width: 25px;
    height: 26px;
  }
  .box-top-guide p {
    font-size: 1.4rem;
  }
  .box-top-guide p + p {
    margin-top: 10px;
  }
}

.box.box-register p {
  font-size: 1.5rem;
  line-height: 20px;
}
.box.box-register p:nth-child(2) {
  margin-top: 25px;
}
.box.box-register p:nth-child(4) {
  margin-top: 40px;
}

.btn-area-register {
  padding-left: 20px;
}

.input-file-item.input-file-type2 .input-group input[type=text] {
  width: calc(100% - 4px);
  border-right: 1px solid #ccc;
}

/* 규제개선건의 propose */
.white-radius.propose-circle {
  width: 85px;
  height: 85px;
  border-radius: 45px;
  margin: 0 auto;
  background: #1d7bda url(../../../images/u/ico-propose-phone.png) no-repeat 60% center;
}

.box.box-solid.box-propose {
  background: url(../../../images/u/bg-propose.jpg) no-repeat center center;
  padding: 45px 50px 130px 50px;
}
.box.box-solid.box-propose p {
  text-align: center;
  font-size: 18px;
}
.box.box-solid.box-propose p:nth-child(2) {
  margin-top: 30px;
}
.box.box-solid.box-propose p:nth-child(4) {
  margin-top: 35px;
}

@media only all and (max-width: 1023px) {
  .box.box-solid.box-propose {
    padding-left: 15px;
    padding-right: 15px;
  }
}
/* 혁신제안 suggest */
.white-radius.suggest-circle {
  width: 85px;
  height: 85px;
  border-radius: 45px;
  margin: 0 auto;
  background: #1d7bda url(../../../images/u/ico-suggest.png) no-repeat center center;
}

.box.box-solid.box-suggest {
  background: #edeff4 url(../../../images/u/bg-suggest.jpg) no-repeat center center;
}
.box.box-solid.box-suggest p {
  text-align: center;
  margin-top: 25px;
  font-size: 18px;
}
.box.box-solid.box-suggest p:last-child {
  margin-top: 30px;
}

/* 혁신제안 */
@media only all and (max-width: 767px) {
  .box.box-solid.box-suggest {
    padding-top: 40px;
    background: url(../../../images/u/bg-suggest.jpg) no-repeat 45% 20px;
    background-size: cover;
  }
}
/* 청탁금지법신고 */
.graft-center-info {
  padding-left: 100px !important;
  position: relative;
}
.graft-center-info .graft-center-info-text-area {
  float: left;
  width: 100%;
}
@media (max-width: 1024.98px) {
  .graft-center-info {
    padding-left: 20px !important;
  }
  .graft-center-info .graft-center-info-text-area h2 {
    font-size: 15px;
  }
  .graft-center-info .graft-center-info-text-area p {
    font-size: 13px !important;
  }
}

.graft-center-list {
  margin-bottom: 40px;
}
.graft-center-list ul {
  padding: 0;
}
.graft-center-list ul li {
  float: left;
  list-style: none;
  text-align: center;
  border: 1px solid #e5e5e5;
  width: 30%;
}
.graft-center-list ul li + li {
  margin-left: 5%;
}
.graft-center-list ul li &gt; dl {
  margin: 0;
  text-align: center;
}
.graft-center-list ul li &gt; dl dt {
  background: #f9f9f9;
  padding: 12px 16px;
  font-size: 16px;
  color: #000;
  font-weight: bold;
}
.graft-center-list ul li &gt; dl dd {
  margin: 0;
  min-height: 144px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.graft-center-list ul li &gt; dl dd .mail-area {
  display: inline-block;
  margin-top: 10px;
}
@media (max-width: 1024.98px) {
  .graft-center-list ul li {
    float: none;
    width: 100%;
    margin-left: 0 !important;
  }
  .graft-center-list ul li dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .graft-center-list ul li dl dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100px;
    font-size: 14px;
  }
  .graft-center-list ul li dl dd {
    width: calc(100% - 100px);
    min-height: auto;
    padding: 12px;
    font-size: 13px;
  }
  .graft-center-list ul li dl dd span,
  .graft-center-list ul li dl dd a {
    font-size: 13px;
  }
  .graft-center-list ul li dl dd .mail-area {
    margin-top: 0 !important;
  }
  .graft-center-list ul li + li {
    margin-top: 10px;
  }
}

.input-item-group {
  padding-left: 5px;
}
.input-item-group label + label {
  margin-left: 11px;
}
.input-item-group .input-comb {
  margin-left: 11px;
}
.input-item-group .input-comb label {
  width: auto;
}
@media (max-width: 1024.98px) {
  .input-item-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .input-item-group label {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
    width: 50%;
    margin: 3px 0;
    -ms-flex-item-align: center;
        align-self: center;
  }
  .input-item-group label + label {
    margin-left: 0;
  }
  .input-item-group .input-comb {
    margin-left: 0;
  }
  .input-item-group .input-comb input[type=text] {
    width: auto !important;
  }
}
@media (max-width: 767.98px) {
  .input-item-group label {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
  }
}

.intro-card-list &gt; ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
  margin: -8px;
  list-style: none;
}
.intro-card-list &gt; ul &gt; li {
  width: calc(50% - 16px);
  margin: 8px;
  padding: 19px 20px 23px;
  border: 1px solid #E6E6E6;
  border-radius: 10px;
  -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.04);
}
.intro-card-list .card-header {
  padding-bottom: 13px;
  border-bottom: 1px solid #e6e6e6;
}
.intro-card-list .card-header:after {
  content: "";
  clear: both;
  display: block;
}
.intro-card-list .card-header h3 {
  float: left;
  font-size: 2rem;
  margin: 0;
}
.intro-card-list .card-header .btn-link-blue {
  float: right;
  color: #116ED6;
  font-weight: bold;
  font-size: 1.4rem;
}
.intro-card-list .card-header .btn-link-blue i {
  margin-left: 4px;
}
.intro-card-list .card-body {
  padding-top: 16px;
}
.intro-card-list .card-body p {
  margin: 0;
  font-size: 1.4rem;
  line-height: 20px;
}
.intro-card-list .card-body p + p {
  margin-top: 4px;
}
.intro-card-list .card-body p.text-guide {
  margin-top: 10px;
  font-size: 13px;
  line-height: 15px;
  color: #555;
}
.intro-card-list .card-body ul {
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}
.intro-card-list .card-body ul li {
  position: relative;
  padding-left: 6px;
  font-size: 1.3rem;
  line-height: 15px;
}
.intro-card-list .card-body ul li:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: #777;
  border-radius: 1.5px;
}
.intro-card-list .card-body ul li + li {
  margin-top: 5.5px;
}
.intro-card-list .card-body .link {
  color: #0078ff;
  text-decoration: underline;
}
@media (max-width: 767.98px) {
  .intro-card-list &gt; ul {
    margin: -6px 0;
  }
  .intro-card-list &gt; ul &gt; li {
    width: 100%;
    padding: 16px 12px;
    margin: 6px 0;
  }
  .intro-card-list .link {
    text-decoration: none !important;
  }
  .intro-card-list .card-header {
    padding-bottom: 10px;
  }
  .intro-card-list .card-header h3 {
    font-size: 1.7rem;
    line-height: 20px;
  }
  .intro-card-list .card-header .btn-link-blue {
    font-size: 1.3rem;
  }
  .intro-card-list .card-body {
    padding-top: 12px;
  }
  .intro-card-list .card-body p {
    font-size: 1.3rem;
    line-height: 18px;
  }
  .intro-card-list .card-body p.text-guide {
    margin-top: 8px;
    font-size: 1.2rem;
    line-height: 16px;
  }
}

.bbs-faq-header {
  padding: 31px 20px 31px 99px;
  margin-bottom: 24px;
  background-color: #F5F6F8;
  border-radius: 5px;
  background: url(../../../images/u/ico-qna01.png) 0 center no-repeat;
  background-size: 60px 60px;
  background-color: #F5F6F8;
  background-position: 25px center;
}
.bbs-faq-header strong {
  font-size: 1.7rem;
  line-height: 20px;
}
@media (max-width: 1024.98px) {
  .bbs-faq-header strong {
    font-size: 1.6rem;
    line-height: 18px;
  }
}
@media (max-width: 767.98px) {
  .bbs-faq-header {
    margin-bottom: 12px;
    padding: 90px 12px 20px;
    background-position: center 20px;
  }
}

.faq-body .box-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -8px;
}
.faq-body .box-list li {
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  list-style: none;
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.04);
}
.faq-body .box-list .box-item {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 20px 20px 47px;
}
.faq-body .box-list strong {
  display: block;
  padding-bottom: 11px;
  font-size: 20px;
  line-height: 23px;
  font-weight: bold;
  border-bottom: 1px solid #E6E6E6;
}
.faq-body .box-list .desc {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}
.faq-body .box-list .link {
  position: absolute;
  bottom: 25px;
  right: 24px;
  display: block;
  margin-top: 7px;
  font-size: 1.3rem;
  font-weight: bold;
  color: #116ED6;
  text-align: right;
}
.faq-body .box-list .link .ico {
  display: inline-block;
  margin-left: 3px;
  width: 20px;
  height: 20px;
  background: url(../../../images/u/ico-link-circle-blue.png) 0 0 no-repeat;
  background-size: cover;
  vertical-align: middle;
}
@media (min-width: 1025px) {
  .faq-body .box-list li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.333% - 16px);
            flex: 0 0 calc(33.333% - 16px);
    margin: 8px;
    width: calc(33.333% - 16px);
  }
}
@media (max-width: 1024.98px) {
  .faq-body .box-list li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 16px);
            flex: 0 0 calc(50% - 16px);
    margin: 8px;
    width: calc(50% - 16px);
  }
}
@media (max-width: 767.98px) {
  .faq-body .box-list {
    margin: -6px;
  }
  .faq-body .box-list li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 12px);
            flex: 0 0 calc(100% - 12px);
    margin: 6px;
    width: calc(100% - 12px);
  }
  .faq-body .box-list .box-item {
    padding: 14px 12px 40px;
  }
  .faq-body .box-list strong {
    padding-bottom: 9px;
    font-size: 17px;
    line-height: 20px;
  }
  .faq-body .box-list .desc {
    font-size: 13px;
    line-height: 18px;
  }
  .faq-body .box-list .link {
    bottom: 18px;
    right: 12px;
  }
}

@media (max-width: 767.98px) {
  br.d-down-sm {
    display: none !important;
  }
}

.box.box-intro {
  border-radius: 5px;
  border: none;
  background: url(../../../images/u/bg-introbox@2x.png);
  background-repeat: no-repeat;
  background-size: 353px 196px;
  background-position: top 24px right 60px;
  background-color: #f5f6f8;
  padding: 71.5px 335px 71.5px 60px;
  margin-bottom: 24px;
}
.box.box-intro p {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
}
@media (max-width: 1024.98px) {
  .box.box-intro {
    background-size: 220px auto;
    background-position: top 50% right 60px;
  }
}
@media (max-width: 767.98px) {
  .box.box-intro {
    text-align: center;
    padding: 24px 16px 200px 16px;
    background-size: 285px auto;
    background-position: bottom 24px left 50%;
  }
  .box.box-intro p {
    font-size: 18px;
    padding-inline: 8px;
  }
}

.intro-card-list-2 &gt; ul {
  margin: 0;
  gap: 20px;
}
.intro-card-list-2 &gt; ul &gt; li {
  margin: 0;
  width: calc(33.3333% - 14px);
  border: 1px solid #d0e6ff;
  border-radius: 12px;
  background-color: #f2f8ff;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-align: center;
  padding: 0;
}
.intro-card-list-2 &gt; ul &gt; li:nth-child(1) a {
  background-image: url(../../../images/u/ico-introcard-1@2x.png);
}
.intro-card-list-2 &gt; ul &gt; li:nth-child(2) a {
  background-image: url(../../../images/u/ico-introcard-2@2x.png);
}
.intro-card-list-2 &gt; ul &gt; li:nth-child(3) a {
  background-image: url(../../../images/u/ico-introcard-3@2x.png);
}
.intro-card-list-2 &gt; ul &gt; li:nth-child(4) a {
  background-image: url(../../../images/u/ico-introcard-4@2x.png);
}
.intro-card-list-2 &gt; ul &gt; li:nth-child(5) a {
  background-image: url(../../../images/u/ico-introcard-5@2x.png);
}
.intro-card-list-2 &gt; ul &gt; li:nth-child(6) a {
  background-image: url(../../../images/u/ico-introcard-6@2x.png);
}
.intro-card-list-2 &gt; ul &gt; li a {
  display: block;
  padding: 97.5px 14px 33.5px;
  background-repeat: no-repeat;
  background-size: 48px;
  background-position: top 33.5px center;
}
.intro-card-list-2 .card-link-text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  margin-left: 10px;
}
.intro-card-list-2 .card-link-text h3 {
  margin: 0;
  line-height: 24px;
  font-size: 20px;
}
@media (max-width: 767.98px) {
  .intro-card-list-2 &gt; ul {
    gap: 12px;
  }
  .intro-card-list-2 &gt; ul &gt; li {
    width: calc(50% - 6px);
    padding: 0px;
  }
  .intro-card-list-2 &gt; ul &gt; li a {
    padding: 60px 12px 20px 12px;
    background-size: 36px;
    background-position: top 20px center;
  }
  .intro-card-list-2 .card-link-text h3 {
    font-size: 18px;
    line-height: 21px;
  }
  .intro-card-list-2 .card-link-text .ico {
    width: 18px;
    height: 18px;
    background-size: 18px;
    margin-bottom: -1px;
  }
}

.box-violat-1 {
  background-color: #F0F7FF;
  text-align: center;
  padding: 40px 24px;
}
.box-violat-1 .box-round-sm {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  width: 84px;
  height: 84px;
  margin-bottom: 12px;
  border-radius: 100px;
  border: 1px solid #d3d4d8;
  background: #fff;
}
.box-violat-1 strong {
  display: block;
  color: #005ec7;
}
.box-violat-1 p {
  font-size: 15px;
}
@media (max-width: 767.98px) {
  .box-violat-1 {
    padding: 32px 20px;
  }
}

.box-violat-2 {
  padding: 28px 30px 40px;
  margin-top: 20px;
}
.box-violat-2 .list + .title1 {
  margin-top: 35px;
}
@media (max-width: 767.98px) {
  .box-violat-2 {
    margin-top: 12px;
    padding: 30px 20px;
  }
}

/* 월간 일정 */
.calendar-header {
  margin-bottom: 40px;
  padding: 20px 0;
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f5f6f8;
}
.calendar-header .btn-direction {
  display: inline-block;
  padding: 0 20px;
  line-height: 36px;
  vertical-align: middle;
}

.calendar-title {
  display: inline-block;
  width: 50%;
  margin: 0;
  font-size: 2.4rem;
  vertical-align: middle;
}
.calendar-title .ico-calendar {
  margin-left: 5px;
}

.calendar-body .table {
  table-layout: fixed;
}
.calendar-body .table td {
  height: 100px;
  padding: 10px 15px;
  font-size: 1.6rem;
  text-align: left;
  vertical-align: top;
}
.calendar-body .table a {
  display: block;
  margin-top: 25px;
  color: #0078ff;
  font-weight: bold;
  font-size: 2rem;
  text-align: right;
}
.calendar-body .table .today {
  background: #0078ff;
  color: #fff;
}
.calendar-body .table .today a {
  color: #fff;
}

@media only all and (max-width: 767px) {
  .calendar-header {
    margin-bottom: 20px;
  }
  .calendar-header .btn-direction {
    line-height: 30px;
  }
  .calendar-title {
    width: 70%;
    font-size: 2rem;
  }
  .calendar-body .table th {
    height: 40px;
  }
  .calendar-body .table td {
    height: 50px;
    padding: 3px 5px;
    font-size: 1.2rem;
  }
  .calendar-body .table a {
    margin-top: 4px;
    font-size: 1.4rem;
  }
}
@media only all and (max-width: 639px) {
  .calendar-header {
    margin-bottom: 20px;
  }
  .calendar-header .btn-direction {
    line-height: 30px;
  }
  .calendar-title {
    width: 70%;
    font-size: 2rem;
  }
  .calendar-body .table th {
    height: 40px;
  }
  .calendar-body .table td {
    height: 50px;
    padding: 3px 5px;
    font-size: 1.2rem;
  }
  .calendar-body .table a {
    margin-top: 4px;
    font-size: 1.4rem;
  }
}
/* 사회공헌 contribute_01 */
.box.box-solid.box-contribute {
  background: url(../../../images/u/bg-contribute1.jpg) no-repeat center center;
}
.box.box-solid.box-contribute p {
  text-align: center;
}
.box.box-solid.box-contribute p strong {
  font-size: 18px;
}
.box.box-solid.box-contribute p:nth-child(1) {
  margin: 15px 0 0 0;
  color: black;
}
.box.box-solid.box-contribute p:nth-child(4) {
  margin: 15px 0 0 0;
  color: #555555;
}
.box.box-solid.box-contribute p:nth-child(6) {
  margin: 40px 0 0 0;
  color: black;
}
.box.box-solid.box-contribute ul {
  margin: 35px 0;
}
.box.box-solid.box-contribute ul li {
  margin-top: 30px;
  color: #555;
}

@media only all and (max-width: 767px) {
  .box.box-solid.box-contribute {
    background-size: cover;
  }
}
/* 고객서비스 헌장 customer_01 */
.box.box-customer {
  padding-bottom: 40px;
}
.box.box-customer h3 {
  text-align: center;
  font-size: 30px;
  margin-top: 30px;
  padding: 0;
}
.box.box-customer p {
  text-align: center;
}
.box.box-customer p:nth-child(3) {
  margin: 0 0 0 0;
}
.box.box-customer p:last-child {
  margin-top: 30px;
}

.box-radius {
  padding: 0 50px;
}
.box-radius li {
  margin: 30px auto 0;
  padding: 20px 0 20px 80px;
  border-radius: 60px;
  font-size: 16px;
  letter-spacing: -0.6px;
  border: 1px dotted #bdc7df;
  background-color: #ffffff;
  list-style: none;
}
.box-radius img {
  float: left;
  margin-right: 20px;
}

@media only all and (max-width: 1200px) {
  .box-customer {
    padding: 15px;
  }
  .box-radius li {
    padding: 20px 10px 20px 90px;
    position: relative;
  }
  .box-radius li img {
    position: absolute;
    left: 25px;
    top: 50%;
    margin-top: -24px;
  }
}
@media only all and (max-width: 639px) {
  .box-radius {
    padding: 0;
  }
  .box-radius li {
    min-width: 255px;
  }
  .btn-download-pro {
    padding: 0 20px;
  }
}
/* 경영공시 public */
.table-data-public td {
  height: 40px;
}

/* 채용 공고 */
@media (min-width: 1025px) {
  .content-title.text-xl {
    font-size: 4rem;
  }
}

.box-br-custom {
  padding: 37px;
  background: #FAFBFD;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  margin-bottom: 27px;
}
@media (max-width: 1024.98px) {
  .box-br-custom {
    padding: 20px;
  }
}

.info-box-warp .head .box-title {
  background: linear-gradient(99.9deg, #3B90F0 0.67%, #116ED6 100%);
}
.info-box-warp .head + .cont {
  margin-top: 20px;
}
.info-box-warp .cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.info-box-warp .cont .box-title {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 25%;
  background: linear-gradient(94.01deg, #204780 0%, #173766 100%);
  line-height: 6rem;
}
.info-box-warp .cont .box-con {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 25%;
  margin-left: -26px;
  background: #F0F7FF;
  border: 1px solid #B3D7FF;
  border-radius: 200px;
}
.info-box-warp .box-title {
  border-radius: 100px;
  padding: 31px 20px 28px;
  text-align: center;
}
.info-box-warp .box-title strong {
  font-size: 2.2rem;
  color: #fff;
}
.info-box-warp .box-title p {
  font-size: 1.6rem;
  color: #fff;
  margin: 0.2em 0;
}
.info-box-warp .box-con {
  border-radius: 100px;
  padding: 26px 20px 24px;
  text-align: center;
}
.info-box-warp .box-con strong {
  font-size: 1.8rem;
  color: #173766;
}
.info-box-warp .box-con p {
  margin: 0 0 0.3em;
  font-size: 1.4rem;
  color: #0059BD;
  line-height: 1.6rem;
}
@media (min-width: 1025px) {
  .info-box-warp {
    width: 800px;
    margin: 0 auto;
  }
}
@media (max-width: 1024.98px) {
  .info-box-warp .cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .info-box-warp .cont .box-title {
    width: 100%;
  }
  .info-box-warp .cont .box-title + .box-con {
    margin-top: 20px;
  }
  .info-box-warp .cont .box-con {
    width: 100%;
    margin-left: 0;
  }
  .info-box-warp .cont .box-con + .box-con {
    margin-top: 20px;
  }
}

/* 연구관리업무수행절차 */
.step.step-detail ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
.step.step-detail ol &gt; li {
  position: relative;
  margin: 0;
}
.step.step-detail ol &gt; li:last-child::after {
  display: none;
}
.step.step-detail .inner {
  height: 100%;
  padding: 21px 20px;
  background: #F5F6F8;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
}
.step.step-detail .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
  font-size: 1.8rem;
}
.step.step-detail .title .label {
  min-height: 24px;
  margin-top: 4px;
  padding: 1.5px 10px;
  background: #D0E6FF;
  border-radius: 100px;
  font-size: 1.4rem;
  font-weight: 400;
  color: #0059BD;
  text-align: center;
}
.step.step-detail .title + .content {
  position: relative;
  margin-top: 12px;
  padding-top: 12px;
}
.step.step-detail .title + .content::before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  content: "";
  width: 100%;
  height: 1px;
  background: #E6E6E6;
}
.step.step-detail .content {
  font-size: 1.4rem;
  line-height: 1.7rem;
  word-break: break-all;
  text-align: left;
}
.step.step-detail .content .list-bl-none {
  list-style-type: none;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}
@media (min-width: 1025px) {
  .step.step-detail ol {
    margin: -10px -10px -10px 0px;
  }
  .step.step-detail ol &gt; li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: calc(25% - 50px);
    margin: 10px 50px 10px 0px;
  }
  .step.step-detail ol &gt; li::after {
    position: absolute;
    top: 50%;
    right: -40px;
    display: inline-block;
    content: "";
    width: 28.5px;
    height: 10px;
    background-image: url(../../../images/u/ico-arrow-right-gray@2x.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .step.step-detail .inner {
    min-height: 178px;
  }
}
@media (max-width: 1024.98px) {
  .step.step-detail ol {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .step.step-detail ol &gt; li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
    margin-bottom: 58px;
  }
  .step.step-detail ol &gt; li::after {
    position: absolute;
    bottom: -44px;
    left: 50%;
    display: inline-block;
    content: "";
    width: 10px;
    height: 28.5px;
    background-image: url(../../../images/u/ico-arrow-right-gray-m@2x.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 28.5px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .step.step-detail .inner {
    padding: 22px 20px;
  }
  .step.step-detail .title + .content {
    padding-top: 14px;
  }
}
@media (min-width: 1025px) {
  .step.step-drop ol {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media (max-width: 1024.98px) {
  .title1.proess-title {
    margin-top: 3px;
  }
}

/* 홍보동영상 */
.movie-list {
  margin: -40px 0 0 -20px;
  padding: 0;
  overflow: hidden;
}
.movie-list li {
  position: relative;
  float: left;
  width: calc(33.3333% - 20px);
  min-height: 283px;
  margin: 40px 0 0 20px;
  border: 1px solid #d3d4d8;
  list-style: none;
}
.movie-list .movie-title {
  float: left;
  width: 50%;
  line-height: 1.6;
}
.movie-list .movie-title strong {
  position: absolute;
  left: 0;
  top: 25px;
  bottom: 45px;
  width: 50%;
  max-height: 10.8em;
  padding: 0 25px;
  color: #0078ff;
  font-size: 18px;
  overflow: hidden;
}
.movie-list .movie-title strong span {
  display: block;
  color: #000;
}
.movie-list .download-link {
  position: absolute;
  left: 25px;
  bottom: 20px;
}
.movie-list .btn-movie {
  display: block;
  float: right;
  max-width: 50%;
}
.movie-list .btn-movie img {
  width: 100%;
}
.movie-list .btn-movie-link {
  display: block;
  float: right;
  max-width: 50%;
}
.movie-list .btn-movie-link img {
  width: 100%;
}
@media only all and (min-width: 1024px) {
  .movie-list li:hover:before {
    content: "";
    position: absolute;
    height: 4px;
    left: -1px;
    right: -1px;
    z-index: 100;
    background: #0078ff;
    top: -1px;
  }
  .movie-list li:hover:after {
    content: "";
    position: absolute;
    height: 4px;
    left: -1px;
    right: -1px;
    z-index: 100;
    background: #0078ff;
    bottom: -1px;
  }
  .movie-list li:hover .movie-title:before {
    content: "";
    position: absolute;
    width: 4px;
    top: -1px;
    bottom: -1px;
    z-index: 90;
    left: -1px;
    background-color: #0078ff;
  }
  .movie-list li:hover .movie-title:after {
    content: "";
    position: absolute;
    width: 4px;
    top: -1px;
    bottom: -1px;
    z-index: 90;
    right: -1px;
    background-color: #0078ff;
  }
}
@media only all and (max-width: 1199px) {
  .movie-list .movie-title strong {
    top: 15px;
    bottom: 35px;
    max-height: 8em;
    padding: 0 10px 0 20px;
    font-size: 1.4rem;
  }
  .movie-list .download-link {
    left: 20px;
    bottom: 15px;
    font-size: 1.4rem;
  }
}

@media only all and (max-width: 767px) {
  .movie-list li {
    width: calc(50% - 20px);
  }
  .movie-list .movie-title strong {
    max-height: 10.8em;
  }
}
@media only all and (max-width: 639px) {
  .movie-list {
    margin: 0;
  }
  .movie-list li {
    width: auto;
    float: none;
    margin: 20px 0 0 0;
    overflow: hidden;
  }
  .movie-list li:first-child {
    margin-top: 0;
  }
}
/* 인사말 greeting */
.greeting-title {
  font-size: 30px;
}

.wrap-greeting2 {
  padding-top: 20px;
}
.wrap-greeting2 p {
  font-size: 18px;
  letter-spacing: -0.7px;
}

@media (max-width: 767.98px) {
  .greeting-title {
    font-size: 24px;
    line-height: 1.3;
    text-align: center;
  }
  .wrap-greeting2 {
    padding-top: 10px;
  }
  .wrap-greeting2 p {
    font-size: 16px;
  }
}
/* 조직도 */
.select-list {
  display: none;
  position: relative;
  height: 48px;
  padding-top: 46px;
  padding-left: 0;
  font-size: 15px;
  line-height: 46px;
  background-color: #f5f6f8;
  overflow: hidden;
  z-index: 100;
}
.select-list:after {
  position: absolute;
  right: 15px;
  top: 22px;
  width: 11px;
  height: 6px;
  background: url(../../../images/c/2025/ico-path-default.png) no-repeat center center;
  z-index: 200;
  content: "";
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.select-list li {
  color: #616261;
  margin-top: -1px;
  border: 1px solid #d3d4d8;
  background-color: #fff;
  list-style: none;
}
.select-list li a {
  display: block;
  padding: 0 10px 0 20px;
}
.select-list li.on {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-top: 0;
  z-index: 150;
}
.select-list.opened {
  overflow: visible;
}
.select-list.opened:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media only all and (max-width: 1199px) {
  .org-map {
    display: none;
  }
  .select-list {
    display: block;
  }
}
/* CI ci */
.ci-area {
  padding: 40px 20px;
}

.ci-title {
  font-size: 30px;
  line-height: 1.5;
  margin: 0;
  text-align: center;
}

.ci-title-desc {
  font-size: 24px;
  line-height: 37px;
  margin-top: 20px;
  text-align: center;
}

.btn-group-ci {
  text-align: center;
  margin: 20px 0 15px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e8e9ee;
}
.btn-group-ci .btn {
  width: 210px;
  height: 60px;
  margin: 4px;
  font-size: 18px;
  line-height: 60px;
}

.ci-content:after {
  content: "";
  display: block;
  clear: both;
}
.ci-content .ci-item1 {
  float: left;
  width: calc(50% - 20px);
}
.ci-content .ci-item1:first-child {
  float: left;
  margin-right: 30px;
}
.ci-content .ci-item {
  float: left;
  width: calc(50% - 20px);
}
.ci-content .ci-item:nth-child(odd) {
  margin-right: 30px;
}
.ci-content .ci-item p {
  float: left;
  width: 100%;
}
.ci-content .ci-item img {
  max-width: calc(50% - 10px);
}
.ci-content .ci-item img + img {
  margin-left: 15px;
}

.ci-item p {
  margin-right: 5px;
}

@media only all and (max-width: 767px) {
  .ci-title {
    font-size: 24px;
  }
  .ci-title-desc {
    font-size: 18px;
    line-height: 1.5;
  }
  .ci-content .ci-item1 {
    float: none;
    clear: both;
    width: auto;
    margin-right: 0;
  }
  .ci-content .ci-item1:first-child {
    float: none;
    clear: both;
    width: auto;
    margin-right: 0;
  }
  .ci-content .ci-item {
    float: none;
    clear: both;
    width: auto;
    margin-right: 0;
  }
  .ci-content .ci-item:nth-child(odd) {
    float: none;
    clear: both;
    width: auto;
    margin-right: 0;
  }
}
@media only all and (max-width: 1200px) {
  .btn.btn-primary.ci {
    margin: 0;
  }
  .btn.btn-gunmetal.ci {
    margin: 0;
  }
  .btn.btn-dark .ci {
    margin: 0;
  }
  .box.result-box {
    padding: 20px;
  }
  .ci-item {
    width: 100%;
  }
  .ci-item img {
    display: inline-block;
  }
}
/* 찾아오시는길 location */
.box.location-box {
  margin-top: 30px;
  padding: 0 50px 20px;
}
.box.location-box:after {
  content: "";
  display: block;
  clear: both;
}

.location-wrap {
  border-bottom: 1px dashed #c7c7d3;
  overflow: hidden;
}
.location-wrap:last-child {
  border: 0;
}
.location-wrap:nth-child(1) .location-title {
  padding-top: 100px;
}
.location-wrap:nth-child(2) .location-title {
  background-image: url(../../../images/u/ico-location2.png);
}
.location-wrap:nth-child(2) .location-descrip {
  margin: 15px 0;
}
.location-wrap:nth-child(3) .location-title {
  background-image: url(../../../images/u/ico-location3.png);
}
.location-wrap:nth-child(3) .location-descrip {
  margin-top: 20px;
}

.location-title {
  width: 150px;
  height: 150px;
  text-align: center;
  margin: 20px 0 20px 40px;
  padding-top: 90px;
  font-size: 18px;
  font-weight: normal;
  display: inline-block;
  border-radius: 90px;
  background: white url(../../../images/u/ico-location1.png) no-repeat center 30%;
}

.location-descrip {
  width: calc(100% - 215px);
  float: right;
  padding-left: 60px;
  margin-top: 25px;
}
.location-descrip ul li {
  color: #555;
}

@media only all and (max-width: 639px) {
  .box.location-box {
    padding: 30px 15px 0;
  }
  .location-title {
    display: block;
    margin: 0 auto;
  }
  .location-descrip {
    float: none;
    width: auto;
    padding: 0 10px 30px 10px;
  }
  .location-wrap + .location-wrap {
    padding-top: 30px;
  }
}
/* 비전/목표 vision */
.vision-area {
  width: 1000px;
  padding: 60px 97px;
  margin: 0 auto;
  border-radius: 10px;
  border: 1px solid #d3d4d8;
  background-color: #f8f9fa;
  text-align: center;
}
.vision-area .vision-slogan {
  margin-bottom: 48px;
  font-size: 36px;
  line-height: 40px;
  font-weight: 800;
  background: linear-gradient(90.29deg, #1f7de7 0.41%, #0b4d97 104.2%);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  font-family: "PretendardGOV", -apple-system, BlinkMacSystemFont, "malgungothic", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.vision-area .box {
  position: relative;
  margin-top: 16px;
  padding-top: 27px;
  padding-bottom: 27px;
  color: #fff;
  background: linear-gradient(91.13deg, #0055b7 -1.76%, #004799 99.82%);
  border-radius: 8px;
  border-width: 0;
}
.vision-area .box:first-of-type:before {
  content: "";
  position: absolute;
  top: -47px;
  left: -36px;
  width: 878px;
  height: 52px;
  background: url(../../../images/u/bg-vision-slogan.png) no-repeat 0 0;
}
.vision-area .box dt {
  margin-bottom: 18px;
  font-size: 22px;
  line-height: 25px;
  font-weight: 800;
  font-family: "PretendardGOV", -apple-system, BlinkMacSystemFont, "malgungothic", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.vision-area .box dt span {
  position: relative;
}
.vision-area .box dt span:before, .vision-area .box dt span:after {
  content: "";
  position: absolute;
  width: 7px;
  height: 26px;
  opacity: 0.8;
}
.vision-area .box dt span:before {
  margin-left: -23px;
  background: url(../../../images/u/img-vision-white01.png) no-repeat 0 0;
  background-size: 7px 26px;
}
.vision-area .box dt span:after {
  margin-left: 18px;
  background: url(../../../images/u/img-vision-white02.png) no-repeat 0 0;
  background-size: 7px 26px;
}
.vision-area .box dt.txt_underline {
  margin-top: 5px;
  margin-bottom: 29px;
  position: relative;
}
.vision-area .box dt.txt_underline:before {
  content: "";
  position: absolute;
  bottom: -12px;
  left: calc(50% - 12px);
  width: 24px;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.7);
}
.vision-area .box dd {
  font-size: 17px;
  line-height: 20px;
  font-weight: bold;
}
.vision-area .box .vision-list {
  margin-top: 30px;
}
.vision-area .box .vision-list li {
  display: inline-block;
  width: 160px;
  height: 63px;
  margin-left: -20px;
  background: linear-gradient(98.04deg, #2b87ee 5.71%, #1467c4 94.42%);
  opacity: 0.9;
  font-size: 18px;
  line-height: 63px;
  font-weight: bold;
  border-radius: 32.5px;
  color: #fff;
}
.vision-area .box .vision-list li:nth-child(even) {
  background: linear-gradient(97.31deg, #004ca3 3.94%, #003470 100.76%);
}
.vision-area .box.bg-skyblue {
  background: linear-gradient(91.04deg, #5ba9ff 0.16%, #237fe5 100.89%);
}
.vision-area .box.bg-lightskyblue {
  background: linear-gradient(92.59deg, #e2efff -1.77%, #a7cfff 100.67%);
  color: #115fb7;
}
.vision-area .box.bg-lightskyblue span:before {
  margin-left: -23px;
  background: url(../../../images/u/img-vision-blue01.png) no-repeat 0 0;
  background-size: 7px 26px;
  opacity: 1;
}
.vision-area .box.bg-lightskyblue span:after {
  margin-left: 18px;
  background: url(../../../images/u/img-vision-blue02.png) no-repeat 0 0;
  background-size: 7px 26px;
  opacity: 1;
}
.vision-area .box.bg-lightblue {
  padding-bottom: 32px;
  background: linear-gradient(91.04deg, #5ba9ff 0.16%, #237fe5 100.89%);
}
@media (min-width: 1025px) {
  .vision-area .d-down-md {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .vision-area {
    width: auto;
    padding: 30px 15px 15px;
  }
  .vision-area .vision-slogan {
    margin-bottom: 22px;
    font-size: 21px;
    line-height: 24px;
  }
  .vision-area .box {
    padding: 28px 15px;
    margin-top: 12px;
  }
  .vision-area .box:first-of-type::before {
    top: -18px;
    left: 0;
    width: 100%;
    background-size: 300px auto;
    background-position: center top;
  }
  .vision-area .box:last-of-type {
    margin-top: 3px;
  }
  .vision-area .box dl dt {
    margin-bottom: 16px;
    font-size: 20px;
  }
  .vision-area .box dl dd {
    margin: 0;
    font-size: 15px;
    line-height: 17.25px;
  }
  .vision-area .box dl dd .vision-list {
    padding: 0 30px;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .vision-area .box dl dd .vision-list li {
    position: relative;
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin-left: 0;
    font-size: 15px;
  }
  .vision-area .box dl dd .vision-list li + li {
    margin-top: -5px;
  }
  .vision-area .box dl dd .vision-list li:nth-of-type(1) {
    z-index: 150;
  }
  .vision-area .box dl dd .vision-list li:nth-of-type(2) {
    z-index: 140;
  }
  .vision-area .box dl dd .vision-list li:nth-of-type(3) {
    z-index: 130;
  }
  .vision-area .box dl dd .vision-list li:nth-of-type(4) {
    z-index: 120;
  }
}

.box-email {
  border: 0;
  background: url(../../../images/u/bg-email.jpg) no-repeat;
  background-size: cover;
}

.box-copyright {
  border: 0;
  background: url(../../../images/u/bg-copyright.jpg) no-repeat;
  background-size: cover;
}

.box-personal {
  border: 0;
  background: url(../../../images/u/bg-personal.jpg) no-repeat;
  background-size: cover;
}

@media only all and (max-width: 850px) {
  .vision-container {
    padding: 0;
    text-align: center;
    background: none;
  }
  .vision-container dl {
    float: none !important;
    width: auto;
    font-size: 14px;
  }
}
@media only all and (max-width: 767px) {
  .vision-box-radius p:nth-child(2) {
    font-size: 14px;
  }
  .vision-desc {
    max-width: none;
    font-size: 13px;
  }
  .vision-desc li:nth-child(2) {
    padding: 0 5px;
  }
  .vision-desc li br {
    display: none;
  }
  .vision-text-color {
    font-size: 14px;
  }
  .vision-box-radius2 p {
    margin: 25px;
  }
}
/* 연혁 history */
.box-history {
  border: 0;
  overflow: hidden;
}

.history-detail dt {
  font-weight: bold;
  color: #000;
  margin-top: 5px;
}
.history-detail dd {
  margin: 0;
  color: #2d2d2d;
}

@media only all and (min-width: 1024px) {
  .box-history {
    padding: 45px 10px 30px 40px;
  }
  .history-item {
    margin-top: 50px;
    overflow: hidden;
  }
  .history-item:first-child {
    margin-top: 0;
  }
  .history-item .history-data {
    width: 510px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .history-item .history-data .history-thumnail {
    text-align: center;
  }
  .history-title {
    clear: both;
    font-size: 27px;
    font-weight: normal;
    letter-spacing: -0.05em;
    text-align: center;
    float: left;
  }
  .history-img {
    margin-top: 5px;
  }
  .history-detail {
    float: right;
    width: calc(100% - 510px);
    margin: 0;
    font-size: 18px;
  }
  .history-detail dt {
    margin: 0 0 10px;
    clear: both;
    float: left;
  }
  .history-detail dd {
    margin: 0 0 10px;
    float: right;
    width: calc(100% - 110px);
  }
}
.wrap-greeting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrap-greeting .wrap-greeting_img {
  width: 50%;
  display: inline-block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrap-greeting .wrap-greeting2 {
  width: 50%;
  padding-left: 36px;
}
@media (max-width: 767.98px) {
  .wrap-greeting {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .wrap-greeting .wrap-greeting_img {
    width: 100% !important;
    margin: 0 auto !important;
  }
  .wrap-greeting .wrap-greeting2 {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .wrap-greeting .wrap-greeting2 {
    padding-top: 20px;
    padding-left: 0;
  }
}

.wrap-greeting3 {
  margin-top: 30px;
}
@media (max-width: 1024.98px) {
  .wrap-greeting3 &gt; div:has(img) {
    height: auto !important;
    margin: 10px;
  }
  .wrap-greeting3 &gt; div:has(img) &gt; img {
    height: auto !important;
  }
  .wrap-greeting3 &gt; div:has(.wrap-greeting2) {
    width: 100% !important;
    float: none !important;
  }
}
.wrap-greeting3 .greeting-sign {
  text-align: right;
}
.wrap-greeting3 .greeting-sign p {
  padding-right: 20px;
}

/* 조직도 */
.org-area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  width: 850px;
  margin: 0 auto;
}
.org-area &gt; * {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.org-area:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 295px;
  top: 114px;
  left: 50%;
  background-color: #d3d4d8;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}
.org-area .grade {
  width: 425px;
}
.org-area .grade &gt; * {
  margin: 0;
  padding: 0;
}
.org-area .grade .grade_list li + li {
  margin-top: 20px;
}
.org-area .grade.left {
  margin-left: -425px;
  margin-top: 30px;
  text-align: left;
}
.org-area .grade.left li {
  width: 100%;
  position: relative;
}
.org-area .grade.left li:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 100%;
  height: 1px;
  background-color: #d3d4d8;
  z-index: -1;
}
.org-area .grade.right {
  position: absolute;
  top: 167px;
  left: 50%;
  text-align: right;
}
.org-area .grade.right:before {
  content: "";
  position: absolute;
  top: -20px;
  left: 0;
  border: 1px solid #d3d4d8;
  width: 329px;
  height: 200px;
  border-radius: 0 8px 8px 0;
  border-left-width: 0;
  border-bottom-width: 0;
  z-index: -1;
}
.org-area .grade.right .grade_list2 {
  margin-top: 80px;
}
.org-area .grade.right .grade_list2 li {
  list-style: none;
}
.org-area .grade.right .grade_list2 li + li {
  margin-top: 10px;
}
.org-area ul li {
  list-style: none;
}
.org-area .item {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 190px;
  padding: 18px auto 15px;
  min-height: 52px;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  color: #fff;
  background-color: #636d86;
  border-radius: 8px;
}
.org-area .item.bg-blue {
  background-color: #116ed6;
  margin-top: 53px;
  z-index: 10;
}
.org-area .item.bg-green {
  background-color: #00b5aa;
}
.org-area .circle {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 114px;
  height: 114px;
  border-radius: 57px;
  background-color: #173766;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.org-area .circle:after {
  content: "";
  position: absolute;
  width: 140px;
  height: 140px;
  top: 50%;
  left: 50%;
  border-radius: 70px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid #b8cdea;
  background-color: #fff;
  z-index: -1;
}
.org-area .division-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 35px;
}
.org-area .division-container:before {
  content: "";
  position: absolute;
  left: 50%;
  width: 660px;
  height: 30px;
  border: 1px solid #d3d4d8;
  border-bottom-color: transparent;
  border-radius: 8px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #fff;
  z-index: -1;
}
.org-area .division-container .devision-item {
  width: 190px;
  padding: 20px 25px 21px;
  margin: 25px 15px 0;
  background-color: #f8f9fa;
  border: 1px solid #d3d4d8;
  border-radius: 8px;
}
.org-area .division-container .devision-item dt {
  font-size: 16px;
  color: #115fb7;
  border-bottom: 1px solid rgba(17, 110, 214, 0.3);
  padding-bottom: 11px;
  text-align: center;
  font-weight: bold;
  letter-spacing: -1px;
}
.org-area .division-container .devision-item dd {
  text-align: left;
  padding-top: 22px;
  margin: 0;
}
.org-area .division-container .devision-item dd .item-list {
  padding-left: 0;
  margin: 0;
}
.org-area .division-container .devision-item dd .item-list li {
  position: relative;
  padding-left: 14px;
  font-size: 15px;
  line-height: 17px;
}
.org-area .division-container .devision-item dd .item-list li + li {
  margin-top: 16px;
}
.org-area .division-container .devision-item dd .item-list li:after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: #777;
  top: 6.5px;
  left: 0;
}
.org-area + .bbs-list-header {
  margin-top: 100px;
}
@media (max-width: 767.98px) {
  .org-area {
    width: auto;
    margin-top: 15px;
    margin-left: -20px;
    margin-right: -20px;
  }
  .org-area:before {
    top: 90px;
    height: 350px;
  }
  .org-area .circle {
    width: 90px;
    height: 90px;
    font-size: 16px;
  }
  .org-area .circle:after {
    width: 110px;
    height: 110px;
  }
  .org-area .grade {
    width: auto;
  }
  .org-area .grade .grade_list li + li {
    margin-top: 10px;
  }
  .org-area .grade.left {
    margin-top: 27px;
    margin-left: -166px;
    width: 168px;
  }
  .org-area .grade.right {
    top: 120px;
    left: 50%;
    margin-left: 23px;
  }
  .org-area .grade.right .grade_list2 {
    margin-top: 90px;
  }
  .org-area .grade.right:before {
    top: 0;
    left: -23px;
    width: 94px;
    height: 150px;
  }
  .org-area .item {
    width: 140px;
    min-height: 40px;
    font-size: 14px;
    line-height: 16px;
  }
  .org-area .division-container {
    margin-top: 72px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .org-area .division-container .devision-item + .devision-item {
    margin-top: 8px;
  }
  .org-area .division-container:before {
    display: none;
  }
  .org-area + .bbs-list-header {
    margin-top: 30px;
  }
  .org-area + .bbs-list-header .search-item select,
  .org-area + .bbs-list-header .search-item .input-keyword {
    height: 40px;
  }
}

.org-area2 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 55px;
  padding: 60px 0 80px;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  background-color: #fafbfd;
}
@media (max-width: 767.98px) {
  .org-area2 {
    width: 100%;
    height: 100%;
    margin-bottom: 40px;
    padding: 24px 8px;
  }
  .org-area2 + .bbs-list-header .bbs-total {
    margin-top: 18px;
  }
}
.org-area2 a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 100px;
}
.org-area2 h3.circle {
  position: relative;
  margin: 0;
  background: linear-gradient(96deg, #2c84de 6.08%, #0b408f 98.91%);
  border-radius: 100px;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  letter-spacing: -0.01em;
}
.org-area2 h3.circle::before {
  content: "";
  position: absolute;
  left: calc(50% - 0.5px);
  width: 1px;
  background-color: #666;
}
@media (min-width: 768px) {
  .org-area2 h3.circle {
    width: 146px;
    height: 55px;
  }
  .org-area2 h3.circle::before {
    bottom: -50px;
    height: 50px;
  }
}
@media (max-width: 767.98px) {
  .org-area2 h3.circle {
    width: 80px;
    height: 44px;
  }
  .org-area2 h3.circle::before {
    bottom: -25px;
    height: 25px;
  }
}
.org-area2 h4 {
  position: relative;
  width: 146px;
  height: 55px;
  background-color: #086fe3;
  border-radius: 100px;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  letter-spacing: -0.01em;
}
.org-area2 h4::after {
  content: "";
  position: absolute;
  bottom: -121px;
  left: calc(50% - 0.5px);
  width: 1px;
  height: 121px;
  background-color: #666;
}
.org-area2 h4 .item {
  position: relative;
  z-index: 10;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 100px;
}
@media (max-width: 767.98px) {
  .org-area2 h4 {
    width: 80px;
    height: 44px;
  }
}
.org-area2 .division-container {
  position: relative;
  width: 464px;
  margin-top: 50px;
  margin-bottom: 0;
  padding: 0;
}
.org-area2 .division-container * {
  list-style: none;
  margin: 0;
  padding: 0;
}
.org-area2 .division-container h4 {
  margin: 0 auto;
}
@media (max-width: 767.98px) {
  .org-area2 .division-container {
    width: 304px;
    margin-top: 25px;
  }
}
.org-area2 .division-container .grade-left {
  position: relative;
  margin-top: -27.5px;
}
.org-area2 .division-container .grade-left + .grade-left {
  margin-top: 25px;
}
.org-area2 .division-container .grade-left::before {
  position: absolute;
  content: "";
  bottom: 27px;
  right: calc(50% + 0.5px);
  width: 159px;
  height: 54px;
  border-bottom: 1px solid #666;
}
.org-area2 .division-container .grade-left:first-child::before {
  bottom: -12.5px;
  height: 12.5px;
  border-bottom: 1px solid #666;
  border-left: 1px solid #666;
  border-radius: 0 0 0 5px;
}
@media (max-width: 767.98px) {
  .org-area2 .division-container .grade-left {
    left: 2px;
    margin-top: -22px;
  }
  .org-area2 .division-container .grade-left::before {
    bottom: 22px;
    right: calc(50% + 2px);
    width: 104px;
    height: 12px;
  }
}
.org-area2 .division-container .grade-right {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 27.5px;
}
.org-area2 .division-container .grade-right li {
  position: relative;
}
.org-area2 .division-container .grade-right li + li {
  margin-top: 25px;
}
.org-area2 .division-container .grade-right li::before {
  content: "";
  position: absolute;
  top: -25px;
  right: calc(50% - 0.5px);
  width: 1px;
  height: 25px;
  border-right: 1px solid #666;
}
.org-area2 .division-container .grade-right li:first-child::before {
  top: -55px;
  right: calc(50% - 0.5px);
  width: 159px;
  height: 54px;
  border-top: 1px solid #666;
  border-radius: 0 5px 0 0;
}
@media (max-width: 767.98px) {
  .org-area2 .division-container .grade-right {
    right: 2px;
    margin-top: 22px;
  }
  .org-area2 .division-container .grade-right li::before {
    right: calc(50% - 2px);
  }
  .org-area2 .division-container .grade-right li:first-child::before {
    top: -38px;
    right: calc(50% - 2px);
    width: 104px;
    height: 38px;
  }
}
.org-area2 .division-container .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: 146px;
  height: 55px;
  border-radius: 100px;
  background: #636d86;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  letter-spacing: -0.01em;
  z-index: 1;
}
.org-area2 .division-container .item.depth2 {
  background-color: #086fe3;
}
@media (max-width: 767.98px) {
  .org-area2 .division-container .item {
    width: 94px;
    height: 44px;
    font-size: 15px;
  }
}
.org-area2 .division-container .division-list {
  position: relative;
  margin-top: 25px;
}
.org-area2 .division-container .division-list::before {
  content: "";
  position: absolute;
  top: -15px;
  left: 50%;
  width: 318px;
  height: 15px;
  border: 1px solid #666;
  border-bottom: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.org-area2 .division-container .division-list &gt; ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.org-area2 .division-container .division-list li:first-child .depth3::before, .org-area2 .division-container .division-list li:last-child .depth3::before {
  content: none;
}
@media (max-width: 767.98px) {
  .org-area2 .division-container .division-list::before {
    top: -12px;
    width: 208px;
    height: 12px;
  }
}
.org-area2 .division-container .depth3 {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 146px;
  height: 40px;
  margin-bottom: 10px;
  border-radius: 100px;
  background-color: #636d86;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: -0.01em;
  color: #fff;
}
.org-area2 .division-container .depth3::before {
  content: "";
  position: absolute;
  top: -15px;
  left: calc(50% - 0.5px);
  width: 1px;
  height: 15px;
  background: #666;
}
.org-area2 .division-container .depth3 + .depth4 {
  z-index: 1;
}
.org-area2 .division-container .depth3 + .depth4::before {
  content: "";
  position: absolute;
  top: -10.5px;
  left: calc(50% - 0.5px);
  width: 1px;
  height: 10px;
  background: #666;
  z-index: 0;
}
@media (max-width: 767.98px) {
  .org-area2 .division-container .depth3 {
    width: 96px;
  }
  .org-area2 .division-container .depth3 + .depth4::before {
    top: -11px;
  }
}
.org-area2 .division-container .depth4 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 146px;
  min-height: 300px;
  padding: 14px 22px;
  border-radius: 12px;
  border: 1px solid #40adf3;
  background: #fff;
}
.org-area2 .division-container .depth4 li {
  text-align: left;
}
.org-area2 .division-container .depth4 li a {
  display: inline-block;
  width: 100%;
  letter-spacing: -0.3px;
}
.org-area2 .division-container .depth4 li + li {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #d0e6ff;
}
.org-area2 .division-container .depth4 li &gt; a {
  position: relative;
  padding-left: 7px;
  font-size: 15px;
  font-weight: 700;
  color: #333;
  text-align: left;
  letter-spacing: -0.15px;
}
.org-area2 .division-container .depth4 li &gt; a::before {
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 0;
  width: 3px;
  height: 3px;
  background: #116ed6;
  border-radius: 50%;
  content: "";
}
.org-area2 .division-container .depth4 dt {
  position: relative;
  padding-left: 7px;
  font-size: 15px;
  font-weight: 700;
  color: #333;
  text-align: left;
  word-break: break-all;
}
.org-area2 .division-container .depth4 dt::before {
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 0;
  width: 3px;
  height: 3px;
  background: #116ed6;
  border-radius: 50%;
  content: "";
}
.org-area2 .division-container .depth4 .depth4_dt_global {
  left: -10px;
  width: 125px;
}
.org-area2 .division-container .depth4 dd {
  position: relative;
  margin-top: 4px;
  padding-left: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #666;
  text-align: left;
}
.org-area2 .division-container .depth4 dd::before {
  display: inline-block;
  position: absolute;
  top: 9px;
  left: 8px;
  width: 3px;
  height: 3px;
  background: #636d86;
  border-radius: 50%;
  content: "";
}
@media (max-width: 767.98px) {
  .org-area2 .division-container .depth4 {
    width: 96px;
    min-height: 269px;
    padding: 14px 10px;
  }
  .org-area2 .division-container .depth4 .depth4_dt_global {
    left: 0px;
    width: 74px;
  }
  .org-area2 .division-container .depth4 dt {
    font-size: 14px;
  }
  .org-area2 .division-container .depth4 dd {
    font-size: 13px;
  }
}

/*2024.01.04 스마트폰상에서 글로벌 인재양성팀 추가 시 넓어지는 width 수정 시작*/
@media (max-width: 767.98px) {
  .container-depth4_global_people {
    width: 67px;
  }
}
/*2024.01.04 스마트폰상에서 글로벌 인재양성팀 추가 시 넓어지는 width 수정 끝*/
/*2024.01.04 최현호 글로벌 인재양성팀 부서 스타일 수정 시작*/
#global_people {
  display: none;
}

/*2024.01.04 최현호 글로벌 인재양성팀 부서 스타일 수정 끝*/
/*2024.01.04 최현호 스마트폰 스타일 추가 시작*/
@media (max-width: 767.98px) {
  #global_people {
    display: block;
  }
}

@media (max-width: 767.98px) {
  .depth4 {
    height: 300px;
  }
}

@media (max-width: 767.98px) {
  #container-global_people {
    height: 35px;
  }
}

/*2024.01.04 최현호 스마트폰 스타일 추가 끝*/
.box.box-col-group {
  position: relative;
  background: #e5e9ef !important;
  border: 1px solid #dae0ec !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 16.25px;
}
.box.box-col-group h4 {
  position: absolute;
  top: -1px;
  left: 50%;
  width: 183px;
  height: 44px;
  line-height: 44px;
  font-size: 21px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: linear-gradient(93.39deg, #fafbff -6.76%, #e6e9ee 101.03%);
  border: 1px solid #ccd5dd;
  border-radius: 0px 0px 8px 8px;
  color: #27446f;
  font-weight: 800;
  font-family: "PretendardGOV", -apple-system, BlinkMacSystemFont, "malgungothic", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.box.box-col-group &gt; dl {
  width: calc(25% - 3.75px);
  height: 110px;
  margin: 0 3.75px;
  background-color: #2b87ee;
  text-align: center;
  -ms-flex-item-align: center;
      align-self: center;
  border-radius: 8px;
}
.box.box-col-group &gt; dl &gt; dt {
  padding-top: 40px;
  margin: 0 0 6px 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  letter-spacing: -0.02em;
}
.box.box-col-group &gt; dl dd {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  margin: 0;
}
.box.box-col-group &gt; dl.bg-green {
  background-color: #28c1c2;
}
.box.box-col-group &gt; dl.bg-purple {
  background-color: #6f5cc1;
}
.box.box-col-group &gt; dl.bg-gray {
  background-color: #7688a5;
}
@media (max-width: 767.98px) {
  .box.box-col-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .box.box-col-group h4 {
    font-size: 18px;
  }
  .box.box-col-group dl {
    width: 100%;
    height: 80px;
  }
  .box.box-col-group dl:first-of-type {
    margin-top: 35px;
  }
  .box.box-col-group dl dt {
    padding-top: 22px;
    margin-bottom: 3px;
    font-size: 16px;
  }
  .box.box-col-group dl + dl {
    margin-top: 5px;
  }
}

.sec-strategy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}
.sec-strategy .strategy-header {
  width: 98px;
  padding: 0 15px;
  background: linear-gradient(175.99deg, #e0efff 0.4%, #bbdbff 92.38%);
  border-radius: 8px;
  border: 1px solid #cce5ff;
}
.sec-strategy .strategy-header .row {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "PretendardGOV", -apple-system, BlinkMacSystemFont, "malgungothic", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 20px;
  line-height: 22px;
  color: #14549c;
  font-weight: 800;
  padding: 21px 15px 16px;
}
.sec-strategy .strategy-header .row-tit02 {
  border-top: 1px solid #adccef;
  height: calc(100% - 83px);
}
.sec-strategy .strategy-header .row-tit03 {
  display: none;
}
.sec-strategy .strategy_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 98px);
  margin: 0 -4px 0 4px;
}
.sec-strategy .strategy_body &gt; * {
  margin: 0;
  padding: 0;
}
.sec-strategy .strategy_body dl {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(25% - 8px);
  vertical-align: top;
  margin: 0 4px;
  background: #ffffff;
  border-radius: 8px;
}
.sec-strategy .strategy_body dl dt {
  height: 84px;
  padding: 17px 0 19px;
  background: #e0efff;
  border: 1px solid #bed1e6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px 8px 0px 0px;
  font-size: 16px;
  font-weight: 22px;
  font-weight: bold;
  text-align: center;
}
.sec-strategy .strategy_body dl dt.bg-green {
  background: #d0f0f0;
  border: 1px solid #badfdf;
}
.sec-strategy .strategy_body dl dt.bg-purple {
  background: #ebe8f9;
  border: 1px solid #d6d1ee;
}
.sec-strategy .strategy_body dl dt.bg-gray {
  background: #e0e6ef;
  border: 1px solid #cfd7e3;
}
.sec-strategy .strategy_body dl dd {
  width: 100%;
  margin: 0;
  padding: 2px 15px 4px;
  font-size: 14px;
  font-weight: 22px;
  border-top: 0;
  border: 1px solid #dde3e9;
  border-radius: 0px 0px 8px 8px;
  border-top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sec-strategy .strategy_body dl dd ul {
  margin: 0;
  padding: 0;
}
.sec-strategy .strategy_body dl dd ul li {
  padding: 16px 0;
  list-style: none;
  border-top: 1px solid #cfd5db;
  letter-spacing: -0.3px;
}
.sec-strategy .strategy_body dl dd ul li:first-child {
  border-top: 0;
}
@media (max-width: 767.98px) {
  .sec-strategy {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 12px;
  }
  .sec-strategy .strategy-header {
    width: 100%;
    height: 48px;
  }
  .sec-strategy .strategy-header .row-tit01 {
    display: none;
  }
  .sec-strategy .strategy-header .row-tit02 {
    display: none;
  }
  .sec-strategy .strategy-header .row-tit03 {
    display: block;
    font-size: 18px;
    padding: 13px 15px 16px;
  }
  .sec-strategy .strategy_body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    margin: 0;
  }
  .sec-strategy .strategy_body dl {
    width: 100%;
    margin: 4px 0;
  }
  .sec-strategy .strategy_body dl dt {
    height: 62px;
    padding: 20px auto;
    font-size: 16px;
    line-height: 22px;
  }
  .sec-strategy .strategy_body dl dd ul li {
    padding: 16px 0;
  }
  .sec-strategy .strategy_body .d-up-lg {
    display: none !important;
  }
}

/* sns */
.sns-wrap .sns-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style-type: none;
  padding: 0;
}
.sns-wrap .sns-list li {
  background: #fff;
  border: 1px solid #e6e6e6;
  -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
}
.sns-wrap .sns-item {
  position: relative;
  padding: 20px;
}
.sns-wrap .sns-item .thumb {
  position: absolute;
  display: inline-block;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  overflow: hidden;
}
.sns-wrap .sns-item .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sns-wrap .content-header {
  padding: 0 0 10px 0;
  margin-bottom: 12px;
  border-bottom: 1px solid #e6e6e6;
}
.sns-wrap .content-header .title {
  font-size: 2rem;
  margin: 0;
  padding-left: 36px;
}
.sns-wrap .content-body {
  padding-left: 0;
  padding-bottom: 0;
}
.sns-wrap .btn-link {
  position: absolute;
  top: 30px;
  right: 20px;
  color: #0078ff;
  font-weight: 600;
  font-size: 1.4rem;
}
.sns-wrap .btn-link .ico {
  position: relative;
  width: 18px;
  height: 18px;
  margin-left: 4px;
}
.sns-wrap .btn-link .ico:before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 9px;
  background: rgba(17, 110, 214, 0.1);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (min-width: 1025px) {
  .sns-wrap ul {
    margin: -10px;
  }
  .sns-wrap ul li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: calc(50% - 20px);
    margin: 10px;
  }
}
@media (max-width: 1024.98px) {
  .sns-wrap .sns-list {
    margin-top: 0;
  }
  .sns-wrap ul {
    margin: -8px 0;
  }
  .sns-wrap ul li {
    margin: 8px 0;
    width: 100%;
  }
  .sns-wrap ul li:first-child {
    margin-top: 0;
  }
  .sns-wrap ul li .sns-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 8px;
  }
  .sns-wrap ul li .sns-item .content {
    position: relative;
    width: 100%;
    margin-left: 0;
  }
  .sns-wrap ul li .sns-item .content .content-header {
    margin-bottom: 15px;
  }
  .sns-wrap ul li .btn-link {
    top: 5px;
    right: 0;
  }
}

/* 미션 비전 */
.vision ul li {
  list-style: none;
}
.vision dl {
  margin: 0;
}
.vision dl dt,
.vision dl dd {
  margin: 0;
}
.vision .bg-lightblue {
  background: linear-gradient(99.9deg, #3b90f0 0.67%, #116ed6 100%);
}
.vision .bg-blue {
  background: linear-gradient(99.94deg, #006be2 0%, #0059bd 100%);
}
.vision .bg-darkblue {
  background: linear-gradient(94.01deg, #204780 0%, #173766 100%);
}
.vision .bg-trasnprentblue {
  background: linear-gradient(97.31deg, rgba(255, 255, 255, 0.3) 3.94%, rgba(255, 255, 255, 0.05) 100.76%);
}
.vision .bg-lightskyblue {
  background: linear-gradient(94.11deg, #e3f0ff 4.04%, #bddbff 101.38%);
}
.vision .round {
  border-radius: 8px;
}
.vision .row-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.vision .row-group .col-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(50% - 16px);
          flex: 1 1 calc(50% - 16px);
  padding: 20px 20px 30px;
  color: #fff;
}
.vision .row-group .box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.vision .clash {
  padding: 0;
}
.vision .clash li {
  margin-left: -14px;
  text-align: center;
  border: 0;
}
.vision .clash .box {
  padding: 18px 40px;
  font-size: 1.8rem;
}
.vision .clash .box .num {
  display: block;
  text-align: center;
  width: 20px;
  height: 20px;
  margin: 0 auto 5px;
  border-radius: 10px;
  color: #173766;
  font-size: 1.2rem;
  background: #fff;
}
.vision .clash .box-round-sm {
  min-width: 160px;
  border-radius: 39px;
  font-weight: bold;
}
.vision .clash .box-round-lg {
  min-width: 216px;
  border-radius: 100px;
  font-weight: 400;
  line-height: 2.2rem;
}
.vision .title {
  margin-top: 4px;
  margin-bottom: 0;
  font-size: 2.2rem;
  color: #fff;
  font-weight: 800;
  text-align: center;
}
.vision .title-sm {
  font-size: 1.4rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
}
.vision .desc {
  margin: 0;
  font-size: 1.7rem;
  line-height: 2.1rem;
}
.vision .up-triangle {
  position: relative;
}
.vision .up-triangle:before {
  content: "";
  position: absolute;
  left: 50%;
  background: url(../../images/u/img-up-triangle.png) no-repeat 0 0/cover;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (min-width: 1025px) {
  .vision {
    padding: 25px 0 30px;
    width: 680px;
    margin: 0 auto;
  }
  .vision .row-group {
    margin: 0 -8px;
  }
  .vision .row-group .col-item {
    margin: 10px 8px;
  }
  .vision .clash {
    margin: 13px 0 0 14px;
  }
  .vision .up-triangle {
    margin-top: 82px !important;
  }
  .vision .up-triangle:before {
    top: -60px;
    width: 680px;
    height: 52px;
  }
}
@media (max-width: 1024.98px) {
  .vision .row-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .vision .row-group .col-item {
    margin: 10px 0;
  }
  .vision .clash {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 0;
  }
  .vision .clash li {
    margin-top: 10px;
    margin-left: 0;
    text-align: center;
  }
  .vision .clash li:first-child {
    margin-top: 0;
  }
  .vision .clash .box .num {
    display: inline-block;
  }
  .vision .up-triangle {
    margin-top: 60px !important;
  }
  .vision .up-triangle:before {
    top: -40px;
    width: 90%;
    height: 34px;
    background-position: top center;
  }
}

/* 경영 목표 */
.goal-group {
  padding: 0 8px;
  background: linear-gradient(94.11deg, #e3f0ff 4.04%, #bddbff 101.38%);
}
.goal-group .title {
  color: #0059bd;
}
.goal-group .col-item-round {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 50%;
}
.goal-group .col-item-round .title-sm {
  padding-top: 6px;
  margin-bottom: 4px;
  font-size: 1.4rem;
  font-style: normal;
}
.goal-group .col-item-round strong {
  margin-left: 0;
  font-size: 2rem;
  line-height: 2.4rem;
  color: #fff;
}
@media (min-width: 1025px) {
  .goal-group {
    margin: 10px 0 0 0 !important;
    padding: 20px;
    height: 200px;
    border-radius: 100px;
  }
  .goal-group .title {
    margin-top: 0;
    background: linear-gradient(146.49deg, #d0e6ff 11.11%, #a3ceff 89.53%);
  }
  .goal-group .col-item-round {
    width: 160px;
    height: 160px;
  }
  .goal-group .col-item-round .title-sm {
    line-height: 1.7rem;
  }
  .goal-group .col-item-round strong {
    font-weight: 700;
  }
}
@media (max-width: 1024.98px) {
  .goal-group {
    position: relative;
    margin-top: 10px;
    padding: 58px 0 20px;
    border-radius: 8px;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .goal-group .col-item-round {
    width: 160px;
    height: 160px;
  }
  .goal-group .col-item-round.title {
    margin-top: 0;
    background: linear-gradient(146.49deg, #d0e6ff 11.11%, #a3ceff 89.53%);
  }
  .goal-group .col-item-round .title-sm {
    font-size: 1.4rem;
    line-height: 1.7rem;
    text-align: center;
  }
  .goal-group .col-item-round strong {
    font-size: 1.8rem;
  }
}
@media (max-width: 767.98px) {
  .goal-group {
    position: relative;
    margin-top: 10px;
    padding: 58px 0 20px;
    border-radius: 8px;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .goal-group .col-item-round {
    width: 99px;
    height: 99px;
    margin: 5px 0;
    padding: 10px 0;
    border-radius: 50%;
  }
  .goal-group .col-item-round.title {
    position: absolute;
    top: 20px;
    left: 50%;
    margin: 0;
    padding: 0;
    height: auto;
    width: 100%;
    text-align: center;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background: none;
  }
  .goal-group .col-item-round .title-sm {
    font-size: 1.4rem;
    line-height: 1.7rem;
    text-align: center;
  }
  .goal-group .col-item-round dd {
    font-size: 1.8rem;
  }
}

@media (max-width: 1024.98px) {
  .assignment-group {
    width: 100%;
    margin: 0;
  }
  .assignment-group .col-item {
    margin-bottom: 0 !important;
  }
}

/* 중점 추진 업무 */
.box.promotion-group {
  background: #f2f6fe;
  padding: 25px 27px 27px;
}
.box.promotion-group &gt; .title {
  margin-top: 0;
  margin-bottom: 9px;
  color: #173766;
}
.box.promotion-group dl {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(33.333% - 16px);
          flex: 1 1 calc(33.333% - 16px);
  margin: 0 8px;
}
.box.promotion-group dl .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin-bottom: 8px;
  line-height: 2rem;
  font-size: 1.6rem;
  border-radius: 8px;
  border: 1px solid transparent;
}
.box.promotion-group dd {
  background-color: #fff;
  border-radius: 8px;
  padding: 13px 28px 16px 12px;
  border: 1px solid #e6e6e6;
}
.box.promotion-group dd ul {
  padding: 0;
  margin: 0;
}
.box.promotion-group dd li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e6e6e6;
  font-size: 1.4rem;
  line-height: 1.7rem;
  font-weight: 500;
}
.box.promotion-group dd li:first-child {
  margin-top: 0;
}
.box.promotion-group dd li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.box.promotion-group dd .num {
  display: block;
  margin-right: 10px;
  font-weight: 700;
}
.box.promotion-group .performance .title {
  color: #813104;
  border-color: #f2dfd5;
  background: #fff1ea;
}
.box.promotion-group .performance .num {
  color: #4d1e04;
}
.box.promotion-group .support .title {
  color: #024f6c;
  border-color: #cee2ea;
  background: #e6f8ff;
}
.box.promotion-group .support .num {
  color: #082c3c;
}
.box.promotion-group .ability .title {
  color: #3e0d8d;
  border-color: #dfd7ed;
  background: #f2eaff;
}
.box.promotion-group .ability .num {
  color: #330e6f;
}
@media (min-width: 1025px) {
  .box.promotion-group dl .title {
    height: 84px;
  }
}
@media (max-width: 1024.98px) {
  .box.promotion-group {
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .box.promotion-group .row-group {
    margin: 0 -8px;
  }
  .box.promotion-group dl .title {
    height: 60px;
  }
  .box.promotion-group dl + dl {
    margin-top: 10px;
  }
}

@media (max-width: 1024.98px) {
  .table-org {
    display: block;
    table-layout: auto;
  }
  .table-org colgroup {
    display: none;
  }
  .table-org thead {
    display: none;
  }
  .table-org thead + tbody &gt; tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border-top: 1px solid #8e8e8e;
    border-bottom: 1px solid #8e8e8e;
  }
  .table-org thead + tbody &gt; tr + tr {
    border-top: none;
  }
  .table-org thead + tbody &gt; tr &gt; td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    width: 50%;
    min-height: 40px;
    height: auto;
    border-right: none;
    text-align: left;
    white-space: normal;
    word-break: break-all;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .table-org thead + tbody &gt; tr &gt; td.cell-full {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .table-org thead + tbody &gt; tr &gt; td.last-mob {
    -webkit-box-ordinal-group: 100;
        -ms-flex-order: 99;
            order: 99;
    height: auto;
    min-height: 40px;
  }
  .table-org thead + tbody &gt; tr &gt; td.flex-center {
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

/* 기관장 프로필 */
.head-profile {
  background-color: #f3f7fd;
}
.head-profile .education-history {
  background-color: #fff;
}
.head-profile .greeting-text {
  font-family: "PretendardGOV", -apple-system, BlinkMacSystemFont, "malgungothic", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.head-profile .title {
  margin: 0;
}
.head-profile .list {
  margin: 20px 0 0;
}
@media (min-width: 768px) {
  .head-profile {
    position: relative;
    padding: 40px 40px 40px 50px;
    padding-right: 40%;
  }
  .head-profile .photo {
    position: absolute;
    top: 15px;
    right: 2px;
    max-width: 460px;
    width: 40%;
  }
  .head-profile .greeting-text {
    margin-top: 34px;
    font-size: 20px;
    color: #333;
    letter-spacing: 0;
    min-height: 206px;
  }
  .head-profile .greeting-text .text-lg {
    font-size: 30px;
    line-height: 48px;
  }
  .head-profile .greeting-text p {
    margin: 0;
  }
  .head-profile .education-history {
    padding: 35px;
    margin-top: 25px;
  }
}
@media (max-width: 767.98px) {
  .head-profile {
    padding: 20px;
    font-size: 14px;
  }
  .head-profile .photo {
    margin-top: 10px;
    text-align: center;
  }
  .head-profile .text-lg {
    font-size: 18px;
  }
  .head-profile .greeting-text {
    margin-top: 24px;
  }
  .head-profile .education-history {
    padding: 15px;
    margin-top: 20px;
  }
  .head-profile .education-history .list {
    margin-top: 10px;
  }
}
@media (min-width: 768px) and (max-width: 1024.98px) {
  .head-profile {
    padding: 20px 40% 20px 20px;
  }
}

/* 가족친화제도 */
@media (min-width: 1025px) {
  .family-intro {
    padding: 38px 25px 38px 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .family-intro .left,
  .family-intro .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .family-intro .left {
    border-right: 1px solid #ddd;
  }
  .family-intro .right {
    padding-left: 60px;
  }
  .family-intro .artwork,
  .family-intro .logo-image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .family-intro .cont {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding: 0 25px;
  }
}
@media (max-width: 1024.98px) {
  .family-intro {
    font-size: 14px;
    text-align: center;
  }
  .family-intro .logo-image {
    margin-top: 30px;
  }
  .family-intro .cont {
    margin-top: 20px;
  }
}

/* 주요기능 */
.main-task .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.main-task ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .main-task .inner {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 1024px;
    margin: auto;
  }
  .main-task li {
    margin: 0 3px;
    width: calc(25% - 6px);
  }
}
@media (max-width: 767.98px) {
  .main-task .inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: -7.5px;
  }
  .main-task li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: calc(50% - 15px);
    margin: 7.5px;
  }
}

.step-procedure ol.procedure-list {
  margin: 0;
  display: inline-block;
}
.step-procedure ol.procedure-list li {
  display: inline;
  width: auto;
  margin: 0;
  word-break: keep-all;
}
.step-procedure ol.procedure-list li:after {
  display: none;
}

/* 페이지 오류 */
.page-error {
  max-width: 950px;
  padding: 50px;
  margin: auto;
  font-size: 10px;
}
.page-error .message {
  font-size: 3.8em;
}
.page-error ul {
  padding: 0;
  color: #7e7e7e;
}
.page-error li {
  list-style: none;
  font-size: 1.6em;
}
.page-error li:before {
  content: "-";
  margin-right: 3px;
}
.page-error li + li {
  margin-top: 9px;
}
.page-error .btn-group {
  margin-top: 40px;
  padding: 0;
  border-top: 0;
  text-align: left;
}
.page-error .btn-group .btn .ico {
  margin-right: 4px;
}
.page-error .btn-group .btn:nth-child(1) {
  background-color: #2c8aea;
}
.page-error .btn-group .btn:nth-child(2) {
  background-color: #13acb2;
}
.page-error .btn-group .btn:nth-child(3) {
  background-color: #00306b;
}
.page-error address {
  margin-top: 30px;
  font-style: normal;
  font-size: 1.4em;
}
.page-error .error-content {
  padding-left: 330px;
  background: url(../../../images/c/2025/bg-error.png) no-repeat;
}
@media only all and (max-width: 1199px) {
  .page-error {
    max-width: 750px;
  }
  .page-error .error-content {
    padding: 0;
    background: none;
  }
}

@media only all and (max-width: 639px) {
  .page-error {
    padding: 30px;
    font-size: 8px;
    text-align: center;
  }
  .page-error .error-content {
    padding: 130px 0 0;
    background: url(../../../images/c/2025/bg-error.png) no-repeat 45% 20px;
    background-size: 140px auto;
  }
  .page-error .message {
    font-weight: bold;
    font-size: 3em;
  }
  .page-error .btn-group {
    margin-top: 30px;
    text-align: center;
  }
  .page-error .btn-lg {
    height: 40px;
    padding: 0 15px;
    margin: 2px 1px;
    font-size: 1.4em;
    line-height: 40px;
  }
}
/* 공공데이터제공제도 scheme */
.scheme-button {
  margin-top: 20px;
}

.btn-download-table {
  border: none;
}

.ico.ico-external-white.scheme {
  margin-left: 10px;
}

.ico.ico-external-blue.scheme {
  margin-left: 10px;
}

/* 사업실명제 상단 안내 문구 */
.realname-info .col {
  margin: 0;
}
.realname-info dd {
  margin: 0;
  padding: 0;
}
@media (min-width: 1025px) {
  .realname-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .realname-info .col {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
  }
  .realname-info .col .title1 {
    margin-top: 0;
  }
}
@media (max-width: 1024.98px) {
  .realname-info .col:first-child .title1 {
    margin-top: 0;
  }
}

.global-search-header {
  background: #F7F7F7;
  border-radius: 5px;
  padding: 30px;
  margin-bottom: 30px;
}
@media (max-width: 1024.98px) {
  .global-search-header {
    padding: 15px;
  }
}

.global-search {
  position: relative;
  text-align: center;
  overflow: hidden;
  max-width: 600px;
  margin: auto;
}
.global-search .input-keyword {
  border: 0;
  border: 1px solid #E6E6E6;
  background-color: #fff;
  border-radius: 28px;
  width: 100%;
  height: 56px;
  font-size: 20px;
  padding: 0 72px 0 24px;
}
.global-search .input-keyword::-webkit-input-placeholder {
  color: #999;
}
.global-search .input-keyword::-moz-placeholder {
  color: #999;
}
.global-search .input-keyword:-ms-input-placeholder {
  color: #999;
}
.global-search .input-keyword::-ms-input-placeholder {
  color: #999;
}
.global-search .input-keyword::placeholder {
  color: #999;
}
.global-search .btn-bbs-search {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 72px;
  text-indent: -9999px;
  text-align: left;
  background: url(../../../images/c/2025/ico-search-primary.png) no-repeat center center;
  overflow: hidden;
}
@media (max-width: 1024.98px) {
  .global-search .input-keyword {
    font-size: 16px;
  }
}

.search-total {
  text-align: center;
  font-family: "PretendardGOV", -apple-system, BlinkMacSystemFont, "malgungothic", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: bold;
  font-size: 20px;
  margin: 20px 0 0;
  line-height: 23px;
}

.search-result-header {
  margin-top: 40px;
  margin-bottom: 20px;
  line-height: 1;
  font-size: 14px;
}
.search-result-header .title-area {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.search-result-header .title-area .title {
  margin: 0;
}
.search-result-header .title-area p {
  margin: 0 0 0 10px;
}
.search-result-header .title {
  font-size: 24px;
}
.search-result-header .toolbar a {
  position: relative;
  font-size: 14px;
}
.search-result-header .toolbar a + a {
  margin-left: 13px;
}
.search-result-header .toolbar a + a:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  left: -9px;
  width: 1px;
  height: 12px;
  background-color: #E6E6E6;
}
.search-result-header .toolbar .btn-sort.on .ico {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media (min-width: 1025px) {
  .search-result-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media (max-width: 1024.98px) {
  .search-result-header {
    margin-bottom: 10px;
  }
  .search-result-header:after {
    display: block;
    clear: both;
    content: "";
  }
  .search-result-header .title-area {
    float: left;
  }
  .search-result-header .title-area p {
    font-size: 12px;
  }
  .search-result-header .toolbar {
    margin-top: 20px;
    float: right;
  }
}

.search-result {
  position: relative;
  margin: 0;
  padding: 4px 0 1px;
  font-size: 1.4rem;
  border-top: 1px solid #CCC;
  color: #333;
}
.search-result li {
  padding: 32px 0;
  border-bottom: 1px solid #E6E6E6;
  list-style: none;
}
.search-result li:first-child {
  margin-top: 0;
  border-top: 0;
}
.search-result a {
  display: block;
}
.search-result strong {
  display: block;
  margin-bottom: 12px;
  font-size: 18px;
  line-height: 21px;
}
.search-result .cont {
  font-size: 16px;
  line-height: 18px;
}
.search-result .cont p {
  margin: 0;
}
.search-result .info {
  margin-bottom: 0;
  overflow: hidden;
  font-size: 14px;
  line-height: 16px;
  color: #666;
}
.search-result .info dt {
  float: left;
  margin-right: 10px;
  font-weight: bold;
}
.search-result .info dd {
  float: left;
  margin: 0 20px 0 0;
}
@media (max-width: 1024.98px) {
  .search-result li {
    padding: 15px 0;
  }
  .search-result strong {
    font-size: 16px;
  }
  .search-result .cont {
    font-size: 14px;
  }
  .search-result .info {
    font-size: 12px;
  }
  .search-result .info dt {
    clear: both;
    width: 5em;
    margin: 0;
  }
  .search-result .info dd {
    width: calc(100% - 5em);
    margin: 0;
  }
}

/* ESG 경영 */
.esg-area .text-sub {
  color: #666;
  margin-top: 5px;
}
.esg-area .box-result {
  min-height: 56px;
  padding: 10px;
  background: #f0f7ff;
  border: 1px solid #d0e6ff;
  border-radius: 6px;
  text-align: center;
}
.esg-area .box-result .text-result {
  font-size: 2rem;
  font-weight: 500;
}
.esg-area .box-result .text-result .text-point {
  color: #0059bd;
}
.esg-area .ico.ico-chevron-right-md {
  width: 20px;
  height: 20px;
  background-image: url(../../../images/u/ico-chevron-right-primary-md@2x.png);
  background-size: cover;
}
.esg-area .text {
  font-weight: 500;
}

/* ESG 전략체계도 */
.title1 + .strategy-area {
  margin-top: 17px;
}
.title1 + .container-wrap {
  margin-top: 17px;
}

.container-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.container-wrap + .container-wrap {
  margin-top: 20px;
}
@media (min-width: 1025px) {
  .container-wrap .box {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: 100%;
  }
  .container-wrap.col2 .box {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: calc(50% - 20px);
  }
  .container-wrap.col2 .box + .box {
    margin-left: 20px;
  }
  .container-wrap.col3 .box {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: calc(33.3% - 20px);
  }
  .container-wrap.col3 .box + .box {
    margin-left: 20px;
  }
}
@media (max-width: 1024.98px) {
  .container-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .container-wrap .box {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: 100%;
  }
  .container-wrap .box + .box {
    margin-top: 20px;
  }
}

.box-type-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 106px;
  border-radius: 8px;
  text-align: center;
  border: 1px solid #e6e6e6;
}
.box-type-row .tit {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-weight: 800;
  font-size: 2.2rem;
  line-height: 2.6rem;
  margin-bottom: 0;
}
.box-type-row .tit + .cont {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-weight: 600;
  font-size: 1.8rem;
}
.box-type-row .tit + .cont p {
  font-weight: 400;
}
.box-type-row .title-area {
  color: #173766;
}
.box-type-row .title-area .title-wrap {
  margin: 0;
}
.box-type-row .title-area .tit {
  display: block;
  margin: 0;
  font-weight: 800;
  font-size: 2.2rem;
  text-align: center;
}
.box-type-row .title-area .tit + .tit {
  position: relative;
}
.box-type-row .title-area .tit + .tit::before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 87px;
  height: 1px;
  content: "";
  background: #e6e6e6;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.box-type-row.bg-blue1 {
  background: linear-gradient(99.9deg, #3b90f0 0.67%, #116ed6 100%);
  color: #fff;
  border: none;
}
.box-type-row.bg-blue1 .text-sub {
  color: #fff;
  font-weight: 400;
}
.box-type-row.bg-blue2 {
  background: linear-gradient(99.94deg, #006be2 0%, #0059bd 100%);
  color: #fff;
  border: none;
}
.box-type-row.bg-blue2 .text-sub {
  color: #fff;
  font-weight: 400;
}
@media (min-width: 1025px) {
  .box-type-row {
    padding: 22px 32px;
  }
  .box-type-row .tit {
    width: 80px;
  }
  .box-type-row .tit + .cont {
    width: calc(100% - 100px);
    margin-left: 16px;
    padding-left: 20px;
  }
  .box-type-row .tit + .cont::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 42px;
    content: "";
    background: rgba(255, 255, 255, 0.2);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .box-type-row .title-area .tit {
    width: 90px;
  }
  .box-type-row .title-area .tit + .tit {
    margin-top: 15px;
    padding-top: 20px;
  }
  .box-type-row .title-area + .cont {
    width: calc(100% - 90px);
    margin-left: 0;
    padding-left: 30px;
  }
}
@media (max-width: 1024.98px) {
  .box-type-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .box-type-row .tit + .cont {
    width: 100%;
    margin-top: 20px;
    padding-top: 10px;
    line-height: 2.4rem;
  }
  .box-type-row .tit + .cont::before {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 1px;
    content: "";
    background: rgba(255, 255, 255, 0.2);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .box-type-row .title-area .tit {
    width: 100%;
  }
  .box-type-row .title-area .tit + .tit {
    margin-top: 12px;
    padding-top: 12px;
  }
  .box-type-row .title-area + .cont {
    width: 100%;
  }
  .box-type-row.bg-blue1, .box-type-row.bg-blue2 {
    padding: 32px 30px 20px;
  }
}

.box-type-col {
  border: 1px solid #e6e6e6;
}
.box-type-col .title {
  display: block;
  margin-bottom: 17px;
  margin-top: 3px;
  font-size: 2.2rem;
  color: #173766;
  text-align: center;
}
.box-type-col .cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 5px;
}
.box-type-col.bg-darkblue {
  background: linear-gradient(94.01deg, #204780 0%, #173766 100%);
  border: none;
}
.box-type-col.bg-darkblue .title {
  color: #fff;
}
@media (max-width: 1024.98px) {
  .box-type-col .cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
}

.box-direct {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.box-direct .item-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -10px;
}
.box-direct .item-wrap .item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin: 10px;
  padding: 22px 22px 20px;
  border-radius: 8px;
  text-align: center;
}
.box-direct .item-wrap .item.bg-type1 {
  background: #fff1ea;
  border: 1px solid #f2dfd5;
  color: #813104;
}
.box-direct .item-wrap .item.bg-type1 .text-con::before {
  background: #eccab8;
}
.box-direct .item-wrap .item.bg-type2 {
  background: #e6f8ff;
  border: 1px solid #cee2ea;
  color: #024f6c;
}
.box-direct .item-wrap .item.bg-type2 .text-con::before {
  background: #b3d2df;
}
.box-direct .item-wrap .item.bg-type3 {
  background: #f2eaff;
  border: 1px solid #dfd7ed;
  color: #3e0d8d;
}
.box-direct .item-wrap .item.bg-type3 .text-con::before {
  background: #d0c6e1;
}
.box-direct .item-wrap .title {
  font-weight: 700;
  font-size: 2rem;
}
.box-direct .item-wrap .title + .text-con {
  position: relative;
  margin-top: 12px;
  padding-top: 16px;
}
.box-direct .item-wrap .title + .text-con::before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 1px;
  content: "";
  background: #e6e6e6;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.box-direct .item-wrap .text-con {
  font-weight: 500;
  font-size: 1.6rem;
}
@media (min-width: 1025px) {
  .box-direct .item-wrap .item {
    width: 33.3%;
  }
}
@media (max-width: 1024.98px) {
  .box-direct .item-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .box-direct .item-wrap .item {
    width: 100%;
  }
}
@media (min-width: 1025px) {
  .box-direct {
    padding: 20px 30px;
  }
}
@media (max-width: 1024.98px) {
  .box-direct {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .box-direct .item-wrap {
    width: 100%;
    margin-left: -10px;
  }
}

.box-goals .box-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: linear-gradient(99.9deg, #3b90f0 0.67%, #116ed6 100%);
  font-weight: 700;
  color: #fff;
  text-align: center;
}
.box-goals .box-con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 160px;
  height: 160px;
  background: linear-gradient(94.01deg, #204780 0%, #173766 100%);
  border-radius: 50%;
  font-size: 2rem;
  color: #fff;
  text-align: center;
}
.box-goals .box-con .sub {
  font-weight: 500;
  font-size: 1.6rem;
  opacity: 0.8;
}
@media (min-width: 1025px) {
  .box-goals .box-title {
    width: 360px;
    min-height: 160px;
    padding: 16px 24px;
    border-radius: 80px;
    font-size: 1.8rem;
  }
  .box-goals .box-con {
    margin-left: -10px;
  }
}
@media (max-width: 1024.98px) {
  .box-goals .box-title {
    width: 100%;
    min-height: 80px;
    margin-bottom: 20px;
    padding: 15px 24px;
    border-radius: 80px;
    font-size: 1.6rem;
  }
  .box-goals .box-con + .box-con {
    margin-top: -10px;
  }
}

.box-task {
  padding-bottom: 30px;
}
.box-task .task-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 20px);
  padding: 0;
  margin: -7px -10px;
}
.box-task .task-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 7px 10px;
  padding: 20px 23px;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
}
.box-task .task-list .number {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: 3px;
  background: #116ed6;
  border-radius: 50%;
  font-size: 1.2rem;
  color: #fff;
  text-align: center;
  line-height: 2.1rem;
}
.box-task .task-list .text-wrap {
  margin-left: 10px;
}
.box-task .task-list .text-wrap strong {
  font-weight: 700;
  font-size: 1.6rem;
  color: #0059bd;
}
.box-task .task-list .text-wrap p {
  margin: 2px 0 0;
  font-weight: 500;
  font-size: 1.4rem;
  color: #173766;
}
@media (min-width: 1025px) {
  .box-task li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: calc(33.3% - 20px);
  }
}
@media (max-width: 1024.98px) {
  .box-task li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: calc(100% - 20px);
  }
}

.box-roadmap {
  padding: 0;
  border-radius: 0;
  border: none;
  background-color: #fff;
}
.box-roadmap .box-title {
  width: 100%;
  padding: 16px;
  background: #f0f7ff;
  border: 1px solid #d0e6ff;
  border-radius: 8px;
  text-align: center;
}
.box-roadmap .box-title .tit {
  margin: 0;
  font-weight: 800;
  font-size: 2.2rem;
  color: #0059bd;
}
.box-roadmap .box-title + .cont {
  margin-top: 20px;
}
.box-roadmap .cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.box-roadmap .box-con-title {
  width: 109px;
  padding: 92px 23px 14px;
  background: #f5f6f8;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  color: #173766;
}
.box-roadmap .box-con-title strong {
  display: inline-block;
  font-weight: 600;
  font-size: 1.8rem;
}
.box-roadmap .box-con-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0;
  padding-left: 0;
}
.box-roadmap .box-con-list ul {
  width: 100%;
  list-style-type: none;
  margin: 0;
  padding-left: 0;
}
.box-roadmap .box-con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px 20px 22px;
  background: #116ed6;
  border-radius: 8px;
}
.box-roadmap .box-con .tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  margin-bottom: 28px;
  width: 175px;
  height: 42px;
  background: linear-gradient(97.31deg, rgba(255, 255, 255, 0.3) 3.94%, rgba(255, 255, 255, 0.05) 100.76%);
  border-radius: 21px;
  font-weight: 800;
  font-size: 2.2rem;
  color: #fff;
  text-align: center;
}
.box-roadmap .box-con .tit span {
  padding-left: 5px;
  font-weight: 500;
  font-size: 1.6rem;
  padding-top: 1px;
}
.box-roadmap .box-con .text {
  position: relative;
  width: 100%;
  margin: 0;
  color: #fff;
  text-align: center;
}
.box-roadmap .box-con .text + .text {
  margin-top: 20px;
  padding-top: 22px;
  line-height: 2.4rem;
}
.box-roadmap .box-con .text + .text::before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 1px;
  content: "";
  background: rgba(255, 255, 255, 0.2);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.box-roadmap .box-con.bg-blue1 {
  background: #116ed6;
}
.box-roadmap .box-con.bg-blue2 {
  background: #0050aa;
}
.box-roadmap .box-con.bg-blue3 {
  background: #003570;
}
@media (min-width: 1025px) {
  .box-roadmap .box-con-title strong {
    font-weight: 600;
    font-size: 1.8rem;
    margin-bottom: 18px;
  }
  .box-roadmap .box-con-title strong + strong {
    position: relative;
    margin-bottom: 30px;
    padding-top: 32px;
  }
  .box-roadmap .box-con-title strong + strong::before {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 1px;
    content: "";
    background: #e6e6e6;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .box-roadmap .box-con-title strong:last-child {
    padding-top: 45px;
  }
  .box-roadmap .box-con {
    width: calc(100% - 109px);
    margin-left: 20px;
  }
  .box-roadmap .sub-tit {
    display: none;
  }
}
@media (max-width: 1024.98px) {
  .box-roadmap .box-con-title {
    display: none;
  }
  .box-roadmap .box-con-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .box-roadmap .box-title + .cont {
    margin-top: 0;
  }
  .box-roadmap .cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .box-roadmap .box-con {
    width: 100%;
    margin-top: 20px;
  }
  .box-roadmap .box-con .text {
    position: relative;
    text-align: left;
    padding-left: 76px;
  }
  .box-roadmap .sub-tit {
    position: absolute;
    left: 0;
    font-weight: 500;
    font-size: 1.6rem;
    color: rgba(255, 255, 255, 0.8);
  }
}

.box-top-arrow {
  position: relative;
  padding-top: 72px;
}
.box-top-arrow::before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 52px;
  content: "";
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-position: center center;
  background-repeat: no-repeat;
}
@media (min-width: 1025px) {
  .box-top-arrow::before {
    background-image: url(../../../images/u/bg-arrow-down@2x.png);
    background-size: auto 52px;
  }
}
@media (max-width: 1024.98px) {
  .box-top-arrow::before {
    background-image: url(../../../images/u/bg-arrow-down@2x.png);
    background-size: auto 38px;
  }
}

/* (S)책임경영 */
.box-way .way-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.box-way .way-list li {
  height: 92px;
  padding: 24px;
  background: linear-gradient(97.31deg, rgba(255, 255, 255, 0.3) 3.94%, rgba(255, 255, 255, 0.05) 100.76%);
  opacity: 0.9;
  border-radius: 46px;
  font-weight: 700;
  font-size: 1.8rem;
  color: #fff;
  text-align: center;
  line-height: 2.2rem;
}
@media (min-width: 1025px) {
  .box-way .way-list li {
    width: 304px;
  }
  .box-way .way-list li + li {
    margin-left: -20px;
  }
}
@media (max-width: 1024.98px) {
  .box-way .way-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .box-way .way-list li {
    width: 100%;
  }
  .box-way .way-list li + li {
    margin-top: 20px;
  }
}

.box-vision {
  padding-top: 24px;
}
.box-vision .title {
  margin-bottom: 15px;
}
.box-vision .cont {
  margin-bottom: 0;
}
.box-vision .cont p {
  margin: 0;
  font-weight: 500;
  font-size: 1.8rem;
  text-align: center;
}

.box-system .title {
  margin-bottom: 5px;
}
.box-system .item-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.box-system .item-wrap .item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin: 10px;
  padding: 20px 24px 24px;
  border-radius: 8px;
  text-align: center;
}
.box-system .item-wrap .item.bg-darkblue {
  background: #173766;
  color: #fff;
}
.box-system .item-wrap .title {
  font-weight: 700;
  font-size: 2rem;
  color: #fff;
}
.box-system .item-wrap .title + .text-con {
  position: relative;
  margin-top: 12px;
  padding-top: 18px;
}
.box-system .item-wrap .title + .text-con ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.box-system .item-wrap .title + .text-con::before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 1px;
  content: "";
  background: rgba(255, 255, 255, 0.3);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.box-system .item-wrap .text-con {
  font-weight: 500;
  font-size: 1.6rem;
}
@media (min-width: 1025px) {
  .box-system {
    padding: 25px 20px 15px;
  }
  .box-system .item {
    width: 33.3%;
  }
}
@media (max-width: 1024.98px) {
  .box-system .item-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-left: -20px;
  }
  .box-system .item {
    width: 100%;
  }
}

.box-activity {
  padding: 17px 25px 22px;
}
.box-activity .title {
  margin-bottom: 13px;
  font-weight: 700;
  font-size: 2rem;
  color: #0059bd;
}
.box-activity .title + .text-con {
  position: relative;
  margin-top: 12px;
  padding-top: 18px;
  text-align: center;
}
.box-activity .title + .text-con ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.box-activity .title + .text-con::before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 1px;
  content: "";
  background: #e6e6e6;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.box-activity .text-con {
  font-weight: 500;
  font-size: 1.6rem;
}

.box-goal2 .box {
  padding: 23px 23px;
}
.box-goal2 .box + .box {
  margin-top: 20px;
}
.box-goal2 .item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.box-goal2 .item-list .item {
  padding: 20px 24px 13px;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
}
.box-goal2 .item-list .item.item-con {
  padding: 13px 24px 13px;
}
.box-goal2 .item-list .title {
  font-weight: 700;
  font-size: 2rem;
  margin: 0;
  color: #173766;
}
.box-goal2 .item-list .title + .text-con {
  position: relative;
  margin-top: 14px;
  padding-top: 8px;
}
.box-goal2 .item-list .title + .text-con::before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 1px;
  content: "";
  background: #e6e6e6;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.box-goal2 .label-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.box-goal2 .label-list li {
  position: relative;
  text-align: left;
  font-weight: 500;
}
.box-goal2 .label-list li .text {
  padding-left: 28px;
}
.box-goal2 .label-list li + li {
  margin-top: 8px;
}
.box-goal2 .label-list .label {
  position: absolute;
  top: 1px;
  left: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  background: #d0e6ff;
  border-radius: 50%;
  font-weight: 600;
  font-size: 1.2rem;
  color: #116ed6;
}
.box-goal2 .label-list .label.bg-nonobject {
  background: #e6e6e6;
  color: #333;
}
@media (min-width: 1025px) {
  .box-goal2 {
    padding: 32px;
  }
  .box-goal2 .box {
    background: #fff;
  }
  .box-goal2 .title-area .tit {
    width: 100px;
  }
  .box-goal2 .title-area + .cont {
    width: calc(100% - 100px);
    padding-left: 16px;
  }
  .box-goal2 .item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: 33.3%;
  }
  .box-goal2 .item + .item {
    margin-left: 20px;
  }
  .box-goal2 .item-list .title {
    line-height: 2.8rem;
  }
}
@media (max-width: 1024.98px) {
  .box-goal2 .box {
    padding: 0;
    border: none;
  }
  .box-goal2 .box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .box-goal2 .title-area + .cont {
    width: 100%;
    padding-top: 16px;
  }
  .box-goal2 .item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: 100%;
  }
  .box-goal2 .item + .item {
    margin-top: 20px;
  }
  .box-goal2 .item-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .box-goal2 .item-list .title {
    line-height: 2.4rem;
  }
}

.esg-org-area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  margin: 0 auto;
}
.esg-org-area:before {
  content: "";
  position: absolute;
  width: 1px;
  background-color: #666;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}
.esg-org-area .circle {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  background-color: #116ed6;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.esg-org-area .circle .sub-text {
  font-weight: 400;
}
.esg-org-area .item {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-weight: 700;
  color: #116ed6;
  background-color: #f0f7ff;
  border: 1px solid #d0e6ff;
  border-radius: 8px;
}
.esg-org-area .grade {
  position: relative;
}
.esg-org-area .grade ul {
  padding: 0;
  list-style-type: none;
}
.esg-org-area .grade.left {
  text-align: left;
}
.esg-org-area .grade.right {
  position: absolute;
  text-align: right;
}
.esg-org-area .grade li:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 100%;
  height: 1px;
  background-color: #666;
  z-index: -1;
}
.esg-org-area .division-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 6px;
}
.esg-org-area .devision-item {
  background-color: #fff;
}
.esg-org-area .devision-item &gt; dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 48px;
  font-weight: 700;
  font-size: 2rem;
  text-align: center;
  font-weight: bold;
  letter-spacing: -1px;
  border-radius: 8px;
}
.esg-org-area .devision-item &gt; dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  padding-top: 12px;
  margin: 0;
}
.esg-org-area .devision-item .item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.esg-org-area .devision-item .item-list &gt; li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 33.3%;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
}
.esg-org-area .devision-item.bg-environment &gt; dt {
  background: #fff1ea;
  border: 1px solid #f2dfd5;
  color: #813104;
}
.esg-org-area .devision-item.bg-environment .department-item dt {
  color: #813104;
}
.esg-org-area .devision-item.bg-social &gt; dt {
  background: #e6f8ff;
  border: 1px solid #cee2ea;
  color: #024f6c;
}
.esg-org-area .devision-item.bg-social .department-item dt {
  color: #024f6c;
}
.esg-org-area .devision-item.bg-governance &gt; dt {
  background: #f2eaff;
  border: 1px solid #dfd7ed;
  color: #3e0d8d;
}
.esg-org-area .devision-item.bg-governance .department-item dt {
  color: #3e0d8d;
}
.esg-org-area .department-item {
  margin: 0;
  text-align: center;
}
.esg-org-area .department-item dt {
  font-weight: 700;
  font-size: 1.7rem;
}
.esg-org-area .department-item dd {
  position: relative;
  margin: 0;
  margin-top: 2px;
  padding-top: 8px;
  font-weight: 400;
  font-size: 1.4rem;
}
.esg-org-area .department-item dd ul {
  padding: 0;
  list-style-type: none;
}
.esg-org-area .department-item dd::before {
  position: absolute;
  top: 0;
  left: 50%;
  height: 1px;
  content: "";
  background: #e6e6e6;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (min-width: 1025px) {
  .esg-org-area {
    width: 850px;
    margin-top: 15px;
  }
  .esg-org-area:before {
    height: 320px;
    top: 114px;
    left: 50%;
  }
  .esg-org-area .circle {
    width: 150px;
    height: 150px;
    font-size: 2.2rem;
    line-height: 2.7rem;
  }
  .esg-org-area .circle .sub-text {
    font-size: 1.4rem;
  }
  .esg-org-area .circle.secound {
    margin-top: -65px;
  }
  .esg-org-area .item {
    width: 190px;
    padding: 18px auto 15px;
    min-height: 48px;
    font-size: 1.7rem;
  }
  .esg-org-area .grade {
    width: 335px;
  }
  .esg-org-area .grade.left {
    margin-left: -335px;
    margin-top: 0;
    top: -137px;
  }
  .esg-org-area .grade.right {
    top: 244px;
    left: 50%;
  }
  .esg-org-area .division-container:before {
    content: "";
    position: absolute;
    left: 50%;
    width: 710px;
    height: 50px;
    border: 1px solid #666;
    border-bottom-color: transparent;
    border-radius: 8px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: -1;
  }
  .esg-org-area .devision-item {
    width: 336px;
    margin: 37px 10px 0;
  }
  .esg-org-area .devision-item .item-list &gt; li + li {
    margin-left: 10px;
  }
  .esg-org-area .department-item {
    min-height: 127px;
    padding: 16px 12px 17px;
  }
  .esg-org-area .department-item dd {
    margin-top: 2px;
    padding-top: 8px;
  }
  .esg-org-area .department-item dd::before {
    width: 66.6px;
  }
}
@media (max-width: 1024.98px) {
  .esg-org-area {
    width: 100%;
    margin-top: 8px;
  }
  .esg-org-area:before {
    height: 230px;
    top: 114px;
    left: 50%;
  }
  .esg-org-area .circle {
    width: 120px;
    height: 120px;
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  .esg-org-area .circle .sub-text {
    font-size: 1.2rem;
  }
  .esg-org-area .circle.secound {
    margin-top: -80px;
  }
  .esg-org-area .item {
    width: 78px;
    padding: 13px 5px 10px;
    min-height: 64px;
    font-size: 1.7rem;
    line-height: 2rem;
    word-break: break-all;
  }
  .esg-org-area .grade {
    width: 160px;
  }
  .esg-org-area .grade.left {
    margin-left: -160px;
    margin-top: 0;
    top: -126px;
  }
  .esg-org-area .grade.right {
    top: 185px;
    left: 50%;
  }
  .esg-org-area .division-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  .esg-org-area .devision-item {
    width: 100%;
    margin: 10px 0 0;
  }
  .esg-org-area .devision-item + .devision-item {
    margin-top: 20px;
  }
  .esg-org-area .devision-item .item-list &gt; li + li {
    margin-left: 8px;
  }
  .esg-org-area .department-item {
    min-height: 127px;
    padding: 16px 3px;
  }
  .esg-org-area .department-item dd {
    margin-top: 5px;
    padding-top: 8px;
    line-height: 1.75rem;
  }
  .esg-org-area .department-item dd::before {
    width: 61px;
  }
}

.list-bul {
  padding-left: 20px;
}
.list-bul &gt; li {
  position: relative;
  padding-left: 13px;
  list-style: none;
}
.list-bul &gt; li + li {
  margin-top: 2px;
}
.list-bul &gt; li:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 5px;
  height: 5px;
  background-color: #666;
}
.list-bul &gt; li .wide-scroll {
  margin-top: 15px;
  margin-bottom: 15px;
}
.list-bul &gt; li .list-hyphen {
  margin-top: 2px;
}
.list-bul &gt; li .list-hyphen li:before {
  color: #999;
}

.esg-area .infographic.fit {
  text-align: center;
}
@media (max-width: 1024.98px) {
  .esg-area .infographic.fit {
    width: 100%;
    margin: 0;
  }
}

.business-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 1px solid #ccc;
}
.business-area .item {
  margin: 0;
}
.business-area dl {
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.business-area dl dt {
  height: 44px;
  line-height: 38px;
  padding: 5px 15px;
  color: #333;
  background: #f9f9f9;
  text-align: center;
}
.business-area dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 144px;
  height: calc(100% - 44px);
  padding: 5px 10px;
  border-top: 1px solid #e6e6e6;
  color: #333;
  margin: 0;
}
.business-area dl .cont {
  font-size: 1.5rem;
}
.business-area dl .cont .tit {
  font-weight: 600;
  line-height: 2.8rem;
}
.business-area dl .cont .tit + .list-none {
  font-weight: 400;
}
.business-area dl .cont .tit + .list-none li {
  line-height: 1.9rem;
}
.business-area .step.step-detail-table {
  margin: 4px 0;
}
.business-area .step.step-detail-table ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.business-area .step.step-detail-table ol &gt; li {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: calc(50% - 40px);
  height: 100%;
  margin-right: 40px;
}
.business-area .step.step-detail-table ol &gt; li::after {
  position: absolute;
  top: 50%;
  right: -28px;
  width: 16px;
  height: 16px;
  content: "";
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../../../images/u/ico-chevron-right-darkgray-md@2x.png);
  background-size: auto 16px;
}
.business-area .step.step-detail-table ol &gt; li:last-child {
  margin: 0;
}
.business-area .step.step-detail-table ol &gt; li:last-child::after {
  content: none;
}
.business-area .step.step-detail-table .inner {
  border: 1px solid #e6e6e6;
}
.business-area .step.step-detail-table .inner ul {
  margin: 0;
  padding: 7px 10px;
  list-style: none;
}
.business-area .step.step-detail-table .title {
  display: block;
  padding: 6px;
  border-bottom: 1px solid #e6e6e6;
  background: #f5f6f8;
  font-weight: 600;
  font-size: 1.5rem;
  text-align: center;
}
.business-area .step.step-detail-table .content {
  font-size: 1.5rem;
  font-weight: 400;
}
.business-area .step.step-detail-table .content strong {
  font-weight: 500;
  line-height: 2.5rem;
}
.business-area .step.step-detail-table .content p {
  margin: 0;
  line-height: 2rem;
}
@media (min-width: 1025px) {
  .business-area dl {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 33.333%;
            flex: 1 1 33.333%;
  }
  .business-area dl:nth-child(3n) {
    border-right: 0;
  }
}
@media (max-width: 1024.98px) {
  .business-area dl {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    border-right: none;
  }
}

/* (E)환경경영 */
.environmental-box-wrap {
  margin-top: 16px;
}
.environmental-box-wrap ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.environmental-box-wrap .box-item {
  position: relative;
  margin-bottom: 92px;
  padding: 29px 32px;
  border-radius: 8px;
  text-align: center;
}
.environmental-box-wrap .box-item:last-child::after {
  content: none;
}
.environmental-box-wrap .box-item::after {
  position: absolute;
  left: 0;
  bottom: -72px;
  width: 100%;
  height: 52px;
  content: "";
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-position: center center;
  background-repeat: no-repeat;
}
@media (min-width: 1025px) {
  .environmental-box-wrap .box-item::after {
    background-image: url(../../../images/u/bg-arrow-down@2x.png);
    background-size: auto 52px;
  }
}
@media (max-width: 1024.98px) {
  .environmental-box-wrap .box-item::after {
    background-image: url(../../../images/u/bg-arrow-down@2x.png);
    background-size: auto 38px;
  }
}
.environmental-box-wrap .tit {
  margin: 0;
  font-weight: 800;
  font-size: 2.2rem;
}
.environmental-box-wrap .text {
  margin: 6px 0 0;
  font-weight: 500;
  font-size: 1.8rem;
}
.environmental-box-wrap .bg-blue1 {
  background: linear-gradient(99.9deg, #3b90f0 0.67%, #116ed6 100%);
  color: #fff;
}
.environmental-box-wrap .bg-blue2 {
  background: linear-gradient(99.94deg, #006be2 0%, #0059bd 100%);
  color: #fff;
}
.environmental-box-wrap .box-system {
  padding-bottom: 20px;
}
@media (max-width: 1024.98px) {
  .environmental-box-wrap .box-system .item-wrap {
    margin-left: -10px;
  }
}/*# sourceMappingURL=style.css.map */</pre></body></html>