@import 'vendors/swiper.min.css';
@import 'vendors/flatpickr.min.css';
html {
  font-size: 62.5%;
}
@media (max-width: 1024px) {
  html {
    font-size: 59%;
  }
}
@media (max-width: 768px) {
  html {
    font-size: 62.5%;
  }
}
@media (max-width: 390px) {
  html {
    font-size: 2.565vw;
  }
}

/* Thin 100 */
@font-face {
  font-family: "SUIT";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local("SUIT Thin"), url("../fonts/SUIT-Thin.woff2") format("woff2");
}
/* ExtraLight 200 */
@font-face {
  font-family: "SUIT";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: local("SUIT ExtraLight"), url("../fonts/SUIT-ExtraLight.woff2") format("woff2");
}
/* Light 300 */
@font-face {
  font-family: "SUIT";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("SUIT Light"), url("../fonts/SUIT-Light.woff2") format("woff2");
}
/* Regular 400 */
@font-face {
  font-family: "SUIT";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("SUIT Regular"), url("../fonts/SUIT-Regular.woff2") format("woff2");
}
/* Medium 500 */
@font-face {
  font-family: "SUIT";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("SUIT Medium"), url("../fonts/SUIT-Medium.woff2") format("woff2");
}
/* SemiBold 600 */
@font-face {
  font-family: "SUIT";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("SUIT SemiBold"), url("../fonts/SUIT-SemiBold.woff2") format("woff2");
}
/* Bold 700 */
@font-face {
  font-family: "SUIT";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("SUIT Bold"), url("../fonts/SUIT-Bold.woff2") format("woff2");
}
/* ExtraBold 800 */
@font-face {
  font-family: "SUIT";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local("SUIT ExtraBold"), url("../fonts/SUIT-ExtraBold.woff2") format("woff2");
}
/* Heavy/Black 900 */
@font-face {
  font-family: "SUIT";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local("SUIT Heavy"), url("../fonts/SUIT-Heavy.woff2") format("woff2");
}
/*Montserrat*/
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Montserrat-Regular"), url("../fonts/Montserrat-Regular.woff2") format("woff2");
}
/*base/_reset.scss */
:root {
  --vh: calc(100vh / 100);
}

html, body {
  position: relative;
  width: 100%;
  min-height: calc(var(--vh) * 100);
  height: calc(var(--vh) * 100);
  word-break: keep-all;
  word-wrap: break-word;
  scroll-behavior: smooth;
}

html {
  overflow: hidden;
  overflow-y: scroll;
}

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

main, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

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

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

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
  height: auto;
}

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: normal;
  margin: 0;
  padding: 0;
  appearance: none;
  border-radius: none;
  text-transform: none;
  box-shadow: none;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

audio, canvas, video {
  display: inline-block;
  max-width: 100%;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

button,
input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
  appearance: button;
  cursor: pointer;
  border: 0;
  background: transparent;
}

[disabled] {
  pointer-events: none;
}

button {
  border: 0;
  background: transparent;
  cursor: pointer;
  color: inherit;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

table {
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  text-indent: 0;
}

th, td {
  vertical-align: middle;
  font-weight: normal;
}

code,
kbd,
pre,
samp {
  font-family: monospace;
}

small sub,
sup {
  font-size: 0.5em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.5rem;
}

sup {
  top: -0.5em;
}

legend {
  max-width: 100%;
  width: 100%;
  color: inherit;
  white-space: normal;
  display: block;
  border: 0;
}

fieldset {
  min-width: 0;
}

summary {
  display: list-item;
}

address {
  font-style: normal;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: normal;
}

strong,
em {
  color: inherit;
  font-weight: normal;
  font-style: normal;
}

strong {
  font-weight: 700;
}

/*base/_a11y.scss */
#accessibility {
  position: relative;
  margin: 0;
  padding: 0;
}

#accessibility a {
  display: block;
  height: 1px;
  width: 1px;
  margin-bottom: -1px;
  overflow: hidden;
  text-align: center;
  color: #000;
  white-space: nowrap;
}
#accessibility a:focus, #accessibility a:active {
  position: absolute;
  height: auto;
  width: 100%;
  padding: 5px;
  margin-bottom: 10px;
  width: 100%;
  background: #fff;
  z-index: 9999;
}

caption,
.hidden,
.blind {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
}

body {
  font-family: SUIT, system-ui, -apple-system, Segoe UI, Roboto, Noto Sans KR, Apple SD Gothic Neo, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 500;
  color: #222;
}
body::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #ececec;
  appearance: none;
}
body::-webkit-scrollbar-thumb {
  background-color: #898989;
  border-radius: 3px;
}
body.home {
  opacity: 1;
}
body.load {
  opacity: 1;
}
h1, h2, h3 {
  font-weight: 700;
}

#wrap {
  width: 100%;
  max-width: 2560px;
  margin: 0 auto;
}

.static {
  max-width: 132rem;
  width: 100%;
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.main .static {
  max-width: 156rem;
  width: 100%;
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

footer .static {
  max-width: 156rem;
  width: 100%;
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

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

.mo-only {
  display: none;
}
@media (max-width: 768px) {
  .mo-only {
    display: block;
  }
}

.ph-only {
  display: none;
}
@media (max-width: 640px) {
  .ph-only {
    display: block;
  }
}

.not-scroll body {
  overflow: hidden;
  position: fixed;
  overflow-y: scroll;
  width: 100%;
}

.items-col2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(2rem, 1.39vw, 2rem);
}
.items-col2 > li {
  border: 1px solid #dedede;
}
.items-col2 > li > div {
  height: 10rem;
}
@media (max-width: 768px) {
  .items-col2 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.items-col3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(2rem, 1.39vw, 2rem);
}
.items-col3 > li {
  border: 1px solid #dedede;
}
.items-col3 > li > div {
  height: 20rem;
}
@media (max-width: 1024px) {
  .items-col3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .items-col3 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.accordions-btn {
  border: 1px solid #dedede;
  width: 100%;
  padding: 1rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.accordions-content {
  max-height: 0;
  overflow: hidden;
  background: #f8fafc;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
}
.accordions-content p {
  padding: 2rem;
}
.accordions .show .accordions-content {
  max-height: 50rem;
  opacity: 1;
}

.n-motion {
  opacity: 0;
  transition: all 0.5s;
}
.n-motion.n-active {
  opacity: 1;
}
.n-motion.n-left {
  transform: translateX(-7rem);
}
.n-motion.n-left.n-active {
  transform: translateX(0);
}
.n-motion.n-right {
  transform: translateX(7rem);
}
.n-motion.n-right.n-active {
  transform: translateX(0);
}
.n-motion.n-top {
  transform: translateY(-7rem);
}
.n-motion.n-top.n-active {
  transform: translateY(0);
}
.n-motion.n-bottom {
  transform: translateY(7rem);
}
.n-motion.n-bottom.n-active {
  transform: translateY(0);
}

.errMsg {
  display: none;
}

@keyframes fadeInUpTab {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
.ico-youtube {
  display: block;
  width: 2.4rem;
  height: 1.9rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2724%27%20height%3D%2719%27%20viewBox%3D%270%200%2024%2019%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M23.2648%204.8364C23.2648%204.8364%2023.0295%203.22004%2022.3761%202.5311C21.4875%201.60369%2020.4943%201.57719%2020.05%201.55069C16.8614%201.28571%2012%201.28571%2012%201.28571L3.95%201.55069C3.50568%201.57719%202.5125%201.60369%201.62386%202.5311C0.970455%203.22004%200.735227%204.8364%200.735227%204.8364C0.735227%204.8364%200.5%206.71774%200.5%208.59908V10.3744C0.5%2012.2823%200.735227%2014.1371%200.735227%2014.1371C0.735227%2014.1371%200.970455%2015.78%201.62386%2016.4689C2.5125%2017.3963%203.68864%2017.3698%204.18523%2017.4493C6.01477%2017.6348%2012%2017.7143%2012%2017.7143C12%2017.7143%2016.8614%2017.6878%2020.05%2017.4493C20.4943%2017.3963%2021.4875%2017.3963%2022.3761%2016.4689C23.0295%2015.78%2023.2648%2014.1371%2023.2648%2014.1371C23.2648%2014.1371%2023.5%2012.2823%2023.5%2010.3744V8.59908C23.5%206.71774%2023.2648%204.8364%2023.2648%204.8364ZM9.62159%2012.5207V5.94931L15.8159%209.26152L9.62159%2012.5207Z%27%20fill%3D%27%23000000%27/%3E%3C/svg%3E");
  background-size: contain;
}
.ico-instagram {
  display: block;
  width: 2.1rem;
  height: 2.1rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2721%27%20height%3D%2721%27%20viewBox%3D%270%200%2021%2021%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M14.9864%200H6.10909C2.67273%200%200%202.67273%200%206.01364V14.8909C0%2018.3273%202.67273%2021%206.10909%2021H14.9864C18.3273%2021%2021%2018.3273%2021%2014.8909V6.01364C21%202.67273%2018.3273%200%2014.9864%200ZM10.5%2016.0364C7.44545%2016.0364%205.05909%2013.5545%205.05909%2010.5955C5.05909%207.63636%207.44545%205.05909%2010.5%205.05909C13.5545%205.05909%2015.9409%207.54091%2015.9409%2010.5C15.9409%2013.4591%2013.5545%2016.0364%2010.5%2016.0364ZM16.1318%206.20455C15.4636%206.20455%2014.8909%205.63182%2014.8909%204.96364C14.8909%204.29545%2015.4636%203.72273%2016.1318%203.72273C16.8%203.72273%2017.3727%204.29545%2017.3727%204.96364C17.3727%205.63182%2016.8%206.20455%2016.1318%206.20455Z%27%20fill%3D%27%23000000%27/%3E%3Cpath%20d%3D%27M10.5002%207.00018C8.60829%207.00018%207.00018%208.60829%207.00018%2010.5002C7.00018%2012.3921%208.60829%2014.0002%2010.5002%2014.0002C12.3921%2014.0002%2014.0002%2012.3921%2014.0002%2010.5002C14.0002%208.60829%2012.3921%207.00018%2010.5002%207.00018Z%27%20fill%3D%27%23000000%27/%3E%3C/svg%3E");
  background-size: contain;
}
.ico-linkedin {
  display: block;
  width: 2.1rem;
  height: 2.1rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2721%27%20height%3D%2721%27%20viewBox%3D%270%200%2021%2021%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M19.4498%200H1.55021C1.13907%200%200.744766%200.163325%200.454046%200.454046C0.163325%200.744766%200%201.13907%200%201.55021V19.4498C0%2019.8609%200.163325%2020.2552%200.454046%2020.546C0.744766%2020.8367%201.13907%2021%201.55021%2021H19.4498C19.8609%2021%2020.2552%2020.8367%2020.546%2020.546C20.8367%2020.2552%2021%2019.8609%2021%2019.4498V1.55021C21%201.13907%2020.8367%200.744766%2020.546%200.454046C20.2552%200.163325%2019.8609%200%2019.4498%200ZM6.25917%2017.8894H3.10188V7.86042H6.25917V17.8894ZM4.67833%206.47063C4.32019%206.46861%203.97068%206.36055%203.67389%206.16008C3.37711%205.95961%203.14636%205.67571%203.01077%205.34423C2.87518%205.01274%202.84082%204.64852%202.91203%204.29752C2.98324%203.94653%203.15683%203.62449%203.41089%203.37206C3.66494%203.11963%203.98809%202.94811%204.33953%202.87915C4.69098%202.8102%205.05497%202.84689%205.38558%202.98461C5.71619%203.12233%205.9986%203.3549%206.19716%203.65296C6.39572%203.95103%206.50153%204.30123%206.50125%204.65938C6.50463%204.89915%206.4597%205.13716%206.36914%205.3592C6.27857%205.58125%206.14423%205.78279%205.97412%205.95181C5.80402%206.12083%205.60162%206.25387%205.379%206.34301C5.15637%206.43214%204.91809%206.47554%204.67833%206.47063ZM17.8967%2017.8981H14.7408V12.4192C14.7408%2010.8033%2014.054%2010.3046%2013.1673%2010.3046C12.231%2010.3046%2011.3123%2011.0104%2011.3123%2012.46V17.8981H8.155V7.86771H11.1913V9.2575H11.2321C11.5369%208.64063%2012.6044%207.58625%2014.2333%207.58625C15.995%207.58625%2017.8981%208.63188%2017.8981%2011.6944L17.8967%2017.8981Z%27%20fill%3D%27%23000000%27/%3E%3C/svg%3E");
  background-size: contain;
}
.ico-facebook {
  display: block;
  width: 2.1rem;
  height: 2.1rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2721%27%20height%3D%2721%27%20viewBox%3D%270%200%2021%2021%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M21%2010.566C21%204.7283%2016.3013%200%2010.5%200C4.69875%200%200%204.7283%200%2010.566C0%2015.8226%203.8325%2020.2075%208.8725%2021V13.6302H6.195V10.566H8.8725V8.21509C8.8725%205.6%2010.4213%204.14717%2012.8363%204.14717C13.9913%204.14717%2015.1725%204.33207%2015.1725%204.33207V6.92075H13.86C12.5475%206.92075%2012.1275%207.76604%2012.1275%208.5849V10.566H15.0675L14.595%2013.6302H12.1275V21C17.1675%2020.2075%2021%2015.8226%2021%2010.566Z%27%20fill%3D%27%23000000%27/%3E%3C/svg%3E");
  background-size: contain;
}
.ico-link-open {
  display: block;
  width: 1.6rem;
  height: 1.7rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M7.07 3.37H1V15.5H13.13V9.43M7.24 9.33L14.86 1.71M9.87 1.5H15V6.63' stroke='%23999999' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E");
  background-size: contain;
}
.ico-arrow {
  display: block;
  width: 1.5rem;
  height: 1.2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12' viewBox='0 0 15 12' fill='none'%3E%3Cpath d='M0.5 6H13.5M13.5 6L8.5 1M13.5 6L8.5 11' stroke='%23ffffff'/%3E%3C/svg%3E");
  background-size: cover;
}
.ico-arrDown {
  display: block;
  width: 1.2rem;
  height: 0.7rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 7'%3E%3Cpath d='M6 7L12 1.13514L10.8333 3.08625e-07L6 4.72973L1.16667 9.4708e-07L9.92367e-08 1.13514L6 7Z' fill='%23999999'/%3E%3C/svg%3E");
  background-size: cover;
}
.ico-close {
  display: block;
  width: 3rem;
  height: 3rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30.56 30.56'%3E%3Crect x='-4.72' y='13.67' transform='matrix(0.7071 0.7071 -0.7071 0.7071 15.2797 -6.329)' fill='%23222222' width='40' height='3.22'/%3E%3Crect x='-4.72' y='13.67' transform='matrix(-0.7071 0.7071 -0.7071 -0.7071 36.8884 15.2797)' fill='%23222222' width='40' height='3.22'/%3E%3C/svg%3E");
  background-size: cover;
}
.ico-plus {
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M0 7H7H14M7 14L7 0' stroke='%23555555' stroke-width='1.5'/%3E%3C/svg%3E");
  background-size: cover;
}
.ico-sns {
  display: block;
  width: 2.8rem;
  height: 2.8rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='29' height='28' viewBox='0 0 29 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.0709484 13.7754L0.00933128 12.4555C-0.275882 5.5214 6.01259 0.453155 14.0031 0.0244617C21.993 -0.404878 28.7018 4.86875 28.987 11.8028C29.2122 17.284 26.5129 22.1415 21.0424 24.9588C20.2893 25.456 18.075 26.5605 18.075 26.5605L14.9854 27.7273L13.665 28H12.3865L11.8416 27.4127C11.8416 27.4127 11.6261 26.9737 11.5484 26.6119C11.5399 26.572 11.533 26.5332 11.5283 26.4959C11.5151 26.3927 11.5184 26.3019 11.5482 26.2382L12.4995 25.3304C12.8459 24.5872 12.593 24.5633 12.0025 24.5076C11.9049 24.4983 11.7981 24.4883 11.6833 24.4739C11.6394 24.4684 11.5944 24.4623 11.5482 24.4554C11.197 24.403 10.8507 24.3421 10.5098 24.273C4.59953 23.0748 0.302087 19.3917 0.0709484 13.7754ZM14.6937 25.5509C14.7504 25.3396 14.7923 25.0999 14.7944 24.8448C14.7973 24.4788 14.7202 24.0095 14.434 23.5521C14.1488 23.0966 13.7672 22.8304 13.4622 22.6806C13.0025 22.4547 12.5155 22.4079 12.3768 22.3946C12.3683 22.3938 12.361 22.3931 12.3552 22.3925C12.2743 22.3841 12.2106 22.3781 12.1556 22.373C12.0462 22.3627 11.9714 22.3557 11.8646 22.3397L11.8642 22.3396L11.8639 22.3396C5.99887 21.4632 2.39322 18.2145 2.20691 13.6874L2.20667 13.6815L2.1453 12.3675C2.14522 12.3656 2.14514 12.3637 2.14506 12.3618C1.93041 7.05501 6.78476 2.55413 14.1175 2.16072L14.1177 2.16071C21.2207 1.77903 26.6264 6.42974 26.851 11.8908C27.0411 16.5168 24.815 20.6099 20.0642 23.0566L19.9616 23.1094L19.8653 23.173C19.5968 23.3503 18.9567 23.6999 18.2872 24.0495C17.9727 24.2138 17.6801 24.3634 17.4659 24.4722C17.3616 24.5251 17.2762 24.5681 17.2165 24.5981L14.6937 25.5509Z' fill='%23222222'/%3E%3Cpath d='M7.46629 16.3545C6.90292 16.3545 6.36303 16.2807 5.84661 16.133C5.33019 15.9787 4.91437 15.7807 4.59915 15.5391L5.15246 14.3108C5.45426 14.5256 5.80972 14.7035 6.21883 14.8444C6.63465 14.9786 7.05382 15.0458 7.47635 15.0458C7.79827 15.0458 8.05648 15.0156 8.25098 14.9551C8.45218 14.888 8.59973 14.7974 8.69362 14.6833C8.78752 14.5692 8.83446 14.4384 8.83446 14.2907C8.83446 14.1028 8.76069 13.9551 8.61314 13.8477C8.46559 13.7336 8.2711 13.643 8.02965 13.5759C7.78821 13.5021 7.51994 13.435 7.22484 13.3746C6.93645 13.3074 6.64471 13.2269 6.34961 13.1329C6.06122 13.039 5.79631 12.9182 5.55487 12.7705C5.31342 12.6229 5.11557 12.4282 4.96132 12.1866C4.81377 11.945 4.74 11.6363 4.74 11.2604C4.74 10.8577 4.8473 10.4919 5.06192 10.1631C5.28324 9.82747 5.61187 9.56237 6.04781 9.36773C6.49046 9.16638 7.04376 9.06571 7.70773 9.06571C8.15038 9.06571 8.58631 9.1194 9.01554 9.22679C9.44478 9.32746 9.82371 9.48183 10.1523 9.68989L9.64933 10.9282C9.3207 10.7403 8.99207 10.6027 8.66344 10.5154C8.33481 10.4215 8.01289 10.3745 7.69767 10.3745C7.38245 10.3745 7.12424 10.4114 6.92304 10.4852C6.72184 10.559 6.57764 10.6564 6.49046 10.7772C6.40327 10.8913 6.35967 11.0255 6.35967 11.1799C6.35967 11.3611 6.43345 11.5087 6.581 11.6228C6.72855 11.7302 6.92304 11.8175 7.16448 11.8846C7.40593 11.9517 7.67084 12.0188 7.95923 12.0859C8.25433 12.153 8.54607 12.2302 8.83446 12.3175C9.12956 12.4047 9.39783 12.5222 9.63927 12.6698C9.88072 12.8175 10.0752 13.0121 10.2228 13.2538C10.377 13.4954 10.4541 13.8007 10.4541 14.1699C10.4541 14.5659 10.3435 14.9283 10.1222 15.2572C9.90084 15.586 9.56885 15.8511 9.12621 16.0525C8.69027 16.2538 8.13696 16.3545 7.46629 16.3545Z' fill='%23222222'/%3E%3Cpath d='M10.9641 16.2337V9.18652H12.3122L16.467 14.2605H15.8131V9.18652H17.4227V16.2337H16.0847L11.9199 11.1597H12.5738V16.2337H10.9641Z' fill='%23222222'/%3E%3Cpath d='M20.7991 16.3545C20.2357 16.3545 19.6958 16.2807 19.1794 16.133C18.663 15.9787 18.2472 15.7807 17.932 15.5391L18.4853 14.3108C18.7871 14.5256 19.1425 14.7035 19.5516 14.8444C19.9674 14.9786 20.3866 15.0458 20.8091 15.0458C21.1311 15.0458 21.3893 15.0156 21.5838 14.9551C21.785 14.888 21.9325 14.7974 22.0264 14.6833C22.1203 14.5692 22.1673 14.4384 22.1673 14.2907C22.1673 14.1028 22.0935 13.9551 21.9459 13.8477C21.7984 13.7336 21.6039 13.643 21.3625 13.5759C21.121 13.5021 20.8527 13.435 20.5576 13.3746C20.2693 13.3074 19.9775 13.2269 19.6824 13.1329C19.394 13.039 19.1291 12.9182 18.8877 12.7705C18.6462 12.6229 18.4484 12.4282 18.2941 12.1866C18.1466 11.945 18.0728 11.6363 18.0728 11.2604C18.0728 10.8577 18.1801 10.4919 18.3947 10.1631C18.616 9.82747 18.9447 9.56237 19.3806 9.36773C19.8233 9.16638 20.3766 9.06571 21.0405 9.06571C21.4832 9.06571 21.9191 9.1194 22.3483 9.22679C22.7776 9.32746 23.1565 9.48183 23.4851 9.68989L22.9821 10.9282C22.6535 10.7403 22.3249 10.6027 21.9962 10.5154C21.6676 10.4215 21.3457 10.3745 21.0305 10.3745C20.7153 10.3745 20.457 10.4114 20.2558 10.4852C20.0546 10.559 19.9104 10.6564 19.8233 10.7772C19.7361 10.8913 19.6925 11.0255 19.6925 11.1799C19.6925 11.3611 19.7662 11.5087 19.9138 11.6228C20.0613 11.7302 20.2558 11.8175 20.4973 11.8846C20.7387 11.9517 21.0036 12.0188 21.292 12.0859C21.5871 12.153 21.8789 12.2302 22.1673 12.3175C22.4624 12.4047 22.7306 12.5222 22.9721 12.6698C23.2135 12.8175 23.408 13.0121 23.5556 13.2538C23.7098 13.4954 23.7869 13.8007 23.7869 14.1699C23.7869 14.5659 23.6763 14.9283 23.455 15.2572C23.2336 15.586 22.9016 15.8511 22.459 16.0525C22.0231 16.2538 21.4698 16.3545 20.7991 16.3545Z' fill='%23222222'/%3E%3C/svg%3E");
  background-size: contain;
}
.ico-arrEnd {
  display: block;
  width: 1.8rem;
  height: 1.6rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1L15.5 15H1.5' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E");
  background-size: contain;
}
.ico-home {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M2 5.99967L8 1.33301L14 5.99967V13.333C14 13.6866 13.8595 14.0258 13.6095 14.2758C13.3594 14.5259 13.0203 14.6663 12.6667 14.6663H3.33333C2.97971 14.6663 2.64057 14.5259 2.39052 14.2758C2.14048 14.0258 2 13.6866 2 13.333V5.99967Z' stroke='%23666666' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 14.6667V8H10V14.6667' stroke='%23666666' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
}
.ico-arrow-right {
  display: block;
  width: 1.4rem;
  height: 2.4rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12' fill='none'%3E%3Cpath d='M1.0006 11.3028L6.65746 5.64592M6.65685 6.35314L1 0.696289' stroke='%23666666'/%3E%3C/svg%3E");
  background-size: contain;
}
.ico-noti {
  display: block;
  width: 1.9rem;
  height: 1.9rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Ccircle cx='9.67969' cy='9.74316' r='8.55' stroke='%230072C6' stroke-width='0.9'/%3E%3Cpath d='M8.7793 6.14258H10.5793V11.5426H8.7793V6.14258Z' fill='%230072C6'/%3E%3Cpath d='M8.7793 12.4426H10.5793V14.2426H8.7793V12.4426Z' fill='%230072C6'/%3E%3C/svg%3E");
  background-size: cover;
}
.ico-check {
  display: block;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='11' viewBox='0 0 14 11' fill='none'%3E%3Cpath d='M1 5L5 9L13 1' stroke='%23dddddd' stroke-width='2'/%3E%3C/svg%3E");
  background-size: contain;
}
.ico-fire {
  display: block;
  width: 1.3rem;
  height: 1.9rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='19' viewBox='0 0 13 19' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.46163 18.6219C1.36409 17.7582 -0.412534 14.123 1.06624 11.4395C2.01338 9.72096 2.71628 8.05156 1.8585 6.01135C2.64182 6.10666 3.08114 6.49683 3.70809 7.04486C3.34026 3.96668 4.31122 1.76712 7.3894 0.630859C6.58225 3.09698 8.09975 4.60554 9.35813 6.20941C10.8071 8.05603 12.0536 10.0024 12.5138 12.3568C13.0782 15.2414 11.7364 17.6033 8.97838 18.5445C8.85031 18.5877 8.71033 18.5981 8.53758 18.6309C10.1474 16.0039 10.3008 14.4685 9.09305 13.1446C8.76096 13.6078 8.57332 14.1632 8.15485 14.5609C7.94487 14.7589 7.72447 14.9808 7.40727 14.82C7.08709 14.6592 6.97094 14.3479 7.05582 14.0218C7.16304 13.6108 7.33579 13.2161 7.48769 12.8185C7.97913 11.5244 7.7066 10.6681 6.43929 9.75819C6.68799 11.1461 5.96572 12.0769 5.13177 12.96C4.11911 14.0322 3.35366 15.1819 3.65895 16.7842C3.79 17.4693 4.2725 17.9697 4.46014 18.6219H4.46163Z' fill='%23999999'/%3E%3C/svg%3E");
  background-size: contain;
}
.ico-electricity {
  display: block;
  width: 1.2rem;
  height: 2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='21' viewBox='0 0 12 21' fill='none'%3E%3Cpath d='M11.8594 9.00637H7.53184C7.44385 9.00637 7.37986 8.94191 7.38786 8.87745L8.8437 0.761463C8.8677 0.638982 8.65972 0.580964 8.57973 0.684106L0.0206247 12.0813C-0.0353695 12.1587 0.0286238 12.2553 0.140612 12.2553H4.46816C4.55615 12.2553 4.62014 12.3198 4.61215 12.3843L3.1563 20.5003C3.1323 20.6227 3.34028 20.6808 3.42027 20.5776L11.9794 9.18687C12.0354 9.10952 11.9714 9.01282 11.8594 9.01282V9.00637Z' fill='%23999999'/%3E%3C/svg%3E");
  background-size: contain;
}
.ico-H2 {
  display: block;
  width: 1.6rem;
  height: 1.2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12' fill='none'%3E%3Cpath d='M5.73531 7.04414H3.19119V11.8383H0V0H3.19119V4.50002H5.73531V0H8.9265V11.8383H5.73531V7.04414Z' fill='%23999999'/%3E%3Cpath d='M14.6896 8.77931L13.0866 10.6028H15.5572V11.9999H10.7778V10.7058L13.1308 7.98519C13.469 7.60284 13.6013 7.32342 13.6013 6.89695C13.6013 6.47048 13.4396 6.19107 13.0572 6.19107C12.6749 6.19107 12.5131 6.42636 12.5131 6.89695V7.2646H10.6602V6.92636C10.6602 5.76459 11.4837 4.7793 13.0572 4.7793C14.6308 4.7793 15.4543 5.76459 15.4543 6.92636C15.4543 8.08813 15.2484 8.11754 14.6749 8.77931H14.6896Z' fill='%23999999'/%3E%3C/svg%3E");
  background-size: contain;
}
.ico-LNG {
  display: block;
  width: 2.8rem;
  height: 1.3rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='13' viewBox='0 0 28 13' fill='none'%3E%3Cpath d='M0.0898438 0.83429H2.85013V10.1902H7.5281V12.4275H0.0898438V0.83429Z' fill='%23999999'/%3E%3Cpath d='M11.2312 5.52678V12.4275H8.5V0.83429H11.2312L14.4855 7.73502V0.83429H17.2167V12.4275H14.4855L11.2312 5.52678Z' fill='%23999999'/%3E%3Cpath d='M23.3042 0.630859C26.1807 0.630859 27.8514 2.28703 27.9531 4.87299H25.2073C25.1347 3.6236 24.4955 2.88268 23.3042 2.88268C22.1129 2.88268 21.3139 3.56548 21.3139 6.63086C21.3139 9.69624 21.9531 10.3936 23.3478 10.3936C24.7425 10.3936 25.2364 9.50737 25.3236 8.18534H23.3478V6.23861H27.9386V12.4275H25.9628L25.6868 11.12C25.2945 12.0207 24.3357 12.6309 22.9555 12.6309C19.7885 12.6309 18.5391 10.1321 18.5391 6.63086C18.5391 3.12965 19.7158 0.630859 23.3042 0.630859Z' fill='%23999999'/%3E%3C/svg%3E");
  background-size: contain;
}
.ico-down {
  display: block;
  width: 1.6rem;
  height: 1.7rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M0 15.7109L16 15.7109' stroke='%230072c6' stroke-width='2' stroke-linejoin='bevel'/%3E%3Cpath d='M8 11.5299V0.290039' stroke='%230072c6' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M3.42773 8.71094L8.06814 12.1395L12.5706 8.80725' stroke='%230072c6' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E");
  background-size: cover;
}

.btn-outline {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 1.1;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  text-align: center;
  text-decoration: none;
  border: none;
  border-radius: 0.4rem;
  min-width: 16rem;
  height: 5rem;
  font-size: clamp(1.4rem, 1.56vw, 1.6rem);
  font-weight: 700;
  border: 1px solid #dedede;
  gap: 1rem;
}
.btn-outline .ico-arrow-right {
  display: block;
  width: 1rem;
  height: 1.4rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12' fill='none'%3E%3Cpath d='M1.0006 11.3028L6.65746 5.64592M6.65685 6.35314L1 0.696289' stroke='%23999999'/%3E%3C/svg%3E");
  background-size: cover;
}
.btn-outline.large {
  font-size: clamp(1.5rem, 1.76vw, 1.8rem);
  height: 6rem;
  min-width: 20rem;
  border-radius: 0.6rem;
  font-weight: 700;
}
.btn-outline.small {
  font-size: clamp(1.4rem, 1.56vw, 1.6rem);
  height: 4rem;
  font-weight: 600;
}
.btn-outline.black {
  border: 1px solid #444;
  color: #444;
}
.btn-outline.gray {
  border: 1px solid #999;
  color: #666;
}
.btn-outline.blue {
  border: 1px solid #0072C6;
  color: #0072C6;
}
.btn-outline.blue:hover {
  background: #0072C6;
  color: #fff;
}
.btn-outline:hover {
  background-color: #fff;
  border: 1px solid #0072C6;
  color: #0072C6;
}
.btn-outline:hover .ico-arrow-right {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12' fill='none'%3E%3Cpath d='M1.0006 11.3028L6.65746 5.64592M6.65685 6.35314L1 0.696289' stroke='%230072c6'/%3E%3C/svg%3E");
  background-size: cover;
}
@media (max-width: 640px) {
  .btn-outline {
    font-size: 1.5rem;
    height: 5rem;
    min-width: 10rem;
  }
  .btn-outline.large {
    font-size: 1.5rem;
    height: 5rem;
    min-width: 16.9rem;
  }
  .btn-outline.small {
    font-size: 1.4rem;
    height: 4rem;
  }
}
.btn-fill {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 1.1;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  text-align: center;
  text-decoration: none;
  border: none;
  border-radius: 0.4rem;
  min-width: 16rem;
  height: 5rem;
  font-size: clamp(1.4rem, 1.56vw, 1.6rem);
  font-weight: 700;
  background: #0072C6;
  color: #fff;
}
.btn-fill:hover {
  background-color: #0060A7;
}
.btn-fill.large {
  font-size: clamp(1.5rem, 1.76vw, 1.8rem);
  height: 6rem;
  min-width: 20rem;
  border-radius: 0.6rem;
  font-weight: 700;
}
.btn-fill.small {
  font-size: clamp(1.4rem, 1.56vw, 1.6rem);
  height: 4rem;
  font-weight: 600;
}
@media (max-width: 640px) {
  .btn-fill.large {
    height: 5rem;
    font-size: 1.5rem;
    min-width: 16.9rem;
  }
}
.btn-fill-gray {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 1.1;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  text-align: center;
  text-decoration: none;
  border: none;
  border-radius: 0.4rem;
  min-width: 16rem;
  height: 5rem;
  font-size: clamp(1.4rem, 1.56vw, 1.6rem);
  font-weight: 700;
  background: #f4f4f4;
  color: #444;
}
.btn-fill-gray:hover {
  background-color: #ccc;
}
.btn-fill-gray.large {
  font-size: clamp(1.5rem, 1.76vw, 1.8rem);
  height: 6rem;
  min-width: 20rem;
  border-radius: 0.6rem;
  font-weight: 700;
}
.btn-fill-gray.small {
  font-size: clamp(1.4rem, 1.56vw, 1.6rem);
  height: 4rem;
  font-weight: 600;
}
@media (max-width: 640px) {
  .btn-fill-gray.large {
    height: 5rem;
    font-size: 1.5rem;
    min-width: 16.9rem;
  }
}

.btn-cols {
  display: flex;
  justify-content: center;
  gap: 1.4rem;
  margin-top: clamp(3rem, 4.88vw, 5rem);
}
@media (max-width: 640px) {
  .btn-cols.col2 .btn-fill,
  .btn-cols.col2 .btn-fill-gray {
    flex: 1;
    min-width: auto;
  }
  .btn-cols.alone .large {
    width: 100%;
  }
}

.btn-cols2 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 3rem;
}

.btn-top {
  width: 5.4rem;
  height: 5.4rem;
  border-radius: 0.6rem;
  background: #f4f4f4;
  border: 2px solid #ccc;
  padding: 1rem;
}
.btn-top::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/common/ico-totop.svg) no-repeat 50% 50%;
}
.btn-top.active {
  background: rgba(204, 204, 204, 0.2);
  border: 0;
  backdrop-filter: blur(15px);
}

.btn-help {
  position: relative;
  width: clamp(1.6rem, 1.76vw, 1.8rem);
  height: clamp(1.6rem, 1.76vw, 1.8rem);
}
.btn-help::before {
  content: "";
  display: block;
  width: clamp(1.6rem, 1.76vw, 1.8rem);
  height: clamp(1.6rem, 1.76vw, 1.8rem);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Ccircle cx='9.67969' cy='9.74316' r='8.55' stroke='%230072C6' stroke-width='0.9'/%3E%3Cpath d='M8.7793 6.14258H10.5793V11.5426H8.7793V6.14258Z' fill='%230072C6'/%3E%3Cpath d='M8.7793 12.4426H10.5793V14.2426H8.7793V12.4426Z' fill='%230072C6'/%3E%3C/svg%3E");
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
}

input[type=text],
input[type=password],
input[type=search],
input[type=date],
input[type=number],
input[type=email],
input[type=tel],
textarea,
.select {
  height: 4rem;
  border: 1px solid #dadada;
  box-sizing: border-box;
  padding: 1rem;
}
input[type=text] ::-ms-expand,
input[type=password] ::-ms-expand,
input[type=search] ::-ms-expand,
input[type=date] ::-ms-expand,
input[type=number] ::-ms-expand,
input[type=email] ::-ms-expand,
input[type=tel] ::-ms-expand,
textarea ::-ms-expand,
.select ::-ms-expand {
  display: none;
}
input[type=text].full,
input[type=password].full,
input[type=search].full,
input[type=date].full,
input[type=number].full,
input[type=email].full,
input[type=tel].full,
textarea.full,
.select.full {
  width: 100%;
}
input[type=text][readonly],
input[type=password][readonly],
input[type=search][readonly],
input[type=date][readonly],
input[type=number][readonly],
input[type=email][readonly],
input[type=tel][readonly],
textarea[readonly],
.select[readonly] {
  background-color: #f3f3f3;
  color: #999;
}
@media (max-width: 640px) {
  input[type=text],
  input[type=password],
  input[type=search],
  input[type=date],
  input[type=number],
  input[type=email],
  input[type=tel],
  textarea,
  .select {
    padding: 0 1rem;
    height: 5rem;
    font-size: 16px;
  }
}

.input {
  border-radius: 0.4rem;
}
@media (max-width: 640px) {
  .input {
    font-size: 16px;
  }
}

.textar {
  width: 100%;
  height: 17rem;
}

.selectBox {
  position: relative;
  display: inline-block;
}
.selectBox .select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  padding: 0.8rem 3rem 0.8rem 1.6rem;
  font-size: 1.6rem;
  border: 1px solid #ccc;
  border-radius: 0.4rem;
  background-color: #fff;
  background-image: none;
  color: #666;
  font-weight: 500;
}
.selectBox::after {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(../images/common/ico-select-arr.svg) no-repeat center center/contain;
  position: absolute;
  right: 1.6rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.selectBox.open::after {
  transform: translateY(-50%) rotate(180deg);
}
@media (max-width: 1024px) {
  .selectBox .select {
    padding: 0.8rem 2rem 0.8rem 1rem;
  }
  .selectBox::after {
    right: 1rem;
  }
}
@media (max-width: 640px) {
  .selectBox .select {
    font-size: 16px;
    padding: 0 2rem 0 1rem;
  }
}

.checkForm {
  display: inline-block;
  position: relative;
}
.checkForm input {
  position: absolute;
  left: 0;
  width: 2.2rem;
  height: 2.2rem;
  cursor: pointer;
}
.checkForm label {
  position: relative;
  display: block;
  padding-left: clamp(2.4rem, 2.93vw, 3rem);
  line-height: clamp(1.8rem, 2.15vw, 2.2rem);
  color: #666;
  font-size: clamp(1.5rem, 1.56vw, 1.6rem);
  font-weight: 500;
}
.checkForm label::before {
  content: "";
  display: block;
  width: clamp(1.8rem, 2.15vw, 2.2rem);
  height: clamp(1.8rem, 2.15vw, 2.2rem);
  position: absolute;
  top: 0;
  left: 0;
  border: 0.1rem solid #999;
  box-sizing: border-box;
}
.checkForm label::after {
  content: "";
  display: block;
  transform: rotate(-45deg) scale(0);
  transition: all 0.3s;
}
.checkForm input[type=checkbox] + label::before {
  border-radius: 0.4rem;
}
.checkForm input[type=radio] + label::before {
  border-radius: 0.4rem;
}
.checkForm input[type=radio] + label::after {
  border-radius: 50%;
}
.checkForm input[type=radio]:checked + label,
.checkForm input[type=checkbox]:checked + label {
  color: #222;
}
.checkForm input[type=radio]:checked + label::before,
.checkForm input[type=checkbox]:checked + label::before {
  border: 0.1rem solid #0072C6;
  background: #0072C6 url(../images/common/ico-form-chk.svg) no-repeat center center;
  background-size: 1.4rem auto;
}
.checkForm input:focus-visible + label::before {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
}
@media (max-width: 640px) {
  .checkForm input[type=radio]:checked + label::before,
  .checkForm input[type=checkbox]:checked + label::before {
    background-size: 1rem auto;
  }
}
.checkForm.only label {
  font-size: 0;
  padding-left: clamp(1.8rem, 2.34vw, 2.4rem);
}

.form-ui {
  border-top: 2px solid #222;
}
.form-ui .form-row {
  display: flex;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #dedede;
}
.form-ui .form-tit {
  padding: 1.5rem 1rem;
  width: 25%;
  font-size: clamp(1.5rem, 1.56vw, 1.6rem);
}
.form-ui .form-tit > span {
  vertical-align: middle;
}
.form-ui .form-tit em {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #0072C6;
  vertical-align: middle;
  margin-left: 0.5rem;
}
.form-ui .form-col {
  flex: 1;
  vertical-align: middle;
  padding: 1.5rem 1rem;
}
.form-ui .form-col-direct {
  margin-top: 1rem;
}
@media (max-width: 640px) {
  .form-ui .form-row {
    flex-direction: column;
  }
  .form-ui .form-tit,
  .form-ui .form-col {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .form-ui .form-tit {
    padding-top: 2rem;
    padding-bottom: 1rem;
  }
  .form-ui .form-tit + .form-col {
    padding-top: 0;
  }
}

.form-col-email {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: clamp(0.5rem, 0.78vw, 1rem);
}
.form-col-email input {
  width: 48%;
}
.form-col-email .selectBox {
  width: 48%;
}
.form-col-phone {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: clamp(0.5rem, 0.78vw, 1rem);
}
.form-col-phone .selectBox {
  width: 30%;
}
.form-col-phone .input {
  width: 33%;
}
.form-col-date {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: clamp(0.5rem, 0.78vw, 1rem);
}
.form-col-date .input {
  width: 48%;
}
.form-col-datePick {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: clamp(0.5rem, 0.78vw, 1rem);
}
.form-col-datePick .input {
  width: 48%;
  background: #fff url(../images/common/ico-calendar.png) no-repeat right 1rem center;
}
.form-col-datePick .input[readonly] {
  background: #f4f4f4 url(../images/common/ico-calendar.png) no-repeat right 1rem center;
}
@media (max-width: 640px) {
  .form-col-datePick .input {
    background-size: 1.6rem auto;
  }
}
.form-col-search {
  display: flex;
  justify-content: space-between;
  gap: clamp(0.5rem, 0.78vw, 1rem);
}
.form-col-search .input {
  width: 87.25%;
}
.form-col-search .btn-outline {
  min-width: 12.75%;
  border: 1px solid #444;
  color: #444;
}
.form-col-search .btn-outline:hover {
  background: transparent;
  border: 1px solid #0072C6;
  color: #0072C6;
}
@media (max-width: 640px) {
  .form-col-search input {
    width: 72%;
  }
  .form-col-search .btn-outline {
    width: 28%;
    font-size: 1.5rem;
    font-weight: 600;
    height: 5rem;
  }
}
.form-col-addFile {
  display: flex;
  justify-content: space-between;
  gap: clamp(0.5rem, 0.78vw, 1rem);
  position: relative;
}
.form-col-addFile .file-name-input {
  width: calc(100% - 12rem);
}
.form-col-addFile .file-delete-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 17rem;
  width: 1.6rem;
  height: 1.6rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30.56 30.56'%3E%3Crect x='-4.72' y='13.67' transform='matrix(0.7071 0.7071 -0.7071 0.7071 15.2797 -6.329)' fill='%23222222' width='40' height='3.22'/%3E%3Crect x='-4.72' y='13.67' transform='matrix(-0.7071 0.7071 -0.7071 -0.7071 36.8884 15.2797)' fill='%23222222' width='40' height='3.22'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  font-size: 0;
}
.form-col-addFile .btn-outline {
  border: 1px solid #444;
  color: #444;
}
.form-col-addFile .btn-outline:hover {
  border: 1px solid #0072C6;
  color: #0072C6;
}
.form-col-addFile .real-file-input {
  display: none;
}
@media (max-width: 640px) {
  .form-col-addFile .file-name-input {
    width: calc(100% - 10rem);
    padding-right: 3rem;
  }
  .form-col-addFile .file-delete-btn {
    width: 1.2rem;
    height: 1.2rem;
    right: 12rem;
  }
  .form-col-addFile .btn-outline.small {
    height: 5rem;
  }
}
.form-col-checkForms {
  min-height: 6rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem 4rem;
}
@media (max-width: 640px) {
  .form-col-checkForms {
    min-height: 3rem;
    gap: 1rem 3rem;
  }
}

.radio-tabs {
  display: flex;
  gap: clamp(0.5rem, 1.3vw, 1rem);
}
.radio-tabs .radio {
  flex: 1;
}
.radio-tabs .radio label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4rem;
  border: 1px solid #dedede;
  border-radius: 0.4rem;
  cursor: pointer;
  font-size: 1.6rem;
  font-weight: 600;
}
.radio-tabs .radio input {
  position: absolute;
}
.radio-tabs .radio input:checked + label {
  background-color: #67b0e6;
  border: 1px solid #67b0e6;
  color: #fff;
}
.radio-tabs .radio input:focus-visible + label {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
}
@media (max-width: 640px) {
  .radio-tabs .radio label {
    height: 5rem;
    font-size: 1.5rem;
  }
}

.radio-tabs + .radio-tabs-cont {
  margin-top: 1rem;
}

.form-type1 .form-tit {
  padding-left: 5rem;
  padding-right: 0;
}
.form-type1 .form-col {
  padding-right: 15.8vw;
}
@media (max-width: 1024px) {
  .form-type1 .form-tit {
    padding-left: clamp(1rem, 3vw, 5rem);
    width: 24%;
  }
  .form-type1 .form-col {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (max-width: 640px) {
  .form-type1 .form-row {
    flex-direction: column;
  }
  .form-type1 .form-tit {
    width: 100%;
    padding: 2rem 0 1rem;
  }
  .form-type1 .form-tit em {
    margin-left: 0.3rem;
  }
  .form-type1 .form-col {
    width: 100%;
    display: block;
    padding: 1rem 0 1.5rem;
  }
}

.form-type2 {
  border-top: 0;
  background: #f4f4f4;
  border-radius: 1rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.form-type2 .form-row {
  border-bottom: 0;
  padding-right: 3rem;
}
.form-type2 .form-tit {
  width: 27%;
  text-align: right;
  padding-right: 0;
}
.form-type2 .form-col {
  width: 73%;
}
@media (max-width: 768px) {
  .form-type2 {
    display: block;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .form-type2 .form-row {
    padding-right: 0;
  }
  .form-type2 .form-tit {
    text-align: center;
  }
  .form-type2 .form-tit,
  .form-type2 .form-col {
    padding: 1rem 2rem 1rem 2rem;
  }
  .form-type2 .form-col {
    padding-left: 0;
  }
}
@media (max-width: 640px) {
  .form-type2 .form-row {
    display: block;
  }
  .form-type2 .form-tit,
  .form-type2 .form-col {
    width: 100%;
  }
  .form-type2 .form-tit {
    text-align: left;
  }
  .form-type2 .form-col {
    padding: 1rem 2rem;
  }
}

.form-type3 {
  border-top: 0;
  background: #f4f4f4;
  border-radius: 1rem;
  display: flex;
}
.form-type3 .form-row {
  border-bottom: 0;
  padding-right: 3rem;
}
.form-type3 .form-tit {
  width: 14%;
  text-align: right;
}
.form-type3 .form-col {
  width: 86%;
}
@media (max-width: 640px) {
  .form-type3 .form-row {
    padding: 0;
    flex-direction: column;
  }
  .form-type3 .form-tit {
    width: 100%;
    text-align: left;
    padding: 2rem 2rem 0;
  }
  .form-type3 .form-col {
    width: 100%;
    padding: 1rem 2rem 2rem;
    margin-top: 1rem;
  }
}

.form-type4 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1px solid #dedede;
  padding: 0.5rem 0;
}
.form-type4 .form-row {
  border-bottom: 0;
}
.form-type4 .form-tit {
  width: 30%;
  text-align: center;
  padding: 1rem 2rem;
}
.form-type4 .form-col {
  width: 70%;
  padding: 1rem 4rem;
  padding-left: 0;
}
@media (max-width: 768px) {
  .form-type4 .form-tit {
    padding: 1rem 0;
  }
  .form-type4 .form-col {
    padding: 1rem 2rem 1rem 1rem;
  }
}
@media (max-width: 640px) {
  .form-type4 {
    grid-template-columns: 1fr;
    padding-bottom: 2rem;
  }
  .form-type4 .form-row {
    flex-direction: column;
  }
  .form-type4 .form-tit,
  .form-type4 .form-col {
    width: 100%;
    padding: 0;
  }
  .form-type4 .form-tit {
    text-align: left;
    padding: 2rem 0 1rem;
  }
}

.form-re100ty {
  border-top: 1px solid #222;
}
.form-re100ty .form-tit {
  width: 16rem;
  text-align: center;
}
.form-re100ty .form-col {
  width: calc(100% - 16rem);
  padding: 1rem 2rem;
}
.form-re100ty .form-col .file-delete-btn {
  right: 18rem;
}
.form-re100ty .form-col .form-col-addFile .file-name-input {
  background: #fff;
}
@media (max-width: 640px) {
  .form-re100ty .form-tit,
  .form-re100ty .form-col {
    width: 100%;
  }
  .form-re100ty .form-tit {
    text-align: left;
    padding-top: 1.2rem;
  }
  .form-re100ty .form-col {
    padding: 0 0 1rem;
  }
  .form-re100ty .form-col .file-delete-btn {
    right: 12rem;
  }
}

.paging {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: clamp(4rem, 4.88vw, 5rem);
  gap: clamp(0.6rem, 1.3vw, 1rem);
}
.paging .num,
.paging .pn {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #d9d9d9;
  border-radius: 0.5rem;
  background: #fff;
  width: clamp(3rem, 3.91vw, 4rem);
  height: clamp(3rem, 3.91vw, 4rem);
}
.paging .num {
  font-size: clamp(1.4rem, 1.76vw, 1.8rem);
}
.paging .num.on {
  background: #0072C6;
  border: 1px solid #0072C6;
  color: #fff;
}
.paging .first em {
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M5.99805 1.4043L1.40185 6.00049L5.99805 10.5967' stroke='%23222222' stroke-linecap='square'/%3E%3Cpath d='M10.5957 1.4043L5.99951 6.00049L10.5957 10.5967' stroke='%23222222' stroke-linecap='square'/%3E%3C/svg%3E");
  font-size: 0;
}
.paging .prev {
  margin-right: 1rem;
}
.paging .prev em {
  display: block;
  width: 0.6rem;
  height: 1.2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='12' viewBox='0 0 6 12' fill='none'%3E%3Cpath d='M5.29883 1.4043L0.702634 6.00049L5.29883 10.5967' stroke='%23222222' stroke-linecap='square'/%3E%3C/svg%3E");
  font-size: 0;
}
.paging .next {
  margin-left: 1rem;
}
.paging .next em {
  display: block;
  width: 0.6rem;
  height: 1.2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='12' viewBox='0 0 6 12' fill='none'%3E%3Cpath d='M5.29883 1.4043L0.702634 6.00049L5.29883 10.5967' stroke='%23222222' stroke-linecap='square'/%3E%3C/svg%3E");
  font-size: 0;
  transform: rotate(180deg);
}
.paging .last em {
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M5.99805 1.4043L1.40185 6.00049L5.99805 10.5967' stroke='%23222222' stroke-linecap='square'/%3E%3Cpath d='M10.5957 1.4043L5.99951 6.00049L10.5957 10.5967' stroke='%23222222' stroke-linecap='square'/%3E%3C/svg%3E");
  font-size: 0;
  transform: rotate(180deg);
}
.paging a:hover {
  background: #d9d9d9;
}

.pagination ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(0.6rem, 1.3vw, 1rem);
}
.pagination ul a, .pagination ul strong {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #dedede;
  border-radius: 0.4rem;
  min-width: clamp(3rem, 3.91vw, 4rem);
  height: clamp(3rem, 3.91vw, 4rem);
  font-size: clamp(1.4rem, 1.76vw, 1.8rem);
}
.pagination ul strong {
  background: #0072C6;
  border: 1px solid #0072C6;
  color: #fff;
}
.pagination ul .prev {
  margin-right: 1rem;
}
.pagination ul .next {
  margin-left: 1rem;
}
.pagination ul .first, .pagination ul .prev,
.pagination ul .next, .pagination ul .last {
  font-size: 0;
}
.pagination ul .first::before {
  content: "";
  display: block;
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M5.99805 1.4043L1.40185 6.00049L5.99805 10.5967' stroke='%23222222' stroke-linecap='square'/%3E%3Cpath d='M10.5957 1.4043L5.99951 6.00049L10.5957 10.5967' stroke='%23222222' stroke-linecap='square'/%3E%3C/svg%3E");
}
.pagination ul .prev::before {
  content: "";
  display: block;
  display: block;
  width: 0.6rem;
  height: 1.2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='12' viewBox='0 0 6 12' fill='none'%3E%3Cpath d='M5.29883 1.4043L0.702634 6.00049L5.29883 10.5967' stroke='%23222222' stroke-linecap='square'/%3E%3C/svg%3E");
}
.pagination ul .next::before {
  content: "";
  display: block;
  display: block;
  width: 0.6rem;
  height: 1.2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='12' viewBox='0 0 6 12' fill='none'%3E%3Cpath d='M5.29883 1.4043L0.702634 6.00049L5.29883 10.5967' stroke='%23222222' stroke-linecap='square'/%3E%3C/svg%3E");
  transform: rotate(180deg);
}
.pagination ul .last::before {
  content: "";
  display: block;
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M5.99805 1.4043L1.40185 6.00049L5.99805 10.5967' stroke='%23222222' stroke-linecap='square'/%3E%3Cpath d='M10.5957 1.4043L5.99951 6.00049L10.5957 10.5967' stroke='%23222222' stroke-linecap='square'/%3E%3C/svg%3E");
  transform: rotate(180deg);
}

table {
  width: 100%;
}

.tblCont {
  border-top: 2px solid #222;
}
.tblCont table {
  font-size: clamp(1.4rem, 1.76vw, 1.8rem);
  color: #666;
  line-height: 1.55;
}
.tblCont table th {
  font-weight: 700;
  color: #222;
}
.tblCont table td {
  text-align: center;
  padding-left: 2rem;
  padding-right: 2rem;
  font-weight: 500;
}
.tblCont table td strong {
  font-weight: 700;
  color: #222;
}
.tblCont table td.tal {
  text-align: left;
  padding-left: clamp(2rem, 4vw, 5rem);
}
.tblCont table th, .tblCont table td {
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede;
  padding-top: clamp(1.1rem, 1.56vw, 1.6rem);
  padding-bottom: clamp(1.1rem, 1.56vw, 1.6rem);
}
.tblCont table th:last-child, .tblCont table td:last-child {
  border-right: 0;
}
.tblCont.board-list table th {
  font-size: clamp(1.5rem, 1.95vw, 2rem);
}
.tblCont.board-list table td {
  color: #222;
  font-size: clamp(1.4rem, 1.56vw, 1.6rem);
}
.tblCont.board-list table td.tal {
  padding-left: 2rem;
}
.tblCont.board-list table td.tal a {
  display: inline-block;
}
.tblCont.board-list table td.tal span {
  vertical-align: middle;
}

.garo-scroll .tblCont {
  width: 100%;
  min-width: 102.4rem;
}
.garo-scroll .tblCont.board-list {
  min-width: 60rem;
}

.tab-navs .tab-nav {
  display: flex;
  gap: 1rem;
}
.tab-navs .tab-nav li {
  flex: 1;
}
.tab-navs .tab-nav li button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5rem;
  border: 1px solid #999;
  border-radius: 0.6rem;
  font-size: clamp(1.6rem, 1.76vw, 1.8rem);
  color: #666;
  font-weight: 600;
}
.tab-navs .tab-nav li.active button {
  background: #0072C6;
  border: 1px solid #0072C6;
  color: #fff;
}

.tab-panels {
  margin-top: clamp(5rem, 7.81vw, 8rem);
}
.tab-panels .tab-panel {
  display: none;
}
.tab-panels .tab-panel.active {
  display: block;
  animation: fadeInUpTab 0.5s;
}

.sub-tab-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sub-tab {
  display: inline-flex;
  justify-content: center;
}
.sub-tab li a, .sub-tab li button {
  display: block;
  padding: clamp(1.2rem, 1.76vw, 1.8rem) clamp(1rem, 1.95vw, 2rem);
  font-size: clamp(1.8rem, 1.45vw, 2.2rem);
  color: #666;
  border-bottom: 3px solid #ccc;
  transition: all 0.3s ease;
  font-weight: 500;
  line-height: 1.36;
  width: 20rem;
  text-align: center;
}
.sub-tab li:hover a, .sub-tab li:hover button, .sub-tab li.active a, .sub-tab li.active button {
  color: #0072C6;
  border-bottom: 3px solid #0072C6;
  font-weight: 700;
}
@media (max-width: 768px) {
  .sub-tab {
    width: 100%;
  }
  .sub-tab li {
    flex: 1;
  }
  .sub-tab li a {
    width: auto;
  }
}

.popup-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1050;
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
  opacity: 0;
}
.popup-backdrop.popup-open {
  opacity: 1;
  visibility: visible;
  animation: fadeIn 0.2s forwards;
}
.popup-backdrop[hidden] {
  display: none;
}

.popup-wrap {
  position: absolute;
  transform: translateY(30%);
  transition: all 0.5s;
  opacity: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.popup-open .popup-wrap {
  transform: translateY(0);
  opacity: 1;
}

.popup {
  background-color: #fff;
  max-width: 100rem;
  width: 90vw;
  max-height: 86vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  overflow-y: auto;
}
.popup-head {
  background: #EAF5FD;
  padding: 2.7rem 2rem 2.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
  position: relative;
}
.popup-head .ico-close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  width: 2rem;
  height: 2rem;
}
.popup-head h2 {
  font-size: clamp(2rem, 2.93vw, 3rem);
}
.popup-head p {
  font-size: clamp(1.5rem, 1.56vw, 1.6rem);
}
.popup-contents-inner {
  padding: clamp(2rem, 2.64vw, 2.7rem) clamp(2rem, 3.91vw, 4rem) clamp(3rem, 4.88vw, 5rem);
}
.popup-contents-inner .shty4:nth-child(1) {
  margin-top: 0;
}
.popup-btn-cols {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(1rem, 1.95vw, 2rem);
  margin-top: 2rem;
}
.popup-btn-cols .btn-outline {
  min-width: 10rem;
}
.popup .tb-type1 {
  border-top: 1px solid #222;
}

.popup-tab ul {
  display: flex;
  gap: 1rem;
}
.popup-tab ul > li {
  flex: 1;
}
.popup-tab ul > li button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4rem;
  border: 1px solid #999;
  color: #666;
  border-radius: 0.4rem;
  font-weight: 600;
  font-size: clamp(1.4rem, 1.56vw, 1.6rem);
}
.popup-tab ul > li.active button {
  background: #0072C6;
  border: 1px solid #0072C6;
  color: #fff;
}
@media (max-width: 640px) {
  .popup-tab ul > li {
    flex: auto;
  }
}

.popup-tab-conts > div {
  display: none;
}
.popup-tab-conts > div.active {
  display: block;
  animation: fadeInUpTab 0.5s;
}

.popup-small {
  max-width: 67.4rem;
  width: 90vw;
}
.popup-small .popup-head {
  background: #fff;
}

.popup-alert {
  max-width: 40rem;
  width: 90vw;
}
.popup-alert-sect {
  text-align: center;
}
.popup-alert-sect .btn-cols {
  margin-top: clamp(2rem, 4.88vw, 3rem);
}
.popup-alert-sect .btn-cols button {
  min-width: 48%;
}
.popup-alert-sect textarea {
  width: 100%;
  height: 12rem;
}

.popup-re100 .popup-head p {
  text-align: center;
}
.popup-re100 .agree-check {
  text-align: center;
}
@media (max-width: 640px) {
  .popup-re100 .btn-cols .btn-fill {
    width: 100%;
  }
}

.main-popup {
  background-color: #fff;
  max-width: 68rem;
  width: 90vw;
  max-height: 90vh;
  border-radius: 1rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.main-popup-content {
  overflow: hidden;
  overflow-y: auto;
  height: calc(100% - 7rem);
}
.main-popup-buttom {
  padding: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f4f4f4;
}
.main-popup-buttom .ico-close {
  width: 2.6rem;
  height: 2.6rem;
}
.main-popup .isHtml {
  padding: 2rem;
  font-size: clamp(1.4rem, 1.56vw, 1.6rem);
  line-height: 1.3;
}
@media (max-width: 768px) {
  .main-popup {
    max-width: 58rem;
  }
}
@media (max-width: 640px) {
  .main-popup {
    max-height: 80vh;
  }
  .main-popup-buttom .ico-close {
    width: 2rem;
    height: 2rem;
  }
}

.accordions .accordion-header {
  border: 1px solid #dedede;
}
.accordions .accordion-header .accordions-trigger {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 1rem 2rem;
}
.accordions .accordion-header .accordions-trigger .arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2.4rem;
}
.accordions .accordion-header .accordions-trigger .arrow::before {
  content: "";
  display: block;
  display: block;
  width: 1.2rem;
  height: 0.7rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 7'%3E%3Cpath d='M6 7L12 1.13514L10.8333 3.08625e-07L6 4.72973L1.16667 9.4708e-07L9.92367e-08 1.13514L6 7Z' fill='%23999999'/%3E%3C/svg%3E");
  background-size: cover;
}
.accordions .accordions-panel {
  border: 1px solid #dedede;
  padding: 1rem 2rem;
  line-height: 1.5;
}
.accordions .accordion-item.show .accordions-trigger .arrow::before {
  transform: rotate(180deg);
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  transition: all 0.3s ease;
  opacity: 0;
}
header .header-top {
  position: relative;
  height: 10rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: clamp(2rem, 3.29vw, 5rem);
  padding-right: clamp(2rem, 3.29vw, 5rem);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
header .logo {
  width: 11.3rem;
  height: 5.3rem;
  position: relative;
  z-index: 11;
}
header .logo a {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../images/common/logo-skens-w.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
header .gnb-wrap {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.46, 0.87, 0.18, 1.01);
}
header .gnb-wrap .gnb {
  position: relative;
  display: flex;
  gap: clamp(2.8rem, 3vw, 7rem);
  transition: all 0.3s ease;
}
header .gnb-wrap .gnb > li {
  height: 100%;
  display: flex;
  flex-direction: column;
}
header .gnb-wrap .gnb > li > button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 1rem;
  height: 10rem;
  font-weight: 600;
  font-size: clamp(2rem, 1.45vw, 22px);
  color: #fff;
  position: relative;
}
header .gnb-wrap .gnb > li > button::before {
  content: "";
  display: block;
  width: 0;
  height: 3px;
  background-color: #0072C6;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  transition: all 0.3s ease;
  opacity: 0;
}
header .gnb-wrap .gnb > li:hover > button {
  color: #0072C6;
}
header .gnb-wrap .gnb > li:hover > button::before {
  width: 100%;
  opacity: 1;
}
header .gnb-wrap .gnb > li > ul {
  width: 100%;
  height: 100%;
  display: flex;
  text-align: center;
  flex-direction: column;
  gap: 2rem;
  margin-top: 4.7rem;
}
header .gnb-wrap .gnb > li > ul > li a {
  color: #666;
  font-weight: 600;
  font-size: clamp(1.5rem, 1.05vw, 1.6rem);
}
header .gnb-wrap .gnb > li > ul > li a:hover {
  color: #0072C6;
}
header .util {
  display: flex;
  align-items: center;
  gap: clamp(1rem, 1.56vw, 3rem);
  position: relative;
  z-index: 11;
}
header .news {
  color: #fff;
  font-weight: 700;
  font-size: clamp(1.2rem, 0.92vw, 1.4rem);
}
header .news:hover {
  color: #0072C6;
}
header .ico-sns {
  display: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='29' height='28' viewBox='0 0 29 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.0709484 13.7754L0.00933128 12.4555C-0.275882 5.5214 6.01259 0.453155 14.0031 0.0244617C21.993 -0.404878 28.7018 4.86875 28.987 11.8028C29.2122 17.284 26.5129 22.1415 21.0424 24.9588C20.2893 25.456 18.075 26.5605 18.075 26.5605L14.9854 27.7273L13.665 28H12.3865L11.8416 27.4127C11.8416 27.4127 11.6261 26.9737 11.5484 26.6119C11.5399 26.572 11.533 26.5332 11.5283 26.4959C11.5151 26.3927 11.5184 26.3019 11.5482 26.2382L12.4995 25.3304C12.8459 24.5872 12.593 24.5633 12.0025 24.5076C11.9049 24.4983 11.7981 24.4883 11.6833 24.4739C11.6394 24.4684 11.5944 24.4623 11.5482 24.4554C11.197 24.403 10.8507 24.3421 10.5098 24.273C4.59953 23.0748 0.302087 19.3917 0.0709484 13.7754ZM14.6937 25.5509C14.7504 25.3396 14.7923 25.0999 14.7944 24.8448C14.7973 24.4788 14.7202 24.0095 14.434 23.5521C14.1488 23.0966 13.7672 22.8304 13.4622 22.6806C13.0025 22.4547 12.5155 22.4079 12.3768 22.3946C12.3683 22.3938 12.361 22.3931 12.3552 22.3925C12.2743 22.3841 12.2106 22.3781 12.1556 22.373C12.0462 22.3627 11.9714 22.3557 11.8646 22.3397L11.8642 22.3396L11.8639 22.3396C5.99887 21.4632 2.39322 18.2145 2.20691 13.6874L2.20667 13.6815L2.1453 12.3675C2.14522 12.3656 2.14514 12.3637 2.14506 12.3618C1.93041 7.05501 6.78476 2.55413 14.1175 2.16072L14.1177 2.16071C21.2207 1.77903 26.6264 6.42974 26.851 11.8908C27.0411 16.5168 24.815 20.6099 20.0642 23.0566L19.9616 23.1094L19.8653 23.173C19.5968 23.3503 18.9567 23.6999 18.2872 24.0495C17.9727 24.2138 17.6801 24.3634 17.4659 24.4722C17.3616 24.5251 17.2762 24.5681 17.2165 24.5981L14.6937 25.5509Z' fill='%23ffffff'/%3E%3Cpath d='M7.46629 16.3545C6.90292 16.3545 6.36303 16.2807 5.84661 16.133C5.33019 15.9787 4.91437 15.7807 4.59915 15.5391L5.15246 14.3108C5.45426 14.5256 5.80972 14.7035 6.21883 14.8444C6.63465 14.9786 7.05382 15.0458 7.47635 15.0458C7.79827 15.0458 8.05648 15.0156 8.25098 14.9551C8.45218 14.888 8.59973 14.7974 8.69362 14.6833C8.78752 14.5692 8.83446 14.4384 8.83446 14.2907C8.83446 14.1028 8.76069 13.9551 8.61314 13.8477C8.46559 13.7336 8.2711 13.643 8.02965 13.5759C7.78821 13.5021 7.51994 13.435 7.22484 13.3746C6.93645 13.3074 6.64471 13.2269 6.34961 13.1329C6.06122 13.039 5.79631 12.9182 5.55487 12.7705C5.31342 12.6229 5.11557 12.4282 4.96132 12.1866C4.81377 11.945 4.74 11.6363 4.74 11.2604C4.74 10.8577 4.8473 10.4919 5.06192 10.1631C5.28324 9.82747 5.61187 9.56237 6.04781 9.36773C6.49046 9.16638 7.04376 9.06571 7.70773 9.06571C8.15038 9.06571 8.58631 9.1194 9.01554 9.22679C9.44478 9.32746 9.82371 9.48183 10.1523 9.68989L9.64933 10.9282C9.3207 10.7403 8.99207 10.6027 8.66344 10.5154C8.33481 10.4215 8.01289 10.3745 7.69767 10.3745C7.38245 10.3745 7.12424 10.4114 6.92304 10.4852C6.72184 10.559 6.57764 10.6564 6.49046 10.7772C6.40327 10.8913 6.35967 11.0255 6.35967 11.1799C6.35967 11.3611 6.43345 11.5087 6.581 11.6228C6.72855 11.7302 6.92304 11.8175 7.16448 11.8846C7.40593 11.9517 7.67084 12.0188 7.95923 12.0859C8.25433 12.153 8.54607 12.2302 8.83446 12.3175C9.12956 12.4047 9.39783 12.5222 9.63927 12.6698C9.88072 12.8175 10.0752 13.0121 10.2228 13.2538C10.377 13.4954 10.4541 13.8007 10.4541 14.1699C10.4541 14.5659 10.3435 14.9283 10.1222 15.2572C9.90084 15.586 9.56885 15.8511 9.12621 16.0525C8.69027 16.2538 8.13696 16.3545 7.46629 16.3545Z' fill='%23ffffff'/%3E%3Cpath d='M10.9641 16.2337V9.18652H12.3122L16.467 14.2605H15.8131V9.18652H17.4227V16.2337H16.0847L11.9199 11.1597H12.5738V16.2337H10.9641Z' fill='%23ffffff'/%3E%3Cpath d='M20.7991 16.3545C20.2357 16.3545 19.6958 16.2807 19.1794 16.133C18.663 15.9787 18.2472 15.7807 17.932 15.5391L18.4853 14.3108C18.7871 14.5256 19.1425 14.7035 19.5516 14.8444C19.9674 14.9786 20.3866 15.0458 20.8091 15.0458C21.1311 15.0458 21.3893 15.0156 21.5838 14.9551C21.785 14.888 21.9325 14.7974 22.0264 14.6833C22.1203 14.5692 22.1673 14.4384 22.1673 14.2907C22.1673 14.1028 22.0935 13.9551 21.9459 13.8477C21.7984 13.7336 21.6039 13.643 21.3625 13.5759C21.121 13.5021 20.8527 13.435 20.5576 13.3746C20.2693 13.3074 19.9775 13.2269 19.6824 13.1329C19.394 13.039 19.1291 12.9182 18.8877 12.7705C18.6462 12.6229 18.4484 12.4282 18.2941 12.1866C18.1466 11.945 18.0728 11.6363 18.0728 11.2604C18.0728 10.8577 18.1801 10.4919 18.3947 10.1631C18.616 9.82747 18.9447 9.56237 19.3806 9.36773C19.8233 9.16638 20.3766 9.06571 21.0405 9.06571C21.4832 9.06571 21.9191 9.1194 22.3483 9.22679C22.7776 9.32746 23.1565 9.48183 23.4851 9.68989L22.9821 10.9282C22.6535 10.7403 22.3249 10.6027 21.9962 10.5154C21.6676 10.4215 21.3457 10.3745 21.0305 10.3745C20.7153 10.3745 20.457 10.4114 20.2558 10.4852C20.0546 10.559 19.9104 10.6564 19.8233 10.7772C19.7361 10.8913 19.6925 11.0255 19.6925 11.1799C19.6925 11.3611 19.7662 11.5087 19.9138 11.6228C20.0613 11.7302 20.2558 11.8175 20.4973 11.8846C20.7387 11.9517 21.0036 12.0188 21.292 12.0859C21.5871 12.153 21.8789 12.2302 22.1673 12.3175C22.4624 12.4047 22.7306 12.5222 22.9721 12.6698C23.2135 12.8175 23.408 13.0121 23.5556 13.2538C23.7098 13.4954 23.7869 13.8007 23.7869 14.1699C23.7869 14.5659 23.6763 14.9283 23.455 15.2572C23.2336 15.586 22.9016 15.8511 22.459 16.0525C22.0231 16.2538 21.4698 16.3545 20.7991 16.3545Z' fill='%23ffffff'/%3E%3C/svg%3E");
}
header .ico-sns:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='29' height='28' viewBox='0 0 29 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.0709484 13.7754L0.00933128 12.4555C-0.275882 5.5214 6.01259 0.453155 14.0031 0.0244617C21.993 -0.404878 28.7018 4.86875 28.987 11.8028C29.2122 17.284 26.5129 22.1415 21.0424 24.9588C20.2893 25.456 18.075 26.5605 18.075 26.5605L14.9854 27.7273L13.665 28H12.3865L11.8416 27.4127C11.8416 27.4127 11.6261 26.9737 11.5484 26.6119C11.5399 26.572 11.533 26.5332 11.5283 26.4959C11.5151 26.3927 11.5184 26.3019 11.5482 26.2382L12.4995 25.3304C12.8459 24.5872 12.593 24.5633 12.0025 24.5076C11.9049 24.4983 11.7981 24.4883 11.6833 24.4739C11.6394 24.4684 11.5944 24.4623 11.5482 24.4554C11.197 24.403 10.8507 24.3421 10.5098 24.273C4.59953 23.0748 0.302087 19.3917 0.0709484 13.7754ZM14.6937 25.5509C14.7504 25.3396 14.7923 25.0999 14.7944 24.8448C14.7973 24.4788 14.7202 24.0095 14.434 23.5521C14.1488 23.0966 13.7672 22.8304 13.4622 22.6806C13.0025 22.4547 12.5155 22.4079 12.3768 22.3946C12.3683 22.3938 12.361 22.3931 12.3552 22.3925C12.2743 22.3841 12.2106 22.3781 12.1556 22.373C12.0462 22.3627 11.9714 22.3557 11.8646 22.3397L11.8642 22.3396L11.8639 22.3396C5.99887 21.4632 2.39322 18.2145 2.20691 13.6874L2.20667 13.6815L2.1453 12.3675C2.14522 12.3656 2.14514 12.3637 2.14506 12.3618C1.93041 7.05501 6.78476 2.55413 14.1175 2.16072L14.1177 2.16071C21.2207 1.77903 26.6264 6.42974 26.851 11.8908C27.0411 16.5168 24.815 20.6099 20.0642 23.0566L19.9616 23.1094L19.8653 23.173C19.5968 23.3503 18.9567 23.6999 18.2872 24.0495C17.9727 24.2138 17.6801 24.3634 17.4659 24.4722C17.3616 24.5251 17.2762 24.5681 17.2165 24.5981L14.6937 25.5509Z' fill='%230072C6'/%3E%3Cpath d='M7.46629 16.3545C6.90292 16.3545 6.36303 16.2807 5.84661 16.133C5.33019 15.9787 4.91437 15.7807 4.59915 15.5391L5.15246 14.3108C5.45426 14.5256 5.80972 14.7035 6.21883 14.8444C6.63465 14.9786 7.05382 15.0458 7.47635 15.0458C7.79827 15.0458 8.05648 15.0156 8.25098 14.9551C8.45218 14.888 8.59973 14.7974 8.69362 14.6833C8.78752 14.5692 8.83446 14.4384 8.83446 14.2907C8.83446 14.1028 8.76069 13.9551 8.61314 13.8477C8.46559 13.7336 8.2711 13.643 8.02965 13.5759C7.78821 13.5021 7.51994 13.435 7.22484 13.3746C6.93645 13.3074 6.64471 13.2269 6.34961 13.1329C6.06122 13.039 5.79631 12.9182 5.55487 12.7705C5.31342 12.6229 5.11557 12.4282 4.96132 12.1866C4.81377 11.945 4.74 11.6363 4.74 11.2604C4.74 10.8577 4.8473 10.4919 5.06192 10.1631C5.28324 9.82747 5.61187 9.56237 6.04781 9.36773C6.49046 9.16638 7.04376 9.06571 7.70773 9.06571C8.15038 9.06571 8.58631 9.1194 9.01554 9.22679C9.44478 9.32746 9.82371 9.48183 10.1523 9.68989L9.64933 10.9282C9.3207 10.7403 8.99207 10.6027 8.66344 10.5154C8.33481 10.4215 8.01289 10.3745 7.69767 10.3745C7.38245 10.3745 7.12424 10.4114 6.92304 10.4852C6.72184 10.559 6.57764 10.6564 6.49046 10.7772C6.40327 10.8913 6.35967 11.0255 6.35967 11.1799C6.35967 11.3611 6.43345 11.5087 6.581 11.6228C6.72855 11.7302 6.92304 11.8175 7.16448 11.8846C7.40593 11.9517 7.67084 12.0188 7.95923 12.0859C8.25433 12.153 8.54607 12.2302 8.83446 12.3175C9.12956 12.4047 9.39783 12.5222 9.63927 12.6698C9.88072 12.8175 10.0752 13.0121 10.2228 13.2538C10.377 13.4954 10.4541 13.8007 10.4541 14.1699C10.4541 14.5659 10.3435 14.9283 10.1222 15.2572C9.90084 15.586 9.56885 15.8511 9.12621 16.0525C8.69027 16.2538 8.13696 16.3545 7.46629 16.3545Z' fill='%230072C6'/%3E%3Cpath d='M10.9641 16.2337V9.18652H12.3122L16.467 14.2605H15.8131V9.18652H17.4227V16.2337H16.0847L11.9199 11.1597H12.5738V16.2337H10.9641Z' fill='%230072C6'/%3E%3Cpath d='M20.7991 16.3545C20.2357 16.3545 19.6958 16.2807 19.1794 16.133C18.663 15.9787 18.2472 15.7807 17.932 15.5391L18.4853 14.3108C18.7871 14.5256 19.1425 14.7035 19.5516 14.8444C19.9674 14.9786 20.3866 15.0458 20.8091 15.0458C21.1311 15.0458 21.3893 15.0156 21.5838 14.9551C21.785 14.888 21.9325 14.7974 22.0264 14.6833C22.1203 14.5692 22.1673 14.4384 22.1673 14.2907C22.1673 14.1028 22.0935 13.9551 21.9459 13.8477C21.7984 13.7336 21.6039 13.643 21.3625 13.5759C21.121 13.5021 20.8527 13.435 20.5576 13.3746C20.2693 13.3074 19.9775 13.2269 19.6824 13.1329C19.394 13.039 19.1291 12.9182 18.8877 12.7705C18.6462 12.6229 18.4484 12.4282 18.2941 12.1866C18.1466 11.945 18.0728 11.6363 18.0728 11.2604C18.0728 10.8577 18.1801 10.4919 18.3947 10.1631C18.616 9.82747 18.9447 9.56237 19.3806 9.36773C19.8233 9.16638 20.3766 9.06571 21.0405 9.06571C21.4832 9.06571 21.9191 9.1194 22.3483 9.22679C22.7776 9.32746 23.1565 9.48183 23.4851 9.68989L22.9821 10.9282C22.6535 10.7403 22.3249 10.6027 21.9962 10.5154C21.6676 10.4215 21.3457 10.3745 21.0305 10.3745C20.7153 10.3745 20.457 10.4114 20.2558 10.4852C20.0546 10.559 19.9104 10.6564 19.8233 10.7772C19.7361 10.8913 19.6925 11.0255 19.6925 11.1799C19.6925 11.3611 19.7662 11.5087 19.9138 11.6228C20.0613 11.7302 20.2558 11.8175 20.4973 11.8846C20.7387 11.9517 21.0036 12.0188 21.292 12.0859C21.5871 12.153 21.8789 12.2302 22.1673 12.3175C22.4624 12.4047 22.7306 12.5222 22.9721 12.6698C23.2135 12.8175 23.408 13.0121 23.5556 13.2538C23.7098 13.4954 23.7869 13.8007 23.7869 14.1699C23.7869 14.5659 23.6763 14.9283 23.455 15.2572C23.2336 15.586 22.9016 15.8511 22.459 16.0525C22.0231 16.2538 21.4698 16.3545 20.7991 16.3545Z' fill='%230072C6'/%3E%3C/svg%3E");
}
header .sns {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
header .sns li a {
  color: #fff;
  display: flex;
}
header .sns li a .ico-youtube {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2724%27%20height%3D%2719%27%20viewBox%3D%270%200%2024%2019%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M23.2648%204.8364C23.2648%204.8364%2023.0295%203.22004%2022.3761%202.5311C21.4875%201.60369%2020.4943%201.57719%2020.05%201.55069C16.8614%201.28571%2012%201.28571%2012%201.28571L3.95%201.55069C3.50568%201.57719%202.5125%201.60369%201.62386%202.5311C0.970455%203.22004%200.735227%204.8364%200.735227%204.8364C0.735227%204.8364%200.5%206.71774%200.5%208.59908V10.3744C0.5%2012.2823%200.735227%2014.1371%200.735227%2014.1371C0.735227%2014.1371%200.970455%2015.78%201.62386%2016.4689C2.5125%2017.3963%203.68864%2017.3698%204.18523%2017.4493C6.01477%2017.6348%2012%2017.7143%2012%2017.7143C12%2017.7143%2016.8614%2017.6878%2020.05%2017.4493C20.4943%2017.3963%2021.4875%2017.3963%2022.3761%2016.4689C23.0295%2015.78%2023.2648%2014.1371%2023.2648%2014.1371C23.2648%2014.1371%2023.5%2012.2823%2023.5%2010.3744V8.59908C23.5%206.71774%2023.2648%204.8364%2023.2648%204.8364ZM9.62159%2012.5207V5.94931L15.8159%209.26152L9.62159%2012.5207Z%27%20fill%3D%27%23ffffff%27/%3E%3C/svg%3E");
}
header .sns li a .ico-instagram {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2721%27%20height%3D%2721%27%20viewBox%3D%270%200%2021%2021%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M14.9864%200H6.10909C2.67273%200%200%202.67273%200%206.01364V14.8909C0%2018.3273%202.67273%2021%206.10909%2021H14.9864C18.3273%2021%2021%2018.3273%2021%2014.8909V6.01364C21%202.67273%2018.3273%200%2014.9864%200ZM10.5%2016.0364C7.44545%2016.0364%205.05909%2013.5545%205.05909%2010.5955C5.05909%207.63636%207.44545%205.05909%2010.5%205.05909C13.5545%205.05909%2015.9409%207.54091%2015.9409%2010.5C15.9409%2013.4591%2013.5545%2016.0364%2010.5%2016.0364ZM16.1318%206.20455C15.4636%206.20455%2014.8909%205.63182%2014.8909%204.96364C14.8909%204.29545%2015.4636%203.72273%2016.1318%203.72273C16.8%203.72273%2017.3727%204.29545%2017.3727%204.96364C17.3727%205.63182%2016.8%206.20455%2016.1318%206.20455Z%27%20fill%3D%27%23ffffff%27/%3E%3Cpath%20d%3D%27M10.5002%207.00018C8.60829%207.00018%207.00018%208.60829%207.00018%2010.5002C7.00018%2012.3921%208.60829%2014.0002%2010.5002%2014.0002C12.3921%2014.0002%2014.0002%2012.3921%2014.0002%2010.5002C14.0002%208.60829%2012.3921%207.00018%2010.5002%207.00018Z%27%20fill%3D%27%23ffffff%27/%3E%3C/svg%3E");
}
header .sns li a .ico-linkedin {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2721%27%20height%3D%2721%27%20viewBox%3D%270%200%2021%2021%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M19.4498%200H1.55021C1.13907%200%200.744766%200.163325%200.454046%200.454046C0.163325%200.744766%200%201.13907%200%201.55021V19.4498C0%2019.8609%200.163325%2020.2552%200.454046%2020.546C0.744766%2020.8367%201.13907%2021%201.55021%2021H19.4498C19.8609%2021%2020.2552%2020.8367%2020.546%2020.546C20.8367%2020.2552%2021%2019.8609%2021%2019.4498V1.55021C21%201.13907%2020.8367%200.744766%2020.546%200.454046C20.2552%200.163325%2019.8609%200%2019.4498%200ZM6.25917%2017.8894H3.10188V7.86042H6.25917V17.8894ZM4.67833%206.47063C4.32019%206.46861%203.97068%206.36055%203.67389%206.16008C3.37711%205.95961%203.14636%205.67571%203.01077%205.34423C2.87518%205.01274%202.84082%204.64852%202.91203%204.29752C2.98324%203.94653%203.15683%203.62449%203.41089%203.37206C3.66494%203.11963%203.98809%202.94811%204.33953%202.87915C4.69098%202.8102%205.05497%202.84689%205.38558%202.98461C5.71619%203.12233%205.9986%203.3549%206.19716%203.65296C6.39572%203.95103%206.50153%204.30123%206.50125%204.65938C6.50463%204.89915%206.4597%205.13716%206.36914%205.3592C6.27857%205.58125%206.14423%205.78279%205.97412%205.95181C5.80402%206.12083%205.60162%206.25387%205.379%206.34301C5.15637%206.43214%204.91809%206.47554%204.67833%206.47063ZM17.8967%2017.8981H14.7408V12.4192C14.7408%2010.8033%2014.054%2010.3046%2013.1673%2010.3046C12.231%2010.3046%2011.3123%2011.0104%2011.3123%2012.46V17.8981H8.155V7.86771H11.1913V9.2575H11.2321C11.5369%208.64063%2012.6044%207.58625%2014.2333%207.58625C15.995%207.58625%2017.8981%208.63188%2017.8981%2011.6944L17.8967%2017.8981Z%27%20fill%3D%27%23ffffff%27/%3E%3C/svg%3E");
}
header .sns li a .ico-facebook {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2721%27%20height%3D%2721%27%20viewBox%3D%270%200%2021%2021%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M21%2010.566C21%204.7283%2016.3013%200%2010.5%200C4.69875%200%200%204.7283%200%2010.566C0%2015.8226%203.8325%2020.2075%208.8725%2021V13.6302H6.195V10.566H8.8725V8.21509C8.8725%205.6%2010.4213%204.14717%2012.8363%204.14717C13.9913%204.14717%2015.1725%204.33207%2015.1725%204.33207V6.92075H13.86C12.5475%206.92075%2012.1275%207.76604%2012.1275%208.5849V10.566H15.0675L14.595%2013.6302H12.1275V21C17.1675%2020.2075%2021%2015.8226%2021%2010.566Z%27%20fill%3D%27%23ffffff%27/%3E%3C/svg%3E");
}
header .sns li a:hover .ico-youtube {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2724%27%20height%3D%2719%27%20viewBox%3D%270%200%2024%2019%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M23.2648%204.8364C23.2648%204.8364%2023.0295%203.22004%2022.3761%202.5311C21.4875%201.60369%2020.4943%201.57719%2020.05%201.55069C16.8614%201.28571%2012%201.28571%2012%201.28571L3.95%201.55069C3.50568%201.57719%202.5125%201.60369%201.62386%202.5311C0.970455%203.22004%200.735227%204.8364%200.735227%204.8364C0.735227%204.8364%200.5%206.71774%200.5%208.59908V10.3744C0.5%2012.2823%200.735227%2014.1371%200.735227%2014.1371C0.735227%2014.1371%200.970455%2015.78%201.62386%2016.4689C2.5125%2017.3963%203.68864%2017.3698%204.18523%2017.4493C6.01477%2017.6348%2012%2017.7143%2012%2017.7143C12%2017.7143%2016.8614%2017.6878%2020.05%2017.4493C20.4943%2017.3963%2021.4875%2017.3963%2022.3761%2016.4689C23.0295%2015.78%2023.2648%2014.1371%2023.2648%2014.1371C23.2648%2014.1371%2023.5%2012.2823%2023.5%2010.3744V8.59908C23.5%206.71774%2023.2648%204.8364%2023.2648%204.8364ZM9.62159%2012.5207V5.94931L15.8159%209.26152L9.62159%2012.5207Z%27%20fill%3D%27%230072C6%27/%3E%3C/svg%3E");
}
header .sns li a:hover .ico-instagram {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2721%27%20height%3D%2721%27%20viewBox%3D%270%200%2021%2021%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M14.9864%200H6.10909C2.67273%200%200%202.67273%200%206.01364V14.8909C0%2018.3273%202.67273%2021%206.10909%2021H14.9864C18.3273%2021%2021%2018.3273%2021%2014.8909V6.01364C21%202.67273%2018.3273%200%2014.9864%200ZM10.5%2016.0364C7.44545%2016.0364%205.05909%2013.5545%205.05909%2010.5955C5.05909%207.63636%207.44545%205.05909%2010.5%205.05909C13.5545%205.05909%2015.9409%207.54091%2015.9409%2010.5C15.9409%2013.4591%2013.5545%2016.0364%2010.5%2016.0364ZM16.1318%206.20455C15.4636%206.20455%2014.8909%205.63182%2014.8909%204.96364C14.8909%204.29545%2015.4636%203.72273%2016.1318%203.72273C16.8%203.72273%2017.3727%204.29545%2017.3727%204.96364C17.3727%205.63182%2016.8%206.20455%2016.1318%206.20455Z%27%20fill%3D%27%230072C6%27/%3E%3Cpath%20d%3D%27M10.5002%207.00018C8.60829%207.00018%207.00018%208.60829%207.00018%2010.5002C7.00018%2012.3921%208.60829%2014.0002%2010.5002%2014.0002C12.3921%2014.0002%2014.0002%2012.3921%2014.0002%2010.5002C14.0002%208.60829%2012.3921%207.00018%2010.5002%207.00018Z%27%20fill%3D%27%230072C6%27/%3E%3C/svg%3E");
}
header .sns li a:hover .ico-linkedin {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2721%27%20height%3D%2721%27%20viewBox%3D%270%200%2021%2021%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M19.4498%200H1.55021C1.13907%200%200.744766%200.163325%200.454046%200.454046C0.163325%200.744766%200%201.13907%200%201.55021V19.4498C0%2019.8609%200.163325%2020.2552%200.454046%2020.546C0.744766%2020.8367%201.13907%2021%201.55021%2021H19.4498C19.8609%2021%2020.2552%2020.8367%2020.546%2020.546C20.8367%2020.2552%2021%2019.8609%2021%2019.4498V1.55021C21%201.13907%2020.8367%200.744766%2020.546%200.454046C20.2552%200.163325%2019.8609%200%2019.4498%200ZM6.25917%2017.8894H3.10188V7.86042H6.25917V17.8894ZM4.67833%206.47063C4.32019%206.46861%203.97068%206.36055%203.67389%206.16008C3.37711%205.95961%203.14636%205.67571%203.01077%205.34423C2.87518%205.01274%202.84082%204.64852%202.91203%204.29752C2.98324%203.94653%203.15683%203.62449%203.41089%203.37206C3.66494%203.11963%203.98809%202.94811%204.33953%202.87915C4.69098%202.8102%205.05497%202.84689%205.38558%202.98461C5.71619%203.12233%205.9986%203.3549%206.19716%203.65296C6.39572%203.95103%206.50153%204.30123%206.50125%204.65938C6.50463%204.89915%206.4597%205.13716%206.36914%205.3592C6.27857%205.58125%206.14423%205.78279%205.97412%205.95181C5.80402%206.12083%205.60162%206.25387%205.379%206.34301C5.15637%206.43214%204.91809%206.47554%204.67833%206.47063ZM17.8967%2017.8981H14.7408V12.4192C14.7408%2010.8033%2014.054%2010.3046%2013.1673%2010.3046C12.231%2010.3046%2011.3123%2011.0104%2011.3123%2012.46V17.8981H8.155V7.86771H11.1913V9.2575H11.2321C11.5369%208.64063%2012.6044%207.58625%2014.2333%207.58625C15.995%207.58625%2017.8981%208.63188%2017.8981%2011.6944L17.8967%2017.8981Z%27%20fill%3D%27%230072C6%27/%3E%3C/svg%3E");
}
header .sns li a:hover .ico-facebook {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2721%27%20height%3D%2721%27%20viewBox%3D%270%200%2021%2021%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M21%2010.566C21%204.7283%2016.3013%200%2010.5%200C4.69875%200%200%204.7283%200%2010.566C0%2015.8226%203.8325%2020.2075%208.8725%2021V13.6302H6.195V10.566H8.8725V8.21509C8.8725%205.6%2010.4213%204.14717%2012.8363%204.14717C13.9913%204.14717%2015.1725%204.33207%2015.1725%204.33207V6.92075H13.86C12.5475%206.92075%2012.1275%207.76604%2012.1275%208.5849V10.566H15.0675L14.595%2013.6302H12.1275V21C17.1675%2020.2075%2021%2015.8226%2021%2010.566Z%27%20fill%3D%27%230072C6%27/%3E%3C/svg%3E");
}
header .sns li a span {
  font-size: 0;
}
header .language {
  display: flex;
  gap: 0.8rem;
}
header .language li a {
  color: #fff;
  opacity: 0.5;
  font-weight: 700;
  font-size: clamp(1.2rem, 0.73vw, 1.4rem);
}
header .language li a.current {
  opacity: 1;
}
header .language li a:hover {
  color: #0072C6;
  opacity: 1;
}
header .language li:nth-child(2) {
  padding-left: 0.8rem;
  position: relative;
}
header .language li:nth-child(2)::before {
  content: "";
  display: block;
  width: 1px;
  height: 1.2rem;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  opacity: 0.5;
}
header.open .logo a, header.fixed .logo a {
  background-image: url(../images/common/logo-skens-b.svg);
}
header.open .gnb-wrap, header.fixed .gnb-wrap {
  background-color: #fff;
}
header.open .gnb-wrap::before, header.fixed .gnb-wrap::before {
  content: "";
  display: block;
  position: absolute;
  top: 10rem;
  left: 0;
  width: 100%;
  height: 1px;
  background: #dedede;
}
header.open .gnb-wrap nav, header.fixed .gnb-wrap nav {
  height: 41rem;
}
header.open .gnb-wrap nav .gnb > li > button, header.fixed .gnb-wrap nav .gnb > li > button {
  color: #222;
}
header.open .gnb-wrap nav .gnb > li:hover > button, header.fixed .gnb-wrap nav .gnb > li:hover > button {
  color: #0072C6;
}
header.open .news, header.fixed .news {
  color: #222;
}
header.open .news:hover, header.fixed .news:hover {
  color: #0072C6;
}
header.open .ico-sns, header.fixed .ico-sns {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='29' height='28' viewBox='0 0 29 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.0709484 13.7754L0.00933128 12.4555C-0.275882 5.5214 6.01259 0.453155 14.0031 0.0244617C21.993 -0.404878 28.7018 4.86875 28.987 11.8028C29.2122 17.284 26.5129 22.1415 21.0424 24.9588C20.2893 25.456 18.075 26.5605 18.075 26.5605L14.9854 27.7273L13.665 28H12.3865L11.8416 27.4127C11.8416 27.4127 11.6261 26.9737 11.5484 26.6119C11.5399 26.572 11.533 26.5332 11.5283 26.4959C11.5151 26.3927 11.5184 26.3019 11.5482 26.2382L12.4995 25.3304C12.8459 24.5872 12.593 24.5633 12.0025 24.5076C11.9049 24.4983 11.7981 24.4883 11.6833 24.4739C11.6394 24.4684 11.5944 24.4623 11.5482 24.4554C11.197 24.403 10.8507 24.3421 10.5098 24.273C4.59953 23.0748 0.302087 19.3917 0.0709484 13.7754ZM14.6937 25.5509C14.7504 25.3396 14.7923 25.0999 14.7944 24.8448C14.7973 24.4788 14.7202 24.0095 14.434 23.5521C14.1488 23.0966 13.7672 22.8304 13.4622 22.6806C13.0025 22.4547 12.5155 22.4079 12.3768 22.3946C12.3683 22.3938 12.361 22.3931 12.3552 22.3925C12.2743 22.3841 12.2106 22.3781 12.1556 22.373C12.0462 22.3627 11.9714 22.3557 11.8646 22.3397L11.8642 22.3396L11.8639 22.3396C5.99887 21.4632 2.39322 18.2145 2.20691 13.6874L2.20667 13.6815L2.1453 12.3675C2.14522 12.3656 2.14514 12.3637 2.14506 12.3618C1.93041 7.05501 6.78476 2.55413 14.1175 2.16072L14.1177 2.16071C21.2207 1.77903 26.6264 6.42974 26.851 11.8908C27.0411 16.5168 24.815 20.6099 20.0642 23.0566L19.9616 23.1094L19.8653 23.173C19.5968 23.3503 18.9567 23.6999 18.2872 24.0495C17.9727 24.2138 17.6801 24.3634 17.4659 24.4722C17.3616 24.5251 17.2762 24.5681 17.2165 24.5981L14.6937 25.5509Z' fill='%23222222'/%3E%3Cpath d='M7.46629 16.3545C6.90292 16.3545 6.36303 16.2807 5.84661 16.133C5.33019 15.9787 4.91437 15.7807 4.59915 15.5391L5.15246 14.3108C5.45426 14.5256 5.80972 14.7035 6.21883 14.8444C6.63465 14.9786 7.05382 15.0458 7.47635 15.0458C7.79827 15.0458 8.05648 15.0156 8.25098 14.9551C8.45218 14.888 8.59973 14.7974 8.69362 14.6833C8.78752 14.5692 8.83446 14.4384 8.83446 14.2907C8.83446 14.1028 8.76069 13.9551 8.61314 13.8477C8.46559 13.7336 8.2711 13.643 8.02965 13.5759C7.78821 13.5021 7.51994 13.435 7.22484 13.3746C6.93645 13.3074 6.64471 13.2269 6.34961 13.1329C6.06122 13.039 5.79631 12.9182 5.55487 12.7705C5.31342 12.6229 5.11557 12.4282 4.96132 12.1866C4.81377 11.945 4.74 11.6363 4.74 11.2604C4.74 10.8577 4.8473 10.4919 5.06192 10.1631C5.28324 9.82747 5.61187 9.56237 6.04781 9.36773C6.49046 9.16638 7.04376 9.06571 7.70773 9.06571C8.15038 9.06571 8.58631 9.1194 9.01554 9.22679C9.44478 9.32746 9.82371 9.48183 10.1523 9.68989L9.64933 10.9282C9.3207 10.7403 8.99207 10.6027 8.66344 10.5154C8.33481 10.4215 8.01289 10.3745 7.69767 10.3745C7.38245 10.3745 7.12424 10.4114 6.92304 10.4852C6.72184 10.559 6.57764 10.6564 6.49046 10.7772C6.40327 10.8913 6.35967 11.0255 6.35967 11.1799C6.35967 11.3611 6.43345 11.5087 6.581 11.6228C6.72855 11.7302 6.92304 11.8175 7.16448 11.8846C7.40593 11.9517 7.67084 12.0188 7.95923 12.0859C8.25433 12.153 8.54607 12.2302 8.83446 12.3175C9.12956 12.4047 9.39783 12.5222 9.63927 12.6698C9.88072 12.8175 10.0752 13.0121 10.2228 13.2538C10.377 13.4954 10.4541 13.8007 10.4541 14.1699C10.4541 14.5659 10.3435 14.9283 10.1222 15.2572C9.90084 15.586 9.56885 15.8511 9.12621 16.0525C8.69027 16.2538 8.13696 16.3545 7.46629 16.3545Z' fill='%23222222'/%3E%3Cpath d='M10.9641 16.2337V9.18652H12.3122L16.467 14.2605H15.8131V9.18652H17.4227V16.2337H16.0847L11.9199 11.1597H12.5738V16.2337H10.9641Z' fill='%23222222'/%3E%3Cpath d='M20.7991 16.3545C20.2357 16.3545 19.6958 16.2807 19.1794 16.133C18.663 15.9787 18.2472 15.7807 17.932 15.5391L18.4853 14.3108C18.7871 14.5256 19.1425 14.7035 19.5516 14.8444C19.9674 14.9786 20.3866 15.0458 20.8091 15.0458C21.1311 15.0458 21.3893 15.0156 21.5838 14.9551C21.785 14.888 21.9325 14.7974 22.0264 14.6833C22.1203 14.5692 22.1673 14.4384 22.1673 14.2907C22.1673 14.1028 22.0935 13.9551 21.9459 13.8477C21.7984 13.7336 21.6039 13.643 21.3625 13.5759C21.121 13.5021 20.8527 13.435 20.5576 13.3746C20.2693 13.3074 19.9775 13.2269 19.6824 13.1329C19.394 13.039 19.1291 12.9182 18.8877 12.7705C18.6462 12.6229 18.4484 12.4282 18.2941 12.1866C18.1466 11.945 18.0728 11.6363 18.0728 11.2604C18.0728 10.8577 18.1801 10.4919 18.3947 10.1631C18.616 9.82747 18.9447 9.56237 19.3806 9.36773C19.8233 9.16638 20.3766 9.06571 21.0405 9.06571C21.4832 9.06571 21.9191 9.1194 22.3483 9.22679C22.7776 9.32746 23.1565 9.48183 23.4851 9.68989L22.9821 10.9282C22.6535 10.7403 22.3249 10.6027 21.9962 10.5154C21.6676 10.4215 21.3457 10.3745 21.0305 10.3745C20.7153 10.3745 20.457 10.4114 20.2558 10.4852C20.0546 10.559 19.9104 10.6564 19.8233 10.7772C19.7361 10.8913 19.6925 11.0255 19.6925 11.1799C19.6925 11.3611 19.7662 11.5087 19.9138 11.6228C20.0613 11.7302 20.2558 11.8175 20.4973 11.8846C20.7387 11.9517 21.0036 12.0188 21.292 12.0859C21.5871 12.153 21.8789 12.2302 22.1673 12.3175C22.4624 12.4047 22.7306 12.5222 22.9721 12.6698C23.2135 12.8175 23.408 13.0121 23.5556 13.2538C23.7098 13.4954 23.7869 13.8007 23.7869 14.1699C23.7869 14.5659 23.6763 14.9283 23.455 15.2572C23.2336 15.586 22.9016 15.8511 22.459 16.0525C22.0231 16.2538 21.4698 16.3545 20.7991 16.3545Z' fill='%23222222'/%3E%3C/svg%3E");
}
header.open .ico-sns:hover, header.fixed .ico-sns:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='29' height='28' viewBox='0 0 29 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.0709484 13.7754L0.00933128 12.4555C-0.275882 5.5214 6.01259 0.453155 14.0031 0.0244617C21.993 -0.404878 28.7018 4.86875 28.987 11.8028C29.2122 17.284 26.5129 22.1415 21.0424 24.9588C20.2893 25.456 18.075 26.5605 18.075 26.5605L14.9854 27.7273L13.665 28H12.3865L11.8416 27.4127C11.8416 27.4127 11.6261 26.9737 11.5484 26.6119C11.5399 26.572 11.533 26.5332 11.5283 26.4959C11.5151 26.3927 11.5184 26.3019 11.5482 26.2382L12.4995 25.3304C12.8459 24.5872 12.593 24.5633 12.0025 24.5076C11.9049 24.4983 11.7981 24.4883 11.6833 24.4739C11.6394 24.4684 11.5944 24.4623 11.5482 24.4554C11.197 24.403 10.8507 24.3421 10.5098 24.273C4.59953 23.0748 0.302087 19.3917 0.0709484 13.7754ZM14.6937 25.5509C14.7504 25.3396 14.7923 25.0999 14.7944 24.8448C14.7973 24.4788 14.7202 24.0095 14.434 23.5521C14.1488 23.0966 13.7672 22.8304 13.4622 22.6806C13.0025 22.4547 12.5155 22.4079 12.3768 22.3946C12.3683 22.3938 12.361 22.3931 12.3552 22.3925C12.2743 22.3841 12.2106 22.3781 12.1556 22.373C12.0462 22.3627 11.9714 22.3557 11.8646 22.3397L11.8642 22.3396L11.8639 22.3396C5.99887 21.4632 2.39322 18.2145 2.20691 13.6874L2.20667 13.6815L2.1453 12.3675C2.14522 12.3656 2.14514 12.3637 2.14506 12.3618C1.93041 7.05501 6.78476 2.55413 14.1175 2.16072L14.1177 2.16071C21.2207 1.77903 26.6264 6.42974 26.851 11.8908C27.0411 16.5168 24.815 20.6099 20.0642 23.0566L19.9616 23.1094L19.8653 23.173C19.5968 23.3503 18.9567 23.6999 18.2872 24.0495C17.9727 24.2138 17.6801 24.3634 17.4659 24.4722C17.3616 24.5251 17.2762 24.5681 17.2165 24.5981L14.6937 25.5509Z' fill='%230072C6'/%3E%3Cpath d='M7.46629 16.3545C6.90292 16.3545 6.36303 16.2807 5.84661 16.133C5.33019 15.9787 4.91437 15.7807 4.59915 15.5391L5.15246 14.3108C5.45426 14.5256 5.80972 14.7035 6.21883 14.8444C6.63465 14.9786 7.05382 15.0458 7.47635 15.0458C7.79827 15.0458 8.05648 15.0156 8.25098 14.9551C8.45218 14.888 8.59973 14.7974 8.69362 14.6833C8.78752 14.5692 8.83446 14.4384 8.83446 14.2907C8.83446 14.1028 8.76069 13.9551 8.61314 13.8477C8.46559 13.7336 8.2711 13.643 8.02965 13.5759C7.78821 13.5021 7.51994 13.435 7.22484 13.3746C6.93645 13.3074 6.64471 13.2269 6.34961 13.1329C6.06122 13.039 5.79631 12.9182 5.55487 12.7705C5.31342 12.6229 5.11557 12.4282 4.96132 12.1866C4.81377 11.945 4.74 11.6363 4.74 11.2604C4.74 10.8577 4.8473 10.4919 5.06192 10.1631C5.28324 9.82747 5.61187 9.56237 6.04781 9.36773C6.49046 9.16638 7.04376 9.06571 7.70773 9.06571C8.15038 9.06571 8.58631 9.1194 9.01554 9.22679C9.44478 9.32746 9.82371 9.48183 10.1523 9.68989L9.64933 10.9282C9.3207 10.7403 8.99207 10.6027 8.66344 10.5154C8.33481 10.4215 8.01289 10.3745 7.69767 10.3745C7.38245 10.3745 7.12424 10.4114 6.92304 10.4852C6.72184 10.559 6.57764 10.6564 6.49046 10.7772C6.40327 10.8913 6.35967 11.0255 6.35967 11.1799C6.35967 11.3611 6.43345 11.5087 6.581 11.6228C6.72855 11.7302 6.92304 11.8175 7.16448 11.8846C7.40593 11.9517 7.67084 12.0188 7.95923 12.0859C8.25433 12.153 8.54607 12.2302 8.83446 12.3175C9.12956 12.4047 9.39783 12.5222 9.63927 12.6698C9.88072 12.8175 10.0752 13.0121 10.2228 13.2538C10.377 13.4954 10.4541 13.8007 10.4541 14.1699C10.4541 14.5659 10.3435 14.9283 10.1222 15.2572C9.90084 15.586 9.56885 15.8511 9.12621 16.0525C8.69027 16.2538 8.13696 16.3545 7.46629 16.3545Z' fill='%230072C6'/%3E%3Cpath d='M10.9641 16.2337V9.18652H12.3122L16.467 14.2605H15.8131V9.18652H17.4227V16.2337H16.0847L11.9199 11.1597H12.5738V16.2337H10.9641Z' fill='%230072C6'/%3E%3Cpath d='M20.7991 16.3545C20.2357 16.3545 19.6958 16.2807 19.1794 16.133C18.663 15.9787 18.2472 15.7807 17.932 15.5391L18.4853 14.3108C18.7871 14.5256 19.1425 14.7035 19.5516 14.8444C19.9674 14.9786 20.3866 15.0458 20.8091 15.0458C21.1311 15.0458 21.3893 15.0156 21.5838 14.9551C21.785 14.888 21.9325 14.7974 22.0264 14.6833C22.1203 14.5692 22.1673 14.4384 22.1673 14.2907C22.1673 14.1028 22.0935 13.9551 21.9459 13.8477C21.7984 13.7336 21.6039 13.643 21.3625 13.5759C21.121 13.5021 20.8527 13.435 20.5576 13.3746C20.2693 13.3074 19.9775 13.2269 19.6824 13.1329C19.394 13.039 19.1291 12.9182 18.8877 12.7705C18.6462 12.6229 18.4484 12.4282 18.2941 12.1866C18.1466 11.945 18.0728 11.6363 18.0728 11.2604C18.0728 10.8577 18.1801 10.4919 18.3947 10.1631C18.616 9.82747 18.9447 9.56237 19.3806 9.36773C19.8233 9.16638 20.3766 9.06571 21.0405 9.06571C21.4832 9.06571 21.9191 9.1194 22.3483 9.22679C22.7776 9.32746 23.1565 9.48183 23.4851 9.68989L22.9821 10.9282C22.6535 10.7403 22.3249 10.6027 21.9962 10.5154C21.6676 10.4215 21.3457 10.3745 21.0305 10.3745C20.7153 10.3745 20.457 10.4114 20.2558 10.4852C20.0546 10.559 19.9104 10.6564 19.8233 10.7772C19.7361 10.8913 19.6925 11.0255 19.6925 11.1799C19.6925 11.3611 19.7662 11.5087 19.9138 11.6228C20.0613 11.7302 20.2558 11.8175 20.4973 11.8846C20.7387 11.9517 21.0036 12.0188 21.292 12.0859C21.5871 12.153 21.8789 12.2302 22.1673 12.3175C22.4624 12.4047 22.7306 12.5222 22.9721 12.6698C23.2135 12.8175 23.408 13.0121 23.5556 13.2538C23.7098 13.4954 23.7869 13.8007 23.7869 14.1699C23.7869 14.5659 23.6763 14.9283 23.455 15.2572C23.2336 15.586 22.9016 15.8511 22.459 16.0525C22.0231 16.2538 21.4698 16.3545 20.7991 16.3545Z' fill='%230072C6'/%3E%3C/svg%3E");
}
header.open .sns .ico-youtube, header.fixed .sns .ico-youtube {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2724%27%20height%3D%2719%27%20viewBox%3D%270%200%2024%2019%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M23.2648%204.8364C23.2648%204.8364%2023.0295%203.22004%2022.3761%202.5311C21.4875%201.60369%2020.4943%201.57719%2020.05%201.55069C16.8614%201.28571%2012%201.28571%2012%201.28571L3.95%201.55069C3.50568%201.57719%202.5125%201.60369%201.62386%202.5311C0.970455%203.22004%200.735227%204.8364%200.735227%204.8364C0.735227%204.8364%200.5%206.71774%200.5%208.59908V10.3744C0.5%2012.2823%200.735227%2014.1371%200.735227%2014.1371C0.735227%2014.1371%200.970455%2015.78%201.62386%2016.4689C2.5125%2017.3963%203.68864%2017.3698%204.18523%2017.4493C6.01477%2017.6348%2012%2017.7143%2012%2017.7143C12%2017.7143%2016.8614%2017.6878%2020.05%2017.4493C20.4943%2017.3963%2021.4875%2017.3963%2022.3761%2016.4689C23.0295%2015.78%2023.2648%2014.1371%2023.2648%2014.1371C23.2648%2014.1371%2023.5%2012.2823%2023.5%2010.3744V8.59908C23.5%206.71774%2023.2648%204.8364%2023.2648%204.8364ZM9.62159%2012.5207V5.94931L15.8159%209.26152L9.62159%2012.5207Z%27%20fill%3D%27%23222222%27/%3E%3C/svg%3E");
}
header.open .sns .ico-instagram, header.fixed .sns .ico-instagram {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2721%27%20height%3D%2721%27%20viewBox%3D%270%200%2021%2021%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M14.9864%200H6.10909C2.67273%200%200%202.67273%200%206.01364V14.8909C0%2018.3273%202.67273%2021%206.10909%2021H14.9864C18.3273%2021%2021%2018.3273%2021%2014.8909V6.01364C21%202.67273%2018.3273%200%2014.9864%200ZM10.5%2016.0364C7.44545%2016.0364%205.05909%2013.5545%205.05909%2010.5955C5.05909%207.63636%207.44545%205.05909%2010.5%205.05909C13.5545%205.05909%2015.9409%207.54091%2015.9409%2010.5C15.9409%2013.4591%2013.5545%2016.0364%2010.5%2016.0364ZM16.1318%206.20455C15.4636%206.20455%2014.8909%205.63182%2014.8909%204.96364C14.8909%204.29545%2015.4636%203.72273%2016.1318%203.72273C16.8%203.72273%2017.3727%204.29545%2017.3727%204.96364C17.3727%205.63182%2016.8%206.20455%2016.1318%206.20455Z%27%20fill%3D%27%23222222%27/%3E%3Cpath%20d%3D%27M10.5002%207.00018C8.60829%207.00018%207.00018%208.60829%207.00018%2010.5002C7.00018%2012.3921%208.60829%2014.0002%2010.5002%2014.0002C12.3921%2014.0002%2014.0002%2012.3921%2014.0002%2010.5002C14.0002%208.60829%2012.3921%207.00018%2010.5002%207.00018Z%27%20fill%3D%27%23222222%27/%3E%3C/svg%3E");
}
header.open .sns .ico-linkedin, header.fixed .sns .ico-linkedin {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2721%27%20height%3D%2721%27%20viewBox%3D%270%200%2021%2021%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M19.4498%200H1.55021C1.13907%200%200.744766%200.163325%200.454046%200.454046C0.163325%200.744766%200%201.13907%200%201.55021V19.4498C0%2019.8609%200.163325%2020.2552%200.454046%2020.546C0.744766%2020.8367%201.13907%2021%201.55021%2021H19.4498C19.8609%2021%2020.2552%2020.8367%2020.546%2020.546C20.8367%2020.2552%2021%2019.8609%2021%2019.4498V1.55021C21%201.13907%2020.8367%200.744766%2020.546%200.454046C20.2552%200.163325%2019.8609%200%2019.4498%200ZM6.25917%2017.8894H3.10188V7.86042H6.25917V17.8894ZM4.67833%206.47063C4.32019%206.46861%203.97068%206.36055%203.67389%206.16008C3.37711%205.95961%203.14636%205.67571%203.01077%205.34423C2.87518%205.01274%202.84082%204.64852%202.91203%204.29752C2.98324%203.94653%203.15683%203.62449%203.41089%203.37206C3.66494%203.11963%203.98809%202.94811%204.33953%202.87915C4.69098%202.8102%205.05497%202.84689%205.38558%202.98461C5.71619%203.12233%205.9986%203.3549%206.19716%203.65296C6.39572%203.95103%206.50153%204.30123%206.50125%204.65938C6.50463%204.89915%206.4597%205.13716%206.36914%205.3592C6.27857%205.58125%206.14423%205.78279%205.97412%205.95181C5.80402%206.12083%205.60162%206.25387%205.379%206.34301C5.15637%206.43214%204.91809%206.47554%204.67833%206.47063ZM17.8967%2017.8981H14.7408V12.4192C14.7408%2010.8033%2014.054%2010.3046%2013.1673%2010.3046C12.231%2010.3046%2011.3123%2011.0104%2011.3123%2012.46V17.8981H8.155V7.86771H11.1913V9.2575H11.2321C11.5369%208.64063%2012.6044%207.58625%2014.2333%207.58625C15.995%207.58625%2017.8981%208.63188%2017.8981%2011.6944L17.8967%2017.8981Z%27%20fill%3D%27%23222222%27/%3E%3C/svg%3E");
}
header.open .sns .ico-facebook, header.fixed .sns .ico-facebook {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2721%27%20height%3D%2721%27%20viewBox%3D%270%200%2021%2021%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M21%2010.566C21%204.7283%2016.3013%200%2010.5%200C4.69875%200%200%204.7283%200%2010.566C0%2015.8226%203.8325%2020.2075%208.8725%2021V13.6302H6.195V10.566H8.8725V8.21509C8.8725%205.6%2010.4213%204.14717%2012.8363%204.14717C13.9913%204.14717%2015.1725%204.33207%2015.1725%204.33207V6.92075H13.86C12.5475%206.92075%2012.1275%207.76604%2012.1275%208.5849V10.566H15.0675L14.595%2013.6302H12.1275V21C17.1675%2020.2075%2021%2015.8226%2021%2010.566Z%27%20fill%3D%27%23222222%27/%3E%3C/svg%3E");
}
header.open .sns li a, header.fixed .sns li a {
  color: #222;
}
header.open .language li a, header.fixed .language li a {
  color: #000;
}
header.open .language li a:hover, header.fixed .language li a:hover {
  color: #0072C6;
}
header.open .language li:nth-child(2), header.fixed .language li:nth-child(2) {
  color: #000;
}
header.open .language li:nth-child(2)::before, header.fixed .language li:nth-child(2)::before {
  background: #000;
}
header.open .btn-navbar .line::before, header.open .btn-navbar .line::after,
header.open .btn-navbar .line em, header.fixed .btn-navbar .line::before, header.fixed .btn-navbar .line::after,
header.fixed .btn-navbar .line em {
  background: #000;
}
header.open .btn-navbar:hover .line::before, header.open .btn-navbar:hover .line::after,
header.open .btn-navbar:hover .line em, header.fixed .btn-navbar:hover .line::before, header.fixed .btn-navbar:hover .line::after,
header.fixed .btn-navbar:hover .line em {
  background: #0072C6;
}
header.fixed {
  background: #fff;
}
header.fixed .gnb-wrap {
  height: 100%;
}
header.fix .gnb-wrap {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
header.open .gnb-wrap {
  height: 41.9rem;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
header.open .gnb-wrap nav .gnb {
  gap: clamp(2rem, 4vw, 9rem);
}
header.down {
  transform: translateY(-100%);
}
@media (max-width: 1540px) {
  header .sns-area {
    position: relative;
  }
  header .ico-sns {
    display: block;
  }
  header .sns {
    display: none;
    position: absolute;
    top: 5rem;
    left: 50%;
    transform: translateX(-50%);
    height: inherit;
    background-color: #fff;
    padding: 30px 30px 10px;
    box-shadow: 0 -3px 15px 0 rgba(0, 0, 0, 0.05), 0 -3px 15px 0 rgba(0, 0, 0, 0.05);
    min-width: 145px;
    z-index: 100;
  }
  header .sns.on {
    display: block;
  }
  header .sns.on i {
    display: none;
  }
  header .sns.on li {
    margin-bottom: 2rem;
  }
  header .sns.on li a {
    justify-content: center;
  }
  header .sns.on li a:hover {
    color: #0072C6;
  }
  header .sns.on li a span {
    color: #666;
    font-size: 1.4rem;
    font-weight: 600;
  }
  header .sns.on span {
    display: block;
    text-align: center;
  }
  header .sns::before {
    content: "";
    display: block;
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 15px solid #fff;
  }
}
@media (max-width: 1280px) {
  header .gnb-wrap nav .gnb {
    gap: clamp(2rem, 1vw, 6rem);
  }
  header.open .gnb-wrap nav .gnb {
    gap: clamp(2rem, 2.8vw, 7rem);
  }
}
@media (max-width: 1024px) {
  header .gnb-wrap {
    display: none;
  }
  header .header-top {
    height: 6rem;
    border-bottom: 1px solid #dedede;
  }
  header .header-top .logo {
    width: 9.2rem;
    height: 3.6rem;
  }
}
@media (max-width: 768px) {
  header .util .news,
  header .util .sns-area,
  header .util .language {
    display: none;
  }
}

.load header {
  opacity: 1;
}

.btn-navbar {
  position: relative;
  z-index: 100;
  width: 2.8rem;
  height: 2.3rem;
}
.btn-navbar .line {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.btn-navbar .line::before, .btn-navbar .line::after,
.btn-navbar .line em {
  display: block;
  width: 2.8rem;
  height: 3px;
  background: #fff;
  position: absolute;
  transition: all 0.3s ease-in-out;
}
.btn-navbar .line::before, .btn-navbar .line::after {
  content: "";
}
.btn-navbar .line::before {
  top: 0;
}
.btn-navbar .line::after {
  bottom: 0;
}
.btn-navbar .line em {
  top: 1rem;
}
.btn-navbar .line:hover::before, .btn-navbar .line:hover::after,
.btn-navbar .line:hover em {
  background: #0072C6;
}
.btn-navbar.open .line::before, .btn-navbar.open .line::after,
.btn-navbar.open .line em {
  width: 3rem;
  background: #000;
}
.btn-navbar.open .line::before {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.btn-navbar.open .line::after {
  bottom: 50%;
  transform: translateY(50%) rotate(-45deg);
}
.btn-navbar.open .line em {
  opacity: 0;
}

#navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 0;
  background: #fff;
  z-index: 20;
  transition: 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  opacity: 0;
  visibility: hidden;
}
#navbar.open {
  opacity: 1;
  visibility: visible;
  height: 100%;
}
#navbar .navbar-mobile {
  display: none;
}
@media (max-width: 1024px) {
  #navbar {
    height: 100%;
  }
  #navbar .navbar-sitemap {
    display: none;
  }
  #navbar .navbar-mobile {
    display: block;
  }
}

.navbar-sitemap {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.navbar-sitemap .sitemap-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.navbar-sitemap .sitemap-logo {
  padding-top: 4.86vw;
  padding-left: clamp(2rem, 6vw, 21rem);
  padding-right: clamp(2rem, 6vw, 21rem);
  padding-bottom: 4rem;
}
.navbar-sitemap .sitemap-logo a {
  display: block;
  width: 11.3rem;
  height: 5.3rem;
  background-image: url(../images/common/logo-skens-b.svg);
  background-size: contain;
}
.navbar-sitemap .sitemap-nav {
  padding-left: clamp(2rem, 6vw, 21rem);
  padding-right: clamp(2rem, 6vw, 21rem);
  padding-bottom: clamp(4rem, 6.58vw, 10rem);
}
.navbar-sitemap .sitemap-nav > ul {
  display: flex;
  gap: 2.67%;
}
.navbar-sitemap .sitemap-nav > ul > li {
  flex: 1;
}
.navbar-sitemap .sitemap-nav > ul > li > a {
  display: block;
  padding: 3rem 0;
  font-size: clamp(2rem, 1.71vw, 2.6rem);
  line-height: 1;
  font-weight: 700;
  color: #222;
  border-top: 2px solid #222;
}
.navbar-sitemap .sitemap-nav > ul > li > a:hover {
  color: #0072C6;
}
.navbar-sitemap .sitemap-nav > ul > li > ul {
  margin-bottom: 3rem;
}
.navbar-sitemap .sitemap-nav > ul > li > ul > li {
  border-top: 1px solid #e0e0e0;
}
.navbar-sitemap .sitemap-nav > ul > li > ul > li > a {
  font-weight: 600;
  font-size: 1.8rem;
  padding: 3rem 0;
  color: #222;
  line-height: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.navbar-sitemap .sitemap-nav > ul > li > ul > li > a:hover {
  color: #0072C6;
  font-weight: 600;
}
.navbar-sitemap .sitemap-nav > ul > li > ul > li > a:hover::after {
  content: "";
  display: block;
  width: 2.2rem;
  height: 0.8rem;
  background: url(/renewal/images/common/ico-arrow.svg) no-repeat center center;
  background-size: 100% auto;
}
.navbar-sitemap .sitemap-nav > ul > li > ul > li > ul {
  margin-top: -1rem;
  margin-bottom: 3rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.navbar-sitemap .sitemap-nav > ul > li > ul > li > ul > li > a {
  display: block;
  font-weight: 500;
  font-size: 1.8rem;
  color: #666;
}
.navbar-sitemap .sitemap-nav > ul > li > ul > li > ul > li > a:hover {
  color: #0072C6;
}

.sitemap-util {
  border-top: 2px solid #222;
}
.sitemap-util > ul > li > a {
  padding: 3rem 0;
  color: #222;
  font-size: 1.8rem;
  font-weight: 600;
}
.sitemap-util > ul > li > a.link-open {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.sitemap-util > ul > li > a:hover {
  color: #0072C6;
}
.sitemap-util > ul > li > a:hover .ico-link-open {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M7.07 3.37H1V15.5H13.13V9.43M7.24 9.33L14.86 1.71M9.87 1.5H15V6.63' stroke='%230072C6' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E");
}
.sitemap-util > ul .sns-list {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  margin-bottom: 3rem;
}
.sitemap-util > ul .sns-list li .ico-youtube {
  display: block;
  width: 1.9rem;
  height: 1.4rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2724%27%20height%3D%2719%27%20viewBox%3D%270%200%2024%2019%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M23.2648%204.8364C23.2648%204.8364%2023.0295%203.22004%2022.3761%202.5311C21.4875%201.60369%2020.4943%201.57719%2020.05%201.55069C16.8614%201.28571%2012%201.28571%2012%201.28571L3.95%201.55069C3.50568%201.57719%202.5125%201.60369%201.62386%202.5311C0.970455%203.22004%200.735227%204.8364%200.735227%204.8364C0.735227%204.8364%200.5%206.71774%200.5%208.59908V10.3744C0.5%2012.2823%200.735227%2014.1371%200.735227%2014.1371C0.735227%2014.1371%200.970455%2015.78%201.62386%2016.4689C2.5125%2017.3963%203.68864%2017.3698%204.18523%2017.4493C6.01477%2017.6348%2012%2017.7143%2012%2017.7143C12%2017.7143%2016.8614%2017.6878%2020.05%2017.4493C20.4943%2017.3963%2021.4875%2017.3963%2022.3761%2016.4689C23.0295%2015.78%2023.2648%2014.1371%2023.2648%2014.1371C23.2648%2014.1371%2023.5%2012.2823%2023.5%2010.3744V8.59908C23.5%206.71774%2023.2648%204.8364%2023.2648%204.8364ZM9.62159%2012.5207V5.94931L15.8159%209.26152L9.62159%2012.5207Z%27%20fill%3D%27%23222222%27/%3E%3C/svg%3E");
  background-size: cover;
}
.sitemap-util > ul .sns-list li .ico-instagram {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2721%27%20height%3D%2721%27%20viewBox%3D%270%200%2021%2021%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M14.9864%200H6.10909C2.67273%200%200%202.67273%200%206.01364V14.8909C0%2018.3273%202.67273%2021%206.10909%2021H14.9864C18.3273%2021%2021%2018.3273%2021%2014.8909V6.01364C21%202.67273%2018.3273%200%2014.9864%200ZM10.5%2016.0364C7.44545%2016.0364%205.05909%2013.5545%205.05909%2010.5955C5.05909%207.63636%207.44545%205.05909%2010.5%205.05909C13.5545%205.05909%2015.9409%207.54091%2015.9409%2010.5C15.9409%2013.4591%2013.5545%2016.0364%2010.5%2016.0364ZM16.1318%206.20455C15.4636%206.20455%2014.8909%205.63182%2014.8909%204.96364C14.8909%204.29545%2015.4636%203.72273%2016.1318%203.72273C16.8%203.72273%2017.3727%204.29545%2017.3727%204.96364C17.3727%205.63182%2016.8%206.20455%2016.1318%206.20455Z%27%20fill%3D%27%23222222%27/%3E%3Cpath%20d%3D%27M10.5002%207.00018C8.60829%207.00018%207.00018%208.60829%207.00018%2010.5002C7.00018%2012.3921%208.60829%2014.0002%2010.5002%2014.0002C12.3921%2014.0002%2014.0002%2012.3921%2014.0002%2010.5002C14.0002%208.60829%2012.3921%207.00018%2010.5002%207.00018Z%27%20fill%3D%27%23222222%27/%3E%3C/svg%3E");
  background-size: cover;
}
.sitemap-util > ul .sns-list li .ico-linkedin {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2721%27%20height%3D%2721%27%20viewBox%3D%270%200%2021%2021%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M19.4498%200H1.55021C1.13907%200%200.744766%200.163325%200.454046%200.454046C0.163325%200.744766%200%201.13907%200%201.55021V19.4498C0%2019.8609%200.163325%2020.2552%200.454046%2020.546C0.744766%2020.8367%201.13907%2021%201.55021%2021H19.4498C19.8609%2021%2020.2552%2020.8367%2020.546%2020.546C20.8367%2020.2552%2021%2019.8609%2021%2019.4498V1.55021C21%201.13907%2020.8367%200.744766%2020.546%200.454046C20.2552%200.163325%2019.8609%200%2019.4498%200ZM6.25917%2017.8894H3.10188V7.86042H6.25917V17.8894ZM4.67833%206.47063C4.32019%206.46861%203.97068%206.36055%203.67389%206.16008C3.37711%205.95961%203.14636%205.67571%203.01077%205.34423C2.87518%205.01274%202.84082%204.64852%202.91203%204.29752C2.98324%203.94653%203.15683%203.62449%203.41089%203.37206C3.66494%203.11963%203.98809%202.94811%204.33953%202.87915C4.69098%202.8102%205.05497%202.84689%205.38558%202.98461C5.71619%203.12233%205.9986%203.3549%206.19716%203.65296C6.39572%203.95103%206.50153%204.30123%206.50125%204.65938C6.50463%204.89915%206.4597%205.13716%206.36914%205.3592C6.27857%205.58125%206.14423%205.78279%205.97412%205.95181C5.80402%206.12083%205.60162%206.25387%205.379%206.34301C5.15637%206.43214%204.91809%206.47554%204.67833%206.47063ZM17.8967%2017.8981H14.7408V12.4192C14.7408%2010.8033%2014.054%2010.3046%2013.1673%2010.3046C12.231%2010.3046%2011.3123%2011.0104%2011.3123%2012.46V17.8981H8.155V7.86771H11.1913V9.2575H11.2321C11.5369%208.64063%2012.6044%207.58625%2014.2333%207.58625C15.995%207.58625%2017.8981%208.63188%2017.8981%2011.6944L17.8967%2017.8981Z%27%20fill%3D%27%23222222%27/%3E%3C/svg%3E");
  background-size: cover;
}
.sitemap-util > ul .sns-list li .ico-facebook {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2721%27%20height%3D%2721%27%20viewBox%3D%270%200%2021%2021%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M21%2010.566C21%204.7283%2016.3013%200%2010.5%200C4.69875%200%200%204.7283%200%2010.566C0%2015.8226%203.8325%2020.2075%208.8725%2021V13.6302H6.195V10.566H8.8725V8.21509C8.8725%205.6%2010.4213%204.14717%2012.8363%204.14717C13.9913%204.14717%2015.1725%204.33207%2015.1725%204.33207V6.92075H13.86C12.5475%206.92075%2012.1275%207.76604%2012.1275%208.5849V10.566H15.0675L14.595%2013.6302H12.1275V21C17.1675%2020.2075%2021%2015.8226%2021%2010.566Z%27%20fill%3D%27%23222222%27/%3E%3C/svg%3E");
  background-size: cover;
}
.sitemap-util > ul .sns-list li a {
  display: flex;
  align-items: center;
  gap: clamp(1rem, 1.32vw, 2rem);
  font-size: 1.8rem;
  font-weight: 600;
}
.sitemap-util > ul .sns-list li a:hover {
  color: #0072C6;
}
.sitemap-util > ul .sns-list li a:hover .ico-youtube {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2724%27%20height%3D%2719%27%20viewBox%3D%270%200%2024%2019%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M23.2648%204.8364C23.2648%204.8364%2023.0295%203.22004%2022.3761%202.5311C21.4875%201.60369%2020.4943%201.57719%2020.05%201.55069C16.8614%201.28571%2012%201.28571%2012%201.28571L3.95%201.55069C3.50568%201.57719%202.5125%201.60369%201.62386%202.5311C0.970455%203.22004%200.735227%204.8364%200.735227%204.8364C0.735227%204.8364%200.5%206.71774%200.5%208.59908V10.3744C0.5%2012.2823%200.735227%2014.1371%200.735227%2014.1371C0.735227%2014.1371%200.970455%2015.78%201.62386%2016.4689C2.5125%2017.3963%203.68864%2017.3698%204.18523%2017.4493C6.01477%2017.6348%2012%2017.7143%2012%2017.7143C12%2017.7143%2016.8614%2017.6878%2020.05%2017.4493C20.4943%2017.3963%2021.4875%2017.3963%2022.3761%2016.4689C23.0295%2015.78%2023.2648%2014.1371%2023.2648%2014.1371C23.2648%2014.1371%2023.5%2012.2823%2023.5%2010.3744V8.59908C23.5%206.71774%2023.2648%204.8364%2023.2648%204.8364ZM9.62159%2012.5207V5.94931L15.8159%209.26152L9.62159%2012.5207Z%27%20fill%3D%27%230072C6%27/%3E%3C/svg%3E");
}
.sitemap-util > ul .sns-list li a:hover .ico-instagram {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2721%27%20height%3D%2721%27%20viewBox%3D%270%200%2021%2021%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M14.9864%200H6.10909C2.67273%200%200%202.67273%200%206.01364V14.8909C0%2018.3273%202.67273%2021%206.10909%2021H14.9864C18.3273%2021%2021%2018.3273%2021%2014.8909V6.01364C21%202.67273%2018.3273%200%2014.9864%200ZM10.5%2016.0364C7.44545%2016.0364%205.05909%2013.5545%205.05909%2010.5955C5.05909%207.63636%207.44545%205.05909%2010.5%205.05909C13.5545%205.05909%2015.9409%207.54091%2015.9409%2010.5C15.9409%2013.4591%2013.5545%2016.0364%2010.5%2016.0364ZM16.1318%206.20455C15.4636%206.20455%2014.8909%205.63182%2014.8909%204.96364C14.8909%204.29545%2015.4636%203.72273%2016.1318%203.72273C16.8%203.72273%2017.3727%204.29545%2017.3727%204.96364C17.3727%205.63182%2016.8%206.20455%2016.1318%206.20455Z%27%20fill%3D%27%230072C6%27/%3E%3Cpath%20d%3D%27M10.5002%207.00018C8.60829%207.00018%207.00018%208.60829%207.00018%2010.5002C7.00018%2012.3921%208.60829%2014.0002%2010.5002%2014.0002C12.3921%2014.0002%2014.0002%2012.3921%2014.0002%2010.5002C14.0002%208.60829%2012.3921%207.00018%2010.5002%207.00018Z%27%20fill%3D%27%230072C6%27/%3E%3C/svg%3E");
}
.sitemap-util > ul .sns-list li a:hover .ico-linkedin {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2721%27%20height%3D%2721%27%20viewBox%3D%270%200%2021%2021%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M19.4498%200H1.55021C1.13907%200%200.744766%200.163325%200.454046%200.454046C0.163325%200.744766%200%201.13907%200%201.55021V19.4498C0%2019.8609%200.163325%2020.2552%200.454046%2020.546C0.744766%2020.8367%201.13907%2021%201.55021%2021H19.4498C19.8609%2021%2020.2552%2020.8367%2020.546%2020.546C20.8367%2020.2552%2021%2019.8609%2021%2019.4498V1.55021C21%201.13907%2020.8367%200.744766%2020.546%200.454046C20.2552%200.163325%2019.8609%200%2019.4498%200ZM6.25917%2017.8894H3.10188V7.86042H6.25917V17.8894ZM4.67833%206.47063C4.32019%206.46861%203.97068%206.36055%203.67389%206.16008C3.37711%205.95961%203.14636%205.67571%203.01077%205.34423C2.87518%205.01274%202.84082%204.64852%202.91203%204.29752C2.98324%203.94653%203.15683%203.62449%203.41089%203.37206C3.66494%203.11963%203.98809%202.94811%204.33953%202.87915C4.69098%202.8102%205.05497%202.84689%205.38558%202.98461C5.71619%203.12233%205.9986%203.3549%206.19716%203.65296C6.39572%203.95103%206.50153%204.30123%206.50125%204.65938C6.50463%204.89915%206.4597%205.13716%206.36914%205.3592C6.27857%205.58125%206.14423%205.78279%205.97412%205.95181C5.80402%206.12083%205.60162%206.25387%205.379%206.34301C5.15637%206.43214%204.91809%206.47554%204.67833%206.47063ZM17.8967%2017.8981H14.7408V12.4192C14.7408%2010.8033%2014.054%2010.3046%2013.1673%2010.3046C12.231%2010.3046%2011.3123%2011.0104%2011.3123%2012.46V17.8981H8.155V7.86771H11.1913V9.2575H11.2321C11.5369%208.64063%2012.6044%207.58625%2014.2333%207.58625C15.995%207.58625%2017.8981%208.63188%2017.8981%2011.6944L17.8967%2017.8981Z%27%20fill%3D%27%230072C6%27/%3E%3C/svg%3E");
}
.sitemap-util > ul .sns-list li a:hover .ico-facebook {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2721%27%20height%3D%2721%27%20viewBox%3D%270%200%2021%2021%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M21%2010.566C21%204.7283%2016.3013%200%2010.5%200C4.69875%200%200%204.7283%200%2010.566C0%2015.8226%203.8325%2020.2075%208.8725%2021V13.6302H6.195V10.566H8.8725V8.21509C8.8725%205.6%2010.4213%204.14717%2012.8363%204.14717C13.9913%204.14717%2015.1725%204.33207%2015.1725%204.33207V6.92075H13.86C12.5475%206.92075%2012.1275%207.76604%2012.1275%208.5849V10.566H15.0675L14.595%2013.6302H12.1275V21C17.1675%2020.2075%2021%2015.8226%2021%2010.566Z%27%20fill%3D%27%230072C6%27/%3E%3C/svg%3E");
}
.sitemap-util .link-open-skinno {
  display: flex;
  align-items: flex-end;
  gap: 1rem;
}
.sitemap-util .link-open-skinno .ico-link-open {
  margin-bottom: 0.3rem;
  flex-shrink: 0;
}
.sitemap-util .logo-skinno {
  display: flex;
  align-items: flex-end;
  gap: 1rem;
}
.sitemap-util .family-site {
  border-bottom: 2px solid #222;
  padding-top: 2rem;
  padding-bottom: 3rem;
}
.sitemap-util .family-site button {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  font-size: 1.8rem;
  font-weight: 600;
}
.sitemap-util .family-site .family-site-list {
  display: none;
  flex-direction: column;
  gap: 2rem;
  margin-top: 3rem;
}
.sitemap-util .family-site .family-site-list > li a {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
  color: #222;
}
.sitemap-util .family-site.open .ico-arrDown {
  transform: translate(0, 0) rotate(180deg);
}
.sitemap-util .family-site.open .family-site-list {
  display: flex;
}

.logo-skinno .svg-inno {
  display: block;
  width: 13rem;
  height: 4.6rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='86' height='30' viewBox='0 0 86 30' fill='none'%3E%3Cpath d='M79.4579 26.319H77.9187V28.6068C77.9187 29.2344 78.4259 29.7463 79.0477 29.7463H85.5V28.6602H79.4535V26.3145L79.4579 26.319Z' fill='%230072c6'/%3E%3Cpath d='M6.08787 22.0237C5.02939 21.5252 4.16497 21.1202 4.16497 20.3056C4.16497 19.6825 4.65893 19.2285 5.63361 19.2285C5.99084 19.2285 6.28633 19.2685 6.59064 19.3264C6.74942 19.3531 6.91701 19.3754 7.05814 19.3754C7.90933 19.3754 8.39005 18.8635 8.71201 17.8887L8.84432 17.4926C8.7076 17.4347 7.31394 16.8205 5.5013 16.8205C2.61254 16.8205 1.08657 18.6899 1.08657 20.6306C1.08657 21.6098 1.39088 22.3175 1.8672 22.8783C2.48023 23.595 3.35347 24.0668 4.16938 24.4674C5.36017 25.0549 6.43187 25.4911 6.43187 26.3635C6.43187 27.138 5.63802 27.5786 4.57954 27.5786C3.12414 27.5786 1.85397 26.7418 1.6952 26.6395L0.5 28.8961C0.711695 29.0163 2.25089 30 4.77801 30C7.47271 30 9.51468 28.4377 9.51468 26.0386C9.51468 23.6395 7.62266 22.7671 6.08787 22.0148V22.0237Z' fill='%230072c6'/%3E%3Cpath d='M16.6285 23.1365L21.5196 17.0875H18.0354L14.1367 22.3086H14.0794V17.0875H11.2082V29.9021H11.3802C12.624 29.9021 14.1014 29.3234 14.1014 27.2315V24.2893H14.1587L18.1324 29.7463H21.7842L16.6285 23.141V23.1365Z' fill='%230072c6'/%3E%3Cpath d='M21.6827 3.35608C20.6728 3.54748 19.1733 4.47329 19.1777 6.11128C19.1777 7.59792 20.3861 8.50148 20.3905 10.4466C20.3949 11.911 19.5967 12.8991 18.7278 13.4466C19.0762 13.4154 19.4599 13.3932 19.8833 13.3932C20.7698 13.3932 21.3035 13.4777 21.3343 13.4822L25.8681 7.86499C24.6068 5.96439 23.1381 4.48665 21.6827 3.35163V3.35608Z' fill='%230072c6'/%3E%3Cpath d='M25.4933 18.5252C26.0666 17.6306 26.1372 16.1973 26.1857 14.7418C26.2386 13.3843 26.5209 12.3605 28.3203 12.3561C28.7172 12.3561 29.1009 12.4095 29.7889 12.4095C32.4263 12.3961 34.1463 11.4837 35.218 10.8783C33.0305 9.47181 29.8374 8.03412 25.8725 7.86944C25.6167 8.60386 23.6056 14.2433 23.4557 14.6973C23.4777 14.724 23.8306 15.1246 24.2716 15.8991C24.9199 16.9674 25.2683 17.8709 25.4977 18.5297L25.4933 18.5252Z' fill='%230072c6'/%3E%3Cpath d='M15.914 13.9228C15.6847 13.9228 15.57 13.7715 15.5392 13.5045C15.5083 13.2374 14.3748 2.76409 14.2073 1.17953C14.1808 0.948071 14.1279 0.525223 14.1279 0.373887C14.1235 0.12908 14.2822 0 14.4675 0C15.0055 0 17.934 0.689911 21.0432 2.88872C20.148 3.14243 18.525 4.0816 18.5338 6.03116C18.5382 7.75371 19.7598 8.70178 19.7687 10.4288C19.7775 13.2374 16.5756 13.9184 15.914 13.9228Z' fill='%230072c6'/%3E%3Cpath d='M25.7535 19.273C25.802 19.4021 25.8505 19.5134 25.8946 19.589C25.9652 19.7136 26.0578 19.7671 26.1724 19.7671C26.243 19.7671 26.3356 19.7404 26.4327 19.6958C26.6708 19.5846 36.1442 15.1335 37.5731 14.4703C37.7804 14.3724 38.1729 14.1944 38.3008 14.1187C38.4331 14.043 38.4949 13.9273 38.4949 13.8116C38.4949 13.7448 38.4772 13.6825 38.4419 13.6246C38.2611 13.3309 37.3482 12.3516 35.8134 11.2789C34.5961 11.9555 32.6997 13.0015 29.8727 13.0104C29.1803 13.0104 29.0215 12.9659 28.5496 12.9659C27.1692 12.9703 26.8252 13.5668 26.7767 14.7864C26.7678 15.0178 26.7634 15.3294 26.7502 15.6677C26.7061 16.7582 26.5782 18.2626 25.7535 19.2685V19.273Z' fill='%230072c6'/%3E%3Cpath d='M39.4431 19.6157V29.7507H39.8488C40.4663 29.7507 40.969 29.2433 40.969 28.6157V19.6157H39.4431ZM34.8916 19.4733C32.8497 19.4733 31.5486 21.2404 31.5486 23.4169C31.5486 25.5935 32.8452 27.365 34.8916 27.365C36.938 27.365 38.2302 25.5979 38.2302 23.4169C38.2302 21.2359 36.9336 19.4733 34.8916 19.4733ZM34.8916 26.2567C33.6126 26.2567 33.1584 24.9881 33.1584 23.4169C33.1584 21.8457 33.6126 20.5772 34.8916 20.5772C36.1706 20.5772 36.6205 21.8501 36.6205 23.4169C36.6205 24.9837 36.1662 26.2567 34.8916 26.2567Z' fill='%230072c6'/%3E%3Cpath d='M72.6175 19.6157V29.7507H73.0232C73.6407 29.7507 74.1434 29.2433 74.1434 28.6157V19.6157H72.6175ZM68.066 19.4733C66.024 19.4733 64.7274 21.2404 64.7274 23.4169C64.7274 25.5935 66.024 27.365 68.066 27.365C70.108 27.365 71.4046 25.5979 71.4046 23.4169C71.4046 21.2359 70.108 19.4733 68.066 19.4733ZM68.066 26.2567C66.787 26.2567 66.3328 24.9881 66.3328 23.4169C66.3328 21.8457 66.787 20.5772 68.066 20.5772C69.345 20.5772 69.7949 21.8501 69.7949 23.4169C69.7949 24.9837 69.3406 26.2567 68.066 26.2567Z' fill='%230072c6'/%3E%3Cpath d='M85.3059 19.6157H83.7712V26.8798H85.3059V19.6157Z' fill='%230072c6'/%3E%3Cpath d='M43.7431 19.6335V23.7685C43.7431 24.3961 44.2459 24.9036 44.8678 24.9036H47.2273V27.5831H42.9625V28.6647H53.0268V27.5831H48.7621V24.9036H52.2771V23.822H45.2779V19.6335H43.7431Z' fill='%230072c6'/%3E%3Cpath d='M61.6402 19.6602V29.7552H62.0459C62.6634 29.7552 63.1706 29.2478 63.1706 28.6202V19.6602H61.6402Z' fill='%230072c6'/%3E%3Cpath d='M58.1384 23.497H59.3292V29.7507H59.7349C60.3524 29.7507 60.8552 29.2433 60.8552 28.6157V19.6558H59.3292V22.4154H58.1384V23.497Z' fill='%230072c6'/%3E%3Cpath d='M57.2519 26.8309C57.8738 26.8309 58.3766 26.3234 58.3766 25.6958V19.638H56.9785V22.3932H55.3643V19.638H53.9707V25.6958C53.9707 26.3234 54.4734 26.8309 55.0953 26.8309H57.2519ZM55.3687 25.7493V23.4748H56.9829V25.7493H55.3687Z' fill='%230072c6'/%3E%3Cpath d='M80.781 24.7211C80.9265 25.0326 81.3102 25.1706 81.6366 25.1706H82.6598L79.9342 19.589H78.9595C78.6331 19.5935 78.2715 19.7003 78.1039 20.0386L75.5944 25.1706H77.3277L79.1624 21.2671L80.781 24.7211Z' fill='%230072c6'/%3E%3Cpath d='M83.9299 20.9866H82.1658V22.0682H83.9299V20.9866Z' fill='%230072c6'/%3E%3Cpath d='M83.9299 22.9139H82.1658V23.9955H83.9299V22.9139Z' fill='%230072c6'/%3E%3C/svg%3E");
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.logo-skinno .tx {
  font-size: 1.4rem;
  font-weight: 700;
  color: #222;
}

.navbar-mobile {
  width: 100%;
  height: 100%;
}
.navbar-mobile .mobile-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.navbar-mobile .mobile-logo {
  height: 6rem;
  background: #fff;
  padding: 0 2rem;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d9d9d9;
}
.navbar-mobile .mobile-logo > a {
  display: block;
  width: 9.2rem;
  height: 3.6rem;
  background-image: url(../images/common/logo-skens-b.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.navbar-mobile .mobile-nav {
  flex: 0 0 auto;
  display: flex;
  height: calc(100% - 6rem);
}
.navbar-mobile .mobile-nav-fixed {
  width: 14.5rem;
  border-right: 1px solid #d9d9d9;
  overflow: hidden;
  overflow-y: auto;
}
.navbar-mobile .mobile-nav-fixed .inner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 55rem;
}
.navbar-mobile .mobile-nav-fixed .mobile-nav-list {
  padding: 3rem 0 0 2rem;
}
.navbar-mobile .mobile-nav-fixed .mobile-nav-list ul {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 3vh, 3rem);
}
.navbar-mobile .mobile-nav-fixed .mobile-nav-list ul li button {
  font-size: 1.6rem;
  font-weight: 700;
}
.navbar-mobile .mobile-nav-fixed .mobile-nav-list ul li.current button {
  color: #0072C6;
}
.navbar-mobile .mobile-nav-fixed .mobile-nav-util .link-open {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  font-size: 1.5rem;
  font-weight: 500;
}
.navbar-mobile .mobile-nav-fixed .mobile-nav-util .sns-list {
  padding-top: clamp(1rem, 3vh, 2.8rem);
  padding-bottom: clamp(1rem, 3vh, 2.8rem);
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.navbar-mobile .mobile-nav-fixed .mobile-nav-util .sns-list li {
  display: flex;
  justify-content: center;
  align-items: center;
}
.navbar-mobile .mobile-nav-fixed .mobile-nav-util .sns-list .ico-youtube {
  width: 2.8rem;
  height: 2rem;
}
.navbar-mobile .mobile-nav-fixed .mobile-nav-util .sns-list .ico-instagram,
.navbar-mobile .mobile-nav-fixed .mobile-nav-util .sns-list .ico-linkedin,
.navbar-mobile .mobile-nav-fixed .mobile-nav-util .sns-list .co-facebook {
  width: 2.4rem;
  height: 2.4rem;
}
.navbar-mobile .mobile-nav-fixed .mobile-nav-util .link-open-skinno {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2rem;
}
.navbar-mobile .mobile-nav-fixed .mobile-nav-util .link-open-skinno .svg-inno {
  width: 7.9rem;
  height: 2.8rem;
}
.navbar-mobile .mobile-nav-fixed .mobile-nav-util .link-open-skinno .tx {
  font-size: 0.7rem;
  display: block;
  text-align: right;
  margin-top: 0.5rem;
  line-height: 1.4;
}
.navbar-mobile .mobile-nav-fixed .mobile-nav-util .link-open-skinno .ico-link-open {
  flex-shrink: 0;
}
.navbar-mobile .mobile-nav-fixed .mobile-nav-util .link-open-language,
.navbar-mobile .mobile-nav-fixed .mobile-nav-util .link-open-family {
  width: 100%;
  padding: 1rem 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 500;
}
.navbar-mobile .mobile-nav-fixed .mobile-nav-util .link-open-language .ico-arrDown,
.navbar-mobile .mobile-nav-fixed .mobile-nav-util .link-open-family .ico-arrDown {
  transform: rotate(-90deg);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 7'%3E%3Cpath d='M6 7L12 1.13514L10.8333 3.08625e-07L6 4.72973L1.16667 9.4708e-07L9.92367e-08 1.13514L6 7Z' fill='%23222222'/%3E%3C/svg%3E");
}
.navbar-mobile .mobile-nav-scroll {
  width: calc(100% - 14.5rem);
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  background: #f4f4f4;
}
.navbar-mobile .mobile-nav-scroll .lnb-depth2 {
  display: none;
  padding: 3rem 2.6rem;
}
.navbar-mobile .mobile-nav-scroll .lnb-depth2 > ul {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.navbar-mobile .mobile-nav-scroll .lnb-depth2 > ul > li > a {
  font-size: 1.4rem;
  font-weight: 700;
}
.navbar-mobile .mobile-nav-scroll .lnb-depth2 > ul > li > ul li {
  margin-top: 2rem;
}
.navbar-mobile .mobile-nav-scroll .lnb-depth2 > ul > li > ul li a {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: -0.07px;
  color: #555;
}
.navbar-mobile .mobile-nav-scroll .lnb-depth2.active {
  display: block;
}
.navbar-mobile .mobile-nav .mobile-nav-util-item {
  border-top: 1px solid #d9d9d9;
}
.navbar-mobile .mobile-nav .mobile-nav-util-item.on {
  border-top: 1px solid #222;
}
.navbar-mobile .mobile-nav .pop-family-site {
  display: none;
  position: absolute;
  bottom: 0;
  left: 14.5rem;
  width: 100%;
  border-top: 1px solid #222;
  border-left: 1px solid #222;
  background: #fff;
  padding: 3rem 2rem 3rem;
}
.navbar-mobile .mobile-nav .pop-family-site p {
  font-size: 1.6rem;
  font-weight: 700;
  margin: 3rem 0 1rem;
}
.navbar-mobile .mobile-nav .pop-family-site ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.navbar-mobile .mobile-nav .pop-family-site ul li a {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1;
  color: #666;
}
.navbar-mobile .mobile-nav .pop-language {
  display: none;
  position: absolute;
  bottom: 0;
  left: 14.5rem;
  width: 100%;
  border-top: 1px solid #222;
  border-left: 1px solid #222;
  background: #fff;
}
.navbar-mobile .mobile-nav .pop-language ul {
  display: flex;
  align-items: center;
  padding-left: 3rem;
  height: 3.9rem;
  gap: 1.5rem;
}
.navbar-mobile .mobile-nav .pop-language ul li:not(:first-child) {
  padding-left: 1.5rem;
  position: relative;
}
.navbar-mobile .mobile-nav .pop-language ul li:not(:first-child)::before {
  content: "";
  display: block;
  width: 1px;
  height: 1.2rem;
  background: #d9d9d9;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.navbar-mobile .mobile-nav .pop-language ul li a {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
  color: #666;
}
.navbar-mobile .mobile-nav .pop-language ul li a.current {
  color: #222;
  font-weight: 600;
}
.navbar-mobile .mobile-nav .on .link-open-language {
  color: #0072C6;
}
.navbar-mobile .mobile-nav .on .link-open-language .ico-arrDown {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 7'%3E%3Cpath d='M6 7L12 1.13514L10.8333 3.08625e-07L6 4.72973L1.16667 9.4708e-07L9.92367e-08 1.13514L6 7Z' fill='%230072C6'/%3E%3C/svg%3E");
  transform: rotate(90deg);
}
.navbar-mobile .mobile-nav .on .pop-language {
  display: block;
}
.navbar-mobile .mobile-nav .on .link-open-family {
  position: relative;
  color: #0072C6;
}
.navbar-mobile .mobile-nav .on .link-open-family::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #222;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.navbar-mobile .mobile-nav .on .link-open-family .ico-arrDown {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 7'%3E%3Cpath d='M6 7L12 1.13514L10.8333 3.08625e-07L6 4.72973L1.16667 9.4708e-07L9.92367e-08 1.13514L6 7Z' fill='%230072C6'/%3E%3C/svg%3E");
  transform: rotate(90deg);
}
.navbar-mobile .mobile-nav .on .pop-family-site {
  display: block;
}

[lang=en] header .logo {
  width: 12.4rem;
  height: 5.4rem;
}
[lang=en] header .logo a {
  background-image: url(../images/common/logo-skens-en-w.svg);
}
[lang=en] header.open .logo a, [lang=en] header.fixed .logo a {
  background-image: url(../images/common/logo-skens-en.svg);
}
[lang=en] .logo-skinno .svg-inno {
  width: 14.1rem;
  height: 4.5rem;
  background: url(../images/common/logo-skinno-eng.svg) no-repeat center center;
  background-size: 100% auto;
}
[lang=en] .navbar-sitemap .sitemap-logo a {
  width: 12.4rem;
  height: 5.4rem;
  background-image: url(../images/common/logo-skens-en.svg);
  background-repeat: no-repeat;
}
[lang=en] .sitemap-util .btn-outline {
  min-width: 100%;
  height: auto;
  padding: 1rem clamp(1.4rem, 2.44vw, 2.5rem);
  font-size: 1.6rem;
}
[lang=en] .sitemap-util .btn-outline .ico-arrow {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12' viewBox='0 0 15 12' fill='none'%3E%3Cpath d='M0.5 6H13.5M13.5 6L8.5 1M13.5 6L8.5 11' stroke='%23222222'/%3E%3C/svg%3E");
}
[lang=en] .sitemap-util .btn-outline:hover .ico-arrow {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12' viewBox='0 0 15 12' fill='none'%3E%3Cpath d='M0.5 6H13.5M13.5 6L8.5 1M13.5 6L8.5 11' stroke='%230072C6'/%3E%3C/svg%3E");
}
[lang=en] .navbar-mobile .mobile-nav-fixed .mobile-nav-list ul li button {
  text-align: left;
}
[lang=en] .navbar-mobile .mobile-logo a {
  background-image: url(../images/common/logo-skens-en.svg);
}
@media (max-width: 1024px) {
  [lang=en] .header-top .logo {
    width: 9.2rem;
    height: 3.6rem;
  }
  [lang=en] .navbar-mobile .mobile-nav-fixed .mobile-nav-util .link-open-skinno .svg-inno {
    width: 8.4rem;
    height: 2.7rem;
  }
}

footer {
  background: #f4f4f4;
}

.foorer-top .static {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.foorer-top .links {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 1.6rem;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.foorer-top .links li:first-child {
  color: #0072C6;
}
.foorer-top .links li:not(:last-child) {
  position: relative;
  padding-right: 1.5rem;
}
.foorer-top .links li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 1.2rem;
  background: #dedede;
  transform: translateY(-50%);
}
.foorer-top .sns {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
}
.foorer-top .sns .ico-youtube {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2724%27%20height%3D%2719%27%20viewBox%3D%270%200%2024%2019%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M23.2648%204.8364C23.2648%204.8364%2023.0295%203.22004%2022.3761%202.5311C21.4875%201.60369%2020.4943%201.57719%2020.05%201.55069C16.8614%201.28571%2012%201.28571%2012%201.28571L3.95%201.55069C3.50568%201.57719%202.5125%201.60369%201.62386%202.5311C0.970455%203.22004%200.735227%204.8364%200.735227%204.8364C0.735227%204.8364%200.5%206.71774%200.5%208.59908V10.3744C0.5%2012.2823%200.735227%2014.1371%200.735227%2014.1371C0.735227%2014.1371%200.970455%2015.78%201.62386%2016.4689C2.5125%2017.3963%203.68864%2017.3698%204.18523%2017.4493C6.01477%2017.6348%2012%2017.7143%2012%2017.7143C12%2017.7143%2016.8614%2017.6878%2020.05%2017.4493C20.4943%2017.3963%2021.4875%2017.3963%2022.3761%2016.4689C23.0295%2015.78%2023.2648%2014.1371%2023.2648%2014.1371C23.2648%2014.1371%2023.5%2012.2823%2023.5%2010.3744V8.59908C23.5%206.71774%2023.2648%204.8364%2023.2648%204.8364ZM9.62159%2012.5207V5.94931L15.8159%209.26152L9.62159%2012.5207Z%27%20fill%3D%27%23000000%27/%3E%3C/svg%3E");
}
.foorer-top .sns .ico-youtube:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2724%27%20height%3D%2719%27%20viewBox%3D%270%200%2024%2019%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M23.2648%204.8364C23.2648%204.8364%2023.0295%203.22004%2022.3761%202.5311C21.4875%201.60369%2020.4943%201.57719%2020.05%201.55069C16.8614%201.28571%2012%201.28571%2012%201.28571L3.95%201.55069C3.50568%201.57719%202.5125%201.60369%201.62386%202.5311C0.970455%203.22004%200.735227%204.8364%200.735227%204.8364C0.735227%204.8364%200.5%206.71774%200.5%208.59908V10.3744C0.5%2012.2823%200.735227%2014.1371%200.735227%2014.1371C0.735227%2014.1371%200.970455%2015.78%201.62386%2016.4689C2.5125%2017.3963%203.68864%2017.3698%204.18523%2017.4493C6.01477%2017.6348%2012%2017.7143%2012%2017.7143C12%2017.7143%2016.8614%2017.6878%2020.05%2017.4493C20.4943%2017.3963%2021.4875%2017.3963%2022.3761%2016.4689C23.0295%2015.78%2023.2648%2014.1371%2023.2648%2014.1371C23.2648%2014.1371%2023.5%2012.2823%2023.5%2010.3744V8.59908C23.5%206.71774%2023.2648%204.8364%2023.2648%204.8364ZM9.62159%2012.5207V5.94931L15.8159%209.26152L9.62159%2012.5207Z%27%20fill%3D%27%230072C6%27/%3E%3C/svg%3E");
}
.foorer-top .sns .ico-instagram {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2721%27%20height%3D%2721%27%20viewBox%3D%270%200%2021%2021%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M14.9864%200H6.10909C2.67273%200%200%202.67273%200%206.01364V14.8909C0%2018.3273%202.67273%2021%206.10909%2021H14.9864C18.3273%2021%2021%2018.3273%2021%2014.8909V6.01364C21%202.67273%2018.3273%200%2014.9864%200ZM10.5%2016.0364C7.44545%2016.0364%205.05909%2013.5545%205.05909%2010.5955C5.05909%207.63636%207.44545%205.05909%2010.5%205.05909C13.5545%205.05909%2015.9409%207.54091%2015.9409%2010.5C15.9409%2013.4591%2013.5545%2016.0364%2010.5%2016.0364ZM16.1318%206.20455C15.4636%206.20455%2014.8909%205.63182%2014.8909%204.96364C14.8909%204.29545%2015.4636%203.72273%2016.1318%203.72273C16.8%203.72273%2017.3727%204.29545%2017.3727%204.96364C17.3727%205.63182%2016.8%206.20455%2016.1318%206.20455Z%27%20fill%3D%27%23000000%27/%3E%3Cpath%20d%3D%27M10.5002%207.00018C8.60829%207.00018%207.00018%208.60829%207.00018%2010.5002C7.00018%2012.3921%208.60829%2014.0002%2010.5002%2014.0002C12.3921%2014.0002%2014.0002%2012.3921%2014.0002%2010.5002C14.0002%208.60829%2012.3921%207.00018%2010.5002%207.00018Z%27%20fill%3D%27%23000000%27/%3E%3C/svg%3E");
}
.foorer-top .sns .ico-instagram:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2721%27%20height%3D%2721%27%20viewBox%3D%270%200%2021%2021%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M14.9864%200H6.10909C2.67273%200%200%202.67273%200%206.01364V14.8909C0%2018.3273%202.67273%2021%206.10909%2021H14.9864C18.3273%2021%2021%2018.3273%2021%2014.8909V6.01364C21%202.67273%2018.3273%200%2014.9864%200ZM10.5%2016.0364C7.44545%2016.0364%205.05909%2013.5545%205.05909%2010.5955C5.05909%207.63636%207.44545%205.05909%2010.5%205.05909C13.5545%205.05909%2015.9409%207.54091%2015.9409%2010.5C15.9409%2013.4591%2013.5545%2016.0364%2010.5%2016.0364ZM16.1318%206.20455C15.4636%206.20455%2014.8909%205.63182%2014.8909%204.96364C14.8909%204.29545%2015.4636%203.72273%2016.1318%203.72273C16.8%203.72273%2017.3727%204.29545%2017.3727%204.96364C17.3727%205.63182%2016.8%206.20455%2016.1318%206.20455Z%27%20fill%3D%27%230072C6%27/%3E%3Cpath%20d%3D%27M10.5002%207.00018C8.60829%207.00018%207.00018%208.60829%207.00018%2010.5002C7.00018%2012.3921%208.60829%2014.0002%2010.5002%2014.0002C12.3921%2014.0002%2014.0002%2012.3921%2014.0002%2010.5002C14.0002%208.60829%2012.3921%207.00018%2010.5002%207.00018Z%27%20fill%3D%27%230072C6%27/%3E%3C/svg%3E");
}
.foorer-top .sns .ico-linkedin {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2721%27%20height%3D%2721%27%20viewBox%3D%270%200%2021%2021%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M19.4498%200H1.55021C1.13907%200%200.744766%200.163325%200.454046%200.454046C0.163325%200.744766%200%201.13907%200%201.55021V19.4498C0%2019.8609%200.163325%2020.2552%200.454046%2020.546C0.744766%2020.8367%201.13907%2021%201.55021%2021H19.4498C19.8609%2021%2020.2552%2020.8367%2020.546%2020.546C20.8367%2020.2552%2021%2019.8609%2021%2019.4498V1.55021C21%201.13907%2020.8367%200.744766%2020.546%200.454046C20.2552%200.163325%2019.8609%200%2019.4498%200ZM6.25917%2017.8894H3.10188V7.86042H6.25917V17.8894ZM4.67833%206.47063C4.32019%206.46861%203.97068%206.36055%203.67389%206.16008C3.37711%205.95961%203.14636%205.67571%203.01077%205.34423C2.87518%205.01274%202.84082%204.64852%202.91203%204.29752C2.98324%203.94653%203.15683%203.62449%203.41089%203.37206C3.66494%203.11963%203.98809%202.94811%204.33953%202.87915C4.69098%202.8102%205.05497%202.84689%205.38558%202.98461C5.71619%203.12233%205.9986%203.3549%206.19716%203.65296C6.39572%203.95103%206.50153%204.30123%206.50125%204.65938C6.50463%204.89915%206.4597%205.13716%206.36914%205.3592C6.27857%205.58125%206.14423%205.78279%205.97412%205.95181C5.80402%206.12083%205.60162%206.25387%205.379%206.34301C5.15637%206.43214%204.91809%206.47554%204.67833%206.47063ZM17.8967%2017.8981H14.7408V12.4192C14.7408%2010.8033%2014.054%2010.3046%2013.1673%2010.3046C12.231%2010.3046%2011.3123%2011.0104%2011.3123%2012.46V17.8981H8.155V7.86771H11.1913V9.2575H11.2321C11.5369%208.64063%2012.6044%207.58625%2014.2333%207.58625C15.995%207.58625%2017.8981%208.63188%2017.8981%2011.6944L17.8967%2017.8981Z%27%20fill%3D%27%23000000%27/%3E%3C/svg%3E");
}
.foorer-top .sns .ico-linkedin:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2721%27%20height%3D%2721%27%20viewBox%3D%270%200%2021%2021%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M19.4498%200H1.55021C1.13907%200%200.744766%200.163325%200.454046%200.454046C0.163325%200.744766%200%201.13907%200%201.55021V19.4498C0%2019.8609%200.163325%2020.2552%200.454046%2020.546C0.744766%2020.8367%201.13907%2021%201.55021%2021H19.4498C19.8609%2021%2020.2552%2020.8367%2020.546%2020.546C20.8367%2020.2552%2021%2019.8609%2021%2019.4498V1.55021C21%201.13907%2020.8367%200.744766%2020.546%200.454046C20.2552%200.163325%2019.8609%200%2019.4498%200ZM6.25917%2017.8894H3.10188V7.86042H6.25917V17.8894ZM4.67833%206.47063C4.32019%206.46861%203.97068%206.36055%203.67389%206.16008C3.37711%205.95961%203.14636%205.67571%203.01077%205.34423C2.87518%205.01274%202.84082%204.64852%202.91203%204.29752C2.98324%203.94653%203.15683%203.62449%203.41089%203.37206C3.66494%203.11963%203.98809%202.94811%204.33953%202.87915C4.69098%202.8102%205.05497%202.84689%205.38558%202.98461C5.71619%203.12233%205.9986%203.3549%206.19716%203.65296C6.39572%203.95103%206.50153%204.30123%206.50125%204.65938C6.50463%204.89915%206.4597%205.13716%206.36914%205.3592C6.27857%205.58125%206.14423%205.78279%205.97412%205.95181C5.80402%206.12083%205.60162%206.25387%205.379%206.34301C5.15637%206.43214%204.91809%206.47554%204.67833%206.47063ZM17.8967%2017.8981H14.7408V12.4192C14.7408%2010.8033%2014.054%2010.3046%2013.1673%2010.3046C12.231%2010.3046%2011.3123%2011.0104%2011.3123%2012.46V17.8981H8.155V7.86771H11.1913V9.2575H11.2321C11.5369%208.64063%2012.6044%207.58625%2014.2333%207.58625C15.995%207.58625%2017.8981%208.63188%2017.8981%2011.6944L17.8967%2017.8981Z%27%20fill%3D%27%230072C6%27/%3E%3C/svg%3E");
}
.foorer-top .sns .ico-facebook {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2721%27%20height%3D%2721%27%20viewBox%3D%270%200%2021%2021%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M21%2010.566C21%204.7283%2016.3013%200%2010.5%200C4.69875%200%200%204.7283%200%2010.566C0%2015.8226%203.8325%2020.2075%208.8725%2021V13.6302H6.195V10.566H8.8725V8.21509C8.8725%205.6%2010.4213%204.14717%2012.8363%204.14717C13.9913%204.14717%2015.1725%204.33207%2015.1725%204.33207V6.92075H13.86C12.5475%206.92075%2012.1275%207.76604%2012.1275%208.5849V10.566H15.0675L14.595%2013.6302H12.1275V21C17.1675%2020.2075%2021%2015.8226%2021%2010.566Z%27%20fill%3D%27%23000000%27/%3E%3C/svg%3E");
}
.foorer-top .sns .ico-facebook:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2721%27%20height%3D%2721%27%20viewBox%3D%270%200%2021%2021%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M21%2010.566C21%204.7283%2016.3013%200%2010.5%200C4.69875%200%200%204.7283%200%2010.566C0%2015.8226%203.8325%2020.2075%208.8725%2021V13.6302H6.195V10.566H8.8725V8.21509C8.8725%205.6%2010.4213%204.14717%2012.8363%204.14717C13.9913%204.14717%2015.1725%204.33207%2015.1725%204.33207V6.92075H13.86C12.5475%206.92075%2012.1275%207.76604%2012.1275%208.5849V10.566H15.0675L14.595%2013.6302H12.1275V21C17.1675%2020.2075%2021%2015.8226%2021%2010.566Z%27%20fill%3D%27%230072C6%27/%3E%3C/svg%3E");
}
.foorer-top .sns .newsroom {
  font-size: 1.4rem;
  font-weight: 700;
  margin-right: 1.5rem;
}
@media (max-width: 768px) {
  .foorer-top .static {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 3rem;
    padding-bottom: 2.7rem;
    gap: 1.6rem;
  }
  .foorer-top .links {
    font-size: 1.5rem;
  }
  .foorer-top .links li:first-child {
    width: 100%;
  }
  .foorer-top .links li:first-child::after {
    display: none;
  }
}

.footer-btm {
  position: relative;
  border-top: 1px solid #dedede;
}
.footer-btm .static {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.footer-btm-info .info {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 0.83vw, 1.5rem);
  font-size: clamp(1.4rem, 0.78vw, 1.6rem);
}
.footer-btm-info .info span {
  padding-right: clamp(1rem, 0.83vw, 1.5rem);
  position: relative;
}
.footer-btm-info .info span:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 1.2rem;
  background: #dedede;
  transform: translateY(-50%);
}
.footer-btm-info .copyright {
  text-align: left;
  font-size: clamp(1.3rem, 1.05vw, 1.6rem);
  margin-top: 1rem;
  line-height: 1.42;
}
.footer-btm-link {
  display: flex;
  gap: clamp(5rem, 4.34vw, 6.6rem);
  align-items: center;
  position: relative;
  right: -12rem;
}
.footer-btm-link .ski-link {
  display: block;
}
.footer-btm-link .ski-link .logo-skinno .tx {
  display: block;
  text-align: right;
  font-size: 1.2rem;
  color: #444;
  line-height: 3;
}
.footer-btm-link .family-site {
  position: relative;
  width: 20rem;
  height: 6rem;
  border-bottom: 2px solid #000;
}
.footer-btm-link .family-site .btnFamily {
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: clamp(1.6rem, 1.18vw, 1.8rem);
}
.footer-btm-link .family-site .btnFamily .ico-plus {
  position: relative;
  width: 1.4rem;
  height: 1.4rem;
  transform-origin: center;
}
.footer-btm-link .family-site .btnFamily .ico-plus::before, .footer-btm-link .family-site .btnFamily .ico-plus::after {
  content: "";
  display: block;
  width: 1.4rem;
  height: 0.2rem;
  transition: all 0.3s ease;
  background: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.footer-btm-link .family-site .btnFamily .ico-plus::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.footer-btm-link .family-site-list {
  display: none;
  position: absolute;
  bottom: 6rem;
  left: 0;
  background: #fff;
  border: 1px solid #dedede;
  border-radius: 0.6rem;
  padding: 1.5rem 1.5rem;
}
.footer-btm-link .family-site-list > li {
  padding: 0.35rem 0;
}
.footer-btm-link .family-site-list > li a {
  font-size: 1.6rem;
}
.footer-btm-link .family-site.open .family-site-list {
  display: block;
}
.footer-btm-link .family-site.open .btnFamily .ico-plus {
  background-image: none;
}
.footer-btm-link .family-site.open .btnFamily .ico-plus::after {
  display: none;
}
.footer-btm .to-top .btn-top.active {
  display: block;
  position: fixed;
  right: 7rem;
  bottom: 2rem;
  z-index: 10;
}
@media (max-width: 1540px) {
  .footer-btm-link {
    right: 0;
  }
  .footer-btm .family-site {
    width: 20rem;
    height: 4rem;
  }
  .footer-btm .family-site-list {
    bottom: 4rem;
  }
  .footer-btm .to-top .btn-top.active {
    right: 2rem;
  }
}
@media (max-width: 768px) {
  .footer-btm .static {
    flex-direction: column;
    padding-top: 3rem;
    padding-bottom: 3.4rem;
  }
  .footer-btm-info {
    order: 2;
    margin-top: 2.5rem;
    width: 100%;
  }
  .footer-btm-info .info {
    flex-wrap: wrap;
    line-height: 1.2;
  }
  .footer-btm-info .info address {
    width: 100%;
  }
  .footer-btm-info .copyright {
    margin-top: 1.5rem;
  }
  .footer-btm-link {
    order: 1;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .footer-btm-link .family-site {
    order: 1;
  }
  .footer-btm-link .ski-link {
    order: 3;
  }
  .footer-btm-link .ski-link .logo-skinno .svg-inno {
    width: 11rem;
    height: 3.8rem;
  }
  .footer-btm-link .ski-link .logo-skinno .tx {
    font-size: 1rem;
  }
  .footer-btm-link .to-top {
    order: 2;
    position: absolute;
    top: 2rem;
    right: 0;
  }
}

[lang=en] .footer-btm {
  border-top: 0;
}
[lang=en] .footer-btm .static {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
[lang=en] .footer-btm .footer-btm-link .btn-outline {
  padding: 1rem clamp(1.4rem, 2.44vw, 2.5rem);
  font-size: clamp(1.4rem, 0.78vw, 1.6rem);
}
[lang=en] .footer-btm .footer-btm-link .btn-outline i {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12' viewBox='0 0 15 12' fill='none'%3E%3Cpath d='M0.5 6H13.5M13.5 6L8.5 1M13.5 6L8.5 11' stroke='%23222222'/%3E%3C/svg%3E");
}
[lang=en] .footer-btm .footer-btm-info .info {
  font-size: clamp(1.3rem, 0.78vw, 1.6rem);
}
[lang=en] .footer-btm .footer-btm-info .copyright {
  font-size: clamp(1.2rem, 1.05vw, 1.6rem);
}
@media (max-width: 768px) {
  [lang=en] .footer-btm .static {
    padding-top: 3rem;
    padding-bottom: 4rem;
  }
  [lang=en] .footer-btm-info {
    order: 1;
    margin-top: 0;
  }
  [lang=en] .footer-btm-link {
    order: 2;
    margin-top: 3rem;
  }
  [lang=en] .footer-btm-link .to-top {
    top: 0;
  }
  [lang=en] .footer-btm-link .btn-outline {
    height: 5.4rem;
  }
}

.main-visual {
  position: relative;
  width: 100vw;
  height: 100vh;
  background: #000;
}
.main-visual .static {
  max-width: 180rem;
}
.main-visual .visual-video-frame {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.main-visual .visual-video-frame .bg-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main-visual .visual-video-frame::before {
  content: "";
  display: block;
  width: 100%;
  height: 19.63vh;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 20.9%, #000 85.67%), rgba(0, 0, 0, 0);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.main-visual .visual-video-frame::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
}
.main-visual .video-text {
  position: absolute;
  bottom: 19.63vh;
  width: 42%;
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 1.84vw, 2.8rem);
  color: #fff;
  z-index: 4;
}
.main-visual .video-text .vs-tx1 {
  font-size: clamp(2rem, 2.24vw, 3.4rem);
  font-weight: 600;
}
.main-visual .video-text .vs-tx2 {
  font-size: clamp(3rem, 3.82vw, 5.8rem);
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  line-height: 1.17;
  text-transform: uppercase;
}
.main-visual .video-text .vs-tx3 {
  font-size: clamp(1.2rem, 1.18vw, 1.8rem);
  line-height: 1.5;
}
.main-visual .video-controls {
  position: absolute;
  bottom: 7.78vh;
  display: flex;
  align-items: center;
  gap: clamp(1.8rem, 1.32vw, 2rem);
  z-index: 4;
}
.main-visual .video-controls .video-progress-bar {
  width: 31rem;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.3);
  overflow: hidden;
}
.main-visual .video-controls .video-progress-bar span {
  display: block;
  height: 100%;
  background-color: #fff;
}
.main-visual .video-btn {
  width: 3rem;
  height: 3rem;
}
.main-visual .video-btn button {
  width: 100%;
  height: 100%;
  background-color: transparent;
  cursor: pointer;
  padding: 0;
  margin: 0;
  background: url(../images/main/v-pause.svg) no-repeat center center/contain;
}
.main-visual .video-btn button.on {
  background: url(../images/main/v-play.svg) no-repeat center center/contain;
}
@media (max-width: 1024px) {
  .main-visual {
    max-height: 70rem;
  }
  .main-visual .video-text {
    width: 52%;
  }
}
@media (max-width: 768px) {
  .main-visual {
    max-height: 62.4rem;
  }
  .main-visual .video-text {
    width: 60%;
    bottom: 13.43vh;
  }
  .main-visual .video-controls {
    bottom: 4.29vh;
  }
}
@media (max-width: 640px) {
  .main-visual .video-text {
    width: calc(100% - 4rem);
  }
}
@media (max-width: 390px) {
  .main-visual {
    height: 81.25vh;
  }
}

[lang=en] .main-visual .video-text {
  width: 100%;
}
@media (max-width: 640px) {
  [lang=en] .main-visual .video-text {
    width: calc(100% - 4rem);
  }
}

.video-text .vs-tx1,
.video-text .vs-tx2,
.video-text .vs-tx3 {
  transform: translate3d(0, 7rem, 0);
  opacity: 0;
}
.video-text .vs-tx1 {
  transition: all 0.8s ease 0.2s;
}
.video-text .vs-tx2 {
  transition: all 0.8s ease 0.5s;
}
.video-text .vs-tx3 {
  transition: all 0.8s ease 0.8s;
}

.load .video-text .vs-tx1,
.load .video-text .vs-tx2,
.load .video-text .vs-tx3 {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.main-title {
  font-weight: 800;
  font-size: clamp(2.4rem, 2.89vw, 4.4rem);
  line-height: 1.2;
}

.main-title + p {
  font-size: clamp(1.2rem, 1.18vw, 1.8rem);
  line-height: 1.5;
  margin-top: 2rem;
}

.main-portfolio {
  background: #000;
  padding-top: clamp(6rem, 5.46vw, 8.3rem);
  padding-bottom: clamp(4rem, 3.29vw, 5rem);
}
.main-portfolio .static {
  max-width: 180rem;
}
.main-portfolio .main-title {
  color: #fff;
  text-align: center;
}
.main-portfolio .main-title + p {
  color: #fff;
  text-align: center;
}
.main-portfolio ul {
  display: flex;
  gap: clamp(1rem, 2vw, 4rem);
}
.main-portfolio li.pfItem {
  flex: 1;
  transition: flex 0.6s ease, transform 0.6s ease;
  transform-origin: center;
  border-radius: 1rem;
  overflow: hidden;
}
.main-portfolio .list {
  height: 100%;
  position: relative;
  transform-origin: center;
}
.main-portfolio .list::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
}
.main-portfolio .list h4 {
  font-size: clamp(1.8rem, 1.71vw, 2.6rem);
  font-weight: 700;
  position: absolute;
  bottom: 2.5rem;
  left: clamp(1rem, 1.5vw, 3rem);
  color: #fff;
  transition: all 0.3s ease;
}
.main-portfolio .list .text {
  position: absolute;
  left: clamp(1rem, 1.5vw, 3rem);
  bottom: -100%;
  width: calc(100% - clamp(2rem, 3vw, 6rem));
  transition: all 0.5s ease;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  opacity: 0;
  z-index: 2;
}
.main-portfolio .list .text .title {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.main-portfolio .list .text .title strong {
  font-size: clamp(1.8rem, 1.71vw, 2.6rem);
  font-weight: 700;
  line-height: 1;
}
.main-portfolio .list .text .desc {
  font-size: clamp(1.2rem, 0.92vw, 1.4rem);
  line-height: 1.4;
  word-break: keep-all;
}
.main-portfolio .list video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  border-radius: 1rem;
}
.main-portfolio .on .list::before {
  height: 56.6%;
  background: linear-gradient(0deg, #101010 0%, rgba(16, 16, 16, 0) 83.95%);
}
.main-portfolio .on .list h4 {
  opacity: 0;
}
.main-portfolio .on .list .text {
  transition-delay: 0.3s;
  bottom: 2rem;
  opacity: 1;
}
.main-portfolio .on .list video {
  opacity: 1;
}
.main-portfolio .portfolio1 {
  height: 50rem;
  margin-top: clamp(4rem, 3.42vw, 5.2rem);
}
.main-portfolio .portfolio1 li:nth-child(1) {
  background: url(../images/main/portfolio-bg1.jpg) no-repeat center center/cover;
}
.main-portfolio .portfolio1 li:nth-child(2) {
  background: url(../images/main/portfolio-bg2.jpg) no-repeat center center/cover;
}
.main-portfolio .portfolio1 li:nth-child(3) {
  background: url(../images/main/portfolio-bg3.jpg) no-repeat center center/cover;
}
.main-portfolio .portfolio1 li:nth-child(4) {
  background: url(../images/main/portfolio-bg4.jpg) no-repeat center center/cover;
}
.main-portfolio .portfolio1 li:nth-child(6) {
  background: url(../images/main/portfolio-bg5.jpg) no-repeat center center/cover;
}
.main-portfolio .portfolio1 li.on {
  flex: 4.2;
  transform: scaleX(1);
  background: none;
}
.main-portfolio .portfolio1 li.bar {
  width: 1px;
  height: 100%;
  background-color: #222;
}
@media (max-width: 1540px) {
  .main-portfolio li.pfItem .text .desc .pc-only {
    display: none;
  }
}
@media (max-width: 1024px) {
  .main-portfolio .portfolio1 .list h4 {
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 1.6rem;
  }
  .main-portfolio .portfolio1 .list .text .title {
    flex-direction: column;
    align-items: flex-start;
  }
  .main-portfolio .portfolio1 li.on {
    flex: 3;
  }
  .main-portfolio .portfolio1 li.on .btn-arrow {
    outline: none;
  }
  .main-portfolio .portfolio1 li.on .btn-arrow::before {
    width: 8rem;
  }
  .main-portfolio .portfolio1 li.on .btn-arrow span {
    opacity: 1;
    transform: translateX(0);
    padding-top: 0.9rem;
  }
  .main-portfolio .portfolio1 li.on .btn-arrow::after {
    left: 7rem;
  }
}
@media (max-width: 768px) {
  .main-portfolio .portfolio1 li.on {
    flex: 2;
  }
}
@media (max-width: 640px) {
  .main-portfolio .main-title {
    text-align: left;
  }
  .main-portfolio .main-title + p {
    text-align: left;
  }
  .main-portfolio ul {
    gap: 2rem;
  }
  .main-portfolio li.pfItem {
    height: 100%;
  }
  .main-portfolio .list::before {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  }
  .main-portfolio .list h4 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    bottom: initial;
    font-size: 1.8rem;
  }
  .main-portfolio .list .text {
    bottom: -200%;
  }
  .main-portfolio .on .list::before {
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  }
  .main-portfolio .on .list .text {
    top: initial;
    left: 2rem;
    bottom: 2rem;
    width: calc(100% - 6rem);
  }
  .main-portfolio .on .list .text .title {
    font-size: 2.2rem;
  }
  .main-portfolio .on .list .text .desc {
    line-height: 1.3;
  }
  .main-portfolio .portfolio1 {
    flex-direction: column;
    height: 180vw;
  }
  .main-portfolio .portfolio1 li:nth-child(1) {
    background: url(../images/main/portfolio-m-bg1.jpg) no-repeat center center/cover;
  }
  .main-portfolio .portfolio1 li:nth-child(2) {
    background: url(../images/main/portfolio-m-bg2.jpg) no-repeat center center/cover;
  }
  .main-portfolio .portfolio1 li:nth-child(3) {
    background: url(../images/main/portfolio-m-bg3.jpg) no-repeat center center/cover;
  }
  .main-portfolio .portfolio1 li:nth-child(4) {
    background: url(../images/main/portfolio-m-bg4.jpg) no-repeat center center/cover;
  }
  .main-portfolio .portfolio1 li:nth-child(6) {
    background: url(../images/main/portfolio-m-bg5.jpg) no-repeat center center/cover;
  }
  .main-portfolio .portfolio1 li.on {
    flex: 6;
  }
  .main-portfolio .portfolio1 li.bar {
    width: 100%;
    height: 1px;
  }
  .main-portfolio .portfolio1 .list .text .title {
    flex-direction: row;
    align-items: center;
  }
}

.main-policy {
  background: #000;
  padding-top: clamp(4rem, 9.77vw, 10rem);
  padding-bottom: clamp(8rem, 12.5vw, 19rem);
}
.main-policy .static {
  max-width: 136rem;
}
.main-policy .main-title {
  color: #fff;
  margin-bottom: clamp(2rem, 3.29vw, 4rem);
  text-align: center;
}
.main-policy .video-wrap {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  background: #000;
  border-radius: 1rem;
  overflow: hidden;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  height: 0;
  padding-bottom: 56.25%;
}
.main-policy .video-wrap .video,
.main-policy .video-wrap .thumb {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.3s ease;
}
.main-policy .video-wrap picture {
  width: 100%;
  height: 100%;
  border: none;
  object-fit: cover;
  z-index: 1;
  border-radius: 1rem;
  overflow: hidden;
}
.main-policy .video-wrap picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main-policy .video-wrap .play-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main-policy .video-wrap .play-btn::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(5rem, 6.58vw, 9.3rem);
  height: clamp(5rem, 6.58vw, 9.3rem);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='93' height='93' viewBox='0 0 93 93' fill='none'%3E%3Cpath d='M88.5 43.9019C90.5 45.0566 90.5 47.9434 88.5 49.0981L27.75 84.1721C25.75 85.3268 23.25 83.8834 23.25 81.574L23.25 11.426C23.25 9.11657 25.75 7.67319 27.75 8.82789L88.5 43.9019Z' fill='%23ffffff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.main-policy .video-wrap .iframe-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1rem;
  overflow: hidden;
  z-index: 3;
}
.main-policy .video-wrap .iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: none;
}
.main-policy .policy-bnr {
  margin-top: clamp(8rem, 9.87vw, 15rem);
  width: 100%;
  height: 30rem;
  border-radius: 1rem;
  overflow: hidden;
  position: relative;
}
.main-policy .policy-bnr .bg {
  position: relative;
  width: 100%;
  height: 100%;
}
.main-policy .policy-bnr .bg video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  object-fit: cover;
  z-index: 1;
}
.main-policy .policy-bnr .bg::after {
  content: "";
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%);
  z-index: 2;
}
.main-policy .policy-bnr .text {
  position: absolute;
  top: 22%;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 2rem;
  text-align: center;
  transition: all 0.3s ease;
  z-index: 2;
}
.main-policy .policy-bnr .text h4 {
  color: #fff;
  font-size: clamp(1.8rem, 2.03vw, 2.6rem);
  font-weight: 700;
  line-height: 1.25;
}
.main-policy .policy-bnr .text p {
  color: #fff;
  font-size: clamp(1.2rem, 0.92vw, 1.4rem);
  line-height: 1.57;
}
.main-policy .policy-bnr .text p,
.main-policy .policy-bnr .text .btns {
  opacity: 0;
  transition: all 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.main-policy .policy-bnr.hv .bg::after, .main-policy .policy-bnr:focus .bg::after, .main-policy .policy-bnr:hover .bg::after {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.main-policy .policy-bnr.hv .text, .main-policy .policy-bnr:focus .text, .main-policy .policy-bnr:hover .text {
  top: 0;
}
.main-policy .policy-bnr.hv .text p, .main-policy .policy-bnr.hv .text .btns, .main-policy .policy-bnr:focus .text p, .main-policy .policy-bnr:focus .text .btns, .main-policy .policy-bnr:hover .text p, .main-policy .policy-bnr:hover .text .btns {
  opacity: 1;
}
.main-policy .policy-bnr.hv .btns:focus, .main-policy .policy-bnr:focus .btns:focus, .main-policy .policy-bnr:hover .btns:focus {
  opacity: 1;
}
@media (max-width: 1024px) {
  .main-policy .policy-bnr .text {
    top: 0;
  }
  .main-policy .policy-bnr .text p, .main-policy .policy-bnr .text .btns {
    opacity: 1;
  }
}
@media (max-width: 768px) {
  .main-policy .policy-bnr .bg {
    border-radius: 1rem;
    overflow: hidden;
  }
  .main-policy .policy-bnr .bg video {
    opacity: 0;
  }
  .main-policy .policy-bnr .bg::after {
    opacity: 1;
    background: url(../images/main/policy-bg.jpg) no-repeat center center/cover;
    -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
    mask-repeat: no-repeat;
    mask-size: cover;
  }
  .main-policy .policy-bnr .text {
    top: 0;
  }
  .main-policy .policy-bnr .text p, .main-policy .policy-bnr .text .btns {
    opacity: 1;
  }
  .main-policy .policy-bnr:hover .bg::after {
    background: url(../images/main/policy-bg.jpg) no-repeat center center/cover;
  }
}
@media (max-width: 640px) {
  .main-policy .policy-bnr {
    height: 36rem;
  }
  .main-policy .policy-bnr .bg::after {
    background: url(../images/main/policy-bg-mo.png) no-repeat center center/cover;
    -webkit-mask-image: initial;
    mask-image: initial;
  }
  .main-policy .policy-bnr .text {
    gap: 3rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .main-policy .policy-bnr:hover .bg::after {
    background: url(../images/main/policy-bg-mo.png) no-repeat center center/cover;
    -webkit-mask-image: initial;
    mask-image: initial;
  }
}

.tablet .policy-bnr .text {
  top: 0;
}
.tablet .policy-bnr .text p, .tablet .policy-bnr .text .btns {
  opacity: 1;
}

.main-news {
  padding-top: clamp(4rem, 6.58vw, 10rem);
  padding-bottom: clamp(8rem, 10.86vw, 16.5rem);
}
.main-news .news-title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: clamp(3.5rem, 5.59vw, 8.5rem);
  position: relative;
}
.main-news .news-title a {
  font-size: clamp(1.4rem, 1.18vw, 1.8rem);
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 0.7rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.main-news .news-title a i {
  transition: all 0.8s ease;
}
.main-news .news-title a:hover i {
  transform: rotate(360deg);
}
@media (max-width: 640px) {
  .main-news .static {
    padding-left: 0;
    padding-right: 0;
  }
  .main-news .news-title {
    padding-left: 2rem;
    padding-right: 2rem;
    justify-content: flex-start;
  }
  .main-news .news-title a {
    right: 2rem;
  }
  .main-news .news-title .ico-plus {
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }
}

.news-cate-sns {
  display: flex;
  align-items: center;
  color: #0072C6;
  gap: 1rem;
}
.news-cate-sns .ico-instagram {
  display: block;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2721%27%20height%3D%2721%27%20viewBox%3D%270%200%2021%2021%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M14.9864%200H6.10909C2.67273%200%200%202.67273%200%206.01364V14.8909C0%2018.3273%202.67273%2021%206.10909%2021H14.9864C18.3273%2021%2021%2018.3273%2021%2014.8909V6.01364C21%202.67273%2018.3273%200%2014.9864%200ZM10.5%2016.0364C7.44545%2016.0364%205.05909%2013.5545%205.05909%2010.5955C5.05909%207.63636%207.44545%205.05909%2010.5%205.05909C13.5545%205.05909%2015.9409%207.54091%2015.9409%2010.5C15.9409%2013.4591%2013.5545%2016.0364%2010.5%2016.0364ZM16.1318%206.20455C15.4636%206.20455%2014.8909%205.63182%2014.8909%204.96364C14.8909%204.29545%2015.4636%203.72273%2016.1318%203.72273C16.8%203.72273%2017.3727%204.29545%2017.3727%204.96364C17.3727%205.63182%2016.8%206.20455%2016.1318%206.20455Z%27%20fill%3D%27%230072c6%27/%3E%3Cpath%20d%3D%27M10.5002%207.00018C8.60829%207.00018%207.00018%208.60829%207.00018%2010.5002C7.00018%2012.3921%208.60829%2014.0002%2010.5002%2014.0002C12.3921%2014.0002%2014.0002%2012.3921%2014.0002%2010.5002C14.0002%208.60829%2012.3921%207.00018%2010.5002%207.00018Z%27%20fill%3D%27%230072c6%27/%3E%3C/svg%3E");
  background-size: auto 100%;
}
.news-cate-sns .ico-youtube {
  display: block;
  width: 2.24rem;
  height: 1.6rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2724%27%20height%3D%2719%27%20viewBox%3D%270%200%2024%2019%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M23.2648%204.8364C23.2648%204.8364%2023.0295%203.22004%2022.3761%202.5311C21.4875%201.60369%2020.4943%201.57719%2020.05%201.55069C16.8614%201.28571%2012%201.28571%2012%201.28571L3.95%201.55069C3.50568%201.57719%202.5125%201.60369%201.62386%202.5311C0.970455%203.22004%200.735227%204.8364%200.735227%204.8364C0.735227%204.8364%200.5%206.71774%200.5%208.59908V10.3744C0.5%2012.2823%200.735227%2014.1371%200.735227%2014.1371C0.735227%2014.1371%200.970455%2015.78%201.62386%2016.4689C2.5125%2017.3963%203.68864%2017.3698%204.18523%2017.4493C6.01477%2017.6348%2012%2017.7143%2012%2017.7143C12%2017.7143%2016.8614%2017.6878%2020.05%2017.4493C20.4943%2017.3963%2021.4875%2017.3963%2022.3761%2016.4689C23.0295%2015.78%2023.2648%2014.1371%2023.2648%2014.1371C23.2648%2014.1371%2023.5%2012.2823%2023.5%2010.3744V8.59908C23.5%206.71774%2023.2648%204.8364%2023.2648%204.8364ZM9.62159%2012.5207V5.94931L15.8159%209.26152L9.62159%2012.5207Z%27%20fill%3D%27%230072c6%27/%3E%3C/svg%3E");
  background-size: auto 100%;
}
.news-cate-sns .ico-linkedin {
  display: block;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2721%27%20height%3D%2721%27%20viewBox%3D%270%200%2021%2021%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M19.4498%200H1.55021C1.13907%200%200.744766%200.163325%200.454046%200.454046C0.163325%200.744766%200%201.13907%200%201.55021V19.4498C0%2019.8609%200.163325%2020.2552%200.454046%2020.546C0.744766%2020.8367%201.13907%2021%201.55021%2021H19.4498C19.8609%2021%2020.2552%2020.8367%2020.546%2020.546C20.8367%2020.2552%2021%2019.8609%2021%2019.4498V1.55021C21%201.13907%2020.8367%200.744766%2020.546%200.454046C20.2552%200.163325%2019.8609%200%2019.4498%200ZM6.25917%2017.8894H3.10188V7.86042H6.25917V17.8894ZM4.67833%206.47063C4.32019%206.46861%203.97068%206.36055%203.67389%206.16008C3.37711%205.95961%203.14636%205.67571%203.01077%205.34423C2.87518%205.01274%202.84082%204.64852%202.91203%204.29752C2.98324%203.94653%203.15683%203.62449%203.41089%203.37206C3.66494%203.11963%203.98809%202.94811%204.33953%202.87915C4.69098%202.8102%205.05497%202.84689%205.38558%202.98461C5.71619%203.12233%205.9986%203.3549%206.19716%203.65296C6.39572%203.95103%206.50153%204.30123%206.50125%204.65938C6.50463%204.89915%206.4597%205.13716%206.36914%205.3592C6.27857%205.58125%206.14423%205.78279%205.97412%205.95181C5.80402%206.12083%205.60162%206.25387%205.379%206.34301C5.15637%206.43214%204.91809%206.47554%204.67833%206.47063ZM17.8967%2017.8981H14.7408V12.4192C14.7408%2010.8033%2014.054%2010.3046%2013.1673%2010.3046C12.231%2010.3046%2011.3123%2011.0104%2011.3123%2012.46V17.8981H8.155V7.86771H11.1913V9.2575H11.2321C11.5369%208.64063%2012.6044%207.58625%2014.2333%207.58625C15.995%207.58625%2017.8981%208.63188%2017.8981%2011.6944L17.8967%2017.8981Z%27%20fill%3D%27%230072c6%27/%3E%3C/svg%3E");
  background-size: auto 100%;
}

.news-swiper {
  overflow: hidden;
}
.news-swiper .swiper-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(2rem, 3vw, 8.5rem);
}
.news-swiper .swiper-wrapper .swiper-slide a {
  display: block;
}
.news-swiper .swiper-wrapper .swiper-slide a .thumb {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 1rem;
  overflow: hidden;
  position: relative;
}
.news-swiper .swiper-wrapper .swiper-slide a .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: 0.6s ease-in-out;
}
.news-swiper .swiper-wrapper .swiper-slide a .thumb::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
  z-index: 1;
  opacity: 0;
  transition: 0.3s;
}
.news-swiper .swiper-wrapper .swiper-slide a .desc .desc-text {
  margin-top: clamp(1rem, 0.13vw, 2rem);
}
.news-swiper .swiper-wrapper .swiper-slide a .desc h4 {
  font-size: clamp(1.4rem, 1.18vw, 1.8rem);
  font-weight: 700;
  line-height: 1.67;
  color: #0072C6;
  margin-top: clamp(1rem, 1.32vw, 2rem);
}
.news-swiper .swiper-wrapper .swiper-slide a .desc p {
  font-size: clamp(1.4rem, 1.58vw, 2.4rem);
  font-weight: 600;
  display: inline;
  background-image: linear-gradient(to right, #222, #222);
  background-size: 0 1px;
  background-repeat: no-repeat;
  background-position: left bottom;
  transition: background-size 0.6s ease-in-out;
  line-height: 1.25;
}
.news-swiper .swiper-wrapper .swiper-slide a:hover .thumb::before {
  opacity: 1;
}
.news-swiper .swiper-wrapper .swiper-slide a:hover .thumb img {
  transform: scale(1.1);
  transform-origin: center;
}
.news-swiper .swiper-wrapper .swiper-slide a:hover .desc p {
  background-size: 100% 1px;
}
.news-swiper .pagination-box {
  display: none;
}
@media (max-width: 640px) {
  .news-swiper {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .news-swiper .swiper-wrapper {
    display: flex;
    gap: 0;
  }
  .news-swiper .swiper-wrapper .swiper-slide {
    width: 70%;
  }
  .news-swiper .pagination-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3rem;
  }
  .news-swiper .pagination-box .pagination {
    width: auto;
    font-size: 1.2rem;
    font-weight: 500;
  }
  .news-swiper .pagination-box .pagination .current-page {
    font-weight: 700;
    color: #0072C6;
  }
  .news-swiper .pagination-box .pagination .total-page {
    font-weight: 500;
  }
  .news-swiper .pagination-box .progress {
    width: 86%;
    height: 2px;
    background: #d9d9d9;
  }
  .news-swiper .pagination-box .progress .progress-bar {
    display: block;
    height: 100%;
    background: #0072C6;
    transition: all 0.3s ease;
  }
}

.btn-arrow {
  display: flex;
  position: relative;
  width: 9rem;
  height: 3.6rem;
}
.btn-arrow span {
  display: block;
  opacity: 0;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  font-size: clamp(1.2rem, 1.05vw, 1.3rem);
  transform: translateX(-20px);
  font-weight: 700;
  padding-top: 0.6rem;
}
.btn-arrow:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0.7rem;
  left: 0;
  width: 2.3rem;
  height: 2px;
  background-color: #fff;
  transition: width 0.4s ease-in-out;
}
.btn-arrow::after {
  content: "";
  display: block;
  display: block;
  width: 1.8rem;
  height: 1.6rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1L15.5 15H1.5' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E");
  background-size: cover;
  position: absolute;
  bottom: 0.7rem;
  left: 1.8rem;
  transition: left 0.4s ease-in-out;
}
.btn-arrow:hover, .btn-arrow:focus-visible {
  outline: none;
}
.btn-arrow:hover::before, .btn-arrow:focus-visible::before {
  width: 9rem;
}
.btn-arrow:hover span, .btn-arrow:focus-visible span {
  opacity: 1;
  transform: translateX(0);
}
.btn-arrow:hover::after, .btn-arrow:focus-visible::after {
  left: 8rem;
}

.btn-animated-border {
  display: block;
  width: 20rem;
  height: 4.8rem;
  position: relative;
}
.btn-animated-border .animated-border {
  border: 1px solid rgba(255, 255, 255, 0.6);
  width: 100%;
  height: 100%;
  border-radius: 0.6rem;
  padding: 1rem 2.5rem;
}
.btn-animated-border .animated-tx {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  color: #fff;
  font-size: clamp(1.2rem, 1.05vw, 1.6rem);
  font-weight: 500;
  position: absolute;
  top: 0;
  left: 0;
}
.btn-animated-border:hover {
  background: #0072C6;
  border-radius: 0.6rem;
}
.btn-animated-border:hover .animated-border {
  border: 0;
}
@media (max-width: 768px) {
  .btn-animated-border {
    width: 14.5rem;
    height: 4rem;
  }
  .btn-animated-border .animated-border {
    display: block;
    position: relative;
    padding: 0.8rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.6);
    -webkit-mask: linear-gradient(#fff 0 0) border-box, linear-gradient(#fff 0 0) padding-box;
    -webkit-mask-composite: destination-out;
    mask: linear-gradient(#fff 0 0) border-box, linear-gradient(#fff 0 0) padding-box;
    mask-composite: exclude;
  }
  .btn-animated-border .animated-border::before {
    content: "";
    position: absolute;
    width: 5rem;
    height: 5rem;
    transform: rotate(45deg);
    offset-path: rect(0% auto 100% auto);
    background: radial-gradient(#fff, #f1f5f9, transparent);
  }
  .btn-animated-border .ico-arrow {
    display: block;
    width: 1.04rem;
    height: 0.8rem;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }
  .btn-animated-border:nth-child(1) .animated-border::before {
    animation: move 5s linear infinite;
  }
  .btn-animated-border:nth-child(2) .animated-border::before {
    animation: move 5s 1.5s linear infinite;
  }
}

@keyframes move {
  0% {
    offset-distance: 0%;
  }
  100% {
    offset-distance: 100%;
  }
}
.motion {
  opacity: 0;
  transform: translate3d(0, 7rem, 0);
  transition: all 0.8s ease;
}
.motion.n-active {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

@media (max-width: 768px) {
  .main-portfolio .main-title,
  .main-portfolio .main-title + p {
    transform: translate3d(0, 7rem, 0);
    opacity: 0;
  }
  .main-portfolio .main-title {
    transition: all 0.8s ease 1s;
  }
  .main-portfolio .main-title + p {
    transition: all 0.8s ease 1.2s;
  }
  .load .main-portfolio .main-title,
  .load .main-portfolio .main-title + p {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@media (max-width: 420px) {
  [lang=en] .main-portfolio .main-title + p {
    font-size: 1.1rem;
  }
}

.tablet .btn-arrow {
  outline: none;
}
.tablet .btn-arrow::before {
  width: 9rem;
}
.tablet .btn-arrow span {
  opacity: 1;
  transform: translateX(0);
}
.tablet .btn-arrow::after {
  left: 8rem;
}

#contents.sub {
  padding-top: 10rem;
  overflow: hidden;
}
@media (max-width: 1024px) {
  #contents.sub {
    padding-top: 6rem;
  }
}

.sub-contents {
  padding-bottom: clamp(8rem, 7.81vw, 10rem);
}

.sub-required-top {
  margin-top: -5.8rem;
}
.sub-required-top .required {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #0072C6;
  vertical-align: middle;
  margin-right: 0.5rem;
}

.breadcrumb {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 4rem;
}
.breadcrumb ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  max-width: 132rem;
  width: 100%;
  margin: 0 auto;
  padding-left: clamp(2rem, 1.39vw, 2rem);
  padding-right: clamp(2rem, 1.39vw, 2rem);
  gap: 1rem;
}
.breadcrumb ul li {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  color: #666;
  line-height: 1;
  letter-spacing: -0.4px;
}
.breadcrumb ul li:not(:first-child)::before {
  content: "";
  display: block;
  width: 0.8rem;
  height: 1.2rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12' fill='none'%3E%3Cpath d='M1.0006 11.3028L6.65746 5.64592M6.65685 6.35314L1 0.696289' stroke='%23cccccc'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 1rem;
}
@media (max-width: 1024px) {
  .breadcrumb {
    display: none;
  }
}

.sub-title {
  font-size: clamp(3rem, 3.95vw, 6rem);
  font-weight: 700;
  color: #222;
}

.sub-title2 {
  font-size: clamp(4rem, 3.95vw, 6rem);
  font-weight: 700;
  color: #222;
}

[lang=en] .sub-title2 {
  font-size: clamp(3.6rem, 3.95vw, 6rem);
}

.sub-desc {
  font-size: clamp(1.6rem, 1.45vw, 2.2rem);
  color: #222;
  line-height: 1.45;
}

.sub-top-title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 3rem;
  padding-top: clamp(5rem, 7.03vw, 9rem);
  padding-bottom: clamp(3rem, 3.91vw, 5rem);
  padding-left: 2rem;
  padding-right: 2rem;
  text-align: center;
}

.shty1 {
  font-size: clamp(2.2rem, 4.39vw, 4.5rem);
  font-weight: 700;
}

.shty2 {
  font-size: clamp(3rem, 3.52vw, 3.6rem);
  font-weight: 700;
}

.shty3 {
  font-size: clamp(2.1rem, 1.71vw, 2.6rem);
  font-weight: 700;
  line-height: 1.3;
  margin-top: clamp(4rem, 6.25vw, 8rem);
  margin-bottom: clamp(1rem, 1.95vw, 2rem);
}

.shty4 {
  font-size: clamp(1.8rem, 1.95vw, 2rem);
  font-weight: 700;
  line-height: 1.3;
  margin-top: clamp(2rem, 2.93vw, 3rem);
  margin-bottom: clamp(1rem, 1.76vw, 1.8rem);
}

.shty5 {
  font-size: clamp(1.8rem, 2.73vw, 2.8rem);
  font-weight: 700;
}

.s-tit0 {
  font-size: clamp(1.8rem, 2.93vw, 3rem);
  line-height: 1.33;
  font-weight: 500;
}
.s-tit0 strong {
  font-weight: 800;
}
@media (max-width: 640px) {
  .s-tit0 {
    line-height: 1.44;
  }
}

.s-tit1 {
  font-size: clamp(2.2rem, 2.73vw, 2.8rem);
  font-weight: 700;
  line-height: 1.36;
}

.s-tit2 {
  font-size: clamp(1.8rem, 2.34vw, 2.4rem);
  font-weight: 700;
}

.s-tit3 {
  font-size: clamp(1.5rem, 2.15vw, 2.2rem);
  font-weight: 700;
}

.s-desc {
  font-size: clamp(1.4rem, 1.76vw, 1.8rem);
  color: #666;
  line-height: 1.5;
}
.s-desc sub {
  font-size: 0.55em;
}

.gray-box {
  background: #f4f4f4;
  border-radius: 1rem;
}

.agree-box {
  border: 1px solid #dedede;
  padding: clamp(2rem, 2.93vw, 3rem) clamp(2rem, 3.91vw, 4rem);
  font-size: clamp(1.5rem, 1.76vw, 1.8rem);
  border-radius: 0.4rem;
  margin-top: clamp(2rem, 3.91vw, 4rem);
}
.agree-box li {
  margin-top: 1rem;
  color: #666;
}

.agree-check {
  text-align: center;
  margin-top: clamp(2rem, 3vw, 5rem);
}
@media (max-width: 640px) {
  .agree-check {
    text-align: left;
  }
}

.hc1 {
  color: #0072C6;
}

.hc2 {
  color: #000;
}

.tx-sm {
  font-size: clamp(1.2rem, 1.37vw, 1.4rem);
  font-weight: 700;
}

.tx-md {
  font-size: clamp(1.4rem, 1.56vw, 1.6rem);
  font-weight: 500;
}

.tx-lg {
  font-size: clamp(1.5rem, 1.76vw, 1.8rem);
  line-height: 1.5;
  font-weight: 500;
}

.tx-base {
  font-size: clamp(1.4rem, 1.56vw, 1.6rem);
  color: #666;
}

.tx-base2 {
  font-size: clamp(1.3rem, 1.76vw, 1.8rem);
  color: #666;
  line-height: 1.6;
}

.tx-base3 {
  font-size: clamp(1.4rem, 1.76vw, 1.8rem);
  color: #666;
  line-height: 1.6;
}

.tx-base4 {
  font-size: clamp(1.4rem, 1.76vw, 2rem);
  font-weight: 600;
}

.p-desc {
  font-size: clamp(1.5rem, 2.15vw, 2.2rem);
  line-height: 1.45;
}

.tx-desc1 {
  font-size: clamp(1.6rem, 2.34vw, 2.4rem);
  font-weight: 600;
  color: #222;
  line-height: 1.4;
}

.tx-desc2 {
  font-size: clamp(1.5rem, 1.95vw, 2rem);
  font-weight: 500;
  color: #000;
  line-height: 1.4;
}

.tx-desc3 {
  font-size: clamp(1.4rem, 1.76vw, 1.8rem);
  font-weight: 500;
  line-height: 1.6;
  color: #666;
}

.tx-desc4 {
  font-size: clamp(1.3rem, 1.56vw, 1.6rem);
  font-weight: 500;
  line-height: 1.6;
  color: #666;
}

.shty1 + .p-desc {
  margin-top: clamp(2rem, 4.88vw, 5rem);
}

.s-tit1 + .tx-desc3 {
  margin-top: clamp(2rem, 2.34vw, 2.4rem);
}

.s-tit1 + .s-desc {
  margin-top: clamp(2rem, 2.34vw, 3rem);
  line-height: 1.667;
}

.s-tit1 + .net-zero-ment {
  margin-top: clamp(2rem, 3.91vw, 4rem);
}

.lists-dots > li {
  position: relative;
  padding-left: 0.75em;
  line-height: 1.5;
  font-size: clamp(1.5rem, 1.76vw, 1.8rem);
  font-weight: 500;
  color: #666;
}
.lists-dots > li:before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #666;
  position: absolute;
  top: 0.6em;
  left: 0.1em;
}
@media (max-width: 640px) {
  .lists-dots > li:before {
    width: 3px;
    height: 3px;
  }
}

.p-astr {
  position: relative;
  font-size: clamp(1.4rem, 1.05vw, 1.4rem);
  color: #666;
  line-height: 1.5;
  padding-left: 1.2rem;
  margin-top: 0.7rem;
}
.p-astr::before {
  content: "* ";
  position: absolute;
  top: 0;
  left: 0;
}

.p-noti {
  position: relative;
  font-size: clamp(1.4rem, 1.05vw, 1.4rem);
  color: #666;
  margin-top: 0.7rem;
  line-height: 1.5;
  padding-left: clamp(2rem, 2.44vw, 2.5rem);
  font-weight: 500;
}
.p-noti::before {
  content: "";
  display: block;
  width: clamp(1.6rem, 1.76vw, 1.8rem);
  height: clamp(1.6rem, 1.76vw, 1.8rem);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Ccircle cx='9.67969' cy='9.74316' r='8.55' stroke='%230072C6' stroke-width='0.9'/%3E%3Cpath d='M8.7793 6.14258H10.5793V11.5426H8.7793V6.14258Z' fill='%230072C6'/%3E%3Cpath d='M8.7793 12.4426H10.5793V14.2426H8.7793V12.4426Z' fill='%230072C6'/%3E%3C/svg%3E");
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1280px) {
  .p-noti::before {
    top: 0.1rem;
  }
}
@media (max-width: 640px) {
  .p-noti::before {
    top: 0.16rem;
  }
}

.p-dots {
  position: relative;
  padding-left: 1.4rem;
  font-size: clamp(1.4rem, 1.56vw, 1.6rem);
  color: #666;
  line-height: 1.5;
  margin-top: clamp(1rem, 1.95vw, 2rem);
}
.p-dots::before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background: #666;
  border-radius: 50%;
  position: absolute;
  top: 1rem;
  left: 0.2rem;
}

.sub-steps {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  margin-top: clamp(4rem, 6.25vw, 8rem);
}
@media (max-width: 640px) {
  .sub-steps > div {
    display: none;
  }
  .sub-steps > div.active {
    display: flex;
    flex-direction: initial;
  }
}

.sub-step {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.8rem;
  text-align: center;
  flex: 1;
  padding: 2rem;
  border-radius: 1rem;
  background: #f4f4f4;
  font-weight: 700;
}
.sub-step-t1 {
  font-size: 1.6rem;
}
.sub-step-t2 {
  font-size: clamp(1.6rem, 1.45vw, 2.2rem);
}
.sub-step.active {
  background: #0072C6;
  color: #fff;
}

.sub-lnb {
  position: relative;
  z-index: 2;
}
.sub-lnb button {
  display: none;
}
.sub-lnb nav {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sub-lnb .lnb {
  display: flex;
}
.sub-lnb .lnb li {
  width: 20rem;
}
.sub-lnb .lnb li a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: clamp(1.8rem, 2.15vw, 2.2rem);
  color: #666;
  height: 7rem;
}
.sub-lnb .lnb li.active a {
  position: relative;
  color: #0072C6;
  font-weight: 700;
}
.sub-lnb .lnb li.active a::before {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background: #0072C6;
  position: absolute;
  left: 0;
  bottom: 0;
}
.sub-lnb .active nav {
  border-top: 1px solid #dedede;
}
@media (max-width: 1280px) {
  .sub-lnb .lnb {
    flex: 1;
    width: 100%;
  }
  .sub-lnb .lnb li {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .sub-lnb .static {
    padding-left: 0;
    padding-right: 0;
  }
  .sub-lnb button {
    position: relative;
    display: block;
    font-size: clamp(1.8rem, 2.86vw, 2.2rem);
    font-weight: 700;
    width: 100%;
    text-align: left;
    padding: 1.8rem 2rem;
  }
  .sub-lnb button::after {
    content: "";
    display: block;
    width: 2.2rem;
    height: 1.2rem;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 7'%3E%3Cpath d='M6 7L12 1.13514L10.8333 3.08625e-07L6 4.72973L1.16667 9.4708e-07L9.92367e-08 1.13514L6 7Z' fill='%23222222'/%3E%3C/svg%3E");
    background-size: contain;
    position: absolute;
    right: 2rem;
    top: 2.5rem;
    transition: all 0.3s ease-out;
  }
  .sub-lnb nav {
    background: #f4f4f4;
    padding: 1.8rem 0;
    position: absolute;
    z-index: 9999;
    width: 100%;
    display: none;
  }
  .sub-lnb .lnb {
    flex-direction: column;
    width: 100%;
  }
  .sub-lnb .lnb li {
    width: 100%;
  }
  .sub-lnb .lnb li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0.8rem 2.5rem;
    font-size: clamp(1.5rem, 2.08vw, 1.6rem);
    height: auto;
    color: #222;
  }
  .sub-lnb .lnb li.active a {
    font-weight: 700;
    color: #0072C6;
  }
  .sub-lnb .lnb li.active a::before {
    display: none;
  }
  .sub-lnb .active button::after {
    transform: rotate(180deg);
  }
  .sub-lnb .active nav {
    display: block;
  }
}

[lang=en] .sub-lnb .lnb {
  width: 100%;
}
[lang=en] .sub-lnb .lnb li {
  width: auto;
  flex: auto;
}
[lang=en] .sub-lnb .lnb li a {
  font-size: clamp(1.8rem, 2.15vw, 2rem);
  letter-spacing: -0.07rem;
}
@media (max-width: 768px) {
  [lang=en] .sub-lnb .lnb li {
    width: 100%;
  }
}

.sub-visual {
  height: clamp(28rem, 48.83vw, 50rem);
}
.sub-visual .static {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  font-size: clamp(1.6rem, 2.15vw, 2.2rem);
  line-height: 1.45;
  font-weight: 500;
}
.sub-visual.sub-vs-summary {
  background: url(../images/sub/sub-vs-summary.jpg) no-repeat 50% 50%;
  background-size: cover;
}
@media (max-width: 640px) {
  .sub-visual {
    height: 28rem;
  }
  .sub-visual.sub-vs-summary {
    background: url(../images/sub/sub-vs-summary-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
}
.sub-visual.sub-vs-brand {
  background: url(../images/sub/sub-vs-brand.jpg) no-repeat 50% 50%;
  background-size: cover;
}
@media (max-width: 640px) {
  .sub-visual {
    height: 28rem;
  }
  .sub-visual.sub-vs-brand {
    background: url(../images/sub/sub-vs-brand-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
}
.sub-visual.sub-vs-history {
  background: url(../images/sub/sub-vs-history.jpg) no-repeat 50% 50%;
  background-size: cover;
}
@media (max-width: 640px) {
  .sub-visual {
    height: 28rem;
  }
  .sub-visual.sub-vs-history {
    background: url(../images/sub/sub-vs-history-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
}
.sub-visual.sub-vs-elecnotice {
  background: url(../images/sub/sub-vs-elecnotice.jpg) no-repeat 50% 50%;
  background-size: cover;
}
@media (max-width: 640px) {
  .sub-visual {
    height: 28rem;
  }
  .sub-visual.sub-vs-elecnotice {
    background: url(../images/sub/sub-vs-elecnotice-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
}
.sub-visual.sub-vs-family {
  background: url(../images/sub/sub-vs-family.jpg) no-repeat 50% 50%;
  background-size: cover;
}
@media (max-width: 640px) {
  .sub-visual {
    height: 28rem;
  }
  .sub-visual.sub-vs-family {
    background: url(../images/sub/sub-vs-family-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
}
.sub-visual.sub-vs-esg {
  background: url(../images/sub/sub-vs-esg.jpg) no-repeat 50% 50%;
  background-size: cover;
}
@media (max-width: 640px) {
  .sub-visual {
    height: 28rem;
  }
  .sub-visual.sub-vs-esg {
    background: url(../images/sub/sub-vs-esg-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
}
.sub-visual.sub-vs-she {
  background: url(../images/sub/sub-vs-she.jpg) no-repeat 50% 50%;
  background-size: cover;
}
@media (max-width: 640px) {
  .sub-visual {
    height: 28rem;
  }
  .sub-visual.sub-vs-she {
    background: url(../images/sub/sub-vs-she-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
}
.sub-visual.sub-vs-ethical {
  background: url(../images/sub/sub-vs-ethical.jpg) no-repeat 50% 50%;
  background-size: cover;
}
@media (max-width: 640px) {
  .sub-visual {
    height: 28rem;
  }
  .sub-visual.sub-vs-ethical {
    background: url(../images/sub/sub-vs-ethical-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
}
.sub-visual.sub-vs-report {
  background: url(../images/sub/sub-vs-report.jpg) no-repeat 50% 50%;
  background-size: cover;
}
@media (max-width: 640px) {
  .sub-visual {
    height: 28rem;
  }
  .sub-visual.sub-vs-report {
    background: url(../images/sub/sub-vs-report-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
}
.sub-visual.sub-vs-value {
  background: url(../images/sub/sub-vs-value.jpg) no-repeat 50% 50%;
  background-size: cover;
}
@media (max-width: 640px) {
  .sub-visual {
    height: 28rem;
  }
  .sub-visual.sub-vs-value {
    background: url(../images/sub/sub-vs-value-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
}
.sub-visual.sub-vs-winwin {
  background: url(../images/sub/sub-vs-winwin.jpg) no-repeat 50% 50%;
  background-size: cover;
}
@media (max-width: 640px) {
  .sub-visual {
    height: 28rem;
  }
  .sub-visual.sub-vs-winwin {
    background: url(../images/sub/sub-vs-winwin-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
}
.sub-visual.sub-vs-lng {
  background: url(../images/sub/sub-vs-lng.jpg) no-repeat 50% 50%;
  background-size: cover;
}
@media (max-width: 640px) {
  .sub-visual {
    height: 28rem;
  }
  .sub-visual.sub-vs-lng {
    background: url(../images/sub/sub-vs-lng-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
}
.sub-visual.sub-vs-renew {
  background: url(../images/sub/sub-vs-renew.jpg) no-repeat 50% 50%;
  background-size: cover;
}
@media (max-width: 640px) {
  .sub-visual {
    height: 28rem;
  }
  .sub-visual.sub-vs-renew {
    background: url(../images/sub/sub-vs-renew-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
}
.sub-visual.sub-vs-hyd {
  background: url(../images/sub/sub-vs-hyd.jpg) no-repeat 50% 50%;
  background-size: cover;
}
@media (max-width: 640px) {
  .sub-visual {
    height: 28rem;
  }
  .sub-visual.sub-vs-hyd {
    background: url(../images/sub/sub-vs-hyd-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
}
.sub-visual.sub-vs-energy {
  background: url(../images/sub/sub-vs-energy.jpg) no-repeat 50% 50%;
  background-size: cover;
}
@media (max-width: 640px) {
  .sub-visual {
    height: 28rem;
  }
  .sub-visual.sub-vs-energy {
    background: url(../images/sub/sub-vs-energy-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
}
.sub-visual.sub-vs-gener {
  background: url(../images/sub/sub-vs-gener.jpg) no-repeat 50% 50%;
  background-size: cover;
}
@media (max-width: 640px) {
  .sub-visual {
    height: 28rem;
  }
  .sub-visual.sub-vs-gener {
    background: url(../images/sub/sub-vs-gener-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
}
.sub-visual.sub-vs-gas {
  background: url(../images/sub/sub-vs-gas.jpg) no-repeat 50% 50%;
  background-size: cover;
}
@media (max-width: 640px) {
  .sub-visual {
    height: 28rem;
  }
  .sub-visual.sub-vs-gas {
    background: url(../images/sub/sub-vs-gas-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
}
.sub-visual.sub-vs-welfare {
  background: url(../images/sub/sub-vs-welfare.jpg) no-repeat 50% 50%;
  background-size: cover;
}
@media (max-width: 640px) {
  .sub-visual {
    height: 28rem;
  }
  .sub-visual.sub-vs-welfare {
    background: url(../images/sub/sub-vs-welfare-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
}
.sub-visual.sub-vs-cultivation {
  background: url(../images/sub/sub-vs-cultivation.jpg) no-repeat 50% 50%;
  background-size: cover;
}
@media (max-width: 640px) {
  .sub-visual {
    height: 28rem;
  }
  .sub-visual.sub-vs-cultivation {
    background: url(../images/sub/sub-vs-cultivation-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
}
.sub-visual.sub-vs-duty {
  background: url(../images/sub/sub-vs-duty.jpg) no-repeat 50% 50%;
  background-size: cover;
}
@media (max-width: 640px) {
  .sub-visual {
    height: 28rem;
  }
  .sub-visual.sub-vs-duty {
    background: url(../images/sub/sub-vs-duty-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
}
.sub-visual.sub-vs-job {
  background: url(../images/sub/sub-vs-job.jpg) no-repeat 50% 50%;
  background-size: cover;
}
@media (max-width: 640px) {
  .sub-visual {
    height: 28rem;
  }
  .sub-visual.sub-vs-job {
    background: url(../images/sub/sub-vs-job-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
}

.sub-visual + .breadcrumb {
  margin-top: 4rem;
}

.sub-ment-box {
  background: #EAF5FD;
  border-radius: 1rem;
  padding: 5rem 2rem;
  text-align: center;
  font-size: clamp(1.6rem, 2.54vw, 2.6rem);
  font-weight: 700;
  line-height: 1.38;
}
@media (max-width: 768px) {
  .sub-ment-box {
    padding: 3.5rem 4rem;
  }
}

[lang=en] .sub-ment-box {
  font-size: clamp(1.6rem, 2.54vw, 2.2rem);
}

.sub-ment-box + .shty1 {
  margin-top: clamp(4rem, 7.81vw, 8rem);
}

@media (max-width: 1024px) {
  .section {
    padding-top: 4rem;
  }
}

picture {
  width: 100%;
}
picture img {
  width: 100%;
}

.mg-top {
  margin-top: clamp(7rem, 11.72vw, 12rem);
}

[lang=en] .sub-lnb .lnb li a {
  text-align: center;
}

.tb-type1 {
  border-top: 2px solid #222;
}
.tb-type1 thead {
  border-bottom: 1px solid #222;
}
.tb-type1 thead th {
  font-size: clamp(1.4rem, 1.56vw, 1.6rem);
  font-weight: 600;
  padding: 1.6rem 0;
}
.tb-type1 tbody td {
  font-size: clamp(1.4rem, 1.56vw, 1.6rem);
  border-bottom: 1px solid #dedede;
  padding: 1.6rem 0.5rem;
  text-align: center;
}
.tb-type1 tbody td a.link {
  text-decoration: underline;
  color: #0072C6;
}
.tb-type1 tbody .hiddenField td {
  padding: 0;
}
.tb-type1 .tb-in-btns {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.tb-type1 .tb-in-btns .small {
  min-width: 7rem;
  height: clamp(3rem, 3.91vw, 4rem);
  font-size: clamp(1.3rem, 1.56vw, 1.6rem);
}
.tb-type1 .tb-in-btns .small.on {
  background: #f4f4f4;
}
@media (max-width: 640px) {
  .tb-type1 .tb-in-btns .small {
    min-width: 6rem;
  }
}

.tb-type2 .th {
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
}
.tb-type2 .row {
  padding: 1.6rem 0;
  display: flex;
  width: 100%;
}
.tb-type2 .row > span {
  text-align: center;
  font-size: clamp(1.4rem, 1.56vw, 1.6rem);
}
.tb-type2 .row .name,
.tb-type2 .row .hp {
  width: 40%;
}
.tb-type2 .row .sel {
  width: 20%;
}
.tb-type2 .row .nodata {
  width: 100%;
}
.tb-type2 .row .ico-check {
  margin: 0 auto;
}
.tb-type2 .tds .row {
  border-bottom: 1px solid #dedede;
}
.tb-type2 .tds li.on .ico-check {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='11' viewBox='0 0 14 11' fill='none'%3E%3Cpath d='M1 5L5 9L13 1' stroke='%230072c6' stroke-width='2'/%3E%3C/svg%3E");
}

.tb-type3-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: clamp(3rem, 5.86vw, 6rem);
}
.tb-type3-wrap .tb-type3 {
  flex: 1;
}
@media (max-width: 640px) {
  .tb-type3-wrap {
    display: block;
  }
  .tb-type3-wrap .tb-type3 + .tb-type3 {
    margin-top: 2rem;
  }
}

.tb-type3 tr:first-child th, .tb-type3 tr:first-child td {
  border-top: 2px solid #222;
}
.tb-type3 th {
  border-right: 1px solid #dedede;
  font-weight: 600;
}
.tb-type3 td, .tb-type3 th {
  border-bottom: 1px solid #dedede;
  padding: 1.6rem 1rem;
  font-size: clamp(1.4rem, 1.56vw, 1.6rem);
}
.tb-type3 td {
  padding-left: clamp(2rem, 2.93vw, 3rem);
}

.cp-number {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
}

.nodata {
  text-align: center;
  font-weight: 600;
  font-size: clamp(1.4rem, 1.56vw, 1.6rem);
  color: #666;
  padding: 5rem 0;
}

.garo-scroll {
  overflow: hidden;
  overflow-x: auto;
}
.garo-scroll .tb-type1 {
  width: 100%;
  min-width: 100rem;
}
@media (max-width: 640px) {
  .garo-scroll {
    margin-left: -2rem;
    margin-right: -2rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.visit-main {
  background: url(../images/sub/visit-main-bg.jpg) no-repeat 50% 100%;
  background-size: cover;
  padding-top: clamp(5rem, 10.16vw, 13rem);
  padding-bottom: clamp(8rem, 23.44vw, 30rem);
}

.visit-select {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 4rem;
  gap: clamp(2rem, 3.13vw, 4rem);
}
.visit-select li {
  flex: 1;
}
.visit-select li a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: clamp(2rem, 3.44vw, 4.4rem);
  background: rgba(65, 67, 120, 0.3);
  border-radius: 1rem;
  width: 100%;
  height: clamp(20rem, 31.25vw, 40rem);
  text-align: center;
  transition: all 0.3s ease;
}
.visit-select li a i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(10rem, 15.63vw, 16rem);
  height: clamp(10rem, 15.63vw, 16rem);
  background: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  transition: all 0.3s ease;
}
.visit-select li a i::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
}
.visit-select li a i.visit-ico1::after {
  background: url(../images/sub/visit-ico1.svg) no-repeat 50% 50%;
  background-size: auto 36.88%;
}
.visit-select li a i.visit-ico2::after {
  background: url(../images/sub/visit-ico2.svg) no-repeat 50% 50%;
  background-size: auto 43%;
}
.visit-select li a i.visit-ico3::after {
  background: url(../images/sub/visit-ico3.svg) no-repeat 50% 50%;
  background-size: auto 43%;
}
.visit-select li a .txt {
  font-size: clamp(1.8rem, 2.03vw, 2.6rem);
  font-weight: 700;
  color: #fff;
  line-height: 1.23;
}
.visit-select li a:hover {
  background: #0072C6;
}
.visit-select li a:hover i {
  background: #fff;
}
.visit-select li a:hover i.visit-ico1::after {
  background: url(../images/sub/visit-ico1-on.svg) no-repeat 50% 50%;
  background-size: auto 36.88%;
}
.visit-select li a:hover i.visit-ico2::after {
  background: url(../images/sub/visit-ico2-on.svg) no-repeat 50% 50%;
  background-size: auto 43%;
}
.visit-select li a:hover i.visit-ico3::after {
  background: url(../images/sub/visit-ico3-on.svg) no-repeat 50% 50%;
  background-size: auto 43%;
}
@media (max-width: 640px) {
  .visit-select {
    flex-direction: column;
  }
  .visit-select li {
    width: 70%;
  }
}

.visit-agree-box {
  border: 1px solid #dedede;
  border-radius: 0.4rem;
  padding: clamp(1rem, 2.34vw, 3rem) clamp(1rem, 3.13vw, 4rem);
  font-size: clamp(1.5rem, 1.76vw, 1.8rem);
  font-weight: 500;
  line-height: 1.77;
  color: #666;
  max-height: 32rem;
  overflow: hidden;
  overflow-y: auto;
}
.visit-agree-box ol {
  list-style-type: decimal;
  margin-left: 2rem;
}
.visit-agree-box::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #ececec;
  appearance: none;
}
.visit-agree-box::-webkit-scrollbar-thumb {
  background-color: #898989;
  border-radius: 3px;
}
.visit-agree-box .lists-dots li {
  line-height: 1.77;
  font-size: clamp(1.5rem, 1.76vw, 1.8rem);
}

.visit-agree {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 3rem;
}
.visit-agree .checkForms {
  display: flex;
  gap: 2.7rem;
}
@media (max-width: 640px) {
  .visit-agree {
    margin-top: 1rem;
    display: block;
  }
  .visit-agree .checkForms {
    justify-content: center;
    margin-top: 2rem;
    gap: 3rem;
  }
}

.visit-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-items: flex-end;
}
.visit-title .btn-outline {
  margin-bottom: clamp(1.5rem, 1.88vw, 2.4rem);
  min-width: 18rem;
  border: 1px solid #0072C6;
  color: #0072C6;
}
@media (max-width: 640px) {
  .visit-title {
    display: block;
  }
}

.visit-result {
  background: url(../images/sub/visit-result-bg.jpg) no-repeat 50% 100%;
  background-size: cover;
  margin-left: -33%;
  margin-right: -33%;
  margin-top: clamp(4rem, 6.25vw, 8rem);
  padding: clamp(6rem, 11.48vw, 14.7rem) 0;
}
.visit-result .desc {
  text-align: center;
  color: #fff;
  margin-top: 7rem;
}
.visit-result .desc .tx-lg {
  margin-top: 2rem;
  margin-bottom: 3rem;
}
.visit-result .desc .btn-fill {
  min-width: 28rem;
}
@media (max-width: 1280px) {
  .visit-result {
    margin-left: -2rem;
    margin-right: -2rem;
  }
}

.visit-process {
  display: flex;
  justify-content: space-between;
  gap: clamp(1rem, 1.32vw, 3.4rem);
}
.visit-process .arr {
  display: flex;
  align-items: center;
}
.visit-process .visit-pitem {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: clamp(1rem, 1.76vw, 1.8rem);
  background: rgba(39, 87, 126, 0.25);
  border-radius: 1rem;
  padding: clamp(2rem, 4.69vw, 6rem) clamp(1rem, 3vw, 5.7rem) clamp(2rem, 3.91vw, 5rem);
  width: 100%;
  height: 100%;
}
.visit-process .visit-pitem i {
  width: clamp(10rem, 13.67vw, 14rem);
  height: clamp(10rem, 13.67vw, 14rem);
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}
.visit-process .visit-pitem i::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
}
.visit-process .visit-pitem i.visit3-ico1::before {
  background: url(../images/sub/visit3-ico1.svg) no-repeat 50% 50%;
  background-size: 38.57% auto;
}
.visit-process .visit-pitem i.visit3-ico2::before {
  background: url(../images/sub/visit3-ico2.svg) no-repeat 65% 50%;
  background-size: 52.86% auto;
}
.visit-process .visit-pitem i.visit3-ico3::before {
  background: url(../images/sub/visit3-ico3.svg) no-repeat 65% 50%;
  background-size: 50.14% auto;
}
.visit-process .visit-pitem i.visit3-ico4::before {
  background: url(../images/sub/visit3-ico4.svg) no-repeat 50% 50%;
  background-size: 47.86% auto;
}
.visit-process .visit-pitem .txt {
  font-size: clamp(1.8rem, 2.15vw, 2.2rem);
  font-weight: 700;
  line-height: 1.45;
  color: #fff;
  text-align: center;
}
.visit-process .ico-arrow-right {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12' fill='none'%3E%3Cpath d='M1.0006 11.3028L6.65746 5.64592M6.65685 6.35314L1 0.696289' stroke='%23ffffff'/%3E%3C/svg%3E");
}
.visit-process .on .visit-pitem {
  background: #0072C6;
}
.visit-process .on .visit-pitem i {
  background: #fff;
}
.visit-process .on .visit-pitem i.visit3-ico1::before {
  background-image: url(../images/sub/visit3-ico1-on.svg);
}
.visit-process .on .visit-pitem i.visit3-ico2::before {
  background-image: url(../images/sub/visit3-ico2-on.svg);
}
.visit-process .on .visit-pitem i.visit3-ico3::before {
  background-image: url(../images/sub/visit3-ico3-on.svg);
}
.visit-process .on .visit-pitem i.visit3-ico4::before {
  background-image: url(../images/sub/visit3-ico4-on.svg);
}
@media (max-width: 640px) {
  .visit-process {
    flex-direction: column;
    margin: 0 5rem;
  }
  .visit-process .arr {
    justify-content: center;
  }
  .visit-process .arr i {
    transform: rotate(90deg);
  }
}

.visit-result2 {
  margin-top: 5rem;
}
.visit-result2 .lists-dots li {
  font-size: clamp(1.4rem, 1.56vw, 1.6rem);
  font-weight: 500;
  line-height: 1.87;
}
.visit-result2 .lists-dots li::before {
  top: 0.7em;
}

.visit-bottom {
  margin-top: clamp(4rem, 6.84vw, 7rem);
  position: relative;
}
.visit-bottom .paging {
  margin: 0;
}
.visit-bottom .btn-fill {
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 1024px) {
  .visit-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(3rem, 3.91vw, 4rem);
    position: initial;
  }
  .visit-bottom .btn-fill {
    position: initial;
  }
}

.visit-sect-tit {
  margin-top: clamp(4rem, 6.25vw, 8rem);
  margin-bottom: clamp(1.6rem, 1.95vw, 2rem);
}
.visit-sect-tit .shty3 {
  margin: 0;
}
.visit-sect-tit .tx-lg {
  color: #666;
  margin-top: 1rem;
}

.visit-sect-search .form-type1 {
  margin-top: 2rem;
}
.visit-sect-search .tb-type1 {
  border-top: 2px solid #222;
  min-width: 92rem;
}
.visit-sect-search .tb-type1 .btn-outline.small {
  min-width: 10rem;
}

.visit-sect-states {
  display: flex;
  gap: clamp(2rem, 3vw, 5rem);
  margin-top: clamp(1rem, 2.34vw, 2.4rem);
}
.visit-sect-states .state1,
.visit-sect-states .state2,
.visit-sect-states .state3 {
  font-size: clamp(1.4rem, 1.56vw, 1.6rem);
}
.visit-sect-states .state1::before,
.visit-sect-states .state2::before,
.visit-sect-states .state3::before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: #EA002C;
  border-radius: 50%;
  margin-right: 0.6rem;
}
.visit-sect-states .state1 {
  color: #EA002C;
}
.visit-sect-states .state1::before {
  background: #EA002C;
}
.visit-sect-states .state2 {
  color: #0072C6;
}
.visit-sect-states .state2::before {
  background: #0072C6;
}
.visit-sect-states .state3 {
  color: #999;
}
.visit-sect-states .state3::before {
  background: #999;
}
.visit-sect-states .tx-md {
  color: #666;
}
@media (max-width: 768px) {
  .visit-sect-states {
    flex-direction: column;
    gap: 1rem;
  }
}

.visit-total {
  margin-top: clamp(3rem, 5.86vw, 6rem);
  margin-bottom: clamp(1rem, 2.34vw, 2.4rem);
  color: #666;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.visit-total strong {
  font-weight: 700;
}

.s-apply,
.s-approve,
.s-reject,
.s-green,
.s-purple {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: clamp(5rem, 7.81vw, 8rem);
  height: 3rem;
  border-radius: 3rem;
  color: #fff;
  font-size: clamp(1.2rem, 1.46vw, 1.5rem);
}

.s-apply {
  background: #EA002C;
}

.s-approve {
  background: #0072C6;
}

.s-reject {
  background: #999;
}

.s-green {
  background: green;
}

.s-purple {
  background: purple;
}

.companion-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 2px solid #222;
  padding: 2rem 0;
}
.companion-title .tx-lg {
  color: #666;
}
.companion-title .btn-outline {
  min-width: 15rem;
  border: 1px solid #0072C6;
  color: #0072C6;
}
@media (max-width: 768px) {
  .companion-title {
    flex-direction: column;
  }
  .companion-title .btn-outline {
    margin-top: 1rem;
    width: 100%;
  }
}

.companion-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.5vw;
}
@media (max-width: 640px) {
  .companion-items {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

.companion-item {
  background: #f4f4f4;
  border-radius: 1rem;
  padding-top: clamp(5rem, 7.13vw, 7.3rem);
  padding-bottom: clamp(4rem, 3.91vw, 4rem);
  position: relative;
}
.companion-item .ico-close {
  position: absolute;
  top: 2.2rem;
  right: 3.2rem;
  width: 2rem;
  height: 2rem;
}
.companion-item .form-ui {
  border-top: 0;
  margin-top: 0;
}
.companion-item .form-row {
  border-bottom: 0;
}
.companion-item .form-tit {
  padding-left: 3rem;
  padding-right: 0;
  width: 27%;
}
.companion-item .form-col {
  width: 73%;
  padding-right: 2.7rem;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}
.companion-item .form-col-search .input {
  width: 78.01%;
}
.companion-item .form-col-search .btn-outline {
  width: 19.62%;
}
.companion-item .radio-tabs .radio label {
  border: 1px solid #999;
  color: #666;
}
@media (max-width: 1280px) {
  .companion-item .form-tit {
    width: 29%;
  }
  .companion-item .form-col {
    width: 71%;
  }
}
@media (max-width: 1024px) {
  .companion-item .form-row {
    display: block;
  }
  .companion-item .form-tit,
  .companion-item .form-col {
    display: block;
    width: 100%;
    padding: 1rem 2rem;
  }
  .companion-item .form-col {
    padding-top: 0;
  }
}

.search-graybox {
  background: #f4f4f4;
  border-radius: 1rem;
  padding: 1.5rem 4rem;
}
@media (max-width: 640px) {
  .search-graybox {
    padding: 2rem;
  }
}

.visit-popup1 .garo-scroll {
  margin-top: clamp(1rem, 2.93vw, 3rem);
}
.visit-popup1 .garo-scroll .tb-type1 {
  min-width: 90rem;
}
.visit-popup1 .name-search2 {
  margin-top: clamp(2rem, 4.88vw, 5rem);
}
.visit-popup1 .name-search2 .tx-lg {
  margin-bottom: 1rem;
}
@media (max-width: 640px) {
  .visit-popup1 .name-search + .shty4 {
    margin-top: 4rem;
  }
  .visit-popup1 .name-search2 .tx-lg {
    margin-top: 3rem;
  }
}

.visit-popup2 .popup-tab {
  margin: 4rem 0 2rem;
}

.adLogin-form {
  background: #EAF5FD;
  border-radius: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 2rem;
  padding: 6rem 39rem;
}
.adLogin-form .input {
  width: 100%;
  height: 6rem;
}
.adLogin-form .chk {
  width: 100%;
}
.adLogin-form .btn-fill {
  width: 100%;
  margin-top: 3rem;
}
@media (max-width: 1280px) {
  .adLogin-form {
    padding: 6rem 20.31vw;
  }
}
@media (max-width: 768px) {
  .adLogin-form {
    padding: 4rem;
  }
}
@media (max-width: 640px) {
  .adLogin-form {
    padding: 4rem 2rem;
  }
  .adLogin-form .input {
    height: 5rem;
  }
}

.hiddenField .form-row {
  background: #f4f4f4;
  padding: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hiddenField .form-tit {
  font-weight: 600;
}
.hiddenField .form-col {
  display: flex;
}
.hiddenField .form-col-datePick {
  margin: 0 1rem 0 2rem;
}
.hiddenField .form-col-datePick .input {
  background-color: #fff;
}
.hiddenField .btn-fill {
  min-width: 7rem;
  background: #67b0e6;
}
@media (max-width: 768px) {
  .hiddenField .form-col-datePick {
    width: 29rem;
  }
}
@media (max-width: 640px) {
  .hiddenField .btn-fill {
    height: 5rem;
  }
}

.visit-sect-search {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 2.4rem 0 2rem;
}
.visit-sect-search .form-col-search {
  width: 39rem;
}
.visit-sect-search .form-col-search .input {
  width: 74.36%;
}
.visit-sect-search .form-col-search .btn-outline {
  width: 25.64%;
}

.enter-sect1-tit {
  display: flex;
  justify-content: space-between;
}
.enter-sect1-tit .visit-sect-tit {
  margin-top: 0;
}
@media (max-width: 640px) {
  .enter-sect1-tit {
    align-items: center;
  }
  .enter-sect1-tit .btn-outline {
    min-width: 10rem;
  }
}

.dboard-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6rem;
  margin-top: 2rem;
}
.dboard-wrap .dboard {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  flex: 1;
}
.dboard-wrap .dboard .tit {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15rem;
  background: #0072C6;
  color: #fff;
  height: 4rem;
  border-radius: 0.4rem;
  font-size: clamp(1.4rem, 1.56vw, 1.6rem);
}
.dboard-wrap .dboard .con {
  width: calc(100% - 15rem);
  border: 1px solid #dedede;
  border-radius: 0.4rem;
  padding: 1rem;
  text-align: right;
  color: #0072C6;
  height: 4rem;
  font-size: clamp(1.4rem, 1.56vw, 1.6rem);
  font-weight: 700;
}
@media (max-width: 640px) {
  .dboard-wrap {
    gap: 1rem;
  }
  .dboard-wrap .dboard .tit {
    width: 8rem;
  }
  .dboard-wrap .dboard .con {
    width: calc(100% - 8rem);
  }
}

.visit-enter-search {
  margin-top: clamp(2rem, 4.88vw, 5rem);
  background: #f4f4f4;
  border-radius: 1rem;
  padding: clamp(2rem, 2.93vw, 3rem);
}
.visit-enter-search .form-ui {
  border: 0;
}
.visit-enter-search .form-row {
  border: 0;
  align-items: flex-start;
}
.visit-enter-search .form-row + .form-row {
  margin-top: 2rem;
}
.visit-enter-search .form-tit {
  padding-top: 2rem;
  width: 17%;
}
.visit-enter-search .form-col {
  padding: 1rem;
  width: 83%;
}
.visit-enter-search .form-col-datePick {
  margin-top: clamp(1rem, 1.95vw, 2rem);
}
.visit-enter-search .form-col-datePick .input {
  background-color: #fff;
}
.visit-enter-search .radio-tabs .radio label {
  color: #666;
}
.visit-enter-search .form-row.form-row-search {
  margin-top: 0;
}
@media (max-width: 640px) {
  .visit-enter-search .form-row {
    flex-direction: column;
  }
  .visit-enter-search .form-row .form-tit,
  .visit-enter-search .form-row .form-col {
    width: 100%;
    padding: 0;
  }
  .visit-enter-search .form-row .form-tit {
    margin-bottom: 1rem;
  }
  .visit-enter-search .form-row.form-row-search {
    margin-top: 2rem;
  }
  .visit-enter-search .search-has-select .btn-outline {
    height: 5rem;
  }
}

.search-has-select {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: clamp(1rem, 1.95vw, 2rem);
  gap: clamp(0.5rem, 1.3vw, 1rem);
}
.search-has-select .select-input {
  display: flex;
  gap: 1rem;
  width: calc(100% - 11rem);
}
.search-has-select .selectBox {
  width: 19rem;
}
.search-has-select .btn-outline {
  min-width: 10rem;
  border: 1px solid #222;
}
.search-has-select .input {
  width: calc(100% - 19rem);
}
@media (max-width: 640px) {
  .search-has-select {
    display: block;
    margin-top: 1rem;
  }
  .search-has-select .select-input {
    justify-content: space-between;
    width: 100%;
  }
  .search-has-select .selectBox {
    width: 35%;
  }
  .search-has-select .input {
    width: 65%;
  }
  .search-has-select .btn-outline {
    min-width: 100%;
    margin-top: 2rem;
  }
}

.visit-search-result .tb-in-btns .btn-outline.small {
  min-width: clamp(7rem, 9.77vw, 10rem);
}

.enterList-tab {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  overflow-x: auto;
  margin-top: clamp(3rem, 5.86vw, 6rem);
}
.enterList-tab .sub-tab {
  width: 100%;
}
.enterList-tab li {
  flex: 1;
}
.enterList-tab li button {
  width: 100%;
}
@media (max-width: 768px) {
  .enterList-tab {
    margin-left: -2rem;
    margin-right: -2rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .enterList-tab .sub-tab {
    justify-content: flex-start;
  }
  .enterList-tab .sub-tab li button {
    width: 15rem;
  }
}

.enterList-tab-conts > div {
  display: none;
}
.enterList-tab-conts > div.active {
  display: block;
}

.form-datePick-search {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.form-datePick-search .select-datepick {
  display: flex;
  gap: 1rem;
  width: calc(100% - 11rem);
}
.form-datePick-search .selectBox {
  width: 19rem;
}
.form-datePick-search .form-col-datePick {
  margin-top: 0;
  width: calc(100% - 20rem);
}
.form-datePick-search .btn-outline {
  min-width: 10rem;
  border: 1px solid #222;
}
@media (max-width: 1024px) {
  .form-datePick-search .selectBox {
    width: 14rem;
  }
  .form-datePick-search .form-col-datePick {
    width: calc(100% - 15rem);
  }
  .form-datePick-search .select-datepick {
    width: calc(100% - 9rem);
  }
  .form-datePick-search .btn-outline {
    min-width: 8rem;
  }
}
@media (max-width: 640px) {
  .form-datePick-search {
    display: block;
  }
  .form-datePick-search .select-datepick {
    width: 100%;
    display: block;
  }
  .form-datePick-search .selectBox {
    width: 100%;
  }
  .form-datePick-search .form-col-datePick {
    width: 100%;
    margin-top: 1rem;
  }
  .form-datePick-search .btn-outline {
    min-width: 100%;
    margin-top: 2rem;
    height: 5rem;
  }
}

.enterList-sect1-lists .tb-type1 {
  min-width: 102rem;
}
@media (max-width: 640px) {
  .enterList-sect1-lists .btn-outline {
    min-width: 10rem;
  }
}

.enterList-sect2 .visit-enter-search {
  margin-top: 0;
}
.enterList-sect2 .garo-scroll {
  margin-top: clamp(2rem, 4.88vw, 5rem);
}
.enterList-sect2 .garo-scroll .tb-type1 {
  min-width: 100rem;
}

.enter-sect1 .btn-cols {
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .enter-sect1 .btn-outline {
    min-width: 10rem;
  }
}

.enter-sect2 .tb-type3 th {
  box-sizing: border-box;
}

.approve-sect1 .shty3 {
  margin-top: 0;
}

.approveList-sect2 .btn-cols {
  justify-content: flex-end;
  margin-top: clamp(2rem, 2.34vw, 2.4rem);
  gap: 1rem;
}
.approveList-sect2 .visit-sect-search {
  gap: 1rem;
}
@media (max-width: 640px) {
  .approveList-sect2 .visit-sect-search .btn-outline.small {
    height: 5rem;
  }
  .approveList-sect2 .btn-cols .btn-outline.small {
    height: 5rem;
  }
}

.popup-download-reson {
  text-align: center;
}
.popup-download-reson .btn-cols {
  margin-top: clamp(2rem, 2.93vw, 3rem);
}

.popup-cellphone {
  margin-top: clamp(-2rem, -2.64vw, -2.7rem);
}
.popup-cellphone .form-col-search .btn-outline {
  width: 35%;
}
.popup-cellphone .form-col-search .input {
  width: 65%;
}

/*calendar*/
.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  display: none;
}

.flatpickr-months .flatpickr-month {
  height: 5rem;
}
.flatpickr-months .flatpickr-month .flatpickr-current-month {
  font-size: 120%;
  height: 100%;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

span.flatpickr-weekday {
  color: #000;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background-color: #0072C6;
  border-color: #0072C6;
}

.toggleContent {
  display: none;
}

.mt20 {
  margin-top: 2rem;
}

.ml20 {
  margin-left: 2rem;
}

.mb20 {
  margin-bottom: 2rem;
}

@media (max-width: 640px) {
  .ml20 {
    margin-left: 0;
  }
}
.policy-select {
  margin-top: -7rem;
  display: flex;
  align-items: center;
  gap: 1.8rem;
}
.policy-select .selectBox {
  width: 20rem;
}
.policy-select .tit {
  font-size: clamp(1.4rem, 1.56vw, 1.6rem);
  font-weight: 600;
}
@media (max-width: 768px) {
  .policy-select {
    margin-top: 0;
    justify-content: space-between;
  }
  .policy-select form {
    width: calc(100% - 8rem);
  }
  .policy-select .selectBox {
    width: 100%;
  }
}

.personContent {
  line-height: 1.8;
}
.personContent > .fwn {
  padding: clamp(3rem, 3.91vw, 4rem);
  background: #EAF5FD;
  border-radius: 1rem;
  font-size: clamp(1.4rem, 1.95vw, 2rem);
  line-height: 1.5;
  margin-top: clamp(1rem, 2.93vw, 3rem);
}
.personContent .person-info h2 {
  font-size: clamp(2.4rem, 2.11vw, 3.2rem);
  line-height: 1;
  margin-top: clamp(4rem, 7.81vw, 8rem);
  margin-bottom: clamp(3rem, 3.91vw, 4rem);
}
.personContent .person-info > ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
}
.personContent .person-info > ul > li {
  border: 1px solid #ccc;
  border-radius: 1rem;
  padding: clamp(3rem, 3.91vw, 4rem) clamp(1rem, 2.93vw, 3rem) clamp(3rem, 3.91vw, 4rem);
}
.personContent .person-info > ul .img {
  text-align: center;
}
.personContent .person-info > ul .img h3 {
  font-size: clamp(2rem, 1.71vw, 2.6rem);
  font-weight: 700;
  line-height: 1.3;
}
.personContent .person-info > ul .img::after {
  content: "";
  display: block;
  width: 100%;
  height: clamp(10rem, 11.72vw, 12rem);
  margin: 3.6rem 0 2.8rem;
  margin: clamp(2em, 3.52vw, 3rem) 0 clamp(1.6rem, 2.73vw, 2.8rem);
}
.personContent .person-info > ul .img01::after {
  background: url(../images/sub/ico-privacy-1.png) no-repeat center center;
  background-size: auto 100%;
}
.personContent .person-info > ul .img02::after {
  background: url(../images/sub/ico-privacy-2.png) no-repeat center center;
  background-size: auto 100%;
}
.personContent .person-info > ul .img03::after {
  background: url(../images/sub/ico-privacy-3.png) no-repeat center center;
  background-size: auto 100%;
}
.personContent .person-info > ul .img04::after {
  background: url(../images/sub/ico-privacy-4.png) no-repeat center center;
  background-size: auto 100%;
}
.personContent .person-info > ul .img05::after {
  background: url(../images/sub/ico-privacy-5.png) no-repeat center center;
  background-size: auto 100%;
}
.personContent .person-info > ul .img06::after {
  background: url(../images/sub/ico-privacy-6.png) no-repeat center center;
  background-size: auto 100%;
}
.personContent .person-info > ul .txt {
  font-size: clamp(1.4rem, 1.05vw, 1.6rem);
  line-height: 1.6;
  font-weight: 500;
  color: #666;
  line-height: 1.62;
}
.personContent .person-info > ul .txt strong {
  font-weight: 700;
  color: #222;
  width: 9.2rem;
}
.personContent .person-info > ul .txt ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.personContent .person-info > ul .txt ul > li {
  position: relative;
  padding-left: 0.75em;
  line-height: 1.5;
  font-size: clamp(1.4rem, 1.56vw, 1.6rem);
  font-weight: 500;
  color: #222;
}
.personContent .person-info > ul .txt ul > li:before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #222;
  position: absolute;
  top: 0.6em;
  left: 0.1em;
}
.personContent .person-info > ul .txt li {
  display: flex;
}
.personContent .color_black_ragular {
  font-size: clamp(1.5rem, 1.76vw, 1.8rem);
  margin: clamp(4rem, 7.81vw, 8rem) 0;
}
.personContent .color_black_ragular .shty3 {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .personContent .person-info > ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 640px) {
  .personContent .person-info > ul {
    grid-template-columns: repeat(1, 1fr);
  }
}

.listArea {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.listItem {
  background: #f4f4f4;
  border-radius: 1rem;
}
.listItem .listBtn {
  display: block;
  width: 100%;
  padding: clamp(2rem, 2.34vw, 2.5rem) clamp(2rem, 3.91vw, 4rem);
  text-align: left;
  position: relative;
}
.listItem .listBtn::after {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  position: absolute;
  right: 4rem;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 7'%3E%3Cpath d='M6 7L12 1.13514L10.8333 3.08625e-07L6 4.72973L1.16667 9.4708e-07L9.92367e-08 1.13514L6 7Z' fill='%23666666'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
}
.listItem .listBtn span {
  font-size: clamp(1.5rem, 1.95vw, 2rem);
  font-weight: 700;
}
.listItem .toggleContent {
  display: none;
}
.listItem .toggleContent .personContent {
  background-color: #f9f9f9;
  padding: clamp(2rem, 3.91vw, 4rem);
  border-top: 1px solid #ddd;
  line-height: 1.8;
  font-size: clamp(1.4rem, 1.56vw, 1.6rem);
}
.listItem.show .toggleContent {
  display: block;
}
.listItem.show .listBtn::after {
  transform: translateY(-50%) rotate(180deg);
}
.listItem .tblCont table {
  width: 100%;
}
.listItem .tblCont table thead th {
  border-bottom: 1px solid #222;
  border-right: 1px solid #ddd;
  line-height: 1.4;
  padding: 1rem;
  text-align: center;
  font-weight: 700;
  color: #222;
}
.listItem .tblCont table thead th:last-child {
  border-right: none;
}
.listItem .tblCont table tbody td {
  padding: 1rem;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  text-align: center;
  line-height: 1.6;
}
.listItem .tblCont table tbody td.tal {
  text-align: left;
  padding-left: 4rem;
}
.listItem .tblCont table tbody td:last-child {
  border-right: none;
}
@media (max-width: 640px) {
  .listItem .listBtn::after {
    right: 2rem;
  }
  .listItem .listBtn span {
    display: block;
    padding-right: 4rem;
  }
  .listItem .tblCont table tbody td.tal {
    padding-left: 2rem;
  }
}

.txtList.num > li {
  position: relative;
  padding-left: 1.6rem;
}
.txtList.num > li > .txtList {
  margin-top: 5px;
}
.txtList.num > li::before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
.txtList.num > li:nth-child(1)::before {
  content: "1.";
}
.txtList.num > li:nth-child(2)::before {
  content: "2.";
}
.txtList.num > li:nth-child(3)::before {
  content: "3.";
}
.txtList.num > li:nth-child(4)::before {
  content: "4.";
}
.txtList.num > li:nth-child(5)::before {
  content: "5.";
}
.txtList.num > li:nth-child(6)::before {
  content: "6.";
}
.txtList.num > li:nth-child(7)::before {
  content: "7.";
}
.txtList.num > li:nth-child(8)::before {
  content: "8.";
}
.txtList.num > li:nth-child(9)::before {
  content: "9.";
}
.txtList.num > li + li {
  margin-top: 0.5rem;
}

.writeQna-sect1 {
  margin-top: clamp(1rem, 4vw, 5rem);
}
.writeQna-sect1 .form-tit {
  width: 18%;
}
.writeQna-sect1 .form-col {
  width: 82%;
}
@media (max-width: 640px) {
  .writeQna-sect1 .form-tit,
  .writeQna-sect1 .form-col {
    width: 100%;
  }
}

.writeQna-sect2 .btn-cols {
  margin-top: clamp(4rem, 6.84vw, 7rem);
}

@media (max-width: 768px) {
  .sub-required-top {
    margin-top: 0;
  }
}
.summary-item {
  display: flex;
  flex-direction: column;
  gap: 2.8rem;
  border: 1px solid #999;
  border-radius: 1rem;
  padding: 2.8rem;
  height: 100%;
  background: #fff;
}
.summary-item .tit {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.summary-item .tit h5 {
  font-size: 2rem;
  font-weight: 800;
}
.summary-item .tit .ico-plus {
  display: block;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M0 7H7H14M7 14L7 0' stroke='%23222222' stroke-width='1.5'/%3E%3C/svg%3E");
  transition: all 0.5s ease;
}
.summary-item .tit .ico-plus:hover {
  transform: rotate(180deg);
}
.summary-item figure .thumb {
  overflow: hidden;
  border-radius: 1rem;
  position: relative;
  width: 100%;
  aspect-ratio: 25/14;
}
.summary-item figure .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s ease-in-out;
  transform: scale(1);
}
.summary-item figure figcaption {
  font-size: 1.2rem;
  color: #999;
  margin-top: 1.6rem;
}
.summary-item .desc {
  color: #666;
  line-height: 1.37;
  font-size: clamp(1.4rem, 1.56vw, 1.6rem);
}
.summary-item:hover figure .thumb img {
  transform: scale(1.1);
}
@media (max-width: 768px) {
  .summary-item .desc {
    line-height: 1.5;
  }
}

.summary-sect1 {
  position: relative;
  margin-top: clamp(5rem, 7.81vw, 8rem);
  background: url(../images/sub/summary-sect1-line.png) no-repeat 85.5% 45%;
}
.summary-sect1 .summary-item1-wrap {
  margin: 0 auto;
  width: 43.75%;
  background: #F3E7F5;
  border-radius: clamp(1.6rem, 2.93vw, 3rem);
  padding: clamp(2rem, 2.93vw, 3rem);
}
.summary-sect1 .summary-item1-wrap .summary-item1 {
  display: block;
  border-radius: 1rem;
  filter: drop-shadow(0 2px 30px rgba(0, 0, 0, 0.15));
}
.summary-sect1 .summary-item1-wrap .summary-item1 figure {
  position: relative;
}
.summary-sect1 .summary-item1-wrap .summary-item1 figure .thumb {
  border-radius: 1rem 1rem 0 0;
}
.summary-sect1 .summary-item1-wrap .summary-item1 figure .thumb img {
  width: 100%;
}
.summary-sect1 .summary-item1-wrap .summary-item1 figure figcaption {
  position: absolute;
  right: 1.5rem;
  bottom: 1.5rem;
  color: #fff;
  font-weight: 700;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-size: 1.3rem;
}
.summary-sect1 .summary-item1-wrap .summary-item1 .desc {
  padding: clamp(1.5rem, 2.93vw, 3rem);
  background: #fff;
  border-radius: 0 0 1rem 1rem;
}
.summary-sect1 .summary-item1-wrap .summary-item1 .desc .tit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #BE79CD;
  border-radius: 3rem;
  padding: 1.6rem 2.5rem;
}
.summary-sect1 .summary-item1-wrap .summary-item1 .desc .tit h5 {
  font-size: clamp(1.5rem, 2.34vw, 2.4rem);
  font-weight: 800;
  color: #fff;
}
.summary-sect1 .summary-item1-wrap .summary-item1 .desc .tit .ico-plus {
  width: 2rem;
  height: 2rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M0 7H7H14M7 14L7 0' stroke='%23ffffff' stroke-width='1.5'/%3E%3C/svg%3E");
}
.summary-sect1 .summary-item1-wrap .summary-item1 .desc .tx-base {
  margin-top: clamp(1rem, 1.95vw, 2rem);
}
.summary-sect1::after {
  content: "";
  display: block;
  width: 67.81%;
  height: 15rem;
  background: url(../images/sub/summary-bg.png) no-repeat 50% 100%;
  background-size: 100% auto;
  margin-top: -2.3rem;
}
@media (max-width: 768px) {
  .summary-sect1 {
    background: none;
  }
  .summary-sect1 .summary-item1-wrap {
    width: 100%;
  }
  .summary-sect1::after {
    width: 100%;
    height: 10rem;
    margin: 0;
  }
}

.summary-sect2 {
  margin-top: clamp(2rem, 2.93vw, 3rem);
}

.summary-items-wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding-top: 10.5rem;
}
.summary-items-wrap::before {
  content: "";
  display: block;
  width: 1px;
  height: 10.5rem;
  background: #999;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.summary-items-wrap .summary-item-gas {
  width: 21.88%;
  order: 2;
  padding-top: 8.3rem;
}
.summary-items-wrap .summary-item-energy {
  position: relative;
  width: 67.81%;
  padding-top: 8.3rem;
}
.summary-items-wrap .summary-item-energy .title {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 1.5rem 2.5rem;
  width: 53.8%;
  background: #53A1DA;
  border-radius: 1rem;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 800;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.summary-items-wrap .summary-items {
  display: flex;
  justify-content: space-between;
  gap: 1.4rem;
  height: 100%;
}
.summary-items-wrap .summary-items::before {
  content: "";
  display: block;
  width: 67.6%;
  height: 1px;
  background: #999;
  position: absolute;
  top: 2.5rem;
  left: 50%;
  transform: translateX(-50%);
}
.summary-items-wrap .summary-items li {
  flex: 1;
}
.summary-items-wrap .summary-items li:nth-child(1), .summary-items-wrap .summary-items li:nth-child(2), .summary-items-wrap .summary-items li:nth-child(3) {
  position: relative;
}
.summary-items-wrap .summary-items li:nth-child(1)::before, .summary-items-wrap .summary-items li:nth-child(2)::before, .summary-items-wrap .summary-items li:nth-child(3)::before {
  content: "";
  display: block;
  width: 1px;
  height: 6rem;
  position: absolute;
  top: -5.8rem;
  left: 50%;
  transform: translateX(-50%);
  border: 0;
  background: #999;
  z-index: -1;
  margin: 0;
  padding: 0;
}
@media (max-width: 768px) {
  .summary-items-wrap {
    padding-top: 0;
    padding-bottom: 0;
    flex-direction: column;
  }
  .summary-items-wrap .bg {
    width: 100%;
    height: 9.8rem;
    background: url(../images/sub/summary-bg-mo.png) no-repeat 50% 100%;
    background-size: cover;
    top: initial;
    bottom: 0.8rem;
  }
  .summary-items-wrap::before {
    border: 0;
    display: none;
  }
  .summary-items-wrap::after {
    display: none;
  }
  .summary-items-wrap .summary-item-gas {
    order: 1;
    width: 100%;
    padding-top: 4rem;
  }
  .summary-items-wrap .summary-item-energy {
    order: 2;
    width: 100%;
    background: #f4f4f4;
    padding: 2rem;
    border-radius: 1.6rem;
    margin-top: 4rem;
  }
  .summary-items-wrap .summary-item-energy .title {
    position: initial;
    width: 100%;
    transform: translateX(0);
    margin-bottom: 2rem;
  }
  .summary-items-wrap .summary-items {
    flex-direction: column;
    gap: 3rem;
  }
  .summary-items-wrap .summary-items::before {
    display: none;
  }
  .summary-items-wrap .summary-items li:nth-child(2), .summary-items-wrap .summary-items li:nth-child(3) {
    position: relative;
  }
  .summary-items-wrap .summary-items li:nth-child(2)::before, .summary-items-wrap .summary-items li:nth-child(3)::before {
    content: "";
    display: block;
    width: 1px;
    height: 3rem;
    position: absolute;
    top: -3rem;
    left: 50%;
    transform: translateX(-50%);
    border: 0;
    background: #999;
    z-index: 1;
    margin: 0;
    padding: 0;
  }
}

.summary-grp-wrap {
  border-radius: clamp(1rem, 2.93vw, 3rem);
  padding: clamp(2rem, 2.93vw, 3rem);
  background: #F1E5F3;
}

.summary-grp {
  border-radius: 1rem;
  background: #fff;
  padding: clamp(2rem, 4.88vw, 5rem) clamp(2rem, 4.69vw, 4.8rem);
}
.summary-grp .s-tit3 {
  padding: 2rem 2.5rem;
  background: #53A1DA;
  border-radius: 1rem;
  color: #fff;
  text-align: center;
}
.summary-grp .title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: clamp(1rem, 2.93vw, 3rem) 0;
}
.summary-grp .title h4 {
  display: inline-block;
  padding: clamp(1.4rem, 1.95vw, 2rem) clamp(1rem, 3.91vw, 4rem);
  background: #BE79CD;
  border-radius: 50rem;
  color: #fff;
  text-align: center;
  font-size: clamp(1.5rem, 2.15vw, 2.2rem);
  font-weight: 800;
}

.summary-item-gas.mo-only {
  margin-top: 3rem;
}

.grp-items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(1.2rem, 1.46vw, 1.5rem);
  position: relative;
}
.grp-items li {
  flex: 1;
  background: #EAF5FD;
  border-radius: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grp-items .grp-item1 {
  width: 100%;
  padding: clamp(1rem, 1.95vw, 2rem) 0.5vw;
  min-height: clamp(7rem, 13.67vw, 14rem);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.grp-items .grp-item1::before {
  content: "";
  display: block;
  width: 100%;
  height: clamp(3rem, 4.88vw, 5rem);
  background: url(../images/sub/summary-ico1.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 82%;
}
.grp-items .grp-item1 .tx {
  font-size: clamp(1.2rem, 2.15vw, 2.2rem);
  font-weight: 700;
  line-height: 1.1;
  display: block;
  margin-top: clamp(1rem, 1.37vw, 1.4rem);
}
.grp-items .grp-item1 .tx .sm {
  font-size: 0.73em;
}
.grp-items .grp-item2 {
  width: 100%;
  padding: clamp(1rem, 1.95vw, 2rem) 0.5vw;
  min-height: clamp(7rem, 13.67vw, 14rem);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.grp-items .grp-item2::before {
  content: "";
  display: block;
  width: 100%;
  height: clamp(3rem, 4.88vw, 5rem);
  background: url(../images/sub/summary-ico2.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 114%;
}
.grp-items .grp-item2 .tx {
  font-size: clamp(1.2rem, 2.15vw, 2.2rem);
  font-weight: 700;
  line-height: 1.1;
  display: block;
  margin-top: clamp(1rem, 1.37vw, 1.4rem);
}
.grp-items .grp-item2 .tx .sm {
  font-size: 0.73em;
}
.grp-items .grp-item3 {
  width: 100%;
  padding: clamp(1rem, 1.95vw, 2rem) 0.5vw;
  min-height: clamp(7rem, 13.67vw, 14rem);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.grp-items .grp-item3::before {
  content: "";
  display: block;
  width: 100%;
  height: clamp(3rem, 4.88vw, 5rem);
  background: url(../images/sub/summary-ico3.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 98%;
}
.grp-items .grp-item3 .tx {
  font-size: clamp(1.2rem, 2.15vw, 2.2rem);
  font-weight: 700;
  line-height: 1.1;
  display: block;
  margin-top: clamp(1rem, 1.37vw, 1.4rem);
}
.grp-items .grp-item3 .tx .sm {
  font-size: 0.73em;
}
.grp-items .grp-item4 {
  width: 100%;
  padding: clamp(1rem, 1.95vw, 2rem) 0.5vw;
  min-height: clamp(7rem, 13.67vw, 14rem);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.grp-items .grp-item4::before {
  content: "";
  display: block;
  width: 100%;
  height: clamp(3rem, 4.88vw, 5rem);
  background: url(../images/sub/summary-ico4.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 80%;
}
.grp-items .grp-item4 .tx {
  font-size: clamp(1.2rem, 2.15vw, 2.2rem);
  font-weight: 700;
  line-height: 1.1;
  display: block;
  margin-top: clamp(1rem, 1.37vw, 1.4rem);
}
.grp-items .grp-item4 .tx .sm {
  font-size: 0.73em;
}
.grp-items .grp-item5 {
  width: 100%;
  padding: clamp(1rem, 1.95vw, 2rem) 0.5vw;
  min-height: clamp(7rem, 13.67vw, 14rem);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.grp-items .grp-item5::before {
  content: "";
  display: block;
  width: 100%;
  height: clamp(3rem, 4.88vw, 5rem);
  background: url(../images/sub/summary-ico5.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 94%;
}
.grp-items .grp-item5 .tx {
  font-size: clamp(1.2rem, 2.15vw, 2.2rem);
  font-weight: 700;
  line-height: 1.1;
  display: block;
  margin-top: clamp(1rem, 1.37vw, 1.4rem);
}
.grp-items .grp-item5 .tx .sm {
  font-size: 0.73em;
}
.grp-items .grp-item6 {
  width: 100%;
  padding: clamp(1rem, 1.95vw, 2rem) 0.5vw;
  min-height: clamp(7rem, 13.67vw, 14rem);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.grp-items .grp-item6::before {
  content: "";
  display: block;
  width: 100%;
  height: clamp(3rem, 4.88vw, 5rem);
  background: url(../images/sub/summary-ico6.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 88%;
}
.grp-items .grp-item6 .tx {
  font-size: clamp(1.2rem, 2.15vw, 2.2rem);
  font-weight: 700;
  line-height: 1.1;
  display: block;
  margin-top: clamp(1rem, 1.37vw, 1.4rem);
}
.grp-items .grp-item6 .tx .sm {
  font-size: 0.73em;
}
.grp-items .grp-item7 {
  width: 100%;
  padding: clamp(1rem, 1.95vw, 2rem) 0.5vw;
  min-height: clamp(7rem, 13.67vw, 14rem);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.grp-items .grp-item7::before {
  content: "";
  display: block;
  width: 100%;
  height: clamp(3rem, 4.88vw, 5rem);
  background: url(../images/sub/summary-ico7.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 80%;
}
.grp-items .grp-item7 .tx {
  font-size: clamp(1.2rem, 2.15vw, 2.2rem);
  font-weight: 700;
  line-height: 1.1;
  display: block;
  margin-top: clamp(1rem, 1.37vw, 1.4rem);
}
.grp-items .grp-item7 .tx .sm {
  font-size: 0.73em;
}
.grp-items .grp-item8 {
  width: 100%;
  padding: clamp(1rem, 1.95vw, 2rem) 0.5vw;
  min-height: clamp(7rem, 13.67vw, 14rem);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.grp-items .grp-item8::before {
  content: "";
  display: block;
  width: 100%;
  height: clamp(3rem, 4.88vw, 5rem);
  background: url(../images/sub/summary-ico8.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 80%;
}
.grp-items .grp-item8 .tx {
  font-size: clamp(1.2rem, 2.15vw, 2.2rem);
  font-weight: 700;
  line-height: 1.1;
  display: block;
  margin-top: clamp(1rem, 1.37vw, 1.4rem);
}
.grp-items .grp-item8 .tx .sm {
  font-size: 0.73em;
}
@media (max-width: 768px) {
  .grp-items {
    grid-template-columns: repeat(2, 1fr);
  }
}

.grp-items-wrap1 {
  padding-bottom: 9rem;
  margin-top: 1.5rem;
  position: relative;
}
.grp-items-wrap1::before {
  content: "";
  display: block;
  width: 100%;
  height: 9rem;
  background: url(../images/sub/summary-bg2.png) no-repeat 50% 100%;
  background-size: cover;
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 640px) {
  .grp-items-wrap1 {
    padding-bottom: 5rem;
  }
  .grp-items-wrap1::before {
    height: 5rem;
    background: url(../images/sub/summary-bg2-mo.png) no-repeat 50% 100%;
    background-size: auto 100%;
    bottom: 0;
  }
}

.grp-items-wrap2 {
  padding-top: 9rem;
  margin-bottom: 1.5rem;
  position: relative;
}
.grp-items-wrap2::before {
  content: "";
  display: block;
  width: 100%;
  height: 9rem;
  background: url(../images/sub/summary-bg2.png) no-repeat 50% 100%;
  background-size: cover;
  position: absolute;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
}
@media (max-width: 640px) {
  .grp-items-wrap2 {
    padding-top: 5rem;
  }
  .grp-items-wrap2::before {
    height: 5rem;
    background: url(../images/sub/summary-bg2-mo.png) no-repeat 50% 100%;
    background-size: auto 100%;
    top: 0;
  }
}

.summary-notis {
  font-size: clamp(1.2rem, 1.56vw, 1.6rem);
  color: #666;
  margin-top: clamp(2rem, 2.93vw, 3rem);
  line-height: 1.37;
}
.summary-notis em {
  color: #0072C6;
}
.summary-notis p + p {
  margin-top: 1rem;
}

.brand-item .cont {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: clamp(2rem, 2.93vw, 3rem);
  margin-top: clamp(2rem, 2.93vw, 3rem);
}
.brand-item .cont img {
  width: clamp(10rem, 17.58vw, 18rem);
}
.brand-item .cont .s-desc {
  width: 65%;
}
@media (max-width: 640px) {
  .brand-item .cont .s-desc {
    width: calc(100% - 12rem);
  }
}

.logo-sect1 {
  border: 1px solid #dedede;
  border-radius: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: clamp(5rem, 6.84vw, 7rem) 2rem;
  gap: clamp(5rem, 10vw, 25rem);
  margin-top: clamp(2rem, 3.91vw, 4rem);
}
.logo-sect1 .logos {
  display: flex;
  gap: clamp(4rem, 10vw, 12rem);
}
.logo-sect1 .downs {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.logo-sect1 .downs a {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.7rem;
  font-weight: 600;
  letter-spacing: -0.4px;
}
.logo-sect1 .downs a::before {
  content: "";
  display: block;
  width: 2.2rem;
  height: 2.4rem;
  background: url(../images/sub/ico-download.png) no-repeat 50% 50%;
  background-size: contain;
}
@media (max-width: 1024px) {
  .logo-sect1 .logos img {
    height: 8rem;
  }
}
@media (max-width: 768px) {
  .logo-sect1 {
    flex-direction: column;
    gap: 5rem;
  }
  .logo-sect1 .logos img {
    height: 8rem;
  }
  .logo-sect1 .downs {
    flex-direction: row;
  }
}
@media (max-width: 640px) {
  .logo-sect1 .logos {
    flex-direction: column;
  }
  .logo-sect1 .logos img {
    height: 8rem;
  }
}

.logo-sect2 .shty5 {
  margin: clamp(7rem, 11vw, 12rem) 0 clamp(0.1rem, 3.32vw, 3.4rem);
}

.logo-con-sp {
  display: flex;
}
.logo-con-sp .sp1 {
  flex: 1;
  padding-right: clamp(3rem, 3.91vw, 4rem);
}
.logo-con-sp .sp1 img {
  margin: clamp(4rem, 4.88vw, 5rem) 0;
}
.logo-con-sp .sp2 {
  flex: 1;
  padding-left: clamp(3rem, 3.91vw, 4rem);
  border-left: 1px dashed #dedede;
  display: flex;
  flex-direction: column;
  gap: clamp(4rem, 5.86vw, 6rem);
}
@media (max-width: 640px) {
  .logo-con-sp {
    flex-direction: column;
    gap: 4rem;
  }
  .logo-con-sp .sp1 img {
    height: 10rem;
  }
  .logo-con-sp .sp2 {
    border: 0;
    padding: 0;
    border-top: 1px dashed #dedede;
    padding-top: 4rem;
  }
}

.logo-sect3 .shty5 {
  margin: 8rem 0 5rem;
}
.logo-sect3 .sp1 img {
  margin: 3rem 0 4rem;
}
@media (max-width: 640px) {
  .logo-sect3 .shty5 {
    margin: 7rem 0 1rem;
  }
}

.rule-sect1 {
  margin-top: clamp(1.5rem, 4.88vw, 5rem);
}

.rule-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(4rem, 5.86vw, 6rem);
  margin-top: clamp(4rem, 11vw, 12rem);
}
@media (max-width: 640px) {
  .rule-items {
    grid-template-columns: 1fr;
  }
}

.color-item {
  display: flex;
  align-items: center;
  gap: clamp(1rem, 2.93vw, 3rem);
}
.color-item .color {
  width: 27rem;
  height: 11rem;
  padding: 3rem;
  font-weight: 700;
  color: #fff;
  font-size: clamp(1.5rem, 1.76vw, 1.8rem);
}
.color-item .color.red {
  background: #EA002C;
}
.color-item .color.orange {
  background: #F47725;
}
.color-item .infos {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.color-item .infos li {
  display: flex;
  font-size: clamp(1.1rem, 1.37vw, 1.4rem);
  font-weight: 600;
  line-height: 1.4;
}
.color-item .infos .dt {
  width: 9.2rem;
  color: #444;
}
.color-item .infos .dd {
  width: calc(100% - 9.2rem);
  color: #666;
}
.color-item.row {
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
}
.color-item.row .color {
  width: 100%;
  height: 4rem;
}
.color-item.row .color.yellow {
  background: #FBBC05;
}
.color-item.row .color.green {
  background: #B3CF0A;
}
.color-item.row .color.teal {
  background: #009A93;
}
.color-item.row .color.blue {
  background: #0072C6;
}
.color-item.row .color.navy {
  background: #0E306D;
}
.color-item.row .color.purple {
  background: #68127A;
}
.color-item.row .color.white {
  border: 1px solid #dedede;
  background: #fff;
}
.color-item.row .color.black {
  background: #000;
}
.color-item.row h6 {
  font-size: clamp(1.5rem, 1.76vw, 1.8rem);
  font-weight: 700;
}
@media (max-width: 1024px) {
  .color-item .color {
    width: 20rem;
  }
}
@media (max-width: 768px) {
  .color-item .color {
    width: 16rem;
  }
  .color-item .infos li {
    line-height: 1.6;
  }
  .color-item .infos .dt {
    width: 7.2rem;
  }
  .color-item .infos .dd {
    width: calc(100% - 7.2rem);
  }
}

.rule-sect2 {
  margin-top: clamp(7rem, 9vw, 10rem);
}
.rule-sect2 .s-desc {
  margin: clamp(1.5rem, 3.91vw, 4rem) 0 clamp(4rem, 3.91vw, 4rem);
  color: #666;
}
.rule-sect2 .color-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(2rem, 2.93vw, 3rem);
}
@media (max-width: 768px) {
  .rule-sect2 .color-items {
    grid-template-columns: 1fr;
  }
}

.rule-sect3 {
  margin-top: clamp(7rem, 9vw, 10rem);
}
.rule-sect3 .s-desc {
  margin: clamp(1.5rem, 3.91vw, 4rem) 0 clamp(4rem, 3.91vw, 4rem);
  color: #666;
}
.rule-sect3 .color-items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 4rem 2.6rem;
  gap: clamp(2rem, 3.91vw, 4rem) clamp(1rem, 2.54vw, 2.6rem);
}
.rule-sect3 .color-item .color {
  padding: 0;
}
@media (max-width: 768px) {
  .rule-sect3 .color-items {
    grid-template-columns: 1fr 1fr;
  }
}

.hv-layer {
  position: absolute;
  height: 6rem;
}
.hv-layer .box {
  display: none;
  width: 27.4rem;
  padding: 1.6rem 2rem;
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.25);
  position: absolute;
  z-index: 2;
  bottom: 3rem;
  left: -6rem;
}
.hv-layer .box button {
  position: absolute;
  top: 1.2rem;
  right: 1.4rem;
}
.hv-layer .box .ico-close {
  width: 1.2rem;
  height: 1.2rem;
}
.hv-layer .box h5 {
  font-size: clamp(1.8rem, 1.95vw, 2rem);
  font-weight: 800;
}
.hv-layer .box .tx {
  font-size: 1.4rem;
  font-weight: 600;
  margin-top: 0.5rem;
}
.hv-layer .box .loc {
  font-size: 1.2rem;
  color: #666;
  margin-top: 1rem;
  padding-left: 2.2rem;
  background: url(../images/sub/ico-loc.svg) no-repeat 0 0.2rem;
  background-size: 1.4rem auto;
}
.hv-layer .box .email {
  font-size: 1.2rem;
  color: #666;
  margin-top: 1rem;
  padding-left: 2.2rem;
  background: url(../images/sub/ico-email.svg) no-repeat 0 0;
  background-size: 1.4rem auto;
}
.hv-layer .pin {
  width: 1rem;
  height: 6rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
.hv-layer .pin::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #999;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.hv-layer .pin::after {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background: #999;
  border-radius: 50%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.hv-layer .default {
  background: #fff;
  border-radius: 0.4rem;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
  font-size: 1.4rem;
  color: #666;
  padding: 0.4rem 1rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 3.5rem;
  font-weight: 700;
  white-space: nowrap;
}
@media (max-width: 640px) {
  .hv-layer .box .tx {
    margin-top: 1.2rem;
    font-size: 1.5rem;
  }
  .hv-layer .box .loc,
  .hv-layer .box .email {
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .hv-layer .box .loc {
    background-position: 0 0.3rem;
  }
  .hv-layer .box .email {
    background-position: 0 0.4rem;
  }
}

.map-global {
  position: relative;
}
.map-global > div {
  position: absolute;
}
.map-global > div::before {
  content: "";
  display: none;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
}
.map-global .korea {
  top: 42.29%;
  left: 37.45%;
  width: 0.91%;
  height: 2.59%;
  z-index: 2;
}
.map-global .korea::before {
  background: url(../images/sub/hv-korea.svg) no-repeat 0 0;
  background-size: cover;
}
.map-global .korea .hv-layer {
  bottom: 50%;
  left: 55%;
}
.map-global .australia {
  width: 10.75%;
  height: 20.44%;
  bottom: 7.97%;
  left: 33.92%;
  z-index: 3;
}
.map-global .australia::before {
  background: url(../images/sub/hv-australia.svg) no-repeat 0 0;
  background-size: cover;
}
.map-global .australia .hv-layer {
  bottom: 50%;
  left: 55%;
}
.map-global .north-america {
  width: 26.73%;
  height: 34.91%;
  top: 15.08%;
  right: 14.57%;
}
.map-global .north-america::before {
  background: url(../images/sub/hv-north-america.svg) no-repeat 0 0;
  background-size: cover;
}
.map-global .north-america .hv-layer {
  bottom: 25%;
  left: 65%;
}
.map-global .north-america .hv-layer .box {
  left: -21rem;
}
.map-global .newyork {
  width: 0.84%;
  height: 1.17%;
  top: 36.97%;
  right: 13.53%;
}
.map-global .newyork::before {
  background: url(../images/sub/hv-newyork.svg) no-repeat 0 0;
  background-size: cover;
}
.map-global .newyork .hv-layer {
  bottom: 25%;
  left: 65%;
}
.map-global .newyork .hv-layer .box {
  left: -21rem;
}
.map-global .uk {
  width: 2.61%;
  height: 8.47%;
  top: 25.79%;
  left: 2.4%;
}
.map-global .uk::before {
  background: url(../images/sub/hv-uk.svg) no-repeat 0 0;
  background-size: cover;
}
.map-global .uk .hv-layer {
  bottom: 25%;
  left: 65%;
}
.map-global .uk .hv-layer .box {
  left: -5rem;
}
.map-global .uk .hv-layer .default {
  transform: translateX(-35%);
}
.map-global .china {
  width: 15.75%;
  height: 23.12%;
  top: 31.79%;
  left: 23.94%;
}
.map-global .china::before {
  background: url(../images/sub/hv-china.svg) no-repeat 0 0;
  background-size: cover;
}
.map-global .china .hv-layer {
  bottom: 45%;
  left: 40%;
}
.map-global .china .hv-layer .box {
  left: -13rem;
}
.map-global .vietnam {
  width: 1.91%;
  height: 8.55%;
  top: 51.94%;
  left: 31.06%;
}
.map-global .vietnam::before {
  background: url(../images/sub/hv-vietnam.svg) no-repeat 0 0;
  background-size: cover;
}
.map-global .vietnam .hv-layer {
  bottom: 25%;
  left: 65%;
}
.map-global .vietnam .hv-layer .box {
  left: -13rem;
}
.map-global .indonesia {
  width: 12.06%;
  height: 9.13%;
  top: 62.21%;
  left: 29.27%;
  z-index: 2;
}
.map-global .indonesia::before {
  background: url(../images/sub/hv-indonesia.svg) no-repeat 0 0;
  background-size: cover;
}
.map-global .indonesia .hv-layer {
  bottom: 20%;
  left: 35%;
}
.map-global .indonesia .hv-layer .box {
  left: -13rem;
}
.map-global .indonesia .hv-layer .default {
  transform: translateX(-20%);
}
.map-global .singapore {
  width: 0.46%;
  height: 0.8%;
  top: 63.85%;
  left: 31.13%;
}
.map-global .singapore::before {
  background: url(../images/sub/hv-singapore.svg) no-repeat 0 0;
  background-size: cover;
}
.map-global .singapore .hv-layer {
  bottom: 50%;
  left: 65%;
}
.map-global .singapore .hv-layer .box {
  bottom: -5.5rem;
  left: -28rem;
}
.map-global .singapore .hv-layer .pin::before {
  width: 2.8rem;
  height: 3.3rem;
  background: transparent;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='33' viewBox='0 0 28 33' fill='none'%3E%3Cpath d='M27 33L27 0.999999' stroke='%23999999'/%3E%3Cpath d='M27.5059 1L0.505858 1' stroke='%23999999'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100% 0;
  left: initial;
  right: -1rem;
}
.map-global .singapore .hv-layer .default {
  transform: translateX(-110%);
  bottom: 2.1rem;
}
.map-global > div.hv::before {
  display: block;
}
.map-global > div.hv .hv-layer .box {
  display: block;
}
.map-global > div.hv .hv-layer .pin::before {
  background: #0072C6;
}
.map-global > div.hv .hv-layer .pin::after {
  background: #0072C6;
}
.map-global .singapore.hv .hv-layer .pin::before {
  background: transparent;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='33' viewBox='0 0 28 33' fill='none'%3E%3Cpath d='M27 33L27 0.999999' stroke='%230072C6'/%3E%3Cpath d='M27.5059 1L0.505858 1' stroke='%230072C6'/%3E%3C/svg%3E");
}
.map-global .map-mobile {
  display: none;
}
@media (max-width: 768px) {
  .map-global .singapore .hv-layer .box {
    left: -24rem;
    z-index: 3;
  }
}
@media (max-width: 640px) {
  .map-global {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-top: -1rem;
  }
  .map-global > div {
    position: initial;
    height: auto;
  }
  .map-global .map {
    display: none;
  }
  .map-global .hv-layer {
    position: initial;
    height: auto;
  }
  .map-global .hv-layer .box {
    display: block;
    position: initial;
    width: 100%;
    border: 1px solid #dedede;
    box-shadow: none;
  }
  .map-global .hv-layer .box button {
    display: none;
  }
  .map-global .hv-layer .pin,
  .map-global .hv-layer .default {
    display: none;
  }
  .map-global .korea {
    display: none;
  }
  .map-global .australia,
  .map-global .north-america,
  .map-global .newyork,
  .map-global .uk,
  .map-global .china,
  .map-global .vietnam,
  .map-global .indonesia,
  .map-global .singapore {
    width: 100%;
    height: auto;
  }
  .map-global .map-mobile {
    display: block;
    position: relative;
    width: 100%;
  }
}

.map-mobile > img {
  width: 100%;
}
.map-mobile .mo-layer {
  display: inline-block;
  position: absolute;
}
.map-mobile .mo-layer .box {
  border-radius: 0.4rem;
  background: #fff;
  box-shadow: 0 0.821px 1.641px 0 rgba(0, 0, 0, 0.25);
  padding: 0.2rem 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  color: #999;
  position: relative;
  z-index: 2;
}
.map-mobile .mo-layer .pin {
  width: 0.6rem;
  height: 1.4rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.map-mobile .mo-layer .pin::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #999;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
.map-mobile .mo-layer .pin::after {
  content: "";
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: #999;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
.map-mobile .mo-layer.right .pin {
  transform: rotate(-90deg);
  top: 0.3rem;
  left: 110%;
}
.map-mobile .mo-layer.right .pin::before {
  height: 1.7rem;
}
.map-mobile .mo-layer.left .pin {
  transform: rotate(90deg);
  top: 0.3rem;
  left: -20%;
}
.map-mobile .mo-layer.left .pin::before {
  height: 1.7rem;
}
.map-mobile .mo-layer.loc0 {
  top: 26.22%;
  left: 32%;
}
.map-mobile .mo-layer.loc1 {
  top: 22.56%;
  left: 63%;
}
.map-mobile .mo-layer.loc2 {
  top: 37.8%;
  left: 16.86%;
}
.map-mobile .mo-layer.loc3 {
  top: 75.61%;
  left: 20.86%;
}
.map-mobile .mo-layer.loc4 {
  top: 52%;
  left: 10%;
}
.map-mobile .mo-layer.loc4 .pin {
  top: 0.7rem;
  left: 106%;
  transform: translateX(0);
}
.map-mobile .mo-layer.loc4 .pin::before {
  width: 1rem;
  height: 1.2rem;
  background: url(../images/sub/mo-layer-line.svg) no-repeat 100% 0;
  background-size: cover;
  transform: translateX(-80%);
}
.map-mobile .mo-layer.loc5 {
  top: 60.37%;
  left: 37.43%;
}
.map-mobile .mo-layer.loc6 {
  top: 43.29%;
  left: 77%;
}
.map-mobile .mo-layer.loc6 .pin {
  transform: rotate(180deg);
  top: -75%;
}
.map-mobile .mo-layer.loc7 {
  top: 15.43%;
  left: 0.46%;
}
.map-mobile .mo-layer.loc7 .pin {
  left: 10%;
  transform: translateX(0);
}
.map-mobile .mo-layer.loc8 {
  top: 50%;
  left: 31.5%;
}
.map-mobile .mo-layer.loc8 .pin {
  left: -12%;
}
.map-mobile .mo-layer.loc8 .pin::before {
  height: 1.2rem;
}

.local-map-lists .shty5 {
  margin: clamp(7rem, 7.81vw, 8rem) 0 clamp(2rem, 1.95vw, 3rem);
  font-size: clamp(2rem, 2.73vw, 2.8rem);
}

.local-map-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
.local-map-list > li {
  border: 1px solid #dedede;
  border-radius: 1rem;
  padding: clamp(2rem, 2.93vw, 3rem);
}
.local-map-list > li ul {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  margin-top: clamp(1.2rem, 1.66vw, 1.7rem);
}
.local-map-list > li ul > li {
  font-size: clamp(1.4rem, 1.56vw, 1.6rem);
  color: #666;
  line-height: 1.4;
}
.local-map-list > li ul > li.address {
  padding-left: 2.4rem;
  background: url(../images/sub/ico-loc.svg) no-repeat 0 0.5rem;
  background-size: 1.4rem auto;
}
.local-map-list > li ul > li.tel {
  padding-left: 2.4rem;
  background: url(../images/sub/ico-tel.svg) no-repeat 0 0.4rem;
  background-size: 1.4rem auto;
  line-height: 1.4;
}
.local-map-list .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.local-map-list .title h6,
.local-map-list .title .tit {
  display: block;
  font-size: clamp(1.8rem, 2.15vw, 2.2rem);
  font-weight: 700;
}
.local-map-list .title .ico-plus {
  display: block;
  font-size: 0;
}
.local-map-list .title:hover .ico-plus {
  transition: all 0.3s ease;
  transform: rotate(360deg);
}
.local-map-list.full {
  grid-template-columns: 1fr;
}
.local-map-list.full .title {
  font-size: clamp(1.6rem, 1.95vw, 2rem);
  line-height: 1.6;
}
@media (max-width: 1024px) {
  .local-map-list > li ul > li.address {
    background-position: 0 0.2rem;
  }
  .local-map-list > li ul > li.tel {
    background-position: 0 0.2rem;
  }
}
@media (max-width: 640px) {
  .local-map-list {
    grid-template-columns: 1fr;
    gap: 1.2rem;
  }
  .local-map-list > li ul > li.address {
    background-position: 0 0.2rem;
  }
  .local-map-list > li ul > li.tel {
    background-position: 0 0.2rem;
  }
}

.local-map-map {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 640px) {
  .local-map-map {
    justify-content: flex-end;
    padding-left: 4rem;
  }
}

.map-local {
  display: inline-block;
  position: relative;
}

.m-layer {
  display: inline-block;
  position: absolute;
}
.m-layer .box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.4rem;
  height: 2.6rem;
  padding: 0.4rem 1rem;
  background: #fff;
  border-radius: 0.4rem;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
  font-size: 1.4rem;
  color: #999;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  position: relative;
  z-index: 2;
}
.m-layer .box span {
  width: calc(100% - 0.8rem);
}
.m-layer .pin {
  width: 1rem;
  height: 3.2rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.m-layer .pin::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #999;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
.m-layer .pin::after {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #999;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
.m-layer.loc1 {
  top: 13.22%;
  left: 22.44%;
}
.m-layer.loc1 .box span {
  width: 100%;
}
.m-layer.loc1 .pin {
  left: 40%;
}
.m-layer.loc2 {
  top: 61.78%;
  left: 30.49%;
}
.m-layer.loc2 .pin {
  height: 6.3rem;
  left: 30%;
  transform: translateX(0%);
}
.m-layer.loc3.right {
  top: 28%;
  left: -8.5%;
}
.m-layer.loc3.right .pin {
  transform: rotate(-90deg);
  top: -0.4rem;
  left: 105%;
}
.m-layer.loc4.right {
  top: 69.01%;
  left: 44.37%;
}
.m-layer.loc4.right .pin {
  transform: rotate(-90deg);
  top: -0.4rem;
  left: 105%;
}
.m-layer.loc5 {
  top: 44.7%;
  left: 34.27%;
}
.m-layer.loc6 {
  top: 41.47%;
  left: 72.46%;
}
.m-layer.loc6 .pin {
  height: 6.2rem;
  left: 16%;
  transform: translateX(0);
}
.m-layer.loc7 {
  top: 32.85%;
  left: 24.2%;
}
.m-layer.loc8 {
  top: 67.62%;
  left: 13.57%;
}
.m-layer.loc8 .pin {
  left: 80%;
  transform: translateX(0);
}
.m-layer.loc9 {
  top: 2%;
  right: 48%;
}
.m-layer.loc10 {
  top: 52%;
  left: 3.8%;
}
.m-layer.loc10 .pin {
  left: 75%;
  transform: translateX(0);
}
.m-layer.loc11 {
  top: 7.93%;
  left: 5.41%;
}
.m-layer.loc11 .pin {
  height: 4rem;
}
.m-layer.loc12.left {
  top: 26.14%;
  left: 46.41%;
}
.m-layer.loc12.left .pin {
  transform: rotate(90deg);
  left: -10%;
  top: -1px;
}
.m-layer.loc13.left {
  top: 20.45%;
  left: 35.78%;
}
.m-layer.loc13.left .pin {
  transform: rotate(90deg);
  left: -10%;
  top: -1px;
}
.m-layer.loc14 {
  top: 59.01%;
  right: 15%;
}
.m-layer.loc15 {
  top: 38.54%;
  right: 68.15%;
}
.m-layer.loc15 .pin {
  height: 2.2rem;
  left: 58%;
}
.m-layer.loc16.right {
  top: 21.68%;
  right: 85.59%;
}
.m-layer.loc16.right .pin {
  transform: rotate(-90deg);
  top: -0.4rem;
  left: 105%;
}
@media (max-width: 640px) {
  .m-layer .box {
    gap: 0.2rem;
    font-size: 1.1rem;
    height: 1.8rem;
    padding: 0.2rem 0.6rem;
  }
  .m-layer .box .ico-fire {
    width: 0.9rem;
    height: 1.2rem;
  }
  .m-layer .box .ico-electricity {
    width: 0.8rem;
    height: 1.4rem;
  }
  .m-layer .box .ico-LNG {
    width: 1.9rem;
    height: 0.9rem;
  }
  .m-layer .box .ico-H2 {
    width: 1.1rem;
    height: 0.9rem;
  }
  .m-layer .pin {
    height: 2rem;
  }
  .m-layer .pin::after {
    width: 0.6rem;
    height: 0.6rem;
  }
  .m-layer.loc1 {
    top: 14%;
    left: 22%;
  }
  .m-layer.loc2 {
    top: 64%;
  }
  .m-layer.loc2 .pin {
    height: 3.6rem;
  }
  .m-layer.loc3.right .pin {
    top: 0;
    left: 100%;
  }
  .m-layer.loc4.right {
    top: 74%;
    left: 60%;
  }
  .m-layer.loc4.right .pin {
    transform: rotate(-180deg);
    top: -85%;
    left: 45%;
  }
  .m-layer.loc5 {
    top: 46%;
  }
  .m-layer.loc6 {
    left: 60%;
  }
  .m-layer.loc6 .pin {
    height: 4.8rem;
    left: 50%;
  }
  .m-layer.loc8 {
    top: 69%;
  }
  .m-layer.loc11 {
    top: 9%;
    left: 9%;
  }
  .m-layer.loc11 .pin {
    height: 2.3rem;
  }
}
.m-layer:hover .box {
  color: #0072C6;
}
.m-layer:hover .ico-fire {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='19' viewBox='0 0 13 19' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.46163 18.6219C1.36409 17.7582 -0.412534 14.123 1.06624 11.4395C2.01338 9.72096 2.71628 8.05156 1.8585 6.01135C2.64182 6.10666 3.08114 6.49683 3.70809 7.04486C3.34026 3.96668 4.31122 1.76712 7.3894 0.630859C6.58225 3.09698 8.09975 4.60554 9.35813 6.20941C10.8071 8.05603 12.0536 10.0024 12.5138 12.3568C13.0782 15.2414 11.7364 17.6033 8.97838 18.5445C8.85031 18.5877 8.71033 18.5981 8.53758 18.6309C10.1474 16.0039 10.3008 14.4685 9.09305 13.1446C8.76096 13.6078 8.57332 14.1632 8.15485 14.5609C7.94487 14.7589 7.72447 14.9808 7.40727 14.82C7.08709 14.6592 6.97094 14.3479 7.05582 14.0218C7.16304 13.6108 7.33579 13.2161 7.48769 12.8185C7.97913 11.5244 7.7066 10.6681 6.43929 9.75819C6.68799 11.1461 5.96572 12.0769 5.13177 12.96C4.11911 14.0322 3.35366 15.1819 3.65895 16.7842C3.79 17.4693 4.2725 17.9697 4.46014 18.6219H4.46163Z' fill='%230072c6'/%3E%3C/svg%3E");
}
.m-layer:hover .ico-electricity {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='21' viewBox='0 0 12 21' fill='none'%3E%3Cpath d='M11.8594 9.00637H7.53184C7.44385 9.00637 7.37986 8.94191 7.38786 8.87745L8.8437 0.761463C8.8677 0.638982 8.65972 0.580964 8.57973 0.684106L0.0206247 12.0813C-0.0353695 12.1587 0.0286238 12.2553 0.140612 12.2553H4.46816C4.55615 12.2553 4.62014 12.3198 4.61215 12.3843L3.1563 20.5003C3.1323 20.6227 3.34028 20.6808 3.42027 20.5776L11.9794 9.18687C12.0354 9.10952 11.9714 9.01282 11.8594 9.01282V9.00637Z' fill='%230072c6'/%3E%3C/svg%3E");
}
.m-layer:hover .ico-LNG {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='13' viewBox='0 0 28 13' fill='none'%3E%3Cpath d='M0.0898438 0.83429H2.85013V10.1902H7.5281V12.4275H0.0898438V0.83429Z' fill='%230072c6'/%3E%3Cpath d='M11.2312 5.52678V12.4275H8.5V0.83429H11.2312L14.4855 7.73502V0.83429H17.2167V12.4275H14.4855L11.2312 5.52678Z' fill='%230072c6'/%3E%3Cpath d='M23.3042 0.630859C26.1807 0.630859 27.8514 2.28703 27.9531 4.87299H25.2073C25.1347 3.6236 24.4955 2.88268 23.3042 2.88268C22.1129 2.88268 21.3139 3.56548 21.3139 6.63086C21.3139 9.69624 21.9531 10.3936 23.3478 10.3936C24.7425 10.3936 25.2364 9.50737 25.3236 8.18534H23.3478V6.23861H27.9386V12.4275H25.9628L25.6868 11.12C25.2945 12.0207 24.3357 12.6309 22.9555 12.6309C19.7885 12.6309 18.5391 10.1321 18.5391 6.63086C18.5391 3.12965 19.7158 0.630859 23.3042 0.630859Z' fill='%230072c6'/%3E%3C/svg%3E");
}
.m-layer:hover .ico-H2 {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12' fill='none'%3E%3Cpath d='M5.73531 7.04414H3.19119V11.8383H0V0H3.19119V4.50002H5.73531V0H8.9265V11.8383H5.73531V7.04414Z' fill='%230072c6'/%3E%3Cpath d='M14.6896 8.77931L13.0866 10.6028H15.5572V11.9999H10.7778V10.7058L13.1308 7.98519C13.469 7.60284 13.6013 7.32342 13.6013 6.89695C13.6013 6.47048 13.4396 6.19107 13.0572 6.19107C12.6749 6.19107 12.5131 6.42636 12.5131 6.89695V7.2646H10.6602V6.92636C10.6602 5.76459 11.4837 4.7793 13.0572 4.7793C14.6308 4.7793 15.4543 5.76459 15.4543 6.92636C15.4543 8.08813 15.2484 8.11754 14.6749 8.77931H14.6896Z' fill='%230072c6'/%3E%3C/svg%3E");
}
.m-layer:hover .pin::before, .m-layer:hover .pin::after {
  background: #0072C6;
}
@media (max-width: 500px) {
  .m-layer.loc11 {
    left: 5.41%;
  }
}
@media (max-width: 390px) {
  .m-layer.loc11 {
    left: 4.5%;
  }
}

[lang=en] .m-layer.loc1 {
  top: 13.5%;
  left: 21%;
}
[lang=en] .m-layer.loc1 .pin {
  left: 20%;
}
[lang=en] .m-layer.loc2 {
  top: 78%;
  left: 35%;
}
[lang=en] .m-layer.loc2 .pin {
  height: 3rem;
  top: -3rem;
  left: 10%;
  transform: rotate(180deg);
}
[lang=en] .m-layer.loc3 {
  left: -30%;
}
[lang=en] .m-layer.loc3 .pin {
  left: 100%;
}
[lang=en] .m-layer.loc4 {
  left: 78%;
}
[lang=en] .m-layer.loc4 .pin {
  transform: rotate(90deg);
  left: -2rem;
}
[lang=en] .m-layer.loc5 {
  top: 58%;
  left: -8%;
}
[lang=en] .m-layer.loc5 .pin {
  transform: rotate(180deg);
  top: -4rem;
  left: 85%;
  height: 5rem;
}
[lang=en] .m-layer.loc6 {
  top: 44%;
  left: 45%;
}
[lang=en] .m-layer.loc6 .pin {
  left: 45%;
  height: 4.5rem;
}
[lang=en] .m-layer.loc7 .pin {
  left: 20%;
}
[lang=en] .m-layer.loc8 {
  left: 9%;
}
[lang=en] .m-layer.loc8 .pin {
  left: 50%;
}
[lang=en] .m-layer.loc9 {
  top: 3%;
  right: 30%;
}
[lang=en] .m-layer.loc10 {
  top: 48%;
  left: -16%;
}
[lang=en] .m-layer.loc11 {
  left: -12%;
}
[lang=en] .m-layer.loc11 .pin {
  left: 65%;
}
[lang=en] .m-layer.loc13 {
  left: 38%;
}
[lang=en] .m-layer.loc13 .pin {
  left: -9%;
}
[lang=en] .m-layer.loc14 {
  right: 8%;
}
[lang=en] .m-layer.loc14 .pin {
  left: 25%;
}
[lang=en] .m-layer.loc15 .pin {
  left: 72.5%;
}
@media (max-width: 640px) {
  [lang=en] .m-layer .box {
    font-size: 0.9rem;
  }
  [lang=en] .m-layer.loc1 {
    left: 22%;
  }
  [lang=en] .m-layer.loc1 .box span {
    width: 100%;
  }
  [lang=en] .m-layer.loc1 .pin {
    left: 14%;
  }
  [lang=en] .m-layer.loc2 {
    top: 63%;
    left: 16%;
  }
  [lang=en] .m-layer.loc2 .pin {
    transform: rotate(0);
    top: 1.8rem;
    left: 50%;
    height: 3.6rem;
  }
  [lang=en] .m-layer.loc3 {
    left: -12%;
    top: 28%;
    width: 30%;
  }
  [lang=en] .m-layer.loc3 .pin {
    transform: rotate(-90deg);
    left: 100%;
    top: 0;
  }
  [lang=en] .m-layer.loc3 .box {
    height: 2.4rem;
    white-space: initial;
    justify-content: flex-start;
    text-align: left;
  }
  [lang=en] .m-layer.loc4 {
    left: 57%;
  }
  [lang=en] .m-layer.loc4 .pin {
    transform: rotate(-180deg);
    left: 30%;
  }
  [lang=en] .m-layer.loc5 {
    top: 45%;
    left: 30%;
    width: 45%;
  }
  [lang=en] .m-layer.loc5 .pin {
    height: 1.6rem;
    top: 2rem;
    left: 50%;
    transform: rotate(0);
  }
  [lang=en] .m-layer.loc5 .box {
    height: 2.4rem;
    white-space: initial;
    justify-content: flex-start;
    text-align: left;
  }
  [lang=en] .m-layer.loc6 {
    left: 49%;
    top: 39%;
    width: 45%;
  }
  [lang=en] .m-layer.loc6 .pin {
    left: 65%;
  }
  [lang=en] .m-layer.loc6 .box {
    height: 2.4rem;
    white-space: initial;
    justify-content: flex-start;
    text-align: left;
  }
  [lang=en] .m-layer.loc8 {
    width: 27%;
    left: 9%;
    top: 68%;
  }
  [lang=en] .m-layer.loc8 .box {
    height: 2.4rem;
    white-space: initial;
    justify-content: flex-start;
    text-align: left;
  }
  [lang=en] .m-layer.loc8 .pin {
    left: 82%;
    height: 1.5rem;
  }
  [lang=en] .m-layer.loc9 {
    right: 33%;
    top: 2%;
  }
  [lang=en] .m-layer.loc10 {
    width: 30%;
    left: -2%;
  }
  [lang=en] .m-layer.loc10 .box {
    height: 2.4rem;
    white-space: initial;
    justify-content: flex-start;
    text-align: left;
  }
  [lang=en] .m-layer.loc10 .pin {
    left: 85%;
  }
  [lang=en] .m-layer.loc11 {
    width: 30%;
    top: 10%;
    left: -14.5%;
  }
  [lang=en] .m-layer.loc11 .box {
    height: 2.4rem;
    white-space: initial;
    justify-content: flex-start;
    text-align: left;
  }
  [lang=en] .m-layer.loc11 .pin {
    left: 115%;
    width: 2.8rem;
    top: 1rem;
  }
  [lang=en] .m-layer.loc11 .pin::before {
    width: 100%;
    height: 100%;
    background: url(../images//sub/mo-layer-line11.svg) no-repeat -92% 0;
  }
  [lang=en] .m-layer.loc14 {
    top: 57%;
    right: 14%;
  }
  [lang=en] .m-layer.loc14 .pin {
    left: 50%;
    height: 3rem;
  }
  [lang=en] .m-layer.loc15 {
    top: 37%;
    right: 76.5%;
    width: 35%;
  }
  [lang=en] .m-layer.loc15 .pin {
    left: 80%;
    height: 1.5rem;
  }
  [lang=en] .m-layer.loc15 .box {
    height: 2.4rem;
    white-space: initial;
    justify-content: flex-start;
    text-align: left;
  }
  [lang=en] .m-layer.loc15 .box span {
    width: calc(100% - 2rem);
  }
  [lang=en] .m-layer.loc16 {
    right: 86%;
  }
  [lang=en] .m-layer.loc16 .pin {
    top: -0.1rem;
  }
}
@media (max-width: 360px) {
  [lang=en] .m-layer.loc11 .pin {
    width: 3rem;
  }
}

.history-vs .shty2 {
  line-height: 1.27;
  margin-bottom: clamp(2rem, 4vw, 5rem);
  font-size: clamp(2.2rem, 3.52vw, 3.6rem);
}
.history-vs figure {
  position: relative;
  margin-top: clamp(2rem, 3.91vw, 4rem);
  border-radius: 1rem;
  overflow: hidden;
}
.history-vs figure figcaption {
  position: absolute;
  bottom: clamp(1.5rem, 1.95vw, 2rem);
  right: clamp(1.5rem, 1.95vw, 2rem);
  color: #fff;
  font-size: clamp(1.2rem, 1.37vw, 1.4rem);
  font-weight: 700;
}
@media (max-width: 1024px) {
  .history-vs .pc-only {
    display: none;
  }
}

.history-item {
  padding-bottom: 10rem;
  position: relative;
}
.history-item h4 {
  font-size: clamp(2.4rem, 3.52vw, 3.6rem);
  font-weight: 800;
  color: #0072C6;
  line-height: 1.27;
}
.history-item li {
  margin-top: clamp(1.2rem, 1.95vw, 2rem);
  font-size: clamp(1.4rem, 1.76vw, 1.8rem);
  letter-spacing: -0.4px;
  display: flex;
  gap: 1rem;
  line-height: 1.4;
}
.history-item li .date {
  font-weight: 700;
  width: 7rem;
}
.history-item li .con {
  color: #666;
  width: calc(100% - 7rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  letter-spacing: -0.4px;
}
.history-item .ui-move {
  position: relative;
  top: -1.6rem;
}

.history-line {
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  background: #dedede;
  transform: translateX(-50%);
  transition: height 0.3s;
}
.history-line .line-active {
  position: relative;
  width: 100%;
  height: 0;
  transition: height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  background: #0072C6;
}
.history-line .line-active::before {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #0072C6;
}
@media (max-width: 640px) {
  .history-line {
    display: none;
  }
}

.history-wrap {
  position: relative;
}
.history-wrap .list {
  position: relative;
}
.history-wrap .list .history-vs {
  position: absolute;
  width: 44.53%;
}
.history-wrap .list .history-item {
  margin-left: 50%;
  padding-left: clamp(5rem, 6vw, 7rem);
}
.history-wrap .list.on .line-active {
  height: 100%;
}
.history-wrap .list.on .bullet {
  opacity: 0;
}
.history-wrap .list.active .bullet {
  background: #0072C6;
  transform: translateX(-50%) scale(1);
}
.history-wrap .list.second .history-item {
  padding-top: 14rem;
}
.history-wrap .list.last.active .line-active {
  height: 100%;
}
.history-wrap .list.last .history-item {
  padding-bottom: 0;
}
.history-wrap .list.last .history-item .history-line {
  height: 90%;
}
@media (max-width: 768px) {
  .history-wrap .list .history-vs {
    width: 47%;
  }
  .history-wrap .list .history-item {
    padding-left: 2rem;
  }
  .history-wrap .list .history-item .ui-move {
    top: -1rem;
  }
}
@media (max-width: 640px) {
  .history-wrap .list .history-vs {
    position: initial;
    width: 100%;
    margin-bottom: 4rem;
  }
  .history-wrap .list .history-item {
    margin-left: 0;
    padding-left: 0;
    padding-bottom: 4rem;
  }
  .history-wrap .list .history-item .ui-move {
    top: 0;
  }
  .history-wrap .list .history-item li .date {
    width: 6rem;
  }
  .history-wrap .list .history-item li .con {
    width: calc(100% - 6rem);
  }
  .history-wrap .list.second .history-item {
    padding-top: 0;
  }
}
.history-wrap .history-vs.mo {
  display: none;
}
@media (max-width: 640px) {
  .history-wrap .history-vs .pc {
    display: none;
  }
  .history-wrap .history-vs.mo {
    display: block;
    margin-top: -2rem;
  }
  .history-wrap .history-vs.mo figure:first-child {
    margin-top: 0;
  }
}

.total-count {
  font-size: clamp(1.6rem, 2.15vw, 2.2rem);
  font-weight: 600;
  margin-top: clamp(1rem, 2.93vw, 3rem);
  line-height: 1.45;
}
.total-count strong {
  color: #0072C6;
  font-weight: 700;
}

.elecnotice-tb {
  border-top: 2px solid #222;
  margin-top: clamp(2rem, 4.88vw, 5rem);
}
.elecnotice-tb table th, .elecnotice-tb table td {
  border-bottom: 1px solid #dedede;
  padding: clamp(1rem, 1.95vw, 2rem);
  border-left: 1px solid #dedede;
}
.elecnotice-tb table th {
  font-size: clamp(1.4rem, 1.95vw, 2rem);
  font-weight: 600;
}
.elecnotice-tb table th:first-child {
  border-left: 0;
}
.elecnotice-tb table td {
  font-size: clamp(1.4rem, 1.56vw, 1.6rem);
  font-weight: 600;
}
.elecnotice-tb table .num,
.elecnotice-tb table .date {
  text-align: center;
}
.elecnotice-tb table .con {
  text-align: left;
}
.elecnotice-tb table .num {
  border-left: 0;
}
@media (max-width: 640px) {
  .elecnotice-tb table .num,
  .elecnotice-tb table .date {
    font-size: 1.2rem;
  }
}

.board-view .view-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 2px solid #222;
  border-bottom: 1px solid #999;
  padding: clamp(1.4rem, 1.95vw, 2rem) clamp(1rem, 2.93vw, 3rem);
}
.board-view .view-title h3 {
  font-size: clamp(1.4rem, 1.95vw, 2rem);
  font-weight: 600;
  width: calc(100% - 10rem);
  display: flex;
  align-items: center;
}
.board-view .view-title h3 span {
  vertical-align: middle;
}
.board-view .view-title h3 .cate-flag + span {
  padding-top: 0.4rem;
  display: inline-block;
  width: calc(100% - 11rem);
}
.board-view .view-title .date {
  font-size: clamp(1.4rem, 1.76vw, 1.8rem);
  font-weight: 600;
}
.board-view .view-content .desc {
  padding: clamp(2rem, 2.93vw, 3rem) clamp(1rem, 2.93vw, 3rem);
  font-size: clamp(1.4rem, 1.76vw, 1.8rem);
  color: #666;
  line-height: 1.7;
}
.board-view .view-content .files {
  background: #f4f4f4;
  border-radius: 1rem;
  padding: clamp(1.5rem, 2.93vw, 3rem);
  margin-bottom: clamp(3rem, 3.91vw, 4rem);
}
.board-view .view-content .file-item {
  display: flex;
  font-size: clamp(1.4rem, 1.56vw, 1.6rem);
  color: #666;
  padding-left: 3.4rem;
  position: relative;
  line-height: 1.4;
}
.board-view .view-content .file-item::before {
  content: "";
  display: block;
  position: absolute;
  top: -0.3rem;
  left: 0;
  width: 2.2rem;
  height: 2.4rem;
  background: url(../images/sub/ico-download.png) no-repeat 0 0;
  background-size: contain;
}
.board-view .view-content .file-item:hover {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}
.board-view .view-prev-next {
  border-bottom: 1px solid #dedede;
}
.board-view .view-prev-next > div {
  border-top: 1px solid #dedede;
  display: flex;
  padding: clamp(1.4rem, 2.34vw, 2.4rem) 0;
  font-size: clamp(1.4rem, 1.56vw, 1.6rem);
}
.board-view .view-prev-next .tit {
  width: 12rem;
  text-align: center;
  font-weight: 600;
  letter-spacing: -0.4px;
}
.board-view .view-prev-next .con {
  width: calc(100% - 12rem);
  color: #666;
}
@media (max-width: 640px) {
  .board-view .view-title h3 {
    width: calc(100% - 8rem);
  }
  .board-view .view-title h3 .cate-flag + span {
    width: calc(100% - 8rem);
  }
  .board-view .view-prev-next .tit {
    width: 6rem;
  }
  .board-view .view-prev-next .con {
    width: calc(100% - 6rem);
    padding-left: 1rem;
  }
  .board-view .view-content .file-item {
    padding-left: 3rem;
  }
  .board-view .view-content .file-item::before {
    width: 1.8rem;
    height: 2rem;
    top: -0.1rem;
  }
}

.grp-box {
  border: 1px solid #dedede;
  border-radius: 1.6rem;
  padding: 4rem;
}

.board-total {
  font-size: clamp(1.3rem, 2.15vw, 2.2rem);
  font-weight: 500;
  line-height: 1.45;
  margin-top: clamp(3rem, 4.88vw, 5rem);
}
.board-total strong {
  font-weight: 700;
}

.board-search {
  background: #f4f4f4;
  border-radius: 1rem;
  padding: clamp(1.5rem, 1.95vw, 2rem) clamp(1rem, 3.91vw, 4rem);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.board-search .selectBox {
  width: 25%;
}
.board-search .input {
  width: 60%;
}
.board-search .btn-outline {
  min-width: 15rem;
}
@media (max-width: 640px) {
  .board-search .selectBox {
    width: 30%;
  }
  .board-search .input {
    width: 55%;
  }
  .board-search .btn-outline {
    min-width: 6rem;
    height: 5rem;
  }
}

.cate-flag {
  display: inline-block;
  background: #3CBCB6;
  color: #fff;
  font-size: clamp(1.1rem, 1.46vw, 1.5rem);
  font-weight: 600;
  padding: 0.5em;
  border-radius: 3rem;
  margin-right: clamp(0.6rem, 1.3vw, 1rem);
  line-height: 1;
  min-width: clamp(6.7rem, 9.77vw, 10rem);
  text-align: center;
  vertical-align: middle;
}
.cate-flag.blue {
  background: #53A1DA;
}
.cate-flag.purple {
  background: #BE79CD;
}

.sus-tabs {
  margin-top: clamp(7rem, 11.72vw, 12rem);
}

@media (max-width: 640px) {
  [lang=en] .sus-tabs .tab-nav li button {
    height: 8rem;
  }
}

.esg-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 30rem;
  color: #fff;
  padding: 4rem 2rem 0;
  border-radius: 0.6rem;
  backdrop-filter: blur(10.8069429398px);
}
.esg-item .icon {
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.15);
  margin: 0 auto;
}
.esg-item .icon::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.esg-item .icon.ico1::before {
  background: url(../images/sub/esg-ico1.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 35%;
}
.esg-item .icon.ico2::before {
  background: url(../images/sub/esg-ico2.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 48%;
}
.esg-item .icon.ico3::before {
  background: url(../images/sub/esg-ico3.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 41%;
}
.esg-item .icon.ico4::before {
  background: url(../images/sub/esg-ico4.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 46%;
}
.esg-item .icon.ico5::before {
  background: url(../images/sub/esg-ico5.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 40%;
}
.esg-item .icon.ico6::before {
  background: url(../images/sub/esg-ico6.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 46%;
}
.esg-item .icon.ico7::before {
  background: url(../images/sub/esg-ico7.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 31%;
}
.esg-item .icon.ico8::before {
  background: url(../images/sub/esg-ico8.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 42%;
}
.esg-item .icon.ico9::before {
  background: url(../images/sub/esg-ico9.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 39%;
}
.esg-item .icon.ico10::before {
  background: url(../images/sub/esg-ico10.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 46%;
}
.esg-item .icon.ico11::before {
  background: url(../images/sub/esg-ico11.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 48%;
}
.esg-item .icon.ico12::before {
  background: url(../images/sub/esg-ico12.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 46%;
}
.esg-item h5 {
  font-size: clamp(1.6rem, 1.95vw, 2rem);
  font-weight: 800;
}
.esg-item .desc {
  text-align: center;
  margin-top: clamp(1rem, 1.95vw, 2rem);
}
.esg-item .desc p {
  font-size: clamp(1.2rem, 1.37vw, 1.4rem);
  margin-top: clamp(1rem, 1.95vw, 2rem);
  line-height: 1.3;
}
.esg-item .desc .dot {
  display: inline-block;
  position: relative;
  margin-top: 1rem;
}
.esg-item .desc .dot:first-child {
  margin-top: 0;
}
.esg-item .desc .dot::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  background: #fff;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 0.8rem;
}
.esg-item .desc .dot em {
  font-size: 0.85em;
}
@media (max-width: 768px) {
  .esg-item {
    flex-direction: row;
    justify-content: flex-start;
    gap: 1.4rem;
    padding: 2.6rem 1.7rem;
    min-height: auto;
  }
  .esg-item .icon {
    width: 6rem;
    height: 6rem;
  }
  .esg-item .desc {
    width: calc(100% - 7.4rem);
    text-align: left;
    margin-top: 0;
  }
  .esg-item .desc p {
    line-height: 1.5;
  }
  .esg-item .desc .dot {
    display: block;
    margin-top: 0.5rem;
  }
  .esg-item .desc .dot em {
    margin-left: 1rem;
    margin-top: 0.5rem;
  }
}

.esg-sect1 {
  position: relative;
  transition: all 0.3s ease;
  height: 7rem;
  border-radius: 1rem;
  overflow: hidden;
}
.esg-sect1 .title-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 2.4rem 5rem;
}
.esg-sect1 .title-btn h4 {
  font-size: clamp(1.6rem, 1.76vw, 1.8rem);
  font-weight: 900;
  color: #fff;
  transition: all 0.3s ease;
}
.esg-sect1 .title-btn .more {
  display: inline-flex;
  gap: 1rem;
  align-items: center;
}
.esg-sect1 .title-btn .more .tx {
  color: #fff;
  font-size: clamp(1.4rem, 1.56vw, 1.6rem);
}
.esg-sect1 .title-btn .ico-tg {
  position: relative;
  width: 2rem;
  height: 2rem;
}
.esg-sect1 .title-btn .ico-tg::before, .esg-sect1 .title-btn .ico-tg::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center;
  transition: all 0.5s;
}
.esg-sect1 .title-btn .ico-tg::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.esg-sect1 .cont {
  display: none;
  padding: 0 5rem 6rem;
}
.esg-sect1 .cont .tx-base4 {
  color: #fff;
}
.esg-sect1 .cont ul {
  display: flex;
  justify-content: space-between;
  margin-top: clamp(2rem, 4vw, 7rem);
  gap: 1.8rem;
  transition: all 0.3s ease;
}
.esg-sect1 .cont ul li {
  flex: 1;
}
.esg-sect1 .cont .comment {
  text-align: right;
  margin-top: 2rem;
}
.esg-sect1 .cont .comment .p-astr {
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.5;
  display: inline-block;
  margin-top: 0;
}
.esg-sect1 .cont .comment .p-astr + .p-astr {
  margin-top: 0.4rem;
}
.esg-sect1.sect-envior {
  background: url(../images/sub/esg-sbg1.jpg) no-repeat 50% 19%;
  background-size: 100% auto;
}
.esg-sect1.sect-envior .cont > ul > li {
  flex: auto;
  width: 18.47%;
}
.esg-sect1.sect-envior .cont > ul > li.line {
  width: 1px;
}
.esg-sect1.sect-envior .cont > ul > li.line::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
}
.esg-sect1.sect-envior .esg-item {
  background: rgba(58, 82, 34, 0.3);
}
.esg-sect1.sect-envior.active {
  background-position: 50% 0;
  background-size: cover;
}
@media (max-width: 768px) {
  .esg-sect1.sect-envior {
    background: url(../images/sub/esg-sbg1-mo.jpg) no-repeat 50% 0;
    background-size: cover;
  }
  .esg-sect1.sect-envior .cont > ul > li {
    width: 100%;
  }
  .esg-sect1.sect-envior .cont > ul > li.line {
    width: 100%;
    height: 1px;
  }
  .esg-sect1.sect-envior .cont > ul > li.line::before {
    width: 100%;
    height: 1px;
  }
  .esg-sect1.sect-envior .esg-item {
    padding: 2.6rem 1.7rem;
  }
}
.esg-sect1.sect-social {
  background: url(../images/sub/esg-sbg2.jpg) no-repeat 50% 40%;
  background-size: 100% auto;
}
.esg-sect1.sect-social .esg-item {
  background: rgba(0, 55, 96, 0.3);
}
.esg-sect1.sect-social.active {
  background-position: 50% 0;
  background-size: cover;
}
.esg-sect1.sect-social.active .cont {
  padding-bottom: clamp(2rem, 5vw, 10rem);
}
@media (max-width: 768px) {
  .esg-sect1.sect-social {
    background: url(../images/sub/esg-sbg2-mo.jpg) no-repeat 50% 0;
    background-size: cover;
  }
}
.esg-sect1.sect-gover {
  background: url(../images/sub/esg-sbg3.jpg) no-repeat 50% 5%;
  background-size: 100% auto;
}
.esg-sect1.sect-gover .esg-item {
  background: rgba(64, 78, 83, 0.3);
}
.esg-sect1.sect-gover.active {
  background-position: 50% 0;
  background-size: cover;
}
.esg-sect1.sect-gover.active .cont {
  padding-bottom: clamp(2rem, 5vw, 10rem);
}
@media (max-width: 768px) {
  .esg-sect1.sect-gover {
    background: url(../images/sub/esg-sbg3-mo.jpg) no-repeat 50% 0;
    background-size: cover;
  }
}
.esg-sect1.active {
  height: auto;
}
.esg-sect1.active .title-btn {
  padding: clamp(3rem, 5.86vw, 6rem) 5rem 3rem;
  height: 15.3rem;
}
.esg-sect1.active .title-btn h4 {
  font-size: clamp(2rem, 4.3vw, 4.4rem);
}
.esg-sect1.active .title-btn .ico-tg::after {
  transform: translate(-50%, -50%) rotate(0);
}
.esg-sect1.active .cont {
  display: block;
}
@media (max-width: 1024px) {
  .esg-sect1 .title-btn {
    padding: 2.4rem 2rem;
  }
  .esg-sect1 .cont {
    padding: 0 2rem 3rem;
  }
  .esg-sect1.active .title-btn {
    padding: 4rem 2rem 3rem;
    height: 10rem;
  }
}
@media (max-width: 768px) {
  .esg-sect1 {
    height: 6rem;
  }
  .esg-sect1 .title-btn {
    padding: 2rem 1.8rem 2rem;
  }
  .esg-sect1 .title-btn .ico-tg {
    width: 1.4rem;
    height: 1.4rem;
  }
  .esg-sect1 .cont {
    padding: 0 1.8rem 2rem;
  }
  .esg-sect1 .cont ul {
    flex-direction: column;
    gap: 1rem;
  }
  .esg-sect1 .cont .comment {
    text-align: left;
  }
  .esg-sect1 .cont .comment .p-astr {
    font-size: 1.1rem;
  }
  .esg-sect1.active .title-btn {
    height: 6.5rem;
    padding: 2.4rem 1.8rem 1.4rem;
  }
}

.sus-esg-sect1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: clamp(5rem, 5.86vw, 6rem);
}
@media (max-width: 768px) {
  .sus-esg-sect1 {
    gap: 1.4rem;
  }
}

.sus-esg-sect2 {
  margin-top: clamp(5rem, 7.81vw, 8rem);
}
.sus-esg-sect2 .board-search {
  margin-top: clamp(3rem, 4.88vw, 5rem);
}
.sus-esg-sect2 .tx-desc1 {
  text-align: center;
}
.sus-esg-sect2 .garo-scroll {
  margin-top: clamp(3rem, 4.88vw, 5rem);
}
.sus-esg-sect2 .link {
  color: #0072C6;
  text-decoration: underline;
  text-underline-offset: 0.1em;
}

.sus-esg-sect2-1 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: clamp(6rem, 7.81vw, 10rem);
  position: relative;
}
.sus-esg-sect2-1 .s-tit1 {
  position: absolute;
}
.sus-esg-sect2-1 .desc-box {
  width: 48.44%;
  margin-top: 3rem;
}
.sus-esg-sect2-1 .desc-box .tx-base3 p {
  margin-top: clamp(1rem, 2.93vw, 3rem);
  line-height: 1.6;
}
.sus-esg-sect2-1 .desc-box .lists {
  margin-top: clamp(2rem, 2.93vw, 3rem);
}
.sus-esg-sect2-1 .desc-box .lists li {
  display: flex;
  margin-top: clamp(1rem, 1.25vw, 1.6rem);
  font-size: clamp(1.4rem, 1.76vw, 1.6rem);
  color: #666;
  line-height: 1.5;
}
.sus-esg-sect2-1 .desc-box .lists li .adot {
  width: 3rem;
}
.sus-esg-sect2-1 .desc-box .lists li .tx {
  width: calc(100% - 3rem);
}
.sus-esg-sect2-1 .desc-box .lists li .tx p + p {
  margin-top: 2rem;
}
.sus-esg-sect2-1 .desc-box .lists li .tx .link {
  text-decoration: underline;
  color: #0072C6;
  text-underline-offset: 0.1em;
}
.sus-esg-sect2-1 .grp-box {
  width: 45.31%;
}
@media (max-width: 640px) {
  .sus-esg-sect2-1 {
    flex-direction: column;
  }
  .sus-esg-sect2-1 .desc-box, .sus-esg-sect2-1 .grp-box {
    width: 100%;
  }
  .sus-esg-sect2-1 .desc-box {
    order: 2;
    margin-top: 2rem;
  }
  .sus-esg-sect2-1 .grp-box {
    order: 1;
    margin-top: 4rem;
    padding: 2.5rem 2rem;
  }
}

@media (max-width: 768px) {
  [lang=en] .sus-esg-sect2-1 .s-tit1 {
    width: 50%;
  }
  [lang=en] .sus-esg-sect2-1 .desc-box {
    margin-top: 6rem;
  }
}
@media (max-width: 640px) {
  [lang=en] .sus-esg-sect2-1 .s-tit1 {
    width: 100%;
  }
  [lang=en] .sus-esg-sect2-1 .grp-box {
    margin-top: 8rem;
  }
  [lang=en] .sus-esg-sect2-1 .desc-box {
    margin-top: 2rem;
  }
}

.sus-esg-sect2-2 {
  margin-top: clamp(7rem, 7.81vw, 8rem);
}
.sus-esg-sect2-2 .esg-desc3 {
  margin-top: clamp(1rem, 2.93vw, 3rem);
}
.sus-esg-sect2-2 .garo-scroll {
  margin-top: clamp(2rem, 4.88vw, 5rem);
}
.sus-esg-sect2-2 .tblCont .agL {
  text-align: left;
}
.sus-esg-sect2-2 .p-astr {
  margin-top: clamp(1rem, 1.95vw, 2rem);
  font-size: clamp(1.4rem, 1.76vw, 1.8rem);
}

.sus-she-sect1 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  width: 92.03%;
  margin: 0 auto 0;
  margin-top: clamp(3rem, 4.88vw, 5rem);
}
.sus-she-sect1 .grp {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42.44%;
  height: 52.6rem;
  position: relative;
  z-index: 2;
}
.sus-she-sect1 .g-box {
  position: absolute;
  border: 1px solid #dedede;
  border-radius: 1rem;
  padding: 2rem;
  background: #fff;
}
.sus-she-sect1 .g-box::before {
  content: "";
  position: absolute;
  display: block;
  width: 12rem;
  height: 1px;
  background-color: #dedede;
}
.sus-she-sect1 .g-box h4 {
  font-size: clamp(1.6rem, 1.95vw, 2rem);
  font-weight: 800;
}
.sus-she-sect1 .g-box h4::before {
  content: "";
  display: block;
  margin-bottom: 0.5rem;
}
.sus-she-sect1 .g-box .tx-desc4 {
  font-size: clamp(1.4rem, 1.56vw, 1.6rem);
  margin-top: clamp(1rem, 1.46vw, 1.5rem);
}
.sus-she-sect1 .g-box .esg-desc4 {
  margin-top: clamp(1rem, 1.95vw, 2rem);
}
.sus-she-sect1 .g-box .gb1 {
  color: #3CBCB6;
}
.sus-she-sect1 .g-box .gb1::before {
  width: 3rem;
  height: 2.8rem;
  background: url(../images/sub/she-ico1.png) no-repeat 50% 50%;
  background-size: 100% auto;
}
.sus-she-sect1 .g-box .gb2 {
  color: #53A1DA;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.sus-she-sect1 .g-box .gb2::before {
  width: 3.4rem;
  height: 3.6rem;
  background: url(../images/sub/she-ico2.png) no-repeat 50% 50%;
  background-size: 100% auto;
}
.sus-she-sect1 .g-box .gb3 {
  color: #BE79CD;
}
.sus-she-sect1 .g-box .gb3::before {
  width: 4rem;
  height: 3.7rem;
  background: url(../images/sub/she-ico3.png) no-repeat 50% 0;
  background-size: 100% auto;
}
.sus-she-sect1 .g-box1 {
  right: 0;
  top: 15.97%;
  width: 24.87%;
}
.sus-she-sect1 .g-box1::before {
  top: 45%;
  left: -12rem;
}
.sus-she-sect1 .g-box2 {
  left: 0;
  top: 34.79%;
  width: 24.53%;
  text-align: right;
}
.sus-she-sect1 .g-box2::before {
  top: 20%;
  right: -12rem;
}
.sus-she-sect1 .g-box3 {
  bottom: 0;
  right: 0;
  width: 24.87%;
}
.sus-she-sect1 .g-box3::before {
  top: 47%;
  left: -12rem;
}
@media (max-width: 768px) {
  .sus-she-sect1 {
    width: 100%;
  }
  .sus-she-sect1 .grp {
    height: 46rem;
  }
}
@media (max-width: 640px) {
  .sus-she-sect1 {
    position: initial;
    width: 100%;
  }
  .sus-she-sect1 .grp {
    width: 72%;
    height: auto;
    margin-bottom: 3rem;
  }
  .sus-she-sect1 .g-box {
    position: initial;
    width: 100%;
    margin-top: 2rem;
  }
  .sus-she-sect1 .g-box2 {
    text-align: left;
  }
  .sus-she-sect1 .g-box2 .gb2 {
    align-items: flex-start;
  }
  .sus-she-sect1 .g-box1::before, .sus-she-sect1 .g-box2::before, .sus-she-sect1 .g-box3::before {
    display: none;
  }
}

.sus-she-sect2 {
  margin-top: clamp(7rem, 11.72vw, 12rem);
}
.sus-she-sect2 .grp-box2 {
  position: relative;
  background: #EAF5FD;
  border-radius: 1rem;
  padding: 6rem 0;
  margin-top: clamp(3rem, 4.88vw, 5rem);
}
.sus-she-sect2 .grp-box2::before {
  content: "";
  display: block;
  width: 76.88%;
  height: 56%;
  position: absolute;
  top: 6rem;
  left: 50%;
  transform: translateX(-50%);
  border: 2px solid rgba(83, 161, 218, 0.4);
  border-radius: 2rem;
}
.sus-she-sect2 .grp-box2 .inner {
  position: relative;
}
.sus-she-sect2 .cir-wp {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
  background: #EAF5FD;
  padding-bottom: 2rem;
  max-width: clamp(14rem, 15.63vw, 21rem);
}
.sus-she-sect2 .cir-wp .cir {
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(12.6rem, 15.63vw, 16rem);
  height: clamp(12.6rem, 15.63vw, 16rem);
  border-radius: 50%;
  font-size: clamp(1.6rem, 2.15vw, 2.2rem);
  color: #0072C6;
  font-weight: 800;
  line-height: 1.36;
  background: #fff;
}
.sus-she-sect2 .cir-wp p {
  font-size: clamp(1.2rem, 1.37vw, 1.4rem);
  line-height: 1.57;
  color: #666;
}
.sus-she-sect2 .cir-wp1 {
  position: absolute;
  top: 0;
  left: 5%;
}
.sus-she-sect2 .cir-wp2 {
  position: absolute;
  top: 0;
  right: 4%;
}
.sus-she-sect2 .bx-lists {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(0.8rem, 1.17vw, 1.2rem);
  width: 54%;
  margin: 8rem auto 0;
}
.sus-she-sect2 .bx-lists li span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: #67b0e6;
  border-radius: 0.6rem;
  color: #fff;
  font-size: clamp(1.4rem, 1.56vw, 1.6rem);
  font-weight: 600;
  line-height: 1.62;
  height: 5rem;
  text-align: center;
}
.sus-she-sect2 .bx-wp {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 2rem;
  width: 54%;
  margin: 8rem auto 0;
}
.sus-she-sect2 .bx-wp .bx1, .sus-she-sect2 .bx-wp .bx2 {
  font-size: clamp(1.4rem, 1.76vw, 1.8rem);
  font-weight: 800;
  color: #fff;
  text-align: center;
  padding: 2rem;
  border-radius: 0.6rem;
  width: 100%;
}
.sus-she-sect2 .bx-wp .bx1 {
  background: #3CBCB6;
}
.sus-she-sect2 .bx-wp .bx2 {
  background: #BE79CD;
}
.sus-she-sect2 .bx-wp .arr {
  width: 5rem;
  height: 3.7rem;
  background: url(../images/sub/she-arr.png) no-repeat 50% 50%;
  background-size: 100% auto;
}
@media (max-width: 1024px) {
  .sus-she-sect2 .grp-box2::before {
    height: 60%;
  }
  .sus-she-sect2 .bx-lists {
    grid-template-columns: repeat(3, 1fr);
  }
  .sus-she-sect2 .cir-wp1 {
    left: 2%;
  }
  .sus-she-sect2 .cir-wp2 {
    right: 2%;
  }
  .sus-she-sect2 .cir-wp {
    max-width: clamp(14rem, 15.63vw, 16rem);
  }
}
@media (max-width: 768px) {
  .sus-she-sect2 .grp-box2::before {
    height: 58%;
  }
  .sus-she-sect2 .bx-lists li span {
    height: 45px;
    line-height: 1.2;
  }
}
@media (max-width: 640px) {
  .sus-she-sect2 .grp-box2 {
    padding: 3rem 2rem;
  }
  .sus-she-sect2 .grp-box2::before {
    width: 88.29%;
    height: 68%;
    top: 9rem;
  }
  .sus-she-sect2 .grp-box2 .inner {
    padding-top: 24rem;
  }
  .sus-she-sect2 .bx-lists {
    grid-template-columns: repeat(2, 1fr);
    width: 88%;
    margin: 0 auto;
  }
  .sus-she-sect2 .cir-wp {
    background: transparent;
  }
  .sus-she-sect2 .cir-wp1 {
    top: 0;
    left: 50%;
    margin-left: -14.2rem;
  }
  .sus-she-sect2 .cir-wp2 {
    top: 0;
    right: 50%;
    margin-right: -14.2rem;
  }
  .sus-she-sect2 .bx-wp {
    width: 88%;
    margin: 5rem auto 0;
    gap: 1.5rem;
  }
  .sus-she-sect2 .bx-wp .arr {
    width: 4rem;
    height: 3rem;
  }
  .sus-she-sect2 .bx-wp .bx1, .sus-she-sect2 .bx-wp .bx2 {
    padding: 2rem 3.5rem;
  }
}

@media (max-width: 1280px) {
  [lang=en] .sus-she-sect1 {
    width: 100%;
  }
  [lang=en] .sus-she-sect1 .g-box1,
  [lang=en] .sus-she-sect1 .g-box3 {
    width: 28%;
  }
}
@media (max-width: 768px) {
  [lang=en] .sus-she-sect1 .g-box1 {
    top: -1%;
  }
  [lang=en] .sus-she-sect1 .g-box1::before {
    top: 65%;
  }
  [lang=en] .sus-she-sect1 .g-box3 {
    bottom: -5%;
  }
}
@media (max-width: 640px) {
  [lang=en] .sus-she-sect1 .g-box1,
  [lang=en] .sus-she-sect1 .g-box2,
  [lang=en] .sus-she-sect1 .g-box3 {
    width: 100%;
  }
}
[lang=en] .sus-she-sect2 .cir-wp .cir {
  font-size: clamp(1.6rem, 2.15vw, 1.8rem);
}
[lang=en] .sus-she-sect2 .cir-wp1 {
  left: 3%;
}
[lang=en] .sus-she-sect2 .bx-wp {
  margin: 3vw auto 0;
}
[lang=en] .sus-she-sect2 .bx-lists {
  width: 59%;
}
[lang=en] .sus-she-sect2 .bx-lists li span {
  text-align: center;
  line-height: 1.37;
  height: clamp(4.5rem, 4.88vw, 6rem);
  font-size: clamp(1.4rem, 1.56vw, 1.5rem);
}
[lang=en] .sus-she-sect2 .bx-wp {
  width: 61%;
}
@media (max-width: 1280px) {
  [lang=en] .sus-she-sect2 .bx-lists {
    width: 56%;
  }
  [lang=en] .sus-she-sect2 .bx-lists li span {
    height: 7rem;
    padding: 0 1rem;
    line-height: 1.1;
    font-size: 1.4rem;
  }
  [lang=en] .sus-she-sect2 .bx-wp {
    width: 56%;
    grid-template-columns: repeat(3, 1fr);
  }
  [lang=en] .sus-she-sect2 .grp-box2::before {
    height: 56%;
  }
}
@media (max-width: 1024px) {
  [lang=en] .sus-she-sect2 .cir-wp1 {
    left: 2%;
  }
  [lang=en] .sus-she-sect2 .cir-wp2 {
    right: 2%;
  }
  [lang=en] .sus-she-sect2 .bx-lists {
    grid-template-columns: repeat(2, 1fr);
  }
  [lang=en] .sus-she-sect2 .bx-lists li span {
    height: 6rem;
    font-size: 1.5rem;
  }
  [lang=en] .sus-she-sect2 .grp-box2::before {
    height: 65%;
  }
}
@media (max-width: 640px) {
  [lang=en] .sus-she-sect2 .grp-box2::before {
    height: 69%;
  }
  [lang=en] .sus-she-sect2 .cir-wp1 {
    left: 50%;
  }
  [lang=en] .sus-she-sect2 .cir-wp2 {
    right: 50%;
  }
  [lang=en] .sus-she-sect2 .bx-wp {
    width: 88%;
    margin: 5vw auto 0;
  }
  [lang=en] .sus-she-sect2 .bx-wp .bx1 {
    padding: 2rem 1rem;
  }
  [lang=en] .sus-she-sect2 .bx-wp .bx2 {
    padding: 2rem 0.5rem;
  }
  [lang=en] .sus-she-sect2 .bx-lists {
    width: 88%;
  }
  [lang=en] .sus-she-sect2 .bx-lists li span {
    font-size: 1.2rem;
  }
}

.sus-she-sect3 .s-tit1 {
  margin-top: clamp(5rem, 7.81vw, 8rem);
}
.sus-she-sect3 .sus-she-sect3-1 + .s-tit1 {
  margin-top: clamp(5rem, 7.81vw, 8rem);
}

.sus-she-sect3-1 {
  display: flex;
  justify-content: space-between;
  gap: 3rem;
  margin-top: clamp(3rem, 4.88vw, 5rem);
}
.sus-she-sect3-1 .bx {
  border: 1px solid #dedede;
  border-radius: 1rem;
  padding: clamp(3rem, 3.91vw, 4rem);
}
.sus-she-sect3-1 .bx:nth-child(1) {
  width: 23.44%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  gap: 5rem;
}
.sus-she-sect3-1 .bx:nth-child(2) {
  width: 74.22%;
}
.sus-she-sect3-1 .bx:nth-child(2) h6 {
  margin-bottom: 2rem;
  font-size: clamp(1.5rem, 1.95vw, 2rem);
}
.sus-she-sect3-1 .bx:nth-child(2) .tx-desc4 {
  margin-top: 1.7rem;
}
.sus-she-sect3-1 h6 {
  font-size: clamp(1.8rem, 1.95vw, 2rem);
  font-weight: 700;
  text-align: center;
}
.sus-she-sect3-1 .zero {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: clamp(14rem, 21.48vw, 22rem);
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #A9DBFF;
  font-size: clamp(2.4rem, 3.91vw, 4rem);
  font-weight: 900;
  color: #000;
}
.sus-she-sect3-1 .tblCont {
  min-width: 100%;
}
.sus-she-sect3-1 .tblCont table td {
  padding: 1.4rem 1rem;
}
@media (max-width: 1024px) {
  .sus-she-sect3-1 {
    flex-direction: column;
  }
  .sus-she-sect3-1 .bx:nth-child(1) {
    width: 100%;
    gap: 2rem;
  }
  .sus-she-sect3-1 .bx:nth-child(1) h6 .pc-only {
    display: none;
  }
  .sus-she-sect3-1 .bx:nth-child(2) {
    width: 100%;
  }
}
@media (max-width: 640px) {
  .sus-she-sect3-1 .bx:nth-child(2) {
    border: 0;
    padding: 0;
  }
  .sus-she-sect3-1 .bx:nth-child(2) h6 {
    text-align: left;
  }
  .sus-she-sect3-1 .bx:nth-child(2) .tblCont {
    min-width: 68rem;
  }
}

.sus-she-sect4 .s-tit1 {
  margin-top: clamp(5rem, 7.81vw, 8rem);
}
.sus-she-sect4 picture {
  margin-top: clamp(3rem, 4.88vw, 5rem);
}

.sus-she-graybx {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6.25%;
  margin-top: clamp(3rem, 4.88vw, 5rem);
}
.sus-she-graybx .gray-bx {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  padding: 3.2rem;
  background: #f4f4f4;
  border-radius: 1rem;
}
@media (max-width: 640px) {
  .sus-she-graybx {
    flex-direction: column;
    gap: 2rem;
  }
  .sus-she-graybx .gray-bx {
    width: 100%;
  }
}

.sus-she-sect5 .s-tit1 {
  margin-top: clamp(5rem, 7.81vw, 8rem);
}
.sus-she-sect5 .garo-scroll {
  margin-top: clamp(3rem, 4.88vw, 5rem);
}
.sus-she-sect5 .garo-scroll .tblCont {
  min-width: 100%;
}
@media (max-width: 640px) {
  .sus-she-sect5 .garo-scroll .tblCont {
    min-width: 72rem;
  }
}

.sus-eth-sect1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: clamp(1rem, 1.95vw, 2rem);
  margin-top: clamp(3rem, 4.88vw, 5rem);
}
.sus-eth-sect1 .btn-outline {
  flex: 1;
  font-weight: 600;
  color: #666;
  font-size: clamp(1.5rem, 1.76vw, 1.8rem);
  border: 1px solid #999;
}
.sus-eth-sect1 .btn-outline:hover {
  color: #0072C6;
  border: 1px solid #0072C6;
}
@media (max-width: 640px) {
  .sus-eth-sect1 {
    flex-direction: column;
  }
  .sus-eth-sect1 .btn-outline {
    flex: none;
    width: 100%;
    text-align: center;
    height: 4.4rem;
  }
}

.eth-item {
  background: #EAF5FD;
  border-radius: 1rem;
  padding: 3rem 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(2rem, 2.93vw, 3rem);
}
.eth-item .icon {
  width: clamp(9rem, 15.63vw, 16rem);
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.eth-item .icon.ico1::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/eth-ico1.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 49.38%;
}
.eth-item .icon.ico2::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/eth-ico2.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 48.13%;
}
.eth-item .icon.ico3::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/eth-ico3.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 41.88%;
}
.eth-item .icon.ico4::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/eth-ico4.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 50%;
}
.eth-item .icon.ico5::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/eth-ico5.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 44.38%;
}
.eth-item .icon.ico6::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/eth-ico6.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 50%;
}
.eth-item .icon.ico7::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/eth-ico7.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 42.5%;
}
.eth-item .icon.ico8::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/eth-ico8.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 45%;
}
.eth-item .icon.ico9::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/eth-ico9.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 49.38%;
}
.eth-item .icon.ico10::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/eth-ico10.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 41.25%;
}
.eth-item .icon.ico11::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/eth-ico11.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 40%;
}
.eth-item .icon.ico12::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/eth-ico12.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 41.88%;
}
.eth-item .icon.ico13::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/eth-ico13.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 41.25%;
}
.eth-item .icon.ico14::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/eth-ico14.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 50.63%;
}
.eth-item .desc {
  width: calc(100% - 19rem);
}
.eth-item .desc p {
  margin-top: clamp(1rem, 1.95vw, 2rem);
}
@media (max-width: 1024px) {
  .eth-item {
    padding: 2rem;
  }
  .eth-item .desc {
    width: calc(100% - 11rem);
  }
}
@media (max-width: 640px) {
  .eth-item .desc {
    width: calc(100% - 11rem);
  }
}

.sus-eth-sect2 {
  margin-top: clamp(5rem, 7.81vw, 8rem);
}
.sus-eth-sect2 ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: clamp(2rem, 2.93vw, 3rem);
  gap: 2rem;
}
.sus-eth-sect2 ul .eth-item {
  height: 100%;
}
@media (max-width: 1024px) {
  .sus-eth-sect2 ul {
    grid-template-columns: 1fr;
  }
}

.sus-eth-sect3 {
  margin-top: clamp(5rem, 7.81vw, 8rem);
}
.sus-eth-sect3 .gray-box {
  margin-top: clamp(3rem, 4.88vw, 5rem);
  padding: clamp(2rem, 2.93vw, 3rem) clamp(2rem, 3.91vw, 4rem);
}
.sus-eth-sect3 .gray-box ol {
  font-size: clamp(1.4rem, 1.76vw, 1.8rem);
  letter-spacing: -0.4px;
  margin-left: 2rem;
  line-height: 1.3;
}
.sus-eth-sect3 .gray-box ol li {
  margin-top: clamp(1rem, 1.95vw, 2rem);
  list-style-type: decimal;
  color: #444;
}
.sus-eth-sect3 .gray-box .s-desc {
  margin-top: clamp(3rem, 3.91vw, 4rem);
  text-align: right;
  font-weight: 700;
  color: #222;
}
@media (max-width: 640px) {
  .sus-eth-sect3 .gray-box .s-desc {
    font-size: 1.6rem;
  }
}

.sus-eth-sect4 {
  margin-top: clamp(5rem, 7.81vw, 8rem);
}
.sus-eth-sect4 .tblCont {
  margin-top: clamp(3rem, 4.88vw, 5rem);
}
.sus-eth-sect4 .tblCont table td {
  text-align: left;
}
.sus-eth-sect4 .btn-outline {
  padding: 0 2rem;
}
.sus-eth-sect4 .btn-outline .ico-arrow-right {
  width: 0.9rem;
  height: 1.4rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12' fill='none'%3E%3Cpath d='M1.0006 11.3028L6.65746 5.64592M6.65685 6.35314L1 0.696289' stroke='%230072c6'/%3E%3C/svg%3E");
}
.sus-eth-sect4 .btn-outline:hover .ico-arrow-right {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12' fill='none'%3E%3Cpath d='M1.0006 11.3028L6.65746 5.64592M6.65685 6.35314L1 0.696289' stroke='%23ffffff'/%3E%3C/svg%3E");
}
.sus-eth-sect4 .btms {
  text-align: right;
  margin-top: clamp(2rem, 2.93vw, 3rem);
}
@media (max-width: 640px) {
  .sus-eth-sect4 .btms {
    text-align: center;
  }
  .sus-eth-sect4 .btms .btn-outline {
    width: 100%;
  }
}

.sus-eth-sect5 {
  margin-top: clamp(5rem, 7.81vw, 8rem);
}
.sus-eth-sect5 ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: clamp(2rem, 2.93vw, 3rem);
  gap: 2rem;
}
.sus-eth-sect5 .eth-item .desc p {
  margin-top: 1rem;
}
@media (max-width: 1024px) {
  .sus-eth-sect5 ul {
    grid-template-columns: 1fr;
  }
}

.sus-winwin-sect1 .eth-items {
  margin-top: clamp(3rem, 4.88vw, 5rem);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
.sus-winwin-sect1 .eth-items .eth-item {
  height: 100%;
}
.sus-winwin-sect1 .lists-dots {
  margin-top: clamp(1rem, 1.95vw, 2rem);
}
.sus-winwin-sect1 .lists-dots > li {
  font-size: clamp(1.3rem, 1.76vw, 1.8rem);
  line-height: 1.66;
}
@media (max-width: 1024px) {
  .sus-winwin-sect1 .eth-items {
    grid-template-columns: 1fr;
  }
}

.sus-winwin-sect2 {
  margin-top: clamp(5rem, 7.81vw, 8rem);
}

.photo-items {
  margin-top: clamp(2rem, 2.93vw, 3rem);
  display: flex;
  flex-direction: column;
  gap: clamp(5rem, 7.81vw, 8rem);
}

.photo-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6.25%;
}
.photo-item .thumb {
  width: 46.88%;
}
.photo-item .desc {
  width: 46.88%;
}
.photo-item .desc .s-desc {
  margin-top: clamp(1rem, 1.95vw, 2rem);
  line-height: 1.667;
}
.photo-item .desc .s-tit2,
.photo-item .desc .s-tit3 {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.photo-item .desc p + p {
  margin-top: clamp(1rem, 1.95vw, 2rem);
}
@media (max-width: 640px) {
  .photo-item {
    flex-direction: column;
    gap: 2rem;
  }
  .photo-item .thumb {
    order: 1;
    width: 100%;
  }
  .photo-item .desc {
    order: 2;
    width: 100%;
  }
}

.photo-item-desc {
  margin-top: clamp(1rem, 6.25vw, 8rem);
  font-size: clamp(1.4rem, 1.76vw, 1.8rem);
  line-height: 1.667;
  color: #666;
}
.photo-item-desc p + p {
  margin-top: clamp(1rem, 1.95vw, 2rem);
}

.report-item .thumb {
  aspect-ratio: 120/83;
  border-radius: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.071);
  overflow: hidden;
}
.report-item .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.report-item .s-tit2 {
  margin-top: clamp(2rem, 2.93vw, 3rem);
}
.report-item .btns {
  margin-top: clamp(1rem, 1.95vw, 2rem);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: clamp(1rem, 1.95vw, 2rem);
}
.report-item .btns .btn-outline {
  flex: 1;
  color: #666;
  font-weight: 600;
  font-size: clamp(1.5rem, 1.76vw, 1.8rem);
}
@media (max-width: 640px) {
  .report-item .btns {
    margin-top: 2rem;
  }
}

.report-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(6rem, 7.81vw, 8rem) 6.25%;
  margin-top: clamp(5rem, 7.81vw, 8rem);
}
@media (max-width: 640px) {
  .report-items {
    grid-template-columns: repeat(1, 1fr);
  }
}

.value-tabs {
  margin-top: clamp(5rem, 7.81vw, 8rem);
}
@media (max-width: 640px) {
  .value-tabs .tab-nav li button {
    height: 8rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

.sus-value-sect1 .photo-items {
  margin-top: clamp(5rem, 7.81vw, 8rem);
}

.sus-value-sect2 .photo-item {
  margin-top: clamp(5rem, 7.81vw, 8rem);
  align-items: flex-start;
}
.sus-value-sect2 .p-dots + .photo-item {
  margin-top: clamp(7rem, 11.72vw, 12rem);
}

.character-item {
  background: #EAF5FD;
  border-radius: 1rem;
  padding: 3rem 4rem;
  display: flex;
  align-items: flex-start;
  gap: 3rem;
}
.character-item .char {
  width: 13rem;
}
.character-item .character-desc {
  width: calc(100% - 16rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.95vw, 2rem);
  font-size: clamp(1.4rem, 1.76vw, 1.8rem);
  line-height: 1.2;
}
.character-item .character-desc > li {
  display: flex;
}
.character-item .character-desc .dt {
  font-weight: 700;
  width: 5.2rem;
}
.character-item .character-desc .dd {
  color: #666;
  width: calc(100% - 5.2rem);
}
.character-item .character-desc .lists-dots li {
  margin-bottom: clamp(0.6rem, 0.98vw, 1rem);
  font-size: clamp(1.4rem, 1.76vw, 1.8rem);
}
@media (max-width: 640px) {
  .character-item {
    flex-direction: column;
    padding: 2rem;
    gap: 2rem;
  }
  .character-item .char {
    margin: 0 auto;
    width: 9rem;
  }
  .character-item .character-desc {
    width: 100%;
  }
  .character-item .character-desc .dt {
    width: 4.2rem;
  }
  .character-item .character-desc .dd {
    width: calc(100% - 4.2rem);
  }
}

.character-items {
  margin-top: clamp(6rem, 7.81vw, 10rem);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
.character-items > li:last-child:nth-child(odd) {
  grid-column: 1/-1;
}
.character-items > li .character-item {
  height: 100%;
}
@media (max-width: 1024px) {
  .character-items {
    grid-template-columns: repeat(1, 1fr);
  }
}

.sus-value-sect3 .photo-items {
  margin-top: clamp(5rem, 7.81vw, 8rem);
}

.tx-desc1 + .p-astrs {
  margin-top: 5rem;
}

.net-zero-ment {
  background: #f4f4f4;
  margin-bottom: 2.4rem;
}
@media (max-width: 640px) {
  .net-zero-ment {
    padding: 3.5rem 2rem;
  }
}

@media (max-width: 640px) {
  [lang=en] .value-tabs .tab-nav li button {
    height: 10rem;
  }
}
[lang=en] .character-item {
  position: relative;
  padding-right: 2rem;
}
[lang=en] .character-item .char {
  position: absolute;
  top: 3rem;
  right: 3rem;
}
[lang=en] .character-item .character-desc {
  width: 100%;
}
[lang=en] .character-item .character-desc .dt {
  width: 12rem;
}
[lang=en] .character-item .character-desc .dd {
  width: calc(100% - 12rem);
}
[lang=en] .character-item .character-desc > li {
  width: calc(100% - 13rem);
}
[lang=en] .character-item .character-desc > li:nth-child(5) {
  width: 100%;
}
[lang=en] .character-item .character-desc > li:nth-child(5) .dt {
  width: 15rem;
}
[lang=en] .character-item .character-desc > li:nth-child(5) .dd {
  width: calc(100% - 15rem);
}
@media (max-width: 1024px) {
  [lang=en] .character-item .char {
    position: initial;
  }
  [lang=en] .character-item .character-desc .dt {
    width: 14rem;
  }
  [lang=en] .character-item .character-desc .dd {
    width: calc(100% - 14rem);
  }
  [lang=en] .character-item .character-desc > li {
    width: 100%;
  }
  [lang=en] .character-item .character-desc > li:nth-child(5) {
    width: 100%;
  }
  [lang=en] .character-item .character-desc > li:nth-child(5) .dt {
    width: 14rem;
  }
  [lang=en] .character-item .character-desc > li:nth-child(5) .dd {
    width: calc(100% - 14rem);
  }
}
@media (max-width: 640px) {
  [lang=en] .character-item .character-desc .dt {
    width: 12rem;
  }
  [lang=en] .character-item .character-desc .dd {
    width: calc(100% - 12rem);
  }
  [lang=en] .character-item .character-desc > li:nth-child(5) .dt {
    width: 12rem;
  }
  [lang=en] .character-item .character-desc > li:nth-child(5) .dd {
    width: calc(100% - 12rem);
  }
}
[lang=en] .character-items > li:last-child .character-desc .dt {
  width: 15rem;
}
[lang=en] .character-items > li:last-child .character-desc .dd {
  width: calc(100% - 15rem);
}
[lang=en] .character-items > li:last-child .character-desc > li:nth-child(5) {
  width: 90%;
}
@media (max-width: 1024px) {
  [lang=en] .character-items > li:last-child .character-desc .dt {
    width: 14rem;
  }
  [lang=en] .character-items > li:last-child .character-desc .dd {
    width: calc(100% - 14rem);
  }
  [lang=en] .character-items > li:last-child .character-desc > li:nth-child(5) {
    width: 100%;
  }
}
@media (max-width: 640px) {
  [lang=en] .character-items > li:last-child .character-desc .dt {
    width: 12rem;
  }
  [lang=en] .character-items > li:last-child .character-desc .dd {
    width: calc(100% - 12rem);
  }
}
@media (max-width: 1280px) {
  [lang=en] .net-zero-ment .tx-desc1 br {
    display: none;
  }
}
@media (max-width: 640px) {
  [lang=en] .net-zero-ment .tx-desc1 {
    font-weight: 800;
  }
}

.energy-item {
  background: #EAF5FD;
  border-radius: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 3rem;
  text-align: center;
  min-height: 36rem;
}
.energy-item .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(14rem, 15.63vw, 16rem);
  aspect-ratio: 1/1;
  background: #fff;
  border-radius: 50%;
}
.energy-item .icon.ico1::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/energy-ico1.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 45%;
}
.energy-item .icon.ico2::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/energy-ico2.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 48.75%;
}
.energy-item .icon.ico3::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/energy-ico3.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 82.5%;
}
.energy-item .icon.ico4::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/energy-ico4.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 50.63;
}
.energy-item .icon.ico5::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/energy-ico5.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 48.13%;
}
.energy-item .icon.ico6::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/energy-ico6.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 53.75%;
}
.energy-item .icon.ico7::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/energy-ico7.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 31.88%;
}
.energy-item .icon.ico8::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/energy-ico8.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 45.63%;
}
.energy-item .icon.ico9::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/energy-ico9.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 41.88%;
}
.energy-item .icon.ico10::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/energy-ico10.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 43.75%;
}
.energy-item .icon.ico11::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/energy-ico11.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 40.63%;
}
.energy-item .icon.ico12::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/energy-ico12.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 42.5%;
}
.energy-item .icon.ico13::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/energy-ico13.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 47.5%;
}
.energy-item .icon.ico14::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/energy-ico14.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 46.25%;
}
.energy-item .icon.ico15::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/energy-ico15.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 46.25%;
}
.energy-item .icon.ico16::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/energy-ico16.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 44.38%;
}
.energy-item .icon.ico17::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/energy-ico17.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 30.63%;
}
.energy-item .icon.ico18::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/energy-ico18.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 35%;
}
.energy-item .tx {
  font-size: clamp(1.8rem, 2.15vw, 2.2rem);
  font-weight: 700;
  line-height: 1.33;
  width: 93%;
}

.energy-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(2rem, 3.91vw, 4rem);
  margin-top: clamp(4rem, 5.86vw, 6rem);
}
@media (max-width: 640px) {
  .energy-items {
    grid-template-columns: repeat(1, 1fr);
  }
  .energy-items .energy-item {
    min-height: 31.5rem;
  }
}

.energy-sect-top {
  margin-bottom: clamp(7rem, 11.72vw, 12rem);
}
.energy-sect-top .s-noti {
  font-size: clamp(1.2rem, 1.56vw, 1.6rem);
  line-height: 1.5;
  color: #666;
  margin-top: clamp(1rem, 1.95vw, 2rem);
}

.energy-sect-wide {
  background: #f4f4f4;
  margin-left: -64rem;
  margin-right: -64rem;
  padding-top: clamp(7rem, 11.72vw, 12rem);
  padding-bottom: clamp(7rem, 11.72vw, 12rem);
  text-align: center;
}
.energy-sect-wide h4 {
  font-size: clamp(1.8rem, 2.93vw, 3rem);
  font-weight: 500;
}
.energy-sect-wide h4 strong {
  font-weight: 800;
}
@media (max-width: 1280px) {
  .energy-sect-wide {
    margin-left: -2rem;
    margin-right: -2rem;
  }
}

.gener-sect-wide {
  background: #f4f4f4;
  margin-left: -64rem;
  margin-right: -64rem;
  padding-top: clamp(7rem, 11.72vw, 12rem);
  padding-bottom: clamp(7rem, 11.72vw, 12rem);
}
@media (max-width: 1280px) {
  .gener-sect-wide {
    margin-left: -2rem;
    margin-right: -2rem;
  }
}

.lng-value-item {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 1rem;
  overflow: hidden;
}
.lng-value-item:nth-child(1), .lng-value-item:nth-child(5) {
  width: 18.75%;
}
.lng-value-item:nth-child(3) {
  width: 53.13%;
}
.lng-value-item:nth-child(3) .wbox-item:nth-child(1) {
  width: 35%;
}
.lng-value-item:nth-child(3) .wbox-item:nth-child(2) {
  width: 30%;
}
.lng-value-item:nth-child(3) .wbox-item:nth-child(3) {
  width: 35%;
}
.lng-value-item h5 {
  background: #0072C6;
  color: #fff;
  font-size: clamp(2rem, 2.54vw, 2.6rem);
  padding: 1.3rem 0;
  font-weight: 600;
  line-height: 1.23;
}
.lng-value-item .wbox {
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-start;
  flex: 1;
  padding: 4rem 1.8rem;
}
.lng-value-item .wbox-item .icon {
  height: clamp(8rem, 8.01vw, 8.2rem);
}
.lng-value-item .wbox-item .icon.ico1::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/lng-ico1.svg) no-repeat;
  background-position: 50% 100%;
  background-size: auto 98.78%;
}
.lng-value-item .wbox-item .icon.ico2::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/lng-ico2.svg) no-repeat;
  background-position: 50% 100%;
  background-size: auto 90.24%;
}
.lng-value-item .wbox-item .icon.ico3::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/lng-ico3.svg) no-repeat;
  background-position: 50% 100%;
  background-size: auto 79.27%;
}
.lng-value-item .wbox-item .icon.ico4::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/lng-ico4.svg) no-repeat;
  background-position: 50% 100%;
  background-size: auto 82.93%;
}
.lng-value-item .wbox-item .icon.ico5::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/lng-ico5.svg) no-repeat;
  background-position: 50% 100%;
  background-size: auto 100%;
}
.lng-value-item .wbox-item h6 {
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.3;
  margin-top: 3.7rem;
}
.lng-value-item .wbox-item h6 .sm {
  font-size: 0.8em;
  font-weight: 700;
}
.lng-value-item .wbox-item .dots {
  font-size: clamp(1.4rem, 1.76vw, 1.8rem);
  color: #666;
  line-height: 1.66;
  margin-top: 2rem;
}
.lng-value-item .wbox-item .dots > li {
  position: relative;
  padding-left: 0.5em;
  text-align: left;
}
.lng-value-item .wbox-item .dots > li::before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background: #666;
  border-radius: 50%;
  position: absolute;
  top: 0.7em;
  left: 0;
}
.lng-value-item .wbox-item .dots.alone li {
  display: inline-block;
}
@media (max-width: 1024px) {
  .lng-value-item:nth-child(3) .wbox-item:nth-child(1), .lng-value-item:nth-child(3) .wbox-item:nth-child(2), .lng-value-item:nth-child(3) .wbox-item:nth-child(3) {
    width: 100%;
  }
}
@media (max-width: 640px) {
  .lng-value-item .wbox {
    flex-direction: column;
    gap: 6rem;
  }
  .lng-value-item .wbox-item {
    width: 100%;
  }
  .lng-value-item .wbox-item .dots {
    display: inline-block;
  }
}

.sect-envior .esg-item {
  padding: 3rem 2rem 0;
}

[lang=en] .sect-envior .esg-item {
  padding: 2rem 2rem 2rem;
}
[lang=en] .lng-value-item .wbox-item .dots {
  font-size: clamp(1.4rem, 1.37vw, 1.4rem);
}

.lng-value-items {
  display: flex;
  gap: 1.88%;
  justify-content: space-between;
  margin-top: clamp(5rem, 7.81vw, 8rem);
}
.lng-value-items .arr {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1024px) {
  .lng-value-items {
    flex-direction: column;
    gap: 2rem;
  }
  .lng-value-items .lng-value-item {
    width: 100%;
  }
  .lng-value-items .ico-arrow-right {
    transform: rotate(90deg);
    width: 1.8rem;
    height: 3.6rem;
    background-size: cover;
  }
}

.energy-thumb figure {
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
}
.energy-thumb figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.energy-thumb figure figcaption {
  position: absolute;
  right: clamp(1.2rem, 1.95vw, 2rem);
  bottom: clamp(1.2rem, 1.95vw, 2rem);
  font-size: clamp(1.2rem, 1.37vw, 1.4rem);
  font-weight: 700;
  color: #666;
}
.energy-thumb figure figcaption.wht {
  color: #fff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}
.energy-thumb .s-tit2 {
  margin-top: clamp(2rem, 4.88vw, 5rem);
}
.energy-thumb .s-tit2 .sm {
  font-size: clamp(1.4rem, 1.76vw, 1.8rem);
}
.energy-thumb .s-desc {
  margin-top: 2rem;
  line-height: 1.667;
}
.energy-thumb .btn-outline {
  width: 100%;
  margin-top: 3.5rem;
}
.energy-thumb .line {
  text-decoration: underline;
  text-decoration-thickness: 0.15rem;
  text-underline-offset: 0.15em;
}
@media (max-width: 640px) {
  .energy-thumb figure figcaption.wht {
    text-shadow: 0 1.167px 4.667px rgba(0, 0, 0, 0.5);
  }
  .energy-thumb .s-desc {
    line-height: 1.76;
  }
}

.energy-thumbs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8rem 6.25%;
}
@media (max-width: 640px) {
  .energy-thumbs {
    grid-template-columns: repeat(1, 1fr);
    gap: 4rem;
  }
}

.energy-picture {
  margin-top: clamp(3rem, 4.39vw, 4.5rem);
  padding-top: clamp(3rem, 4.39vw, 4.5rem);
  border-top: 1px solid #000;
}

.energy-sect-stream .s-tit1 {
  margin-top: clamp(7rem, 11.72vw, 12rem);
  margin-bottom: clamp(2rem, 2.93vw, 3rem);
  font-size: clamp(2.2rem, 2.97vw, 3.4rem);
}
.energy-sect-stream .energy-thumbs {
  margin-top: clamp(3rem, 4.39vw, 4.5rem);
  padding-top: clamp(3rem, 4.39vw, 4.5rem);
  border-top: 1px solid #000;
}

.energy-sect-stream2 {
  padding-bottom: clamp(7rem, 11.72vw, 12rem);
}
.energy-sect-stream2 .s-tit1 {
  font-size: clamp(1.8rem, 2.93vw, 3rem);
  font-weight: 800;
  line-height: 1.33;
  text-align: center;
}
.energy-sect-stream2 .energy-thumbs {
  margin-top: clamp(5rem, 7.81vw, 8rem);
}
@media (max-width: 640px) {
  .energy-sect-stream2 .s-tit1 {
    line-height: 1.44;
  }
}

.energy-sect-bnr {
  margin-top: clamp(7rem, 11.72vw, 12rem);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 34rem;
  background: url(../images/sub/energy-bnr.jpg) no-repeat 100% 50%;
  background-size: cover;
  border-radius: 1rem;
  text-align: center;
  font-size: clamp(1.6rem, 2.54vw, 2.6rem);
  font-weight: 700;
  line-height: 1.38;
  color: #fff;
  position: relative;
}
.energy-sect-bnr.bnr2 {
  background: url(../images/sub/energy-bnr2.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.energy-sect-bnr .caption {
  position: absolute;
  right: clamp(1rem, 1.95vw, 2rem);
  bottom: clamp(1rem, 1.95vw, 2rem);
  font-size: clamp(1.2rem, 1.37vw, 1.4rem);
}
@media (max-width: 640px) {
  .energy-sect-bnr {
    background: url(../images/sub/energy-bnr-mo.jpg) no-repeat 100% 100%;
    background-size: cover;
    height: 28rem;
    line-height: 1.625;
  }
  .energy-sect-bnr.bnr2 {
    background: url(../images/sub/energy-bnr2-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
}

.rene-sect1 {
  margin-top: clamp(3rem, 4.88vw, 5rem);
  text-align: left;
}
.rene-sect1 .btns {
  margin-top: clamp(3rem, 4.88vw, 5rem);
  display: flex;
  justify-content: space-between;
  gap: 2rem;
}
.rene-sect1 .btns .btn-outline {
  background: #fff;
  flex: 1;
}
@media (max-width: 768px) {
  .rene-sect1 .btns .btn-outline {
    flex: auto;
  }
}
@media (max-width: 640px) {
  .rene-sect1 .energy-thumb figure {
    height: 19.8rem;
  }
  .rene-sect1 .btns {
    flex-direction: column;
  }
  .rene-sect1 .btn-outline.pc-only {
    display: none;
  }
}

.energy-sect-rene {
  display: flex;
  justify-content: space-between;
  padding-top: clamp(7rem, 11.72vw, 12rem);
  gap: 6.25%;
}
.energy-sect-rene .rene-sect2 {
  width: 46.88%;
  display: flex;
  flex-direction: column;
}
.energy-sect-rene .rene-sect2 h4 {
  font-size: clamp(2.2rem, 3.91vw, 4rem);
  font-weight: 500;
  line-height: 1.35;
  padding-bottom: 5rem;
  width: 98%;
}
.energy-sect-rene .rene-sect2 h4 strong {
  font-weight: 800;
}
.energy-sect-rene .rene-sect2 .s-tit2 {
  margin-top: auto;
}
.energy-sect-rene .rene-sect2 .s-desc {
  margin-top: 2rem;
}
.energy-sect-rene figure {
  width: 46.88%;
}
@media (max-width: 640px) {
  .energy-sect-rene {
    flex-direction: column;
  }
  .energy-sect-rene .rene-sect2 {
    width: 100%;
  }
  .energy-sect-rene .rene-sect2 h4 {
    line-height: 1.45;
  }
  .energy-sect-rene figure {
    width: 100%;
    margin-top: 2rem;
  }
}

.energy-hydro-grp {
  padding: 5rem;
  background: #fff;
  border-radius: 1rem;
  margin-top: clamp(3rem, 4.88vw, 5rem);
}
@media (max-width: 1024px) {
  .energy-hydro-grp {
    padding: 2rem;
  }
}
@media (max-width: 767px) {
  .energy-hydro-grp {
    display: flex;
    justify-content: center;
  }
  .energy-hydro-grp picture {
    max-width: 35rem;
    margin: 0 auto;
  }
}

[lang=en] .energy-thumb figure figcaption {
  font-size: clamp(1.1rem, 1.37vw, 1.4rem);
}
@media (max-width: 640px) {
  [lang=en] .energy-hydro-grp {
    padding: 2rem 0 2rem 2rem;
  }
}
@media (max-width: 768px) {
  [lang=en] .energy-sect-bnr {
    padding: 0 2rem;
  }
}

.energy-sect-tab {
  margin-top: clamp(7rem, 11.72vw, 12rem);
}
.energy-sect-tab .s-tit0 {
  text-align: center;
  margin-bottom: clamp(5rem, 7.81vw, 8rem);
}

.energy-sect-solution h4 {
  font-size: clamp(2.2rem, 3.32vw, 3.4rem);
  font-weight: 800;
  padding-bottom: clamp(2rem, 3.91vw, 4rem);
  border-bottom: 2px solid #000;
  margin-bottom: clamp(4rem, 5.86vw, 6rem);
  margin-top: clamp(7rem, 11.72vw, 12rem);
}

.energy-sect-gener h4 {
  font-size: clamp(2.2rem, 2.73vw, 2.8rem);
  font-weight: 800;
  padding-bottom: clamp(2rem, 3.91vw, 4rem);
  border-bottom: 2px solid #000;
  margin-bottom: clamp(4rem, 5.86vw, 6rem);
}

.energy-sect-gener + .energy-sect-gener {
  margin-top: clamp(7rem, 11.72vw, 12rem);
}

.grp-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 37.73%;
  aspect-ratio: 1/1;
  background: url(../images/sub/gas-grp-cir.svg) no-repeat 50% 50%;
  background-size: cover;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.grp-circle h5 {
  font-size: clamp(3.2rem, 4.88vw, 5rem);
  font-weight: 800;
  margin: 1rem 0 1.6rem;
}
.grp-circle .t1 {
  font-size: clamp(1.2rem, 1.95vw, 2rem);
  font-weight: 600;
  color: #666;
}
.grp-circle .t2 {
  font-size: clamp(1.6rem, 2.34vw, 2.4rem);
  font-weight: 800;
  color: #666;
}
.grp-circle .t3 {
  font-size: clamp(1.2rem, 1.46vw, 1.4rem);
  font-weight: 600;
  color: #999;
  line-height: 2;
}
@media (max-width: 640px) {
  .grp-circle {
    width: 88.57%;
    margin-bottom: 4rem;
  }
  .grp-circle h5 {
    margin: 0.5rem 0 1rem;
  }
}

[lang=en] .grp-circle .t2 {
  font-size: clamp(1.2rem, 2.1vw, 2.4rem);
}
[lang=en] .grp-circle .t3 {
  font-size: clamp(0.85rem, 1.1vw, 1.2rem);
}
[lang=en] .grp-circle h5 {
  font-size: clamp(3rem, 4.6vw, 5rem);
}
@media (max-width: 768px) {
  [lang=en] .grp-circle h5 {
    margin-bottom: 1rem;
  }
}
@media (max-width: 640px) {
  [lang=en] .grp-circle h5 {
    font-size: 3.2rem;
  }
  [lang=en] .grp-circle .t2 {
    font-size: 1.6rem;
  }
}

.energy-gas-grp {
  position: relative;
  margin-top: clamp(5rem, 7.32vw, 7.5rem);
}
.energy-gas-grp .grp-bx {
  position: absolute;
  top: 8.28%;
  left: 0;
  width: 22.58%;
  height: auto;
  background: #fff;
  border-radius: 1rem;
  border: 1px solid #999;
  padding: clamp(1rem, 1.56vw, 2rem);
}
.energy-gas-grp .grp-bx::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #999;
  position: absolute;
  top: clamp(1rem, 2.58vw, 3.3rem);
  right: -100%;
}
.energy-gas-grp .grp-bx .t1 {
  font-size: clamp(1.6rem, 1.88vw, 2.4rem);
  font-weight: 800;
  color: #0072C6;
  text-align: right;
  position: relative;
  padding-right: clamp(1rem, 2.34vw, 2.4rem);
}
.energy-gas-grp .grp-bx .t1::after {
  content: "";
  display: block;
  width: clamp(0.8rem, 1.09vw, 1.4rem);
  height: clamp(0.8rem, 1.09vw, 1.4rem);
  background: #0072C6;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 0.3em;
}
.energy-gas-grp .grp-bx .b1 {
  display: block;
  font-size: clamp(2rem, 2.66vw, 3.4rem);
  font-weight: 900;
  color: #444;
  text-align: right;
  margin: 1.2rem 0;
}
.energy-gas-grp .grp-bx .b2 {
  display: block;
  font-size: clamp(1.4rem, 1.41vw, 1.8rem);
  font-weight: 500;
  text-align: right;
  color: #666;
}
.energy-gas-grp .grp-bx .t2 {
  display: block;
  font-size: clamp(1.6rem, 1.56vw, 2rem);
  font-weight: 700;
  color: #C4C4C4;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.energy-gas-grp .grp-bx .t2::before {
  content: "";
  display: block;
  width: clamp(0.8rem, 1.09vw, 1.4rem);
  height: clamp(0.8rem, 1.09vw, 1.4rem);
  background: #C4C4C4;
  border-radius: 50%;
}
.energy-gas-grp .grp-bx .t3 {
  display: block;
  font-size: clamp(2rem, 2.03vw, 2.6rem);
  font-weight: 900;
  color: #999;
  margin-top: clamp(0.6rem, 0.94vw, 1.2rem);
  text-align: left;
}
.energy-gas-grp .grp-bx.bxe {
  bottom: 8.28%;
  left: 8.58%;
  top: initial;
}
.energy-gas-grp .grp-bx.bxe .t2,
.energy-gas-grp .grp-bx.bxe .t3 {
  text-align: right;
}
.energy-gas-grp .grp-bx.bxe .t2 {
  justify-content: flex-end;
}
.energy-gas-grp .grp-bx.bxe .t2::before {
  display: none;
}
.energy-gas-grp .grp-bx.bxe .t2::after {
  content: "";
  display: block;
  width: clamp(0.8rem, 1.09vw, 1.4rem);
  height: clamp(0.8rem, 1.09vw, 1.4rem);
  background: #C4C4C4;
  border-radius: 50%;
}
.energy-gas-grp .grp-bx.bxa {
  left: initial;
  right: 0;
  top: 5.18%;
}
.energy-gas-grp .grp-bx.bxa .t2 {
  color: #87C8F8;
}
.energy-gas-grp .grp-bx.bxa .t2::before {
  background: #87C8F8;
}
.energy-gas-grp .grp-bx.bxb {
  left: initial;
  right: 0;
  top: 38%;
}
.energy-gas-grp .grp-bx.bxb .t2 {
  color: #7CE2D1;
}
.energy-gas-grp .grp-bx.bxb .t2::before {
  background: #7CE2D1;
}
.energy-gas-grp .grp-bx.bxc {
  left: initial;
  right: 0;
  top: 70%;
}
.energy-gas-grp .grp-bx.bxc .t2 {
  color: #E0AFE8;
}
.energy-gas-grp .grp-bx.bxc .t2::before {
  background: #E0AFE8;
}
.energy-gas-grp .grp-bx.bxa, .energy-gas-grp .grp-bx.bxb, .energy-gas-grp .grp-bx.bxc {
  width: 10%;
  right: 12%;
}
.energy-gas-grp .grp-bx.bxa::before, .energy-gas-grp .grp-bx.bxb::before, .energy-gas-grp .grp-bx.bxc::before {
  right: initial;
  width: 160%;
  left: -160%;
}
.energy-gas-grp .grp-bx.bxe {
  width: 14%;
}
@media (max-width: 1024px) {
  .energy-gas-grp .grp-bx.bxa, .energy-gas-grp .grp-bx.bxb, .energy-gas-grp .grp-bx.bxc {
    width: 14%;
    right: 2%;
  }
  .energy-gas-grp .grp-bx.bxa::before, .energy-gas-grp .grp-bx.bxb::before, .energy-gas-grp .grp-bx.bxc::before {
    right: initial;
    width: 160%;
    left: -160%;
  }
  .energy-gas-grp .grp-bx.bxe {
    width: 20%;
    left: 2.58%;
  }
}
@media (max-width: 640px) {
  .energy-gas-grp {
    position: initial;
  }
  .energy-gas-grp .grp-bx {
    position: initial;
    width: 100%;
    display: flex;
    align-items: center;
    border: 0;
    background: transparent;
  }
  .energy-gas-grp .grp-bx::before {
    display: none;
  }
  .energy-gas-grp .grp-bx .t1 {
    padding-right: 0;
    display: flex;
    align-items: center;
    gap: 1rem;
  }
  .energy-gas-grp .grp-bx .t1::after {
    display: none;
  }
  .energy-gas-grp .grp-bx .t1::before {
    content: "";
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    background: #0072C6;
  }
  .energy-gas-grp .grp-bx .b1 {
    order: 3;
    margin: 0;
    margin-left: auto;
  }
  .energy-gas-grp .grp-bx .b2 {
    margin-left: 1rem;
    color: #666;
  }
  .energy-gas-grp .grp-bx .t2::before {
    width: 1.2rem;
    height: 1.2rem;
  }
  .energy-gas-grp .grp-bx .t3 {
    margin: 0;
    margin-left: auto;
  }
  .energy-gas-grp .grp-bx.bxe {
    width: 100%;
  }
  .energy-gas-grp .grp-bx.bxe .t2::after {
    display: none;
  }
  .energy-gas-grp .grp-bx.bxe .t2::before {
    display: block;
  }
  .energy-gas-grp .grp-bx.bxa, .energy-gas-grp .grp-bx.bxb, .energy-gas-grp .grp-bx.bxc {
    width: 100%;
  }
}

[lang=en] .energy-gas-grp .grp-bx.bxa, [lang=en] .energy-gas-grp .grp-bx.bxb, [lang=en] .energy-gas-grp .grp-bx.bxc {
  width: 15%;
  right: 4%;
}
@media (max-width: 1024px) {
  [lang=en] .energy-gas-grp .grp-bx.bxa, [lang=en] .energy-gas-grp .grp-bx.bxb, [lang=en] .energy-gas-grp .grp-bx.bxc {
    width: 20%;
  }
}
@media (max-width: 768px) {
  [lang=en] .energy-gas-grp .grp-bx {
    width: 25%;
  }
  [lang=en] .energy-gas-grp .grp-bx.bxa, [lang=en] .energy-gas-grp .grp-bx.bxb, [lang=en] .energy-gas-grp .grp-bx.bxc {
    width: 23%;
    right: 0;
  }
  [lang=en] .energy-gas-grp .grp-bx.bxe {
    bottom: 0;
    left: 1%;
  }
}
@media (max-width: 640px) {
  [lang=en] .energy-gas-grp .grp-bx {
    width: 100%;
  }
  [lang=en] .energy-gas-grp .grp-bx:nth-child(2) {
    position: relative;
    flex-direction: column;
    align-items: flex-start;
  }
  [lang=en] .energy-gas-grp .grp-bx:nth-child(2) .b1 {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
  }
  [lang=en] .energy-gas-grp .grp-bx:nth-child(2) .b2 {
    margin-left: 2.2rem;
    margin-top: 0.2rem;
  }
  [lang=en] .energy-gas-grp .grp-bx.bxa, [lang=en] .energy-gas-grp .grp-bx.bxb, [lang=en] .energy-gas-grp .grp-bx.bxc {
    width: 100%;
  }
}

.energy-gas-map {
  padding-top: clamp(7rem, 11.72vw, 12rem);
}
.energy-gas-map .s-tit0 {
  text-align: center;
}
.energy-gas-map .local-map-map {
  margin-top: clamp(3rem, 4.88vw, 5rem);
}
.energy-gas-map .local-map-lists {
  margin-top: clamp(5rem, 7.81vw, 8rem);
}
.energy-gas-map .local-map-lists .desc {
  margin-top: clamp(1.2rem, 1.66vw, 1.7rem);
  font-size: clamp(1.4rem, 1.56vw, 1.6rem);
  line-height: 1.37;
  color: #666;
}
.energy-gas-map .m-layer.loc3 {
  top: 20.5%;
}
@media (max-width: 640px) {
  .energy-gas-map .m-layer.loc3 {
    left: -10%;
  }
}

[lang=en] .city-gas-notis {
  margin: 3rem 0 clamp(7rem, 11.72vw, 12rem);
}
[lang=en] .energy-gas-map .m-layer.loc3 {
  left: -19%;
  width: auto;
}
[lang=en] .energy-gas-map .m-layer.loc4 {
  top: 63%;
  left: 56%;
}
[lang=en] .energy-gas-map .m-layer.loc4 .pin {
  top: 2.5rem;
  transform: rotate(0);
  left: 50%;
}
[lang=en] .energy-gas-map .m-layer.loc5 {
  top: 45%;
  left: 3%;
}
[lang=en] .energy-gas-map .m-layer.loc5 .pin {
  top: 0;
  transform: rotate(0);
}
[lang=en] .energy-gas-map .m-layer.loc6 {
  left: 63.5%;
}
[lang=en] .energy-gas-map .m-layer.loc6 .pin {
  left: 25%;
}
[lang=en] .energy-gas-map .m-layer.loc7 {
  left: 27%;
}
[lang=en] .energy-gas-map .m-layer.loc8 {
  left: 13%;
}
[lang=en] .energy-gas-map .m-layer.loc9 {
  top: 6%;
  right: 38%;
}
[lang=en] .energy-gas-map .m-layer.loc10 {
  left: 3%;
  top: 53%;
}
[lang=en] .energy-gas-map .m-layer.loc10 .pin {
  left: 55%;
}
@media (max-width: 640px) {
  [lang=en] .energy-gas-map .m-layer.loc3 {
    top: 16%;
    left: -11%;
  }
  [lang=en] .energy-gas-map .m-layer.loc4 {
    top: 64%;
    left: 53%;
  }
  [lang=en] .energy-gas-map .m-layer.loc4 .pin {
    top: 1.5rem;
  }
  [lang=en] .energy-gas-map .m-layer.loc5 {
    left: -3%;
    top: 46%;
  }
  [lang=en] .energy-gas-map .m-layer.loc6 {
    left: 36%;
    top: 40%;
  }
  [lang=en] .energy-gas-map .m-layer.loc6 .pin {
    left: 61%;
  }
  [lang=en] .energy-gas-map .m-layer.loc7 {
    left: 24%;
  }
  [lang=en] .energy-gas-map .m-layer.loc8 {
    top: 68%;
  }
}
@media (max-width: 640px) {
  [lang=en] .energy-gas-map .m-layer .box {
    font-size: 1.1rem;
  }
  [lang=en] .energy-gas-map .m-layer.loc3 {
    top: 14%;
    left: -13.5%;
  }
  [lang=en] .energy-gas-map .m-layer.loc3 .pin {
    transform: rotate(0);
    top: 2rem;
    left: 80%;
  }
  [lang=en] .energy-gas-map .m-layer.loc4 {
    top: 75%;
  }
  [lang=en] .energy-gas-map .m-layer.loc4 .pin {
    transform: rotate(180deg);
    top: -2rem;
  }
  [lang=en] .energy-gas-map .m-layer.loc5 {
    width: 39%;
    left: 6%;
    top: 49%;
  }
  [lang=en] .energy-gas-map .m-layer.loc5 .box {
    height: 2.8rem;
  }
  [lang=en] .energy-gas-map .m-layer.loc5 .pin {
    top: 0;
    height: 3rem;
    transform: rotate(-90deg);
    left: 105%;
  }
  [lang=en] .energy-gas-map .m-layer.loc6 {
    width: 40%;
    left: 53%;
    top: 41.5%;
  }
  [lang=en] .energy-gas-map .m-layer.loc6 .box {
    height: 2.8rem;
  }
  [lang=en] .energy-gas-map .m-layer.loc6 .pin {
    height: 3rem;
  }
  [lang=en] .energy-gas-map .m-layer.loc7 {
    left: 26%;
    top: 34%;
  }
  [lang=en] .energy-gas-map .m-layer.loc8 {
    width: auto;
    top: 73%;
    left: -11%;
  }
  [lang=en] .energy-gas-map .m-layer.loc8 .pin {
    transform: rotate(-90deg);
    left: 104%;
    height: 2rem;
    top: 0.2rem;
  }
  [lang=en] .energy-gas-map .m-layer.loc9 {
    right: 35%;
  }
  [lang=en] .energy-gas-map .m-layer.loc10 {
    width: auto;
    top: 63%;
    left: 1%;
  }
  [lang=en] .energy-gas-map .m-layer.loc10 .pin {
    transform: rotate(180deg);
    top: -2rem;
  }
}

.p-desc + .p-astrs {
  margin-top: clamp(1.2rem, 2.93vw, 3rem);
}

.perk-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: clamp(2.7rem, 2.93vw, 3rem) 0;
  border: 1px solid #dedede;
  border-radius: 1rem;
  height: 100%;
}
.perk-item .s-tit3 {
  font-size: clamp(1.8rem, 2.15vw, 2.2rem);
}
.perk-item .s-desc {
  font-size: clamp(1.4rem, 1.56vw, 1.6rem);
  line-height: 1.37;
  margin-top: clamp(1.2rem, 1.56vw, 1.6rem);
  padding-right: clamp(2rem, 2.73vw, 2.8rem);
}
.perk-item .icon {
  width: 27.3%;
  height: 8rem;
}
.perk-item .icon.ico1::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/welfare-ico1.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 87.5%;
}
.perk-item .icon.ico2::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/welfare-ico2.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 80%;
}
.perk-item .icon.ico3::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/welfare-ico3.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 76.25%;
}
.perk-item .icon.ico4::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/welfare-ico4.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 90%;
}
.perk-item .icon.ico5::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/welfare-ico5.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 89.5%;
}
.perk-item .icon.ico6::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/welfare-ico6.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 75%;
}
.perk-item .icon.ico7::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/welfare-ico7.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 88.75%;
}
.perk-item .icon.ico8::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/welfare-ico8.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 91.25%;
}
.perk-item .icon.ico9::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/welfare-ico9.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 88.75%;
}
.perk-item .icon.ico10::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/welfare-ico10.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 85%;
}
.perk-item .icon.ico11::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/welfare-ico11.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 87.5%;
}
.perk-item .desc {
  width: 72.7%;
}
@media (max-width: 768px) {
  .perk-item .icon {
    width: 30%;
    height: 6rem;
  }
  .perk-item .desc {
    width: 70%;
  }
}

.perk-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
@media (max-width: 640px) {
  .perk-items {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

.welfare-sect {
  margin-top: clamp(5rem, 7.81vw, 8rem);
}
.welfare-sect .shty2 {
  font-size: clamp(2.2rem, 3.32vw, 3.4rem);
  padding-bottom: clamp(1.8rem, 3.71vw, 3.6rem);
  border-bottom: 2px solid #000;
  font-weight: 800;
  line-height: 1.1;
}
.welfare-sect .perk-items {
  margin-top: clamp(2rem, 3.52vw, 4rem);
}

.p-desc + .welfare-sect {
  margin-top: clamp(7rem, 11.72vw, 12rem);
}

.cultiv-item {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-top: 4rem;
  position: relative;
}
.cultiv-item::before {
  content: "";
  display: block;
  width: 1px;
  height: 4rem;
  background: #dedede;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -0.5px;
}
.cultiv-item h5 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 1rem;
  padding: 1.4rem 0;
}
.cultiv-item h5.ty1 {
  background: #A9DBFF;
}
.cultiv-item h5.ty2 {
  background: #9EE9DC;
}
.cultiv-item h5.ty3 {
  background: #ccc;
}
.cultiv-item h5 .icon {
  display: block;
  width: 3.6rem;
  height: 3.7rem;
}
.cultiv-item h5 .ico1 {
  background: url(../images/sub/cultiv-ico1.svg) no-repeat 50% 50%;
  background-size: 83.33% auto;
}
.cultiv-item h5 .ico2 {
  background: url(../images/sub/cultiv-ico2.svg) no-repeat 50% 50%;
  background-size: 88.89% auto;
}
.cultiv-item h5 .ico3 {
  background: url(../images/sub/cultiv-ico3.svg) no-repeat 50% 50%;
  background-size: 100% auto;
}
.cultiv-item h5 .s-tit3 {
  display: block;
  margin-top: clamp(0.8rem, 0.98vw, 1rem);
  font-size: clamp(1.6rem, 2.15vw, 2.2rem);
}
.cultiv-item h6 {
  font-size: clamp(1.6rem, 1.76vw, 1.8rem);
  font-weight: 700;
  padding-top: 2.6rem;
  padding-bottom: 1.5rem;
  border-top: 1px dashed #dedede;
  margin-top: 2.6rem;
}
.cultiv-item h6:first-child {
  border-top: 0;
  margin: 0;
  padding-top: 0;
}
.cultiv-item .box {
  border: 1px solid #dedede;
  border-radius: 1rem;
  padding: clamp(2.6rem, 2.93vw, 3rem);
  flex-grow: 1;
}
.cultiv-item .lists-dots {
  margin-left: 0.7rem;
}
.cultiv-item .lists-dots > li {
  font-size: clamp(1.4rem, 1.76vw, 1.6rem);
  line-height: 1.5;
  padding-left: 0.9em;
}
.cultiv-item .ico-arrow {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12' viewBox='0 0 15 12' fill='none'%3E%3Cpath d='M0.5 6H13.5M13.5 6L8.5 1M13.5 6L8.5 11' stroke='%23666666'/%3E%3C/svg%3E");
  vertical-align: middle;
  margin-right: 0.4rem;
}

.cultiv-items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: clamp(2rem, 3vw, 4rem);
  position: relative;
}
.cultiv-items::before {
  content: "";
  display: block;
  width: 68.83%;
  height: 1px;
  background: #dedede;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 640px) {
  .cultiv-items {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .cultiv-items::before {
    display: none;
  }
}

.cultiv-sect {
  margin-top: clamp(5rem, 7.81vw, 8rem);
}
.cultiv-sect h4 {
  text-align: center;
}
.cultiv-sect h4 span {
  display: inline-block;
  font-size: 2.2rem;
  font-weight: 800;
  color: #fff;
  line-height: 1.2;
  background: #0072C6;
  padding: clamp(2.8rem, 3.42vw, 3.5rem) clamp(4.8rem, 5.86vw, 7rem);
  border-radius: 5rem;
  font-size: clamp(1.6rem, 2.15vw, 2.2rem);
}
.cultiv-sect h4::after {
  content: "";
  display: block;
  width: 1px;
  height: clamp(3rem, 3.91vw, 4rem);
  background: #dedede;
  margin: 0 auto;
}

.duty-sect {
  margin-top: clamp(5rem, 7.81vw, 8rem);
}
.duty-sect .s-desc p + p {
  margin-top: 0.9rem;
}

.jobpos-item {
  background: #EAF5FD;
  border-radius: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 3rem;
  text-align: center;
  min-height: 44rem;
}
.jobpos-item .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(14rem, 15.63vw, 16rem);
  aspect-ratio: 1/1;
  background: #fff;
  border-radius: 50%;
}
.jobpos-item .icon.ico1::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/jobpps-ico1.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 39.38%;
}
.jobpos-item .icon.ico2::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/jobpps-ico2.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 35.63%;
}
.jobpos-item .icon.ico3::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/jobpps-ico3.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 43.75%;
}
.jobpos-item .tx {
  font-size: clamp(1.6rem, 1.76vw, 1.8rem);
  font-weight: 500;
  line-height: 1.44;
  color: #666;
  padding-left: clamp(5rem, 6.64vw, 6.8rem);
  padding-right: clamp(5rem, 6.64vw, 6.8rem);
}
.jobpos-item .tx strong {
  display: block;
  font-weight: 700;
  color: #222;
  margin-bottom: 1rem;
}
.jobpos-item .tx h4 {
  font-weight: 700;
  color: #222;
  font-size: clamp(2rem, 2.34vw, 2.4rem);
}
.jobpos-item .tx p {
  margin-top: 1rem;
}
.jobpos-item .tx a.hc1 {
  text-decoration: underline;
}
@media (max-width: 768px) {
  .jobpos-item .tx {
    padding-left: 3vw;
    padding-right: 3vw;
  }
}
@media (max-width: 640px) {
  .jobpos-item .tx {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

.jobpos-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(2rem, 3.91vw, 4rem);
  margin-top: clamp(4rem, 5.86vw, 6rem);
}
@media (max-width: 640px) {
  .jobpos-items {
    grid-template-columns: repeat(1, 1fr);
  }
  .jobpos-items .jobpos-item {
    min-height: 38.5rem;
  }
}

.jobpross {
  display: flex;
  justify-content: space-between;
  margin-top: clamp(3rem, 7.81vw, 8rem);
  margin-bottom: clamp(3rem, 7.81vw, 8rem);
}
.jobpross-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 16.41%;
  aspect-ratio: 1/1;
  border: 1px solid #dedede;
  border-radius: 50%;
}
.jobpross-item .icon {
  width: 100%;
  height: 38.1%;
}
.jobpross-item .icon.ico1::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/jobpros-ico1.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 95%;
}
.jobpross-item .icon.ico2::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/jobpros-ico2.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 90%;
}
.jobpross-item .icon.ico3::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/jobpros-ico3.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 87.5%;
}
.jobpross-item .icon.ico4::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/jobpros-ico4.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 76.25%;
}
.jobpross-item .icon.ico5::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/sub/jobpros-ico5.svg) no-repeat;
  background-position: 50% 50%;
  background-size: auto 73.75%;
}
.jobpross-item .tx {
  font-size: clamp(1.1rem, 1.95vw, 2rem);
  margin-top: clamp(1rem, 1.95vw, 2rem);
  font-weight: 700;
  line-height: 1.4;
}
.jobpross-item:first-child {
  border: 5px solid #A9DBFF;
}
.jobpross .arr {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 640px) {
  .jobpross-item {
    border: 0;
    height: auto;
    aspect-ratio: initial;
  }
  .jobpross-item .icon {
    width: 100%;
    height: auto;
    max-height: 15vw;
    aspect-ratio: 1/1;
    border: 1px solid #dedede;
    border-radius: 50%;
    padding: 3.13vw 0;
  }
  .jobpross-item:first-child {
    border: 0;
  }
  .jobpross-item:first-child .icon {
    border: 2px solid #A9DBFF;
  }
  .jobpross .arr {
    height: 15vw;
  }
  .jobpross .ico-arrow-right {
    width: 0.6rem;
    height: 1rem;
  }
}
@media (max-width: 390px) {
  .jobpross-item .icon {
    padding: 1.2rem 0;
  }
}

.jobpos-sect .shty2 {
  font-size: clamp(2.2rem, 3.32vw, 3.4rem);
  padding-bottom: clamp(2rem, 3.91vw, 4rem);
  border-bottom: 2px solid #222;
  margin-top: clamp(7rem, 11.72vw, 12rem);
}
.jobpos-sect .s-tit2 {
  margin-top: clamp(4rem, 5.86vw, 6rem);
  margin-bottom: clamp(1.5rem, 1.95vw, 2rem);
}
.jobpos-sect .lists-dots {
  margin-top: clamp(2rem, 2.93vw, 3rem);
}